@things-factory/integration-ui 9.0.0-beta.27 → 9.0.0-beta.29

package/dist-client/editors/things-editor-http-parameters.js

@@ -0,0 +1,167 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate, __metadata } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+http parameters editor element
+
+Example:
+
+  <things-editor-http-parameters value=${map}>
+  </things-editor-http-parameters>
+*/
+let ThingsEditorHttpParameters = class ThingsEditorHttpParameters extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = {};
+        this._changingNow = false;
+    }
+    firstUpdated() {
+        this.renderRoot.addEventListener('change', this._onChange.bind(this));
+    }
+    render() {
+        return html `
+      ${this._toArray(this.value).map(item => html `
+          <div data-record>
+            <input type="text" data-key placeholder="key" .value=${item.key} />
+            <input type="text" data-value placeholder="value" .value=${item.value} />
+            <button class="record-action" @click=${e => this._delete(e)} tabindex="-1">x</button>
+          </div>
+        `)}
+
+      <div data-record-new>
+        <input type="text" data-key placeholder="key" value="" />
+        <input type="text" data-value placeholder="value" value="" />
+        <button class="record-action" @click=${e => this._add()} tabindex="-1">+</button>
+      </div>
+    `;
+    }
+    _onChange(e) {
+        if (this._changingNow) {
+            return;
+        }
+        this._changingNow = true;
+        var input = e.target;
+        var value = input.value;
+        var div = input.parentElement;
+        if (div.hasAttribute('data-record')) {
+            var dataList = div.querySelectorAll('[data-value]:not([hidden])');
+            for (var i = 0; i < dataList.length; i++) {
+                if (dataList[i] !== input) {
+                    dataList[i].value = value || '';
+                }
+            }
+        }
+        if (div.hasAttribute('data-record')) {
+            this._build();
+        }
+        else if (div.hasAttribute('data-record-new') && input.hasAttribute('data-value')) {
+            this._add();
+        }
+        this._changingNow = false;
+    }
+    _build(includeNewRecord) {
+        if (includeNewRecord)
+            var records = this.renderRoot.querySelectorAll('[data-record],[data-record-new]');
+        else
+            var records = this.renderRoot.querySelectorAll('[data-record]');
+        var newmap = {};
+        for (var i = 0; i < records.length; i++) {
+            var record = records[i];
+            var key = record.querySelector('[data-key]').value;
+            var inputs = record.querySelectorAll('[data-value]:not([style*="display: none"])');
+            if (!inputs || inputs.length == 0)
+                continue;
+            var input = inputs[inputs.length - 1];
+            var value = input.value;
+            if (key)
+                newmap[key] = value || '';
+        }
+        this.value = newmap;
+        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
+    }
+    /* map아이템들을 template(dom-repeat)용 배열로 변환하는 함수 */
+    _toArray(map) {
+        var array = [];
+        for (var key in map) {
+            array.push({
+                key: key,
+                value: map[key]
+            });
+        }
+        return array;
+    }
+    _add() {
+        this._build(true);
+        var inputs = this.renderRoot.querySelectorAll('[data-record-new] input:not([style*="display: none"])');
+        for (var i = 0; i < inputs.length; i++) {
+            let input = inputs[i];
+            input.value = '';
+        }
+        ;
+        inputs[0].focus();
+    }
+    _delete(e) {
+        var record = e.target.parentElement;
+        record.querySelector('[data-key]').value = '';
+        this._build();
+    }
+};
+ThingsEditorHttpParameters.styles = [
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        align-content: center;
+
+        width: 100%;
+        overflow: hidden;
+        border: 1px solid #ccc;
+        margin: 5px 0;
+
+        background-color: #ddd;
+      }
+
+      div {
+        display: flex;
+        flex-flow: row nowrap;
+        align-items: center;
+      }
+
+      div > * {
+        min-width: 0px;
+        min-height: 20px;
+        margin: 2px;
+        padding: 0;
+      }
+
+      button {
+        width: 20px;
+        text-align: center;
+        border-radius: 50%;
+        font-size: 1em;
+      }
+
+      input {
+        flex: 1;
+      }
+
+      select,
+      ox-select,
+      input:not([type='checkbox']) {
+        border: 1px solid rgba(0, 0, 0, 0.2);
+        border-radius: 4px;
+      }
+    `
+];
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], ThingsEditorHttpParameters.prototype, "value", void 0);
+ThingsEditorHttpParameters = __decorate([
+    customElement('things-editor-http-parameters')
+], ThingsEditorHttpParameters);
+export default ThingsEditorHttpParameters;
+//# sourceMappingURL=things-editor-http-parameters.js.map

package/dist-client/editors/things-editor-http-parameters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"things-editor-http-parameters.js","sourceRoot":"","sources":["../../client/editors/things-editor-http-parameters.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\nhttp parameters editor element\n\nExample:\n\n  <things-editor-http-parameters value=${map}>\n  </things-editor-http-parameters>\n*/\n@customElement('things-editor-http-parameters')\nexport default class ThingsEditorHttpParameters extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        align-content: center;\n\n        width: 100%;\n        overflow: hidden;\n        border: 1px solid #ccc;\n        margin: 5px 0;\n\n        background-color: #ddd;\n      }\n\n      div {\n        display: flex;\n        flex-flow: row nowrap;\n        align-items: center;\n      }\n\n      div > * {\n        min-width: 0px;\n        min-height: 20px;\n        margin: 2px;\n        padding: 0;\n      }\n\n      button {\n        width: 20px;\n        text-align: center;\n        border-radius: 50%;\n        font-size: 1em;\n      }\n\n      input {\n        flex: 1;\n      }\n\n      select,\n      ox-select,\n      input:not([type='checkbox']) {\n        border: 1px solid rgba(0, 0, 0, 0.2);\n        border-radius: 4px;\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: { [key: string]: string } = {}\n\n  _changingNow: boolean = false\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onChange.bind(this))\n  }\n\n  render() {\n    return html`\n      ${this._toArray(this.value).map(\n        item => html`\n          <div data-record>\n            <input type=\"text\" data-key placeholder=\"key\" .value=${item.key} />\n            <input type=\"text\" data-value placeholder=\"value\" .value=${item.value} />\n            <button class=\"record-action\" @click=${e => this._delete(e)} tabindex=\"-1\">x</button>\n          </div>\n        `\n      )}\n\n      <div data-record-new>\n        <input type=\"text\" data-key placeholder=\"key\" value=\"\" />\n        <input type=\"text\" data-value placeholder=\"value\" value=\"\" />\n        <button class=\"record-action\" @click=${e => this._add()} tabindex=\"-1\">+</button>\n      </div>\n    `\n  }\n\n  _onChange(e) {\n    if (this._changingNow) {\n      return\n    }\n\n    this._changingNow = true\n\n    var input = e.target\n    var value = input.value\n\n    var div = input.parentElement\n\n    if (div.hasAttribute('data-record')) {\n      var dataList = div.querySelectorAll('[data-value]:not([hidden])')\n      for (var i = 0; i < dataList.length; i++) {\n        if (dataList[i] !== input) {\n          dataList[i].value = value || ''\n        }\n      }\n    }\n\n    if (div.hasAttribute('data-record')) {\n      this._build()\n    } else if (div.hasAttribute('data-record-new') && input.hasAttribute('data-value')) {\n      this._add()\n    }\n\n    this._changingNow = false\n  }\n\n  _build(includeNewRecord?) {\n    if (includeNewRecord) var records = this.renderRoot.querySelectorAll('[data-record],[data-record-new]')\n    else var records = this.renderRoot.querySelectorAll('[data-record]')\n\n    var newmap = {}\n\n    for (var i = 0; i < records.length; i++) {\n      var record = records[i]\n\n      var key = (record.querySelector('[data-key]') as HTMLInputElement).value\n      var inputs = record.querySelectorAll('[data-value]:not([style*=\"display: none\"])')\n      if (!inputs || inputs.length == 0) continue\n\n      var input = inputs[inputs.length - 1] as HTMLInputElement\n\n      var value = input.value\n\n      if (key) newmap[key] = value || ''\n    }\n\n    this.value = newmap\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n\n  /* map아이템들을 template(dom-repeat)용 배열로 변환하는 함수 */\n  _toArray(map) {\n    var array: { key: any; value: any }[] = []\n\n    for (var key in map) {\n      array.push({\n        key: key,\n        value: map[key]\n      })\n    }\n\n    return array\n  }\n\n  _add() {\n    this._build(true)\n\n    var inputs = this.renderRoot.querySelectorAll('[data-record-new] input:not([style*=\"display: none\"])')\n\n    for (var i = 0; i < inputs.length; i++) {\n      let input = inputs[i] as HTMLInputElement\n      input.value = ''\n    }\n\n    ;(inputs[0] as HTMLInputElement).focus()\n  }\n\n  _delete(e) {\n    var record = e.target.parentElement\n    record.querySelector('[data-key]').value = ''\n    this._build()\n  }\n}\n"]}

package/dist-client/editors/things-editor-tag-scenarios.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import '@operato/input/ox-select.js';
+import { LitElement } from 'lit';
+/**
+tag-scenarios map editor element
+
+Example:
+
+  <things-editor-tag-scenarios value=${map}>
+  </things-editor-tag-scenarios>
+*/
+export default class ThingsEditorTagScenarios extends LitElement {
+    static styles: import("lit").CSSResult[];
+    value: {
+        [key: string]: string;
+    };
+    _changingNow: boolean;
+    private scenarios;
+    firstUpdated(): void;
+    fetchScenarios(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+    _onChange(e: any): void;
+    _build(includeNewRecord?: any): void;
+    _toArray(map: any): {
+        key: any;
+        value: any;
+    }[];
+    _add(): void;
+    _delete(e: any): void;
+}

package/dist-client/editors/things-editor-tag-scenarios.js

@@ -0,0 +1,226 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate, __metadata } from "tslib";
+import '@operato/input/ox-select.js';
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { keyed } from 'lit/directives/keyed.js';
+import { client } from '@operato/graphql';
+/**
+tag-scenarios map editor element
+
+Example:
+
+  <things-editor-tag-scenarios value=${map}>
+  </things-editor-tag-scenarios>
+*/
+let ThingsEditorTagScenarios = class ThingsEditorTagScenarios extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = {};
+        this._changingNow = false;
+        this.scenarios = [];
+    }
+    firstUpdated() {
+        this.renderRoot.addEventListener('change', this._onChange.bind(this));
+        this.fetchScenarios();
+    }
+    async fetchScenarios() {
+        const { data, errors } = await client.query({
+            query: gql `
+        query {
+          scenarios {
+            items {
+              id
+              name
+            }
+          }
+        }
+      `
+        });
+        if (data) {
+            this.scenarios = ((data === null || data === void 0 ? void 0 : data.scenarios.items) || []).map(item => item.name);
+        }
+    }
+    render() {
+        const spec = {
+            queryName: 'scenarios'
+        };
+        return html `
+      ${this._toArray(this.value).map(item => html `
+          <div data-record>
+            <input type="text" data-key placeholder="(set tag)" .value=${item.key} />
+            <ox-select data-value placeholder="(select scenario)" .value=${item.value}>
+              <ox-popup-list with-search>
+                <div option value="">&nbsp;</div>
+                ${this.scenarios.map(scenario => html ` <div option value=${scenario}>${scenario}</div> `)}
+              </ox-popup-list>
+            </ox-select>
+
+            <button class="record-action" @click=${e => this._delete(e)} tabindex="-1">x</button>
+          </div>
+        `)}
+
+      <div data-record-new>
+        <input type="text" data-key placeholder="(set tag)" value="" />
+        ${keyed(Date.now(), html `
+            <ox-select data-value placeholder="(select scenario)" value="">
+              <ox-popup-list with-search>
+                <div option value="">&nbsp;</div>
+                ${this.scenarios.map(scenario => html ` <div option value=${scenario}>${scenario}</div> `)}
+              </ox-popup-list>
+            </ox-select>
+          `)}
+
+        <button class="record-action" @click=${e => this._add()} tabindex="-1">+</button>
+      </div>
+    `;
+    }
+    _onChange(e) {
+        if (this._changingNow) {
+            return;
+        }
+        this._changingNow = true;
+        var input = e.target;
+        var value = input.value;
+        var div = input.parentElement;
+        if (div.hasAttribute('data-record')) {
+            var dataList = div.querySelectorAll('[data-value]:not([hidden])');
+            for (var i = 0; i < dataList.length; i++) {
+                if (dataList[i] !== input) {
+                    dataList[i].value = value || '';
+                }
+            }
+        }
+        if (div.hasAttribute('data-record')) {
+            this._build();
+        }
+        else if (div.hasAttribute('data-record-new') && input.hasAttribute('data-value')) {
+            this._add();
+        }
+        this._changingNow = false;
+    }
+    _build(includeNewRecord) {
+        if (includeNewRecord)
+            var records = this.renderRoot.querySelectorAll('[data-record],[data-record-new]');
+        else
+            var records = this.renderRoot.querySelectorAll('[data-record]');
+        var newmap = {};
+        for (var i = 0; i < records.length; i++) {
+            var record = records[i];
+            var key = record.querySelector('[data-key]').value;
+            var inputs = record.querySelectorAll('[data-value]:not([style*="display: none"])');
+            if (!inputs || inputs.length == 0)
+                continue;
+            var input = inputs[inputs.length - 1];
+            var value = input.value;
+            if (key)
+                newmap[key] = value || '';
+        }
+        this.value = newmap;
+        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
+    }
+    /* map아이템들을 template(dom-repeat)용 배열로 변환하는 함수 */
+    _toArray(map) {
+        var array = [];
+        for (var key in map) {
+            array.push({
+                key: key,
+                value: map[key]
+            });
+        }
+        return array;
+    }
+    _add() {
+        this._build(true);
+        var inputs = this.renderRoot.querySelectorAll('[data-record-new] input:not([style*="display: none"])');
+        for (var i = 0; i < inputs.length; i++) {
+            let input = inputs[i];
+            input.value = '';
+        }
+        ;
+        inputs[0].focus();
+    }
+    _delete(e) {
+        var record = e.target.parentElement;
+        record.querySelector('[data-key]').value = '';
+        this._build();
+    }
+};
+ThingsEditorTagScenarios.styles = [
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        align-content: center;
+
+        width: 100%;
+        overflow: visible;
+        border: 1px solid #ccc;
+        margin: 5px 0;
+
+        background-color: #ddd;
+      }
+
+      div[data-record],
+      div[data-record-new] {
+        display: flex;
+        flex-flow: row nowrap;
+        align-items: center;
+      }
+
+      div[data-record] > *,
+      div[data-record-new] > * {
+        min-height: 20px;
+        margin: 2px;
+      }
+
+      button {
+        text-align: center;
+        border-radius: 50%;
+        font-size: 1em;
+      }
+
+      input,
+      ox-select {
+        flex: 1;
+      }
+
+      input {
+        padding: 5px;
+        box-sizing: border-box;
+      }
+
+      ox-select {
+        --input-padding: 4px;
+      }
+
+      ox-popup-list {
+        max-height: 300px;
+        overflow: auto;
+      }
+
+      select,
+      ox-select,
+      input:not([type='checkbox']) {
+        border: 1px solid rgba(0, 0, 0, 0.2);
+        border-radius: 4px;
+        background-color: var(--md-sys-color-surface);
+      }
+    `
+];
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], ThingsEditorTagScenarios.prototype, "value", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ThingsEditorTagScenarios.prototype, "scenarios", void 0);
+ThingsEditorTagScenarios = __decorate([
+    customElement('things-editor-tag-scenarios')
+], ThingsEditorTagScenarios);
+export default ThingsEditorTagScenarios;
+//# sourceMappingURL=things-editor-tag-scenarios.js.map

package/dist-client/editors/things-editor-tag-scenarios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"things-editor-tag-scenarios.js","sourceRoot":"","sources":["../../client/editors/things-editor-tag-scenarios.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/input/ox-select.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { keyed } from 'lit/directives/keyed.js'\n\nimport { client } from '@operato/graphql'\n\n/**\ntag-scenarios map editor element\n\nExample:\n\n  <things-editor-tag-scenarios value=${map}>\n  </things-editor-tag-scenarios>\n*/\n@customElement('things-editor-tag-scenarios')\nexport default class ThingsEditorTagScenarios extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        align-content: center;\n\n        width: 100%;\n        overflow: visible;\n        border: 1px solid #ccc;\n        margin: 5px 0;\n\n        background-color: #ddd;\n      }\n\n      div[data-record],\n      div[data-record-new] {\n        display: flex;\n        flex-flow: row nowrap;\n        align-items: center;\n      }\n\n      div[data-record] > *,\n      div[data-record-new] > * {\n        min-height: 20px;\n        margin: 2px;\n      }\n\n      button {\n        text-align: center;\n        border-radius: 50%;\n        font-size: 1em;\n      }\n\n      input,\n      ox-select {\n        flex: 1;\n      }\n\n      input {\n        padding: 5px;\n        box-sizing: border-box;\n      }\n\n      ox-select {\n        --input-padding: 4px;\n      }\n\n      ox-popup-list {\n        max-height: 300px;\n        overflow: auto;\n      }\n\n      select,\n      ox-select,\n      input:not([type='checkbox']) {\n        border: 1px solid rgba(0, 0, 0, 0.2);\n        border-radius: 4px;\n        background-color: var(--md-sys-color-surface);\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: { [key: string]: string } = {}\n\n  _changingNow: boolean = false\n\n  @state() private scenarios: string[] = []\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onChange.bind(this))\n    this.fetchScenarios()\n  }\n\n  async fetchScenarios() {\n    const { data, errors } = await client.query({\n      query: gql`\n        query {\n          scenarios {\n            items {\n              id\n              name\n            }\n          }\n        }\n      `\n    })\n\n    if (data) {\n      this.scenarios = (data?.scenarios.items || []).map(item => item.name)\n    }\n  }\n\n  render() {\n    const spec = {\n      queryName: 'scenarios'\n    }\n\n    return html`\n      ${this._toArray(this.value).map(\n        item => html`\n          <div data-record>\n            <input type=\"text\" data-key placeholder=\"(set tag)\" .value=${item.key} />\n            <ox-select data-value placeholder=\"(select scenario)\" .value=${item.value}>\n              <ox-popup-list with-search>\n                <div option value=\"\">&nbsp;</div>\n                ${this.scenarios.map(scenario => html` <div option value=${scenario}>${scenario}</div> `)}\n              </ox-popup-list>\n            </ox-select>\n\n            <button class=\"record-action\" @click=${e => this._delete(e)} tabindex=\"-1\">x</button>\n          </div>\n        `\n      )}\n\n      <div data-record-new>\n        <input type=\"text\" data-key placeholder=\"(set tag)\" value=\"\" />\n        ${keyed(\n          Date.now(),\n          html`\n            <ox-select data-value placeholder=\"(select scenario)\" value=\"\">\n              <ox-popup-list with-search>\n                <div option value=\"\">&nbsp;</div>\n                ${this.scenarios.map(scenario => html` <div option value=${scenario}>${scenario}</div> `)}\n              </ox-popup-list>\n            </ox-select>\n          `\n        )}\n\n        <button class=\"record-action\" @click=${e => this._add()} tabindex=\"-1\">+</button>\n      </div>\n    `\n  }\n\n  _onChange(e) {\n    if (this._changingNow) {\n      return\n    }\n\n    this._changingNow = true\n\n    var input = e.target\n    var value = input.value\n\n    var div = input.parentElement\n\n    if (div.hasAttribute('data-record')) {\n      var dataList = div.querySelectorAll('[data-value]:not([hidden])')\n      for (var i = 0; i < dataList.length; i++) {\n        if (dataList[i] !== input) {\n          dataList[i].value = value || ''\n        }\n      }\n    }\n\n    if (div.hasAttribute('data-record')) {\n      this._build()\n    } else if (div.hasAttribute('data-record-new') && input.hasAttribute('data-value')) {\n      this._add()\n    }\n\n    this._changingNow = false\n  }\n\n  _build(includeNewRecord?) {\n    if (includeNewRecord) var records = this.renderRoot.querySelectorAll('[data-record],[data-record-new]')\n    else var records = this.renderRoot.querySelectorAll('[data-record]')\n\n    var newmap = {}\n\n    for (var i = 0; i < records.length; i++) {\n      var record = records[i]\n\n      var key = (record.querySelector('[data-key]') as HTMLInputElement).value\n      var inputs = record.querySelectorAll('[data-value]:not([style*=\"display: none\"])')\n      if (!inputs || inputs.length == 0) continue\n\n      var input = inputs[inputs.length - 1] as HTMLInputElement\n\n      var value = input.value\n\n      if (key) newmap[key] = value || ''\n    }\n\n    this.value = newmap\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n\n  /* map아이템들을 template(dom-repeat)용 배열로 변환하는 함수 */\n  _toArray(map) {\n    var array: { key: any; value: any }[] = []\n\n    for (var key in map) {\n      array.push({\n        key: key,\n        value: map[key]\n      })\n    }\n\n    return array\n  }\n\n  _add() {\n    this._build(true)\n\n    var inputs = this.renderRoot.querySelectorAll('[data-record-new] input:not([style*=\"display: none\"])')\n\n    for (var i = 0; i < inputs.length; i++) {\n      let input = inputs[i] as HTMLInputElement\n      input.value = ''\n    }\n\n    ;(inputs[0] as HTMLInputElement).focus()\n  }\n\n  _delete(e) {\n    var record = e.target.parentElement\n    record.querySelector('[data-key]').value = ''\n    this._build()\n  }\n}\n"]}

package/dist-client/grist/connection-selector.d.ts

@@ -0,0 +1,4 @@
+import { DynamicSelector } from './dynamic-selector.js';
+export declare class ConnectionSelector extends DynamicSelector {
+    getOptions(): Promise<any>;
+}

package/dist-client/grist/connection-selector.js

@@ -0,0 +1,30 @@
+import { __decorate } from "tslib";
+import gql from 'graphql-tag';
+import { customElement } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { DynamicSelector } from './dynamic-selector.js';
+const FETCH_CONNECTIONS_GQL = gql `
+  {
+    connections {
+      items {
+        name
+        description
+      }
+
+      total
+    }
+  }
+`;
+let ConnectionSelector = class ConnectionSelector extends DynamicSelector {
+    async getOptions() {
+        var response = await client.query({
+            query: FETCH_CONNECTIONS_GQL
+        });
+        return (response && response.data && response.data.connections.items) || [];
+    }
+};
+ConnectionSelector = __decorate([
+    customElement('connection-selector')
+], ConnectionSelector);
+export { ConnectionSelector };
+//# sourceMappingURL=connection-selector.js.map

package/dist-client/grist/connection-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection-selector.js","sourceRoot":"","sources":["../../client/grist/connection-selector.ts"],"names":[],"mappings":";AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;CAWhC,CAAA;AAGM,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,eAAe;IACrD,KAAK,CAAC,UAAU;QACd,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAChC,KAAK,EAAE,qBAAqB;SAC7B,CAAC,CAAA;QAEF,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;IAC7E,CAAC;CACF,CAAA;AARY,kBAAkB;IAD9B,aAAa,CAAC,qBAAqB,CAAC;GACxB,kBAAkB,CAQ9B","sourcesContent":["import gql from 'graphql-tag'\nimport { customElement } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\n\nimport { DynamicSelector } from './dynamic-selector.js'\n\nconst FETCH_CONNECTIONS_GQL = gql`\n  {\n    connections {\n      items {\n        name\n        description\n      }\n\n      total\n    }\n  }\n`\n\n@customElement('connection-selector')\nexport class ConnectionSelector extends DynamicSelector {\n  async getOptions() {\n    var response = await client.query({\n      query: FETCH_CONNECTIONS_GQL\n    })\n\n    return (response && response.data && response.data.connections.items) || []\n  }\n}\n"]}

package/dist-client/grist/connector-selector.d.ts

@@ -0,0 +1,4 @@
+import { DynamicSelector } from './dynamic-selector.js';
+export declare class ConnectorSelector extends DynamicSelector {
+    getOptions(): Promise<any>;
+}

package/dist-client/grist/connector-selector.js

@@ -0,0 +1,30 @@
+import { __decorate } from "tslib";
+import gql from 'graphql-tag';
+import { customElement } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { DynamicSelector } from './dynamic-selector.js';
+const FETCH_CONNECTORS_GQL = gql `
+  {
+    connectors {
+      items {
+        name
+        description
+      }
+
+      total
+    }
+  }
+`;
+let ConnectorSelector = class ConnectorSelector extends DynamicSelector {
+    async getOptions() {
+        var response = await client.query({
+            query: FETCH_CONNECTORS_GQL
+        });
+        return (response && response.data && response.data.connectors.items) || [];
+    }
+};
+ConnectorSelector = __decorate([
+    customElement('connector-selector')
+], ConnectorSelector);
+export { ConnectorSelector };
+//# sourceMappingURL=connector-selector.js.map

package/dist-client/grist/connector-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connector-selector.js","sourceRoot":"","sources":["../../client/grist/connector-selector.ts"],"names":[],"mappings":";AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;CAW/B,CAAA;AAGM,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,eAAe;IACpD,KAAK,CAAC,UAAU;QACd,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAChC,KAAK,EAAE,oBAAoB;SAC5B,CAAC,CAAA;QAEF,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;IAC5E,CAAC;CACF,CAAA;AARY,iBAAiB;IAD7B,aAAa,CAAC,oBAAoB,CAAC;GACvB,iBAAiB,CAQ7B","sourcesContent":["import gql from 'graphql-tag'\nimport { customElement } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\n\nimport { DynamicSelector } from './dynamic-selector.js'\n\nconst FETCH_CONNECTORS_GQL = gql`\n  {\n    connectors {\n      items {\n        name\n        description\n      }\n\n      total\n    }\n  }\n`\n\n@customElement('connector-selector')\nexport class ConnectorSelector extends DynamicSelector {\n  async getOptions() {\n    var response = await client.query({\n      query: FETCH_CONNECTORS_GQL\n    })\n\n    return (response && response.data && response.data.connectors.items) || []\n  }\n}\n"]}

package/dist-client/grist/dynamic-selector.d.ts

@@ -0,0 +1,10 @@
+import { OxGristEditor } from '@operato/data-grist';
+export declare class DynamicSelector extends OxGristEditor {
+    options: any;
+    getOptions(): Promise<{
+        name: string;
+        description: string;
+    }[]>;
+    firstUpdated(): Promise<void>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/grist/dynamic-selector.js

@@ -0,0 +1,32 @@
+import { OxGristEditor } from '@operato/data-grist';
+import { html } from 'lit';
+const EMPTY_OPTION = { name: '', value: '' };
+export class DynamicSelector extends OxGristEditor {
+    async getOptions() {
+        return [];
+    }
+    async firstUpdated() {
+        super.firstUpdated();
+        var { options } = this.column.record || [];
+        if (!options) {
+            var dynamic = await this.getOptions();
+            if (dynamic.unshift) {
+                dynamic.unshift(EMPTY_OPTION);
+            }
+            else {
+                dynamic = [EMPTY_OPTION];
+            }
+            this.column.record.options = dynamic;
+            this.requestUpdate();
+        }
+    }
+    get editorTemplate() {
+        var { options = [EMPTY_OPTION] } = this.column.record || {};
+        return html `
+      <select>
+        ${options.map(option => html ` <option ?selected=${option.name == this.value} value=${option.name}>${option.name}</option> `)}
+      </select>
+    `;
+    }
+}
+//# sourceMappingURL=dynamic-selector.js.map

package/dist-client/grist/dynamic-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-selector.js","sourceRoot":"","sources":["../../client/grist/dynamic-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAA;AAE5C,MAAM,OAAO,eAAgB,SAAQ,aAAa;IAGhD,KAAK,CAAC,UAAU;QACd,OAAO,EAAE,CAAA;IACX,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,KAAK,CAAC,YAAY,EAAE,CAAA;QAEpB,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAA;QAE1C,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,IAAI,OAAO,GAAQ,MAAM,IAAI,CAAC,UAAU,EAAE,CAAA;YAC1C,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;YAC/B,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG,CAAC,YAAY,CAAC,CAAA;YAC1B,CAAC;YAED,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAA;YACpC,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;IACH,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,EAAE,OAAO,GAAG,CAAC,YAAY,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAA;QAE3D,OAAO,IAAI,CAAA;;UAEL,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA,sBAAsB,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,UAAU,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,YAAY,CAAC;;KAE/H,CAAA;IACH,CAAC;CACF","sourcesContent":["import { OxGristEditor } from '@operato/data-grist'\nimport { html } from 'lit'\n\nconst EMPTY_OPTION = { name: '', value: '' }\n\nexport class DynamicSelector extends OxGristEditor {\n  options: any\n\n  async getOptions(): Promise<{ name: string; description: string }[]> {\n    return []\n  }\n\n  async firstUpdated() {\n    super.firstUpdated()\n\n    var { options } = this.column.record || []\n\n    if (!options) {\n      var dynamic: any = await this.getOptions()\n      if (dynamic.unshift) {\n        dynamic.unshift(EMPTY_OPTION)\n      } else {\n        dynamic = [EMPTY_OPTION]\n      }\n\n      this.column.record.options = dynamic\n      this.requestUpdate()\n    }\n  }\n\n  get editorTemplate() {\n    var { options = [EMPTY_OPTION] } = this.column.record || {}\n\n    return html`\n      <select>\n        ${options.map(option => html` <option ?selected=${option.name == this.value} value=${option.name}>${option.name}</option> `)}\n      </select>\n    `\n  }\n}\n"]}

package/dist-client/grist/task-type-selector.d.ts

@@ -0,0 +1,7 @@
+import { OxGristEditor } from '@operato/data-grist';
+export declare class TaskTypeSelector extends OxGristEditor {
+    options: any;
+    getOptions(): Promise<any>;
+    firstUpdated(): Promise<void>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+}