@operato/board 1.0.0-alpha.9 → 1.0.0-beta.2

package/CHANGELOG.md

@@ -3,6 +3,399 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.0-beta.2](https://github.com/hatiolab/operato/compare/v1.0.0-beta.1...v1.0.0-beta.2) (2022-04-12)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-beta.1](https://github.com/hatiolab/operato/compare/v1.0.0-beta.0...v1.0.0-beta.1) (2022-04-11)
+
+
+### :rocket: New Features
+
+* support start/run scenario in tab event ([3fac18f](https://github.com/hatiolab/operato/commit/3fac18fc4aa45c137d6492ad02d1275e6a3c8ced))
+
+
+
+## [1.0.0-beta.0](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.53...v1.0.0-beta.0) (2022-04-10)
+
+
+### :rocket: New Features
+
+* all component can subscribe message from server ([dd761e4](https://github.com/hatiolab/operato/commit/dd761e47d73707cc967cf02101c60971cd22fee6))
+* all component can subscribe message from server ([3e41da0](https://github.com/hatiolab/operato/commit/3e41da09ce24c82a88a96c26c328de293de14853))
+* all component can subscribe message from server ([26354ea](https://github.com/hatiolab/operato/commit/26354ea6ae89642a9505a3763dbfe81c3a32d84e))
+
+
+### :bug: Bug Fix
+
+* @hatiolab/things-scene 2.8.0 to support tag-subscription ([0e91c46](https://github.com/hatiolab/operato/commit/0e91c461007b9321e8cbaa7977a8b7eced394dbc))
+* @hatiolab/things-scene 2.8.1 to support tag-subscription ([8e6dc87](https://github.com/hatiolab/operato/commit/8e6dc87a7e79dd053ac8e9a491f5ad8612cf96ac))
+
+
+
+## [1.0.0-alpha.53](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.52...v1.0.0-alpha.53) (2022-04-08)
+
+
+### :rocket: New Features
+
+* ox-board-viewer support async model loading ([ff070cc](https://github.com/hatiolab/operato/commit/ff070ccfdceeab6ff8ec0df4d10b090f0c44f5c0))
+
+
+
+## [1.0.0-alpha.52](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.51...v1.0.0-alpha.52) (2022-04-08)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.50...v1.0.0-alpha.51) (2022-04-05)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.50](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.49...v1.0.0-alpha.50) (2022-04-04)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.49](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.48...v1.0.0-alpha.49) (2022-04-04)
+
+
+### :bug: Bug Fix
+
+* lit@2.2.1 ([6707752](https://github.com/hatiolab/operato/commit/6707752907d24f7ecbe248cba18a4b18cfda282f))
+
+
+
+## [1.0.0-alpha.48](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.47...v1.0.0-alpha.48) (2022-04-03)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.47](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.46...v1.0.0-alpha.47) (2022-04-02)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.46](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.45...v1.0.0-alpha.46) (2022-04-02)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.45](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.44...v1.0.0-alpha.45) (2022-03-31)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.44](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.43...v1.0.0-alpha.44) (2022-03-31)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.43](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.42...v1.0.0-alpha.43) (2022-03-30)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.42](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.41...v1.0.0-alpha.42) (2022-03-29)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.41](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.40...v1.0.0-alpha.41) (2022-03-27)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.40](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.39...v1.0.0-alpha.40) (2022-03-26)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.39](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.38...v1.0.0-alpha.39) (2022-03-25)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.38](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.37...v1.0.0-alpha.38) (2022-03-25)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.36...v1.0.0-alpha.37) (2022-03-25)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.36](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.35...v1.0.0-alpha.36) (2022-03-21)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.34...v1.0.0-alpha.35) (2022-03-21)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.34](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.33...v1.0.0-alpha.34) (2022-03-20)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.33](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.32...v1.0.0-alpha.33) (2022-03-19)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.32](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.31...v1.0.0-alpha.32) (2022-03-19)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.31](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.30...v1.0.0-alpha.31) (2022-03-19)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.29...v1.0.0-alpha.30) (2022-03-18)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.29](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.28...v1.0.0-alpha.29) (2022-03-17)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.28) (2022-03-17)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.27](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.27) (2022-03-17)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.26](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.25...v1.0.0-alpha.26) (2022-03-17)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.25](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.24...v1.0.0-alpha.25) (2022-03-17)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.24](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.23...v1.0.0-alpha.24) (2022-03-17)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.23](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.22...v1.0.0-alpha.23) (2022-03-17)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.22](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.21...v1.0.0-alpha.22) (2022-03-17)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.21](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.20...v1.0.0-alpha.21) (2022-03-16)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.19...v1.0.0-alpha.20) (2022-03-15)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.18...v1.0.0-alpha.19) (2022-03-14)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.18](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.17...v1.0.0-alpha.18) (2022-03-14)
+
+
+### :bug: Bug Fix
+
+* missing font module import ([a5348cf](https://github.com/hatiolab/operato/commit/a5348cf0d567927f18bf31bba09994f3fbf742f6))
+
+
+
+## [1.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.16...v1.0.0-alpha.17) (2022-03-13)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.15...v1.0.0-alpha.16) (2022-03-13)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.15](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.14...v1.0.0-alpha.15) (2022-03-13)
+
+
+### :rocket: New Features
+
+* migrate input, property-editor from things-factory ([dbd5e73](https://github.com/hatiolab/operato/commit/dbd5e73eac328e72c4bb7abd113a819532bc894d))
+
+
+
+## [1.0.0-alpha.14](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.13...v1.0.0-alpha.14) (2022-03-13)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2022-03-13)
+
+
+### :bug: Bug Fix
+
+* typos ([71447fa](https://github.com/hatiolab/operato/commit/71447fa2dfb52c5e45909baac735c2e195856256))
+
+
+
+## [1.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.11...v1.0.0-alpha.12) (2022-03-13)
+
+
+### :rocket: New Features
+
+* migrate input, property-editor from things-factory ([4800d85](https://github.com/hatiolab/operato/commit/4800d859473bf623325233a7f2af851e5d093dcb))
+
+
+
+## [1.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.10...v1.0.0-alpha.11) (2022-03-12)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [1.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2022-03-12)
+
+
+### :bug: Bug Fix
+
+* invalid import ([6448b1f](https://github.com/hatiolab/operato/commit/6448b1fb3df90760ca80e42827e53901fcefefe0))
+
+
+
 ## [1.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.8...v1.0.0-alpha.9) (2022-03-12)
 
 

package/dist/src/graphql/data-subscription.d.ts

@@ -0,0 +1,7 @@
+import { Component, DataSubscriptionProvider } from '@hatiolab/things-scene';
+export declare class DataSubscriptionProviderImpl implements DataSubscriptionProvider {
+    subscribe(tag: string, component: Component): Promise<{
+        unsubscribe(): void;
+    }>;
+    dispose(): void;
+}

package/dist/src/graphql/data-subscription.js

@@ -0,0 +1,24 @@
+import gql from 'graphql-tag';
+import { subscribe } from '@operato/graphql';
+export class DataSubscriptionProviderImpl {
+    async subscribe(tag, component) {
+        return await subscribe({
+            query: gql `
+                  subscription {
+                    data(tag: "${tag}") {
+                      tag
+                      data
+                    }
+                  }
+                `
+        }, {
+            next: async ({ data }) => {
+                if (data) {
+                    component.data = data.data.data;
+                }
+            }
+        });
+    }
+    dispose() { }
+}
+//# sourceMappingURL=data-subscription.js.map

package/dist/src/graphql/data-subscription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-subscription.js","sourceRoot":"","sources":["../../../src/graphql/data-subscription.ts"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,MAAM,OAAO,4BAA4B;IACvC,KAAK,CAAC,SAAS,CAAC,GAAW,EAAE,SAAoB;QAC/C,OAAO,MAAM,SAAS,CACpB;YACE,KAAK,EAAE,GAAG,CAAA;;iCAEe,GAAG;;;;;iBAKnB;SACV,EACD;YACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAiB,EAAE,EAAE;gBACtC,IAAI,IAAI,EAAE;oBACR,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA;iBAChC;YACH,CAAC;SACF,CACF,CAAA;IACH,CAAC;IAED,OAAO,KAAI,CAAC;CACb","sourcesContent":["import { Component, DataSubscriptionProvider } from '@hatiolab/things-scene'\n\nimport gql from 'graphql-tag'\nimport { subscribe } from '@operato/graphql'\n\nexport class DataSubscriptionProviderImpl implements DataSubscriptionProvider {\n  async subscribe(tag: string, component: Component) {\n    return await subscribe(\n      {\n        query: gql`\n                  subscription {\n                    data(tag: \"${tag}\") {\n                      tag\n                      data\n                    }\n                  }\n                `\n      },\n      {\n        next: async ({ data }: { data: any }) => {\n          if (data) {\n            component.data = data.data.data\n          }\n        }\n      }\n    )\n  }\n\n  dispose() {}\n}\n"]}

package/dist/src/graphql/scenario.d.ts

@@ -0,0 +1,6 @@
+export declare const scenarios: () => Promise<{
+    name: string;
+    description: string;
+}[]>;
+export declare const startScenario: (scenarioName: string, instanceName: string, variables: string | number | object) => Promise<any>;
+export declare const runScenario: (scenarioName: string, variables: string | number | object) => Promise<any>;

package/dist/src/graphql/scenario.js

@@ -0,0 +1,69 @@
+import gql from 'graphql-tag';
+import { client } from '@operato/graphql';
+export const scenarios = async () => {
+    var response = await client.query({
+        query: gql `
+      query {
+        scenarios {
+          items {
+            name
+            description
+          }
+        }
+      }
+    `
+    });
+    if (response.errors) {
+        return [];
+    }
+    return response.data.scenarios.items;
+};
+export const startScenario = async (scenarioName, instanceName, variables) => {
+    var _a, _b;
+    if (!scenarioName) {
+        return;
+    }
+    if (client) {
+        var response = await client.query({
+            query: gql `
+        mutation ($instanceName: String, $scenarioName: String!, $variables: Object) {
+          startScenario(instanceName: $instanceName, scenarioName: $scenarioName, variables: $variables) {
+            state
+            message
+            data
+          }
+        }
+      `,
+            variables: {
+                instanceName: instanceName,
+                scenarioName: scenarioName,
+                variables
+            }
+        });
+        return (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.startScenario) === null || _b === void 0 ? void 0 : _b.data;
+    }
+};
+export const runScenario = async (scenarioName, variables) => {
+    var _a, _b;
+    if (!scenarioName)
+        return;
+    if (client) {
+        var response = await client.query({
+            query: gql `
+        mutation ($scenarioName: String!, $variables: Object) {
+          runScenario(scenarioName: $scenarioName, variables: $variables) {
+            state
+            message
+            data
+          }
+        }
+      `,
+            variables: {
+                scenarioName: scenarioName,
+                variables
+            }
+        });
+        return (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.runScenario) === null || _b === void 0 ? void 0 : _b.data;
+    }
+};
+//# sourceMappingURL=scenario.js.map

package/dist/src/graphql/scenario.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scenario.js","sourceRoot":"","sources":["../../../src/graphql/scenario.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,IAAsD,EAAE;IACpF,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAChC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;KAST;KACF,CAAC,CAAA;IAEF,IAAI,QAAQ,CAAC,MAAM,EAAE;QACnB,OAAO,EAAE,CAAA;KACV;IAED,OAAO,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;AACtC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,EAChC,YAAoB,EACpB,YAAoB,EACpB,SAAmC,EACnC,EAAE;;IACF,IAAI,CAAC,YAAY,EAAE;QACjB,OAAM;KACP;IAED,IAAI,MAAM,EAAE;QACV,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAChC,KAAK,EAAE,GAAG,CAAA;;;;;;;;OAQT;YACD,SAAS,EAAE;gBACT,YAAY,EAAE,YAAY;gBAC1B,YAAY,EAAE,YAAY;gBAC1B,SAAS;aACV;SACF,CAAC,CAAA;QAEF,OAAO,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,aAAa,0CAAE,IAAI,CAAA;KAC3C;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,EAAE,YAAoB,EAAE,SAAmC,EAAE,EAAE;;IAC7F,IAAI,CAAC,YAAY;QAAE,OAAM;IAEzB,IAAI,MAAM,EAAE;QACV,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAChC,KAAK,EAAE,GAAG,CAAA;;;;;;;;OAQT;YACD,SAAS,EAAE;gBACT,YAAY,EAAE,YAAY;gBAC1B,SAAS;aACV;SACF,CAAC,CAAA;QAEF,OAAO,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,WAAW,0CAAE,IAAI,CAAA;KACzC;AACH,CAAC,CAAA","sourcesContent":["import gql from 'graphql-tag'\n\nimport { client } from '@operato/graphql'\n\nexport const scenarios = async (): Promise<{ name: string; description: string }[]> => {\n  var response = await client.query({\n    query: gql`\n      query {\n        scenarios {\n          items {\n            name\n            description\n          }\n        }\n      }\n    `\n  })\n\n  if (response.errors) {\n    return []\n  }\n\n  return response.data.scenarios.items\n}\n\nexport const startScenario = async (\n  scenarioName: string,\n  instanceName: string,\n  variables: string | number | object\n) => {\n  if (!scenarioName) {\n    return\n  }\n\n  if (client) {\n    var response = await client.query({\n      query: gql`\n        mutation ($instanceName: String, $scenarioName: String!, $variables: Object) {\n          startScenario(instanceName: $instanceName, scenarioName: $scenarioName, variables: $variables) {\n            state\n            message\n            data\n          }\n        }\n      `,\n      variables: {\n        instanceName: instanceName,\n        scenarioName: scenarioName,\n        variables\n      }\n    })\n\n    return response?.data?.startScenario?.data\n  }\n}\n\nexport const runScenario = async (scenarioName: string, variables: string | number | object) => {\n  if (!scenarioName) return\n\n  if (client) {\n    var response = await client.query({\n      query: gql`\n        mutation ($scenarioName: String!, $variables: Object) {\n          runScenario(scenarioName: $scenarioName, variables: $variables) {\n            state\n            message\n            data\n          }\n        }\n      `,\n      variables: {\n        scenarioName: scenarioName,\n        variables\n      }\n    })\n\n    return response?.data?.runScenario?.data\n  }\n}\n"]}

package/dist/src/modeller/property-sidebar/abstract-property.js

@@ -18,9 +18,6 @@ export class AbstractProperty extends LitElement {
     _getValueFromEventTarget(element) {
         var value;
         switch (element.tagName) {
-            case 'THINGS-EDITOR-ANGLE-INPUT':
-                value = Number(element.radian) || 0;
-                break;
             case 'INPUT':
                 switch (element.type) {
                     case 'checkbox':

package/dist/src/modeller/property-sidebar/abstract-property.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-property.js","sourceRoot":"","sources":["../../../../src/modeller/property-sidebar/abstract-property.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAC9C,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5E,CAAC;IAED,cAAc,CAAC,CAAQ;QACrB,IAAI,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAA;QACrC,IAAI,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;QAE3C,IAAI,CAAC,GAAG,EAAE;YACR,OAAM;SACP;QAED,IAAI,KAAK,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAA;QAElD,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACtC,CAAC;IAED,wBAAwB,CAAC,OAAoB;QAC3C,IAAI,KAAK,CAAA;QAET,QAAQ,OAAO,CAAC,OAAO,EAAE;YACvB,KAAK,2BAA2B;gBAC9B,KAAK,GAAG,MAAM,CAAE,OAAe,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;gBAC5C,MAAK;YAEP,KAAK,OAAO;gBACV,QAAS,OAAe,CAAC,IAAI,EAAE;oBAC7B,KAAK,UAAU;wBACb,KAAK,GAAI,OAAe,CAAC,OAAO,CAAA;wBAChC,MAAK;oBACP,KAAK,QAAQ;wBACX,KAAK,GAAG,MAAM,CAAE,OAAe,CAAC,aAAa,CAAC,CAAA;wBAC9C,MAAK;oBACP,KAAK,MAAM;wBACT,KAAK,GAAG,MAAM,CAAE,OAAe,CAAC,KAAK,CAAC,CAAA;iBACzC;gBACD,MAAK;YAEP,KAAK,cAAc;gBACjB,KAAK,GAAI,OAAe,CAAC,MAAM,CAAA;gBAC/B,MAAK;YAEP,KAAK,eAAe;gBAClB,KAAK,GAAI,OAAe,CAAC,QAAQ,CAAA;gBACjC,MAAK;YAEP;gBACE,KAAK,GAAI,OAAe,CAAC,KAAK,CAAA;gBAC9B,MAAK;SACR;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAED,mBAAmB,CAAC,GAAW,EAAE,KAAU;QACzC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,iBAAiB,EAAE;YACjC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,CAAC,GAAG,CAAC,EAAE,KAAK;aACb;SACF,CAAC,CACH,CAAA;IACH,CAAC;CACF","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { LitElement } from 'lit'\n\nexport class AbstractProperty extends LitElement {\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onValueChange.bind(this))\n  }\n\n  _onValueChange(e: Event) {\n    var element = e.target as HTMLElement\n    var key = element.getAttribute('value-key')\n\n    if (!key) {\n      return\n    }\n\n    var value = this._getValueFromEventTarget(element)\n\n    this._onAfterValueChange(key, value)\n  }\n\n  _getValueFromEventTarget(element: HTMLElement) {\n    var value\n\n    switch (element.tagName) {\n      case 'THINGS-EDITOR-ANGLE-INPUT':\n        value = Number((element as any).radian) || 0\n        break\n\n      case 'INPUT':\n        switch ((element as any).type) {\n          case 'checkbox':\n            value = (element as any).checked\n            break\n          case 'number':\n            value = Number((element as any).valueAsNumber)\n            break\n          case 'text':\n            value = String((element as any).value)\n        }\n        break\n\n      case 'PAPER-BUTTON':\n        value = (element as any).active\n        break\n\n      case 'PAPER-LISTBOX':\n        value = (element as any).selected\n        break\n\n      default:\n        value = (element as any).value\n        break\n    }\n\n    return value\n  }\n\n  _onAfterValueChange(key: string, value: any) {\n    this.dispatchEvent(\n      new CustomEvent('property-change', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          [key]: value\n        }\n      })\n    )\n  }\n}\n"]}
+{"version":3,"file":"abstract-property.js","sourceRoot":"","sources":["../../../../src/modeller/property-sidebar/abstract-property.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAC9C,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5E,CAAC;IAED,cAAc,CAAC,CAAQ;QACrB,IAAI,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAA;QACrC,IAAI,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;QAE3C,IAAI,CAAC,GAAG,EAAE;YACR,OAAM;SACP;QAED,IAAI,KAAK,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAA;QAElD,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACtC,CAAC;IAED,wBAAwB,CAAC,OAAoB;QAC3C,IAAI,KAAK,CAAA;QAET,QAAQ,OAAO,CAAC,OAAO,EAAE;YACvB,KAAK,OAAO;gBACV,QAAS,OAAe,CAAC,IAAI,EAAE;oBAC7B,KAAK,UAAU;wBACb,KAAK,GAAI,OAAe,CAAC,OAAO,CAAA;wBAChC,MAAK;oBACP,KAAK,QAAQ;wBACX,KAAK,GAAG,MAAM,CAAE,OAAe,CAAC,aAAa,CAAC,CAAA;wBAC9C,MAAK;oBACP,KAAK,MAAM;wBACT,KAAK,GAAG,MAAM,CAAE,OAAe,CAAC,KAAK,CAAC,CAAA;iBACzC;gBACD,MAAK;YAEP,KAAK,cAAc;gBACjB,KAAK,GAAI,OAAe,CAAC,MAAM,CAAA;gBAC/B,MAAK;YAEP,KAAK,eAAe;gBAClB,KAAK,GAAI,OAAe,CAAC,QAAQ,CAAA;gBACjC,MAAK;YAEP;gBACE,KAAK,GAAI,OAAe,CAAC,KAAK,CAAA;gBAC9B,MAAK;SACR;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAED,mBAAmB,CAAC,GAAW,EAAE,KAAU;QACzC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,iBAAiB,EAAE;YACjC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,CAAC,GAAG,CAAC,EAAE,KAAK;aACb;SACF,CAAC,CACH,CAAA;IACH,CAAC;CACF","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { LitElement } from 'lit'\n\nexport class AbstractProperty extends LitElement {\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onValueChange.bind(this))\n  }\n\n  _onValueChange(e: Event) {\n    var element = e.target as HTMLElement\n    var key = element.getAttribute('value-key')\n\n    if (!key) {\n      return\n    }\n\n    var value = this._getValueFromEventTarget(element)\n\n    this._onAfterValueChange(key, value)\n  }\n\n  _getValueFromEventTarget(element: HTMLElement) {\n    var value\n\n    switch (element.tagName) {\n      case 'INPUT':\n        switch ((element as any).type) {\n          case 'checkbox':\n            value = (element as any).checked\n            break\n          case 'number':\n            value = Number((element as any).valueAsNumber)\n            break\n          case 'text':\n            value = String((element as any).value)\n        }\n        break\n\n      case 'PAPER-BUTTON':\n        value = (element as any).active\n        break\n\n      case 'PAPER-LISTBOX':\n        value = (element as any).selected\n        break\n\n      default:\n        value = (element as any).value\n        break\n    }\n\n    return value\n  }\n\n  _onAfterValueChange(key: string, value: any) {\n    this.dispatchEvent(\n      new CustomEvent('property-change', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          [key]: value\n        }\n      })\n    )\n  }\n}\n"]}

package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.d.ts

@@ -1,8 +1,8 @@
 /**
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
-import '@things-factory/modeller-ui/client/editors/things-editor-value-map';
-import '@things-factory/modeller-ui/client/editors/things-editor-value-range';
+import '@operato/input/ox-input-value-map.js';
+import '@operato/input/ox-input-value-ranges.js';
 import '@operato/input/ox-buttons-radio.js';
 import '@operato/input/ox-input-code.js';
 import '@operato/i18n/ox-i18n.js';
@@ -35,7 +35,10 @@ export default class DataBindingMapper extends LitElement {
     properties: Properties[];
     scene?: Scene;
     _valueTypes: any;
-    _componentIds: any[];
+    _componentIds: {
+        value: string;
+        description: string;
+    }[];
     editor: HTMLInputElement;
     target: HTMLInputElement;
     firstUpdated(): void;

package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.js

@@ -2,8 +2,8 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 import { __decorate } from "tslib";
-import '@things-factory/modeller-ui/client/editors/things-editor-value-map';
-import '@things-factory/modeller-ui/client/editors/things-editor-value-range';
+import '@operato/input/ox-input-value-map.js';
+import '@operato/input/ox-input-value-ranges.js';
 import '@operato/input/ox-buttons-radio.js';
 import '@operato/input/ox-input-code.js';
 import '@operato/i18n/ox-i18n.js';
@@ -72,16 +72,23 @@ let DataBindingMapper = class DataBindingMapper extends LitElement {
         list="target-list"
         .value=${mapping.target || ''}
         @focusin=${() => {
-            if (!this.scene)
-                this._componentIds = [];
-            this._componentIds = this.scene.ids.map(info => info.key).filter(id => !!id);
+            this._componentIds =
+                (this.scene &&
+                    this.scene.ids.map(i => {
+                        var _a;
+                        const id = i.key;
+                        return { value: `#${id}`, description: (_a = this.scene.findById(id)) === null || _a === void 0 ? void 0 : _a.get('type') };
+                    })) ||
+                    [];
         }}
       />
       <datalist id="target-list">
         <option value="(self)"></option>
         <option value="(key)"></option>
         ${this._componentIds.length
-            ? html ` ${this._componentIds.map(id => html ` <option value=${id}></option> `)} `
+            ? html `
+              ${this._componentIds.map(({ value, description }) => html ` <option value=${value}>${description}</option> `)}
+            `
             : html ``}
       </datalist>
 
@@ -99,21 +106,21 @@ let DataBindingMapper = class DataBindingMapper extends LitElement {
       </ox-buttons-radio>
 
       <div rule-editors class="content" ?hidden=${mapping.rule == 'value'}>
-        <things-editor-value-map
+        <ox-input-value-map
           value-key="map"
           .value=${this.rule.map || {}}
           .valuetype=${this._valuetype(mapping.property)}
           ?active=${mapping.rule == 'map'}
         >
-        </things-editor-value-map>
+        </ox-input-value-map>
 
-        <things-editor-value-range
+        <ox-input-value-ranges
           value-key="range"
           .value=${this.rule.range || []}
           .valuetype=${this._valuetype(mapping.property)}
           ?active=${mapping.rule == 'range'}
         >
-        </things-editor-value-range>
+        </ox-input-value-ranges>
 
         <ox-input-code
           value-key="eval"