@things-factory/integration-ui 9.0.0-beta.19 → 9.0.0-beta.20

package/client/analysis/graph-viewer.ts

@@ -1,5 +1,5 @@
 import * as d3 from 'd3'
-import { Node, Relationship, GraphData } from './graph-data'
+import { Node, Relationship, GraphData } from './graph-data.js'
 
 export class GraphViewer {
   private svg: any

package/client/analysis/node.ts

@@ -1,6 +1,6 @@
-import { Node } from './graph-data'
+import { Node } from './graph-data.js'
 import * as d3 from 'd3'
-import { class2color, class2darkenColor } from './utils'
+import { class2color, class2darkenColor } from './utils.js'
 
 export function appendNodeToGraph(
   svgNodes: d3.Selection<SVGGElement, unknown, HTMLElement, any>, // 타입 지정

package/client/analysis/relationship.ts

@@ -1,4 +1,4 @@
-import { Relationship } from './graph-data'
+import { Relationship } from './graph-data.js'
 import * as d3 from 'd3'
 
 export function appendRelationshipToGraph(

package/client/bootstrap.ts

@@ -1,17 +1,21 @@
-import './editors/entity-editor'
-import './editors/property-editor'
+import './editors/entity-editor.js'
+import './editors/property-editor.js'
 
 import { OxGristEditorJson } from '@operato/app/grist-editor/ox-grist-editor-json.js'
 import { OxGristRendererCrontab } from '@operato/app/grist-editor/ox-grist-renderer-crontab.js'
-import { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer, OxGristRendererJson5 } from '@operato/data-grist'
+import {
+  registerEditor as registerGristEditor,
+  registerRenderer as registerGristRenderer,
+  OxGristRendererJson5
+} from '@operato/data-grist'
 import { OxGristEditorCrontab } from '@operato/grist-editor/ox-grist-editor-crontab.js'
 import { OxGristEditorPrivilege } from '@operato/app/grist-editor/ox-grist-editor-privilege.js'
 import { OxGristEditorParameters } from '@operato/grist-editor/ox-grist-editor-parameters.js'
 import { OxPropertyEditor } from '@operato/property-editor'
 
-import { ConnectionSelector } from './grist/connection-selector'
-import { ConnectorSelector } from './grist/connector-selector'
-import { TaskTypeSelector } from './grist/task-type-selector'
+import { ConnectionSelector } from './grist/connection-selector.js'
+import { ConnectorSelector } from './grist/connector-selector.js'
+import { TaskTypeSelector } from './grist/task-type-selector.js'
 
 export default function bootstrap() {
   registerGristEditor('task-type', TaskTypeSelector)

package/client/editors/entity-editor.ts

@@ -2,11 +2,11 @@
  * Copyright © HatioLab Inc. All rights reserved.
  */
 
-import './things-editor-entity-selector'
+import './things-editor-entity-selector.js'
 
 import { html } from 'lit'
 import { customElement } from 'lit/decorators.js'
-import cloneDeep from 'lodash-es/cloneDeep'
+import cloneDeep from 'lodash-es/cloneDeep.js'
 
 import { OxPropertyEditor } from '@operato/property-editor'
 

package/client/editors/property-editor.ts

@@ -1,11 +1,11 @@
 /*
  * Copyright © HatioLab Inc. All rights reserved.
  */
-import './things-editor-http-headers'
-import './things-editor-http-parameters'
-import './things-editor-http-body'
-import './things-editor-db-procedure'
-import './things-editor-tag-scenarios'
+import './things-editor-http-headers.js'
+import './things-editor-http-parameters.js'
+import './things-editor-http-body.js'
+import './things-editor-db-procedure.js'
+import './things-editor-tag-scenarios.js'
 
 import { html } from 'lit'
 

package/client/editors/things-editor-entity-selector.ts

@@ -3,7 +3,7 @@
  */
 
 import '@material/web/icon/icon.js'
-import './entity-selector'
+import './entity-selector.js'
 
 import { css, html, LitElement } from 'lit'
 import { customElement, property, query } from 'lit/decorators.js'

package/client/grist/connection-selector.ts

@@ -3,7 +3,7 @@ import { customElement } from 'lit/decorators.js'
 
 import { client } from '@operato/graphql'
 
-import { DynamicSelector } from './dynamic-selector'
+import { DynamicSelector } from './dynamic-selector.js'
 
 const FETCH_CONNECTIONS_GQL = gql`
   {

package/client/grist/connector-selector.ts

@@ -3,7 +3,7 @@ import { customElement } from 'lit/decorators.js'
 
 import { client } from '@operato/graphql'
 
-import { DynamicSelector } from './dynamic-selector'
+import { DynamicSelector } from './dynamic-selector.js'
 
 const FETCH_CONNECTORS_GQL = gql`
   {

package/client/pages/connection.ts

@@ -1,5 +1,5 @@
 import '@operato/data-grist/ox-grist.js'
-import './connection-importer'
+import './connection-importer.js'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'

package/client/pages/integration-analysis.ts

@@ -1,4 +1,4 @@
-import '../analysis/graph-viewer'
+import '../analysis/graph-viewer.js'
 
 import gql from 'graphql-tag'
 import { css, html, nothing } from 'lit'
@@ -8,8 +8,8 @@ import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import { PageView } from '@operato/shell'
 import { ScrollbarStyles } from '@operato/styles'
-import { GraphData, Node, Relationship } from 'analysis/graph-data'
-import { GraphViewer } from '../analysis/graph-viewer'
+import { GraphData, Node, Relationship } from '../analysis/graph-data.js'
+import { GraphViewer } from '../analysis/graph-viewer.js'
 import { GraphViewerStyles } from '../analysis/graph-viewer-style'
 
 @customElement('integration-analysis')

package/client/pages/integration-monitor.ts

@@ -1,7 +1,7 @@
-import '../viewparts/monitoring-summary'
-import '../viewparts/pending-q-monitor'
-import '../viewparts/scenarios-monitor'
-import '../viewparts/connections-monitor'
+import '../viewparts/monitoring-summary.js'
+import '../viewparts/pending-q-monitor.js'
+import '../viewparts/scenarios-monitor.js'
+import '../viewparts/connections-monitor.js'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'

package/client/pages/scenario.ts

@@ -1,12 +1,12 @@
 import '@operato/data-grist'
-import './scenario-detail'
-import './scenario-importer'
+import './scenario-detail.js'
+import './scenario-importer.js'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { customElement, property, query, state } from 'lit/decorators.js'
 import moment from '@operato/moment-timezone-es'
-import { connect } from 'pwa-helpers/connect-mixin'
+import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import { DataGrist } from '@operato/data-grist/ox-grist.js'
 import { client } from '@operato/graphql'

package/client/pages/state-register.ts

@@ -2,7 +2,7 @@ import '@operato/data-grist'
 
 import { css, html } from 'lit'
 import { customElement, property, query } from 'lit/decorators.js'
-import { connect } from 'pwa-helpers/connect-mixin'
+import { connect } from 'pwa-helpers/connect-mixin.js'
 import gql from 'graphql-tag'
 
 import { PageView, store } from '@operato/shell'

package/client/viewparts/scenario-instance-log-view.ts

@@ -5,7 +5,7 @@ import gql from 'graphql-tag'
 
 import { css, html, LitElement, nothing } from 'lit'
 import { customElement, property, query } from 'lit/decorators.js'
-import { connect } from 'pwa-helpers/connect-mixin'
+import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import { subscribe } from '@operato/graphql'
 import { store } from '@operato/shell'

package/client/viewparts/scenario-instance-monitor.ts

@@ -1,6 +1,6 @@
 import '@material/web/icon/icon.js'
 import '@operato/data-grist'
-import './scenario-instance-view'
+import './scenario-instance-view.js'
 
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'

package/client/viewparts/scenario-instance-view.ts

@@ -1,9 +1,9 @@
-import './scenario-instance-log-view'
+import './scenario-instance-log-view.js'
 
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 import { customElement, property, query } from 'lit/decorators.js'
-import { connect } from 'pwa-helpers/connect-mixin'
+import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import { subscribe } from '@operato/graphql'
 import { store } from '@operato/shell'

package/client/viewparts/scenario-monitor.ts

@@ -1,7 +1,7 @@
 import '@material/web/icon/icon.js'
 
 import '@operato/data-grist'
-import './scenario-instance-monitor'
+import './scenario-instance-monitor.js'
 
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'

package/client/viewparts/scenarios-monitor.ts

@@ -1,7 +1,7 @@
 import '@material/web/icon/icon.js'
 
 import '@operato/data-grist'
-import './scenario-monitor'
+import './scenario-monitor.js'
 
 import { css, html, LitElement } from 'lit'
 import { customElement, property, query } from 'lit/decorators.js'

package/dist-client/analysis/graph-viewer.d.ts

@@ -1,5 +1,5 @@
 import * as d3 from 'd3';
-import { GraphData } from './graph-data';
+import { GraphData } from './graph-data.js';
 export declare class GraphViewer {
     private svg;
     private svgNodes;

package/dist-client/analysis/graph-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"graph-viewer.js","sourceRoot":"","sources":["../../client/analysis/graph-viewer.ts"],"names":[],"mappings":"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","sourcesContent":["import * as d3 from 'd3'\nimport { Node, Relationship, GraphData } from './graph-data'\n\nexport class GraphViewer {\n  private svg: any\n  private svgNodes: any\n  private svgRelationships: any\n  private nodes: Node[] = []\n  private relationships: Relationship[] = []\n  private needZoomFit = true\n  private options: any\n  private svgScale\n  private svgTranslate\n\n  public simulation: any\n\n  constructor(_selector: any, _options: any) {\n    this.options = {\n      arrowSize: 4,\n      colors: this.colors(),\n      highlight: undefined,\n      infoPanel: true,\n      minCollision: undefined,\n      graphData: undefined,\n      dataUrl: undefined,\n      nodeOutlineFillColor: undefined,\n      nodeRadius: 25,\n      relationshipColor: '#a5abb6',\n      zoomFit: false,\n      classes2colors: {},\n      numClasses: 0,\n      ..._options\n    }\n    this.init(_selector)\n  }\n\n  private init(selector: any) {\n    this.svg = d3\n      .select(selector)\n      .append('svg')\n      .attr('width', '100%')\n      .attr('height', '100%')\n      .attr('class', 'graph-viewer')\n      .call(\n        d3.zoom().on('zoom', (event, d) => {\n          var scale = event.transform.k,\n            translate = [event.transform.x, event.transform.y]\n\n          if (this.svgTranslate) {\n            translate[0] += this.svgTranslate[0]\n            translate[1] += this.svgTranslate[1]\n          }\n\n          if (this.svgScale) {\n            scale *= this.svgScale\n          }\n\n          this.svg.attr('transform', 'translate(' + translate[0] + ', ' + translate[1] + ') scale(' + scale + ')')\n        })\n      )\n      .on('dblclick.zoom', null)\n      .append('g') // 그룹 요소 추가\n      .attr('width', '100%')\n      .attr('height', '100%')\n\n    // Define arrow markers for graph links\n    this.svg\n      .append('defs')\n      .append('marker')\n      .attr('id', 'arrow')\n      .attr('viewBox', '0 -5 10 10')\n      .attr('refX', 10)\n      .attr('refY', 0)\n      .attr('markerWidth', 6)\n      .attr('markerHeight', 6)\n      .attr('orient', 'auto')\n      .append('path')\n      .attr('d', 'M0,-5L10,0L0,5')\n      .attr('fill', this.options.relationshipColor)\n\n    this.svgNodes = this.svg.append('g').attr('class', 'nodes')\n    this.svgRelationships = this.svg.append('g').attr('class', 'relationships')\n    this.simulation = this.initSimulation()\n\n    if (this.options.graphData) {\n      this.updateWithGraphData(this.options.graphData)\n    }\n  }\n\n  initSimulation() {\n    const x = this.svg.node().parentElement.parentElement.clientWidth / 2\n    const y = this.svg.node().parentElement.parentElement.clientHeight / 2\n\n    var simulation = d3\n      .forceSimulation()\n      .force(\n        'collide',\n        d3\n          .forceCollide()\n          .radius(d => {\n            return this.options.minCollision\n          })\n          .iterations(2)\n      )\n      .force('charge', d3.forceManyBody())\n      .force(\n        'link',\n        d3.forceLink().id(d => {\n          return d.id\n        })\n      )\n      .force('center', d3.forceCenter(x, y))\n      .on('tick', () => {\n        this.tick()\n      })\n      .on('end', () => {\n        if (this.options.zoomFit && this.needZoomFit) {\n          this.needZoomFit = false\n          this.zoomFit()\n        }\n      })\n\n    return simulation\n  }\n\n  private tick() {\n    this.svgNodes.selectAll('.node').attr('transform', (d: any) => `translate(${d.x}, ${d.y})`)\n\n    this.svgRelationships\n      .selectAll('.relationship')\n      .attr('x1', (d: any) => this.calculateIntersection(d.source, d.target).x1)\n      .attr('y1', (d: any) => this.calculateIntersection(d.source, d.target).y1)\n      .attr('x2', (d: any) => this.calculateIntersection(d.source, d.target).x2)\n      .attr('y2', (d: any) => this.calculateIntersection(d.source, d.target).y2)\n\n    this.svgRelationships.selectAll('.relationship-text').attr('transform', (d: any) => {\n      const midX =\n        (this.calculateIntersection(d.source, d.target).x1 + this.calculateIntersection(d.source, d.target).x2) / 2\n      const midY =\n        (this.calculateIntersection(d.source, d.target).y1 + this.calculateIntersection(d.source, d.target).y2) / 2\n      return `translate(${midX}, ${midY})`\n    })\n  }\n\n  private calculateIntersection(source, target) {\n    const dx = target.x - source.x\n    const dy = target.y - source.y\n    const distance = Math.sqrt(dx * dx + dy * dy)\n    const ratio = (distance - this.options.nodeRadius) / distance\n\n    const x1 = source.x + dx * (this.options.nodeRadius / distance)\n    const y1 = source.y + dy * (this.options.nodeRadius / distance)\n    const x2 = target.x - dx * (this.options.nodeRadius / distance)\n    const y2 = target.y - dy * (this.options.nodeRadius / distance)\n\n    return { x1, y1, x2, y2 }\n  }\n\n  private colors() {\n    return [\n      '#68bdf6', // light blue\n      '#6dce9e', // green #1\n      '#faafc2', // light pink\n      '#f2baf6', // purple\n      '#ff928c', // light red\n      '#fcea7e', // light yellow\n      '#ffc766', // light orange\n      '#405f9e', // navy blue\n      '#a5abb6', // dark gray\n      '#78cecb', // green #2,\n      '#b88cbb', // dark purple\n      '#ced2d9', // light gray\n      '#e84646', // dark red\n      '#fa5f86', // dark pink\n      '#ffab1a', // dark orange\n      '#fcda19', // dark yellow\n      '#797b80', // black\n      '#c9d96f', // pistachio\n      '#47991f', // green #3\n      '#70edee', // turquoise\n      '#ff75ea' // pink\n    ]\n  }\n\n  updateWithGraphData(graphData: GraphData) {\n    this.nodes = graphData.results[0].data[0].graph.nodes\n    this.relationships = graphData.results[0].data[0].graph.relationships\n\n    this.relationships.forEach(rel => {\n      const sourceNode = this.nodes.find(node => node.id === rel.startNode)\n      const targetNode = this.nodes.find(node => node.id === rel.endNode)\n\n      if (!sourceNode || !targetNode) {\n        console.warn(`Node not found for relationship: ${rel.id}`)\n        return\n      }\n\n      rel.source = sourceNode\n      rel.target = targetNode\n    })\n\n    this.updateNodesAndRelationships()\n  }\n\n  private updateNodesAndRelationships() {\n    this.needZoomFit = true\n\n    this.svgNodes.selectAll('.node').remove()\n    this.svgRelationships.selectAll('.relationship').remove()\n    this.svgRelationships.selectAll('.relationship-text').remove()\n\n    this.appendNodesToGraph()\n    this.appendRelationshipsToGraph()\n\n    this.simulation.nodes(this.nodes)\n    ;(this.simulation.force('link') as d3.ForceLink<Node, Relationship>).links(this.relationships)\n\n    // 시뮬레이션을 강제로 재시작하여 레이아웃이 적절히 재정렬되도록 함\n    this.simulation.alpha(1).restart()\n  }\n\n  private appendNodesToGraph() {\n    const nodeEnter = this.svgNodes\n      .selectAll('.node')\n      .data(this.nodes, (d: any) => d.id)\n      .enter()\n      .append('g')\n      .attr('class', d => {\n        var highlight,\n          i,\n          classes = 'node',\n          label = d.labels[0]\n\n        if (d.icon) {\n          classes += ' node-icon'\n        }\n\n        return classes\n      })\n      .on('click', (event, d) => {\n        d.fx = d.fy = null\n\n        if (typeof this.options.onNodeClick === 'function') {\n          this.options.onNodeClick(d)\n        }\n      })\n      .on('dblclick', (event, d) => {\n        this.stickNode(event, d)\n\n        if (typeof this.options.onNodeDoubleClick === 'function') {\n          this.options.onNodeDoubleClick(d)\n        }\n      })\n      .on('mouseenter', (event, d) => {\n        event.target.dispatchEvent(\n          new CustomEvent('node-mouseenter', {\n            detail: d,\n            bubbles: true\n          })\n        )\n      })\n      .on('mouseleave', (event, d) => {\n        event.target.dispatchEvent(\n          new CustomEvent('node-mouseleave', {\n            detail: d,\n            bubbles: true\n          })\n        )\n      })\n      .call(\n        d3\n          .drag()\n          .on('start', this.dragStarted.bind(this))\n          .on('drag', this.dragged.bind(this))\n          .on('end', this.dragEnded.bind(this))\n      )\n\n    nodeEnter\n      .append('circle')\n      .attr('class', 'outline')\n      .attr('r', this.options.nodeRadius)\n      .style('fill', d => this.class2color(d.labels[0]))\n      .style('stroke', d => this.class2darkenColor(d.labels[0]))\n      .style('stroke-width', 2)\n\n    nodeEnter\n      .append('text')\n      .attr('class', 'text icon')\n      .attr('x', 0)\n      .attr('y', 0)\n      .attr('text-anchor', 'middle')\n      .attr('dominant-baseline', 'central')\n      .attr('font-family', 'Material Symbols Outlined')\n      .attr('font-size', '24px')\n      .attr('fill', '#000')\n      .text(d => this.getNodeIcon(d))\n\n    nodeEnter\n      .append('text')\n      .attr('dy', 40)\n      .attr('text-anchor', 'middle')\n      .text(d => d.properties.name || d.id)\n  }\n\n  stickNode(event: d3.event, d) {\n    d.fx = event.x\n    d.fy = event.y\n  }\n\n  private appendRelationshipsToGraph() {\n    const relationshipEnter = this.svgRelationships\n      .selectAll('.relationship')\n      .data(\n        this.relationships.filter(rel => rel.source && rel.target),\n        d => d.id\n      )\n      .enter()\n      .append('g')\n      .attr('class', 'relationship-group')\n\n    relationshipEnter\n      .append('line')\n      .attr('class', 'relationship')\n      .style('stroke', this.options.relationshipColor)\n      .style('stroke-width', 2)\n      .attr('marker-end', 'url(#arrow)')\n\n    relationshipEnter\n      .append('text')\n      .attr('class', 'relationship-text')\n      .attr('fill', '#000000')\n      .attr('font-size', '8px')\n      .attr('pointer-events', 'none')\n      .attr('text-anchor', 'middle')\n      .text(d => d.type)\n  }\n\n  private getNodeIcon(d: Node): string {\n    return d.icon || ''\n  }\n\n  private class2color(cls: string) {\n    if (!this.options.classes2colors[cls]) {\n      this.options.classes2colors[cls] = this.options.colors[this.options.numClasses % this.options.colors.length]\n      this.options.numClasses++\n    }\n    return this.options.classes2colors[cls]\n  }\n\n  private class2darkenColor(cls: string) {\n    return d3.rgb(this.class2color(cls)).darker(1)\n  }\n\n  private dragStarted(event: any, d: Node) {\n    if (!event.active) this.simulation.alphaTarget(0.3).restart()\n    d.fx = d.x\n    d.fy = d.y\n  }\n\n  private dragged(event: any, d: Node) {\n    d.fx = event.x\n    d.fy = event.y\n  }\n\n  private dragEnded(event: any, d: Node) {\n    if (!event.active) this.simulation.alphaTarget(0)\n    d.fx = null\n    d.fy = null\n  }\n\n  zoomFit() {\n    var bounds = this.svg.node().getBBox(),\n      parent = this.svg.node().parentElement.parentElement,\n      fullWidth = parent.clientWidth,\n      fullHeight = parent.clientHeight,\n      width = bounds.width,\n      height = bounds.height,\n      midX = bounds.x + width / 2,\n      midY = bounds.y + height / 2\n\n    if (width === 0 || height === 0) {\n      return // nothing to fit\n    }\n\n    this.svgScale = 0.85 / Math.max(width / fullWidth, height / fullHeight)\n    this.svgTranslate = [fullWidth / 2 - this.svgScale * midX, fullHeight / 2 - this.svgScale * midY]\n\n    this.svg.attr(\n      'transform',\n      'translate(' + this.svgTranslate[0] + ', ' + this.svgTranslate[1] + ') scale(' + this.svgScale + ')'\n    )\n  }\n\n  size() {\n    return {\n      nodes: this.nodes.length,\n      relationships: this.relationships.length\n    }\n  }\n}\n"]}
+{"version":3,"file":"graph-viewer.js","sourceRoot":"","sources":["../../client/analysis/graph-viewer.ts"],"names":[],"mappings":"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","sourcesContent":["import * as d3 from 'd3'\nimport { Node, Relationship, GraphData } from './graph-data.js'\n\nexport class GraphViewer {\n  private svg: any\n  private svgNodes: any\n  private svgRelationships: any\n  private nodes: Node[] = []\n  private relationships: Relationship[] = []\n  private needZoomFit = true\n  private options: any\n  private svgScale\n  private svgTranslate\n\n  public simulation: any\n\n  constructor(_selector: any, _options: any) {\n    this.options = {\n      arrowSize: 4,\n      colors: this.colors(),\n      highlight: undefined,\n      infoPanel: true,\n      minCollision: undefined,\n      graphData: undefined,\n      dataUrl: undefined,\n      nodeOutlineFillColor: undefined,\n      nodeRadius: 25,\n      relationshipColor: '#a5abb6',\n      zoomFit: false,\n      classes2colors: {},\n      numClasses: 0,\n      ..._options\n    }\n    this.init(_selector)\n  }\n\n  private init(selector: any) {\n    this.svg = d3\n      .select(selector)\n      .append('svg')\n      .attr('width', '100%')\n      .attr('height', '100%')\n      .attr('class', 'graph-viewer')\n      .call(\n        d3.zoom().on('zoom', (event, d) => {\n          var scale = event.transform.k,\n            translate = [event.transform.x, event.transform.y]\n\n          if (this.svgTranslate) {\n            translate[0] += this.svgTranslate[0]\n            translate[1] += this.svgTranslate[1]\n          }\n\n          if (this.svgScale) {\n            scale *= this.svgScale\n          }\n\n          this.svg.attr('transform', 'translate(' + translate[0] + ', ' + translate[1] + ') scale(' + scale + ')')\n        })\n      )\n      .on('dblclick.zoom', null)\n      .append('g') // 그룹 요소 추가\n      .attr('width', '100%')\n      .attr('height', '100%')\n\n    // Define arrow markers for graph links\n    this.svg\n      .append('defs')\n      .append('marker')\n      .attr('id', 'arrow')\n      .attr('viewBox', '0 -5 10 10')\n      .attr('refX', 10)\n      .attr('refY', 0)\n      .attr('markerWidth', 6)\n      .attr('markerHeight', 6)\n      .attr('orient', 'auto')\n      .append('path')\n      .attr('d', 'M0,-5L10,0L0,5')\n      .attr('fill', this.options.relationshipColor)\n\n    this.svgNodes = this.svg.append('g').attr('class', 'nodes')\n    this.svgRelationships = this.svg.append('g').attr('class', 'relationships')\n    this.simulation = this.initSimulation()\n\n    if (this.options.graphData) {\n      this.updateWithGraphData(this.options.graphData)\n    }\n  }\n\n  initSimulation() {\n    const x = this.svg.node().parentElement.parentElement.clientWidth / 2\n    const y = this.svg.node().parentElement.parentElement.clientHeight / 2\n\n    var simulation = d3\n      .forceSimulation()\n      .force(\n        'collide',\n        d3\n          .forceCollide()\n          .radius(d => {\n            return this.options.minCollision\n          })\n          .iterations(2)\n      )\n      .force('charge', d3.forceManyBody())\n      .force(\n        'link',\n        d3.forceLink().id(d => {\n          return d.id\n        })\n      )\n      .force('center', d3.forceCenter(x, y))\n      .on('tick', () => {\n        this.tick()\n      })\n      .on('end', () => {\n        if (this.options.zoomFit && this.needZoomFit) {\n          this.needZoomFit = false\n          this.zoomFit()\n        }\n      })\n\n    return simulation\n  }\n\n  private tick() {\n    this.svgNodes.selectAll('.node').attr('transform', (d: any) => `translate(${d.x}, ${d.y})`)\n\n    this.svgRelationships\n      .selectAll('.relationship')\n      .attr('x1', (d: any) => this.calculateIntersection(d.source, d.target).x1)\n      .attr('y1', (d: any) => this.calculateIntersection(d.source, d.target).y1)\n      .attr('x2', (d: any) => this.calculateIntersection(d.source, d.target).x2)\n      .attr('y2', (d: any) => this.calculateIntersection(d.source, d.target).y2)\n\n    this.svgRelationships.selectAll('.relationship-text').attr('transform', (d: any) => {\n      const midX =\n        (this.calculateIntersection(d.source, d.target).x1 + this.calculateIntersection(d.source, d.target).x2) / 2\n      const midY =\n        (this.calculateIntersection(d.source, d.target).y1 + this.calculateIntersection(d.source, d.target).y2) / 2\n      return `translate(${midX}, ${midY})`\n    })\n  }\n\n  private calculateIntersection(source, target) {\n    const dx = target.x - source.x\n    const dy = target.y - source.y\n    const distance = Math.sqrt(dx * dx + dy * dy)\n    const ratio = (distance - this.options.nodeRadius) / distance\n\n    const x1 = source.x + dx * (this.options.nodeRadius / distance)\n    const y1 = source.y + dy * (this.options.nodeRadius / distance)\n    const x2 = target.x - dx * (this.options.nodeRadius / distance)\n    const y2 = target.y - dy * (this.options.nodeRadius / distance)\n\n    return { x1, y1, x2, y2 }\n  }\n\n  private colors() {\n    return [\n      '#68bdf6', // light blue\n      '#6dce9e', // green #1\n      '#faafc2', // light pink\n      '#f2baf6', // purple\n      '#ff928c', // light red\n      '#fcea7e', // light yellow\n      '#ffc766', // light orange\n      '#405f9e', // navy blue\n      '#a5abb6', // dark gray\n      '#78cecb', // green #2,\n      '#b88cbb', // dark purple\n      '#ced2d9', // light gray\n      '#e84646', // dark red\n      '#fa5f86', // dark pink\n      '#ffab1a', // dark orange\n      '#fcda19', // dark yellow\n      '#797b80', // black\n      '#c9d96f', // pistachio\n      '#47991f', // green #3\n      '#70edee', // turquoise\n      '#ff75ea' // pink\n    ]\n  }\n\n  updateWithGraphData(graphData: GraphData) {\n    this.nodes = graphData.results[0].data[0].graph.nodes\n    this.relationships = graphData.results[0].data[0].graph.relationships\n\n    this.relationships.forEach(rel => {\n      const sourceNode = this.nodes.find(node => node.id === rel.startNode)\n      const targetNode = this.nodes.find(node => node.id === rel.endNode)\n\n      if (!sourceNode || !targetNode) {\n        console.warn(`Node not found for relationship: ${rel.id}`)\n        return\n      }\n\n      rel.source = sourceNode\n      rel.target = targetNode\n    })\n\n    this.updateNodesAndRelationships()\n  }\n\n  private updateNodesAndRelationships() {\n    this.needZoomFit = true\n\n    this.svgNodes.selectAll('.node').remove()\n    this.svgRelationships.selectAll('.relationship').remove()\n    this.svgRelationships.selectAll('.relationship-text').remove()\n\n    this.appendNodesToGraph()\n    this.appendRelationshipsToGraph()\n\n    this.simulation.nodes(this.nodes)\n    ;(this.simulation.force('link') as d3.ForceLink<Node, Relationship>).links(this.relationships)\n\n    // 시뮬레이션을 강제로 재시작하여 레이아웃이 적절히 재정렬되도록 함\n    this.simulation.alpha(1).restart()\n  }\n\n  private appendNodesToGraph() {\n    const nodeEnter = this.svgNodes\n      .selectAll('.node')\n      .data(this.nodes, (d: any) => d.id)\n      .enter()\n      .append('g')\n      .attr('class', d => {\n        var highlight,\n          i,\n          classes = 'node',\n          label = d.labels[0]\n\n        if (d.icon) {\n          classes += ' node-icon'\n        }\n\n        return classes\n      })\n      .on('click', (event, d) => {\n        d.fx = d.fy = null\n\n        if (typeof this.options.onNodeClick === 'function') {\n          this.options.onNodeClick(d)\n        }\n      })\n      .on('dblclick', (event, d) => {\n        this.stickNode(event, d)\n\n        if (typeof this.options.onNodeDoubleClick === 'function') {\n          this.options.onNodeDoubleClick(d)\n        }\n      })\n      .on('mouseenter', (event, d) => {\n        event.target.dispatchEvent(\n          new CustomEvent('node-mouseenter', {\n            detail: d,\n            bubbles: true\n          })\n        )\n      })\n      .on('mouseleave', (event, d) => {\n        event.target.dispatchEvent(\n          new CustomEvent('node-mouseleave', {\n            detail: d,\n            bubbles: true\n          })\n        )\n      })\n      .call(\n        d3\n          .drag()\n          .on('start', this.dragStarted.bind(this))\n          .on('drag', this.dragged.bind(this))\n          .on('end', this.dragEnded.bind(this))\n      )\n\n    nodeEnter\n      .append('circle')\n      .attr('class', 'outline')\n      .attr('r', this.options.nodeRadius)\n      .style('fill', d => this.class2color(d.labels[0]))\n      .style('stroke', d => this.class2darkenColor(d.labels[0]))\n      .style('stroke-width', 2)\n\n    nodeEnter\n      .append('text')\n      .attr('class', 'text icon')\n      .attr('x', 0)\n      .attr('y', 0)\n      .attr('text-anchor', 'middle')\n      .attr('dominant-baseline', 'central')\n      .attr('font-family', 'Material Symbols Outlined')\n      .attr('font-size', '24px')\n      .attr('fill', '#000')\n      .text(d => this.getNodeIcon(d))\n\n    nodeEnter\n      .append('text')\n      .attr('dy', 40)\n      .attr('text-anchor', 'middle')\n      .text(d => d.properties.name || d.id)\n  }\n\n  stickNode(event: d3.event, d) {\n    d.fx = event.x\n    d.fy = event.y\n  }\n\n  private appendRelationshipsToGraph() {\n    const relationshipEnter = this.svgRelationships\n      .selectAll('.relationship')\n      .data(\n        this.relationships.filter(rel => rel.source && rel.target),\n        d => d.id\n      )\n      .enter()\n      .append('g')\n      .attr('class', 'relationship-group')\n\n    relationshipEnter\n      .append('line')\n      .attr('class', 'relationship')\n      .style('stroke', this.options.relationshipColor)\n      .style('stroke-width', 2)\n      .attr('marker-end', 'url(#arrow)')\n\n    relationshipEnter\n      .append('text')\n      .attr('class', 'relationship-text')\n      .attr('fill', '#000000')\n      .attr('font-size', '8px')\n      .attr('pointer-events', 'none')\n      .attr('text-anchor', 'middle')\n      .text(d => d.type)\n  }\n\n  private getNodeIcon(d: Node): string {\n    return d.icon || ''\n  }\n\n  private class2color(cls: string) {\n    if (!this.options.classes2colors[cls]) {\n      this.options.classes2colors[cls] = this.options.colors[this.options.numClasses % this.options.colors.length]\n      this.options.numClasses++\n    }\n    return this.options.classes2colors[cls]\n  }\n\n  private class2darkenColor(cls: string) {\n    return d3.rgb(this.class2color(cls)).darker(1)\n  }\n\n  private dragStarted(event: any, d: Node) {\n    if (!event.active) this.simulation.alphaTarget(0.3).restart()\n    d.fx = d.x\n    d.fy = d.y\n  }\n\n  private dragged(event: any, d: Node) {\n    d.fx = event.x\n    d.fy = event.y\n  }\n\n  private dragEnded(event: any, d: Node) {\n    if (!event.active) this.simulation.alphaTarget(0)\n    d.fx = null\n    d.fy = null\n  }\n\n  zoomFit() {\n    var bounds = this.svg.node().getBBox(),\n      parent = this.svg.node().parentElement.parentElement,\n      fullWidth = parent.clientWidth,\n      fullHeight = parent.clientHeight,\n      width = bounds.width,\n      height = bounds.height,\n      midX = bounds.x + width / 2,\n      midY = bounds.y + height / 2\n\n    if (width === 0 || height === 0) {\n      return // nothing to fit\n    }\n\n    this.svgScale = 0.85 / Math.max(width / fullWidth, height / fullHeight)\n    this.svgTranslate = [fullWidth / 2 - this.svgScale * midX, fullHeight / 2 - this.svgScale * midY]\n\n    this.svg.attr(\n      'transform',\n      'translate(' + this.svgTranslate[0] + ', ' + this.svgTranslate[1] + ') scale(' + this.svgScale + ')'\n    )\n  }\n\n  size() {\n    return {\n      nodes: this.nodes.length,\n      relationships: this.relationships.length\n    }\n  }\n}\n"]}

package/dist-client/analysis/node.d.ts

@@ -1,4 +1,4 @@
-import { Node } from './graph-data';
+import { Node } from './graph-data.js';
 import * as d3 from 'd3';
 export declare function appendNodeToGraph(svgNodes: d3.Selection<SVGGElement, unknown, HTMLElement, any>, // 타입 지정
 nodes: Node[], options: any): any;

package/dist-client/analysis/node.js

@@ -1,5 +1,5 @@
 import * as d3 from 'd3';
-import { class2color, class2darkenColor } from './utils';
+import { class2color, class2darkenColor } from './utils.js';
 export function appendNodeToGraph(svgNodes, // 타입 지정
 nodes, options) {
     const nodeEnter = svgNodes

package/dist-client/analysis/node.js.map

@@ -1 +1 @@
-{"version":3,"file":"node.js","sourceRoot":"","sources":["../../client/analysis/node.ts"],"names":[],"mappings":"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","sourcesContent":["import { Node } from './graph-data'\nimport * as d3 from 'd3'\nimport { class2color, class2darkenColor } from './utils'\n\nexport function appendNodeToGraph(\n  svgNodes: d3.Selection<SVGGElement, unknown, HTMLElement, any>, // 타입 지정\n  nodes: Node[],\n  options: any\n) {\n  const nodeEnter = svgNodes\n    .selectAll<SVGGElement, Node>('.node')\n    .data(nodes, d => d.id)\n    .enter()\n    .append('g')\n    .attr('class', d => {\n      let classes = 'node'\n      if (d.icon) classes += ' node-icon'\n      if (d.image) classes += ' node-image'\n      if (options.highlight) {\n        options.highlight.forEach((highlight: any) => {\n          if (d.labels[0] === highlight.class && d.properties[highlight.property] === highlight.value) {\n            classes += ' node-highlighted'\n          }\n        })\n      }\n      return classes\n    })\n    .call(\n      d3\n        .drag<SVGGElement, Node>() // 제네릭 타입 지정\n        .on('start', (event, d) => dragStarted(event, d, options.simulation))\n        .on('drag', (event, d) => dragged(event, d))\n        .on('end', (event, d) => dragEnded(event, d, options.simulation))\n    )\n\n  nodeEnter\n    .append('circle')\n    .attr('r', options.nodeRadius)\n    .style('fill', d => class2color(options.classes2colors, d.labels[0], options.colors, options.numClasses))\n    .style('stroke', d =>\n      class2darkenColor(class2color(options.classes2colors, d.labels[0], options.colors, options.numClasses))\n    )\n    .style('stroke-width', 2)\n\n  nodeEnter\n    .append('text')\n    .attr('dy', 4)\n    .attr('text-anchor', 'middle')\n    .text(d => d.properties.name || d.id)\n\n  return nodeEnter\n}\n\nfunction dragStarted(\n  event: d3.D3DragEvent<SVGGElement, Node, any>,\n  d: Node,\n  simulation: d3.Simulation<Node, undefined>\n) {\n  if (!event.active) simulation.alphaTarget(0.3).restart()\n  d.fx = d.x\n  d.fy = d.y\n}\n\nfunction dragged(event: d3.D3DragEvent<SVGGElement, Node, any>, d: Node) {\n  d.fx = event.x\n  d.fy = event.y\n}\n\nfunction dragEnded(event: d3.D3DragEvent<SVGGElement, Node, any>, d: Node, simulation: d3.Simulation<Node, undefined>) {\n  if (!event.active) simulation.alphaTarget(0)\n  d.fx = null\n  d.fy = null\n}\n"]}
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../../client/analysis/node.ts"],"names":[],"mappings":"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","sourcesContent":["import { Node } from './graph-data.js'\nimport * as d3 from 'd3'\nimport { class2color, class2darkenColor } from './utils.js'\n\nexport function appendNodeToGraph(\n  svgNodes: d3.Selection<SVGGElement, unknown, HTMLElement, any>, // 타입 지정\n  nodes: Node[],\n  options: any\n) {\n  const nodeEnter = svgNodes\n    .selectAll<SVGGElement, Node>('.node')\n    .data(nodes, d => d.id)\n    .enter()\n    .append('g')\n    .attr('class', d => {\n      let classes = 'node'\n      if (d.icon) classes += ' node-icon'\n      if (d.image) classes += ' node-image'\n      if (options.highlight) {\n        options.highlight.forEach((highlight: any) => {\n          if (d.labels[0] === highlight.class && d.properties[highlight.property] === highlight.value) {\n            classes += ' node-highlighted'\n          }\n        })\n      }\n      return classes\n    })\n    .call(\n      d3\n        .drag<SVGGElement, Node>() // 제네릭 타입 지정\n        .on('start', (event, d) => dragStarted(event, d, options.simulation))\n        .on('drag', (event, d) => dragged(event, d))\n        .on('end', (event, d) => dragEnded(event, d, options.simulation))\n    )\n\n  nodeEnter\n    .append('circle')\n    .attr('r', options.nodeRadius)\n    .style('fill', d => class2color(options.classes2colors, d.labels[0], options.colors, options.numClasses))\n    .style('stroke', d =>\n      class2darkenColor(class2color(options.classes2colors, d.labels[0], options.colors, options.numClasses))\n    )\n    .style('stroke-width', 2)\n\n  nodeEnter\n    .append('text')\n    .attr('dy', 4)\n    .attr('text-anchor', 'middle')\n    .text(d => d.properties.name || d.id)\n\n  return nodeEnter\n}\n\nfunction dragStarted(\n  event: d3.D3DragEvent<SVGGElement, Node, any>,\n  d: Node,\n  simulation: d3.Simulation<Node, undefined>\n) {\n  if (!event.active) simulation.alphaTarget(0.3).restart()\n  d.fx = d.x\n  d.fy = d.y\n}\n\nfunction dragged(event: d3.D3DragEvent<SVGGElement, Node, any>, d: Node) {\n  d.fx = event.x\n  d.fy = event.y\n}\n\nfunction dragEnded(event: d3.D3DragEvent<SVGGElement, Node, any>, d: Node, simulation: d3.Simulation<Node, undefined>) {\n  if (!event.active) simulation.alphaTarget(0)\n  d.fx = null\n  d.fy = null\n}\n"]}

package/dist-client/analysis/relationship.d.ts

@@ -1,4 +1,4 @@
-import { Relationship } from './graph-data';
+import { Relationship } from './graph-data.js';
 import * as d3 from 'd3';
 export declare function appendRelationshipToGraph(svgRelationships: d3.Selection<SVGGElement, unknown, HTMLElement, any>, // 타입 지정
 relationships: Relationship[], options: any): any;

package/dist-client/analysis/relationship.js.map

@@ -1 +1 @@
-{"version":3,"file":"relationship.js","sourceRoot":"","sources":["../../client/analysis/relationship.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,yBAAyB,CACvC,gBAAsE,EAAE,QAAQ;AAChF,aAA6B,EAC7B,OAAY;IAEZ,MAAM,iBAAiB,GAAG,gBAAgB;SACvC,SAAS,CAA+B,eAAe,CAAC;SACxD,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SAC9B,KAAK,EAAE;SACP,MAAM,CAAC,MAAM,CAAC;SACd,IAAI,CAAC,OAAO,EAAE,cAAc,CAAC;SAC7B,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC;SACvB,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;IAE3B,OAAO,iBAAiB,CAAA;AAC1B,CAAC","sourcesContent":["import { Relationship } from './graph-data'\nimport * as d3 from 'd3'\n\nexport function appendRelationshipToGraph(\n  svgRelationships: d3.Selection<SVGGElement, unknown, HTMLElement, any>, // 타입 지정\n  relationships: Relationship[],\n  options: any\n) {\n  const relationshipEnter = svgRelationships\n    .selectAll<SVGLineElement, Relationship>('.relationship')\n    .data(relationships, d => d.id)\n    .enter()\n    .append('line')\n    .attr('class', 'relationship')\n    .style('stroke', '#aaa')\n    .style('stroke-width', 2)\n\n  return relationshipEnter\n}\n"]}
+{"version":3,"file":"relationship.js","sourceRoot":"","sources":["../../client/analysis/relationship.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,yBAAyB,CACvC,gBAAsE,EAAE,QAAQ;AAChF,aAA6B,EAC7B,OAAY;IAEZ,MAAM,iBAAiB,GAAG,gBAAgB;SACvC,SAAS,CAA+B,eAAe,CAAC;SACxD,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SAC9B,KAAK,EAAE;SACP,MAAM,CAAC,MAAM,CAAC;SACd,IAAI,CAAC,OAAO,EAAE,cAAc,CAAC;SAC7B,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC;SACvB,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;IAE3B,OAAO,iBAAiB,CAAA;AAC1B,CAAC","sourcesContent":["import { Relationship } from './graph-data.js'\nimport * as d3 from 'd3'\n\nexport function appendRelationshipToGraph(\n  svgRelationships: d3.Selection<SVGGElement, unknown, HTMLElement, any>, // 타입 지정\n  relationships: Relationship[],\n  options: any\n) {\n  const relationshipEnter = svgRelationships\n    .selectAll<SVGLineElement, Relationship>('.relationship')\n    .data(relationships, d => d.id)\n    .enter()\n    .append('line')\n    .attr('class', 'relationship')\n    .style('stroke', '#aaa')\n    .style('stroke-width', 2)\n\n  return relationshipEnter\n}\n"]}

package/dist-client/bootstrap.d.ts

@@ -1,3 +1,3 @@
-import './editors/entity-editor';
-import './editors/property-editor';
+import './editors/entity-editor.js';
+import './editors/property-editor.js';
 export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -1,14 +1,14 @@
-import './editors/entity-editor';
-import './editors/property-editor';
+import './editors/entity-editor.js';
+import './editors/property-editor.js';
 import { OxGristEditorJson } from '@operato/app/grist-editor/ox-grist-editor-json.js';
 import { OxGristRendererCrontab } from '@operato/app/grist-editor/ox-grist-renderer-crontab.js';
 import { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist';
 import { OxGristEditorCrontab } from '@operato/grist-editor/ox-grist-editor-crontab.js';
 import { OxGristEditorParameters } from '@operato/grist-editor/ox-grist-editor-parameters.js';
 import { OxPropertyEditor } from '@operato/property-editor';
-import { ConnectionSelector } from './grist/connection-selector';
-import { ConnectorSelector } from './grist/connector-selector';
-import { TaskTypeSelector } from './grist/task-type-selector';
+import { ConnectionSelector } from './grist/connection-selector.js';
+import { ConnectorSelector } from './grist/connector-selector.js';
+import { TaskTypeSelector } from './grist/task-type-selector.js';
 export default function bootstrap() {
     registerGristEditor('task-type', TaskTypeSelector);
     registerGristEditor('connector', ConnectorSelector);

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA;AAChC,OAAO,2BAA2B,CAAA;AAElC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAA;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,wDAAwD,CAAA;AAC/F,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,gBAAgB,IAAI,qBAAqB,EAAwB,MAAM,qBAAqB,CAAA;AAC5I,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAA;AAEvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAA;IAClD,mBAAmB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAA;IACnD,mBAAmB,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAA;IACrD,mBAAmB,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;IAC9C,mBAAmB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAC1D,mBAAmB,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAA;IAEpD,qBAAqB,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAExD,gBAAgB,CAAC,QAAQ,CAAC;QACxB,cAAc,EAAE,8BAA8B;QAC9C,iBAAiB,EAAE,iCAAiC;QACpD,WAAW,EAAE,2BAA2B;QACxC,iBAAiB,EAAE,iCAAiC;QACpD,qBAAqB,EAAE,qCAAqC;QAC5D,eAAe,EAAE,+BAA+B;QAChD,sBAAsB,EAAE,sCAAsC;KAC/D,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import './editors/entity-editor'\nimport './editors/property-editor'\n\nimport { OxGristEditorJson } from '@operato/app/grist-editor/ox-grist-editor-json.js'\nimport { OxGristRendererCrontab } from '@operato/app/grist-editor/ox-grist-renderer-crontab.js'\nimport { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer, OxGristRendererJson5 } from '@operato/data-grist'\nimport { OxGristEditorCrontab } from '@operato/grist-editor/ox-grist-editor-crontab.js'\nimport { OxGristEditorPrivilege } from '@operato/app/grist-editor/ox-grist-editor-privilege.js'\nimport { OxGristEditorParameters } from '@operato/grist-editor/ox-grist-editor-parameters.js'\nimport { OxPropertyEditor } from '@operato/property-editor'\n\nimport { ConnectionSelector } from './grist/connection-selector'\nimport { ConnectorSelector } from './grist/connector-selector'\nimport { TaskTypeSelector } from './grist/task-type-selector'\n\nexport default function bootstrap() {\n  registerGristEditor('task-type', TaskTypeSelector)\n  registerGristEditor('connector', ConnectorSelector)\n  registerGristEditor('connection', ConnectionSelector)\n  registerGristEditor('json', OxGristEditorJson)\n  registerGristEditor('parameters', OxGristEditorParameters)\n  registerGristEditor('crontab', OxGristEditorCrontab)\n\n  registerGristRenderer('crontab', OxGristRendererCrontab)\n\n  OxPropertyEditor.register({\n    'http-headers': 'property-editor-http-headers',\n    'http-parameters': 'property-editor-http-parameters',\n    'http-body': 'property-editor-http-body',\n    'entity-selector': 'property-editor-entity-selector',\n    'scenario-step-input': 'property-editor-scenario-step-input',\n    'tag-scenarios': 'property-editor-tag-scenarios',\n    'procedure-parameters': 'property-editor-procedure-parameters'\n  })\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,8BAA8B,CAAA;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAA;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,wDAAwD,CAAA;AAC/F,OAAO,EACL,cAAc,IAAI,mBAAmB,EACrC,gBAAgB,IAAI,qBAAqB,EAE1C,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAA;AAEvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAEhE,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAA;IAClD,mBAAmB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAA;IACnD,mBAAmB,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAA;IACrD,mBAAmB,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;IAC9C,mBAAmB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAC1D,mBAAmB,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAA;IAEpD,qBAAqB,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAExD,gBAAgB,CAAC,QAAQ,CAAC;QACxB,cAAc,EAAE,8BAA8B;QAC9C,iBAAiB,EAAE,iCAAiC;QACpD,WAAW,EAAE,2BAA2B;QACxC,iBAAiB,EAAE,iCAAiC;QACpD,qBAAqB,EAAE,qCAAqC;QAC5D,eAAe,EAAE,+BAA+B;QAChD,sBAAsB,EAAE,sCAAsC;KAC/D,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import './editors/entity-editor.js'\nimport './editors/property-editor.js'\n\nimport { OxGristEditorJson } from '@operato/app/grist-editor/ox-grist-editor-json.js'\nimport { OxGristRendererCrontab } from '@operato/app/grist-editor/ox-grist-renderer-crontab.js'\nimport {\n  registerEditor as registerGristEditor,\n  registerRenderer as registerGristRenderer,\n  OxGristRendererJson5\n} from '@operato/data-grist'\nimport { OxGristEditorCrontab } from '@operato/grist-editor/ox-grist-editor-crontab.js'\nimport { OxGristEditorPrivilege } from '@operato/app/grist-editor/ox-grist-editor-privilege.js'\nimport { OxGristEditorParameters } from '@operato/grist-editor/ox-grist-editor-parameters.js'\nimport { OxPropertyEditor } from '@operato/property-editor'\n\nimport { ConnectionSelector } from './grist/connection-selector.js'\nimport { ConnectorSelector } from './grist/connector-selector.js'\nimport { TaskTypeSelector } from './grist/task-type-selector.js'\n\nexport default function bootstrap() {\n  registerGristEditor('task-type', TaskTypeSelector)\n  registerGristEditor('connector', ConnectorSelector)\n  registerGristEditor('connection', ConnectionSelector)\n  registerGristEditor('json', OxGristEditorJson)\n  registerGristEditor('parameters', OxGristEditorParameters)\n  registerGristEditor('crontab', OxGristEditorCrontab)\n\n  registerGristRenderer('crontab', OxGristRendererCrontab)\n\n  OxPropertyEditor.register({\n    'http-headers': 'property-editor-http-headers',\n    'http-parameters': 'property-editor-http-parameters',\n    'http-body': 'property-editor-http-body',\n    'entity-selector': 'property-editor-entity-selector',\n    'scenario-step-input': 'property-editor-scenario-step-input',\n    'tag-scenarios': 'property-editor-tag-scenarios',\n    'procedure-parameters': 'property-editor-procedure-parameters'\n  })\n}\n"]}

package/dist-client/editors/entity-editor.d.ts

@@ -1,4 +1,4 @@
-import './things-editor-entity-selector';
+import './things-editor-entity-selector.js';
 import { OxPropertyEditor } from '@operato/property-editor';
 export declare class PropertyEditorEntitySelector extends OxPropertyEditor {
     static get styles(): import("lit").CSSResult[];

package/dist-client/editors/entity-editor.js

@@ -2,10 +2,10 @@
  * Copyright © HatioLab Inc. All rights reserved.
  */
 import { __decorate } from "tslib";
-import './things-editor-entity-selector';
+import './things-editor-entity-selector.js';
 import { html } from 'lit';
 import { customElement } from 'lit/decorators.js';
-import cloneDeep from 'lodash-es/cloneDeep';
+import cloneDeep from 'lodash-es/cloneDeep.js';
 import { OxPropertyEditor } from '@operato/property-editor';
 let PropertyEditorEntitySelector = class PropertyEditorEntitySelector extends OxPropertyEditor {
     static get styles() {

package/dist-client/editors/entity-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-editor.js","sourceRoot":"","sources":["../../client/editors/entity-editor.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAGpD,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,gBAAgB;IAChE,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACrC,CAAC;IAED,cAAc,CAAC,KAAK,EAAE,IAAI;QACxB,OAAO,IAAI,CAAA;;;iBAGE,KAAK;sBACA,IAAI,CAAC,QAAQ;;KAE9B,CAAA;IACH,CAAC;IAED,YAAY,CAAC,iBAAiB;QAC5B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,aAAa;QACf,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,eAAe,CAAC,KAAK;QACnB,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC;YAAE,OAAO,KAAK,CAAA;QAE9C,OAAO,QAAQ,GAAG,KAAK,CAAA;IACzB,CAAC;IAED,aAAa,CAAC,CAAC;;QACb,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAA;QAEpD,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QAEhF,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IACtC,CAAC;CACF,CAAA;AAtCY,4BAA4B;IADxC,aAAa,CAAC,iCAAiC,CAAC;GACpC,4BAA4B,CAsCxC","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './things-editor-entity-selector'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport cloneDeep from 'lodash-es/cloneDeep'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\n\n@customElement('property-editor-entity-selector')\nexport class PropertyEditorEntitySelector extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    return html`\n      <things-editor-entity-selector\n        id=\"editor\"\n        .value=${value}\n        .properties=${spec.property}\n      ></things-editor-entity-selector>\n    `\n  }\n\n  shouldUpdate(changedProperties) {\n    return true\n  }\n\n  get valueProperty() {\n    return 'value'\n  }\n\n  _computeLabelId(label) {\n    if (label.indexOf('label.') >= 0) return label\n\n    return 'label.' + label\n  }\n\n  _valueChanged(e) {\n    e.stopPropagation()\n\n    this.value = cloneDeep(e.target[this.valueProperty])\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n\n    this.observe?.call(this, this.value)\n  }\n}\n"]}
+{"version":3,"file":"entity-editor.js","sourceRoot":"","sources":["../../client/editors/entity-editor.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAGpD,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,gBAAgB;IAChE,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACrC,CAAC;IAED,cAAc,CAAC,KAAK,EAAE,IAAI;QACxB,OAAO,IAAI,CAAA;;;iBAGE,KAAK;sBACA,IAAI,CAAC,QAAQ;;KAE9B,CAAA;IACH,CAAC;IAED,YAAY,CAAC,iBAAiB;QAC5B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,aAAa;QACf,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,eAAe,CAAC,KAAK;QACnB,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC;YAAE,OAAO,KAAK,CAAA;QAE9C,OAAO,QAAQ,GAAG,KAAK,CAAA;IACzB,CAAC;IAED,aAAa,CAAC,CAAC;;QACb,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAA;QAEpD,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QAEhF,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IACtC,CAAC;CACF,CAAA;AAtCY,4BAA4B;IADxC,aAAa,CAAC,iCAAiC,CAAC;GACpC,4BAA4B,CAsCxC","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './things-editor-entity-selector.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport cloneDeep from 'lodash-es/cloneDeep.js'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\n\n@customElement('property-editor-entity-selector')\nexport class PropertyEditorEntitySelector extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    return html`\n      <things-editor-entity-selector\n        id=\"editor\"\n        .value=${value}\n        .properties=${spec.property}\n      ></things-editor-entity-selector>\n    `\n  }\n\n  shouldUpdate(changedProperties) {\n    return true\n  }\n\n  get valueProperty() {\n    return 'value'\n  }\n\n  _computeLabelId(label) {\n    if (label.indexOf('label.') >= 0) return label\n\n    return 'label.' + label\n  }\n\n  _valueChanged(e) {\n    e.stopPropagation()\n\n    this.value = cloneDeep(e.target[this.valueProperty])\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n\n    this.observe?.call(this, this.value)\n  }\n}\n"]}

package/dist-client/editors/property-editor.d.ts

@@ -1,8 +1,8 @@
-import './things-editor-http-headers';
-import './things-editor-http-parameters';
-import './things-editor-http-body';
-import './things-editor-db-procedure';
-import './things-editor-tag-scenarios';
+import './things-editor-http-headers.js';
+import './things-editor-http-parameters.js';
+import './things-editor-http-body.js';
+import './things-editor-db-procedure.js';
+import './things-editor-tag-scenarios.js';
 import { OxPropertyEditor } from '@operato/property-editor';
 export declare class PropertyEditorScenarioStepInput extends OxPropertyEditor {
     static get styles(): import("lit").CSSResult[];

package/dist-client/editors/property-editor.js

@@ -1,11 +1,11 @@
 /*
  * Copyright © HatioLab Inc. All rights reserved.
  */
-import './things-editor-http-headers';
-import './things-editor-http-parameters';
-import './things-editor-http-body';
-import './things-editor-db-procedure';
-import './things-editor-tag-scenarios';
+import './things-editor-http-headers.js';
+import './things-editor-http-parameters.js';
+import './things-editor-http-body.js';
+import './things-editor-db-procedure.js';
+import './things-editor-tag-scenarios.js';
 import { html } from 'lit';
 import { OxPropertyEditor } from '@operato/property-editor';
 export class PropertyEditorScenarioStepInput extends OxPropertyEditor {

package/dist-client/editors/property-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"property-editor.js","sourceRoot":"","sources":["../../client/editors/property-editor.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport './things-editor-http-headers'\nimport './things-editor-http-parameters'\nimport './things-editor-http-body'\nimport './things-editor-db-procedure'\nimport './things-editor-tag-scenarios'\n\nimport { html } from 'lit'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\n\nexport class PropertyEditorScenarioStepInput extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    /* context must be a datagrid(grist) instance, and host must be a record */\n    const { context: grid, host: record } = spec\n    const steps = grid?.dirtyData.records.filter(rec => rec.name !== record.name).map(rec => rec.name) || []\n\n    return html`\n      <input id=\"editor\" .value=${value || ''} list=\"step-list\" />\n      <datalist id=\"step-list\">${steps.map(id => html` <option value=${id}></option> `)}</datalist>\n    `\n  }\n}\n\ncustomElements.define('property-editor-scenario-step-input', PropertyEditorScenarioStepInput)\n\nexport class PropertyEditorHttpHeaders extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    return html`\n      <things-editor-http-headers id=\"editor\" .value=${value} .properties=${spec.property}></things-editor-http-headers>\n    `\n  }\n}\n\ncustomElements.define('property-editor-http-headers', PropertyEditorHttpHeaders)\n\nexport class PropertyEditorHttpParameters extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    return html`\n      <things-editor-http-parameters\n        id=\"editor\"\n        .value=${value}\n        .properties=${spec.property}\n      ></things-editor-http-parameters>\n    `\n  }\n}\n\ncustomElements.define('property-editor-http-parameters', PropertyEditorHttpParameters)\n\nexport class PropertyEditorHttpBody extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    return html`\n      <things-editor-http-body id=\"editor\" .value=${value} .properties=${spec.property}></things-editor-http-body>\n    `\n  }\n}\n\ncustomElements.define('property-editor-http-body', PropertyEditorHttpBody)\n\nexport class PropertyEditorProcedureParameters extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    /* context must be a datagrid(grist) instance, and host must be a record */\n    const { context: grid, host: record } = spec\n    const { dbtype = 'oracle' } = spec.property || {}\n\n    const steps = grid?.dirtyData.records.filter(rec => rec.name !== record.name).map(rec => rec.name) || []\n\n    return html`\n      <things-editor-db-procedure\n        id=\"editor\"\n        .value=${value}\n        .properties=${spec.property}\n        .steps=${steps}\n        .dbtype=${dbtype}\n        fullwidth\n      ></things-editor-db-procedure>\n    `\n  }\n}\n\ncustomElements.define('property-editor-procedure-parameters', PropertyEditorProcedureParameters)\n\nexport class PropertyEditorTagScenarios extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    /* context must be a datagrid(grist) instance, and host must be a record */\n    const { context: grid, host: record } = spec\n    const steps = grid?.dirtyData.records.filter(rec => rec.name !== record.name).map(rec => rec.name) || []\n\n    return html`\n      <things-editor-tag-scenarios\n        id=\"editor\"\n        .value=${value}\n        .properties=${spec.property}\n        .steps=${steps}\n        fullwidth\n      ></things-editor-tag-scenarios>\n    `\n  }\n}\n\ncustomElements.define('property-editor-tag-scenarios', PropertyEditorTagScenarios)\n"]}
+{"version":3,"file":"property-editor.js","sourceRoot":"","sources":["../../client/editors/property-editor.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport './things-editor-http-headers.js'\nimport './things-editor-http-parameters.js'\nimport './things-editor-http-body.js'\nimport './things-editor-db-procedure.js'\nimport './things-editor-tag-scenarios.js'\n\nimport { html } from 'lit'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\n\nexport class PropertyEditorScenarioStepInput extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    /* context must be a datagrid(grist) instance, and host must be a record */\n    const { context: grid, host: record } = spec\n    const steps = grid?.dirtyData.records.filter(rec => rec.name !== record.name).map(rec => rec.name) || []\n\n    return html`\n      <input id=\"editor\" .value=${value || ''} list=\"step-list\" />\n      <datalist id=\"step-list\">${steps.map(id => html` <option value=${id}></option> `)}</datalist>\n    `\n  }\n}\n\ncustomElements.define('property-editor-scenario-step-input', PropertyEditorScenarioStepInput)\n\nexport class PropertyEditorHttpHeaders extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    return html`\n      <things-editor-http-headers id=\"editor\" .value=${value} .properties=${spec.property}></things-editor-http-headers>\n    `\n  }\n}\n\ncustomElements.define('property-editor-http-headers', PropertyEditorHttpHeaders)\n\nexport class PropertyEditorHttpParameters extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    return html`\n      <things-editor-http-parameters\n        id=\"editor\"\n        .value=${value}\n        .properties=${spec.property}\n      ></things-editor-http-parameters>\n    `\n  }\n}\n\ncustomElements.define('property-editor-http-parameters', PropertyEditorHttpParameters)\n\nexport class PropertyEditorHttpBody extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    return html`\n      <things-editor-http-body id=\"editor\" .value=${value} .properties=${spec.property}></things-editor-http-body>\n    `\n  }\n}\n\ncustomElements.define('property-editor-http-body', PropertyEditorHttpBody)\n\nexport class PropertyEditorProcedureParameters extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    /* context must be a datagrid(grist) instance, and host must be a record */\n    const { context: grid, host: record } = spec\n    const { dbtype = 'oracle' } = spec.property || {}\n\n    const steps = grid?.dirtyData.records.filter(rec => rec.name !== record.name).map(rec => rec.name) || []\n\n    return html`\n      <things-editor-db-procedure\n        id=\"editor\"\n        .value=${value}\n        .properties=${spec.property}\n        .steps=${steps}\n        .dbtype=${dbtype}\n        fullwidth\n      ></things-editor-db-procedure>\n    `\n  }\n}\n\ncustomElements.define('property-editor-procedure-parameters', PropertyEditorProcedureParameters)\n\nexport class PropertyEditorTagScenarios extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value, spec) {\n    /* context must be a datagrid(grist) instance, and host must be a record */\n    const { context: grid, host: record } = spec\n    const steps = grid?.dirtyData.records.filter(rec => rec.name !== record.name).map(rec => rec.name) || []\n\n    return html`\n      <things-editor-tag-scenarios\n        id=\"editor\"\n        .value=${value}\n        .properties=${spec.property}\n        .steps=${steps}\n        fullwidth\n      ></things-editor-tag-scenarios>\n    `\n  }\n}\n\ncustomElements.define('property-editor-tag-scenarios', PropertyEditorTagScenarios)\n"]}

package/dist-client/editors/things-editor-entity-selector.d.ts

@@ -2,7 +2,7 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 import '@material/web/icon/icon.js';
-import './entity-selector';
+import './entity-selector.js';
 import { LitElement } from 'lit';
 export default class ThingsEditorEntitySelector extends LitElement {
     static styles: import("lit").CSSResult[];