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

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

@@ -1,105 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-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 {
-    static get styles() {
-        return [...OxPropertyEditor.styles];
-    }
-    editorTemplate(value, spec) {
-        /* context must be a datagrid(grist) instance, and host must be a record */
-        const { context: grid, host: record } = spec;
-        const steps = (grid === null || grid === void 0 ? void 0 : grid.dirtyData.records.filter(rec => rec.name !== record.name).map(rec => rec.name)) || [];
-        return html `
-      <input id="editor" .value=${value || ''} list="step-list" />
-      <datalist id="step-list">${steps.map(id => html ` <option value=${id}></option> `)}</datalist>
-    `;
-    }
-}
-customElements.define('property-editor-scenario-step-input', PropertyEditorScenarioStepInput);
-export class PropertyEditorHttpHeaders extends OxPropertyEditor {
-    static get styles() {
-        return [...OxPropertyEditor.styles];
-    }
-    editorTemplate(value, spec) {
-        return html `
-      <things-editor-http-headers id="editor" .value=${value} .properties=${spec.property}></things-editor-http-headers>
-    `;
-    }
-}
-customElements.define('property-editor-http-headers', PropertyEditorHttpHeaders);
-export class PropertyEditorHttpParameters extends OxPropertyEditor {
-    static get styles() {
-        return [...OxPropertyEditor.styles];
-    }
-    editorTemplate(value, spec) {
-        return html `
-      <things-editor-http-parameters
-        id="editor"
-        .value=${value}
-        .properties=${spec.property}
-      ></things-editor-http-parameters>
-    `;
-    }
-}
-customElements.define('property-editor-http-parameters', PropertyEditorHttpParameters);
-export class PropertyEditorHttpBody extends OxPropertyEditor {
-    static get styles() {
-        return [...OxPropertyEditor.styles];
-    }
-    editorTemplate(value, spec) {
-        return html `
-      <things-editor-http-body id="editor" .value=${value} .properties=${spec.property}></things-editor-http-body>
-    `;
-    }
-}
-customElements.define('property-editor-http-body', PropertyEditorHttpBody);
-export class PropertyEditorProcedureParameters extends OxPropertyEditor {
-    static get styles() {
-        return [...OxPropertyEditor.styles];
-    }
-    editorTemplate(value, spec) {
-        /* context must be a datagrid(grist) instance, and host must be a record */
-        const { context: grid, host: record } = spec;
-        const { dbtype = 'oracle' } = spec.property || {};
-        const steps = (grid === null || grid === void 0 ? void 0 : grid.dirtyData.records.filter(rec => rec.name !== record.name).map(rec => rec.name)) || [];
-        return html `
-      <things-editor-db-procedure
-        id="editor"
-        .value=${value}
-        .properties=${spec.property}
-        .steps=${steps}
-        .dbtype=${dbtype}
-        fullwidth
-      ></things-editor-db-procedure>
-    `;
-    }
-}
-customElements.define('property-editor-procedure-parameters', PropertyEditorProcedureParameters);
-export class PropertyEditorTagScenarios extends OxPropertyEditor {
-    static get styles() {
-        return [...OxPropertyEditor.styles];
-    }
-    editorTemplate(value, spec) {
-        /* context must be a datagrid(grist) instance, and host must be a record */
-        const { context: grid, host: record } = spec;
-        const steps = (grid === null || grid === void 0 ? void 0 : grid.dirtyData.records.filter(rec => rec.name !== record.name).map(rec => rec.name)) || [];
-        return html `
-      <things-editor-tag-scenarios
-        id="editor"
-        .value=${value}
-        .properties=${spec.property}
-        .steps=${steps}
-        fullwidth
-      ></things-editor-tag-scenarios>
-    `;
-    }
-}
-customElements.define('property-editor-tag-scenarios', PropertyEditorTagScenarios);
-//# sourceMappingURL=property-editor.js.map

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

@@ -1 +0,0 @@
-{"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-db-procedure.d.ts

@@ -1,52 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import '@material/web/icon/icon.js';
-import '@operato/i18n/ox-i18n.js';
-import { OxFormField } from '@operato/input';
-type ProcedureParameterType = {
-    name: string;
-    dir: string;
-    type: string;
-    val?: any;
-    accessor?: string;
-    maxSize?: number;
-};
-type ValueType = {
-    code?: string;
-    procedure?: string;
-    parameters?: ProcedureParameterType[];
-};
-/**
- input component for procedure-parameters
- 
- Example:
- 
-   <things-editor-db-procedure
-     value=${map}
-   </things-editor-db-procedure>
- */
-export declare class ThingsEditorProcedureParameters extends OxFormField {
-    static styles: import("lit").CSSResult[];
-    value: ValueType;
-    steps: string[];
-    dbtype: 'oracle' | 'mssql';
-    private procedure?;
-    private parameters?;
-    private _changingNow;
-    records: NodeListOf<HTMLElement>;
-    firstUpdated(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    updated(changes: any): void;
-    _onChange(e: Event): void;
-    _adjust({ name, type, dir, maxSize, val, accessor }: ProcedureParameterType): ProcedureParameterType;
-    _build(includeNewRecord?: boolean): void;
-    _buildOracleCode(): string;
-    _buildMssqlCode(): string;
-    _updateValue(): void;
-    _add(): void;
-    _delete(e: MouseEvent): void;
-    _up(e: MouseEvent): void;
-    _down(e: MouseEvent): void;
-}
-export {};

package/dist-client/editors/things-editor-db-procedure.js

@@ -1,495 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate, __metadata } from "tslib";
-import '@material/web/icon/icon.js';
-import '@operato/i18n/ox-i18n.js';
-import { css, html } from 'lit';
-import { customElement, property, queryAll, state } from 'lit/decorators.js';
-import { OxFormField } from '@operato/input';
-const NUMBERS = ['TINYINT', 'SMALLINT', 'INT', 'BIGINT', 'FLOAT', 'READ', 'DECIMAL', 'NUMERIC', 'MONEY', 'SMALLMONEY'];
-const PARAMETERIZED_TYPES = ['NCHAR', 'VARCHAR', 'NVARCHAR', 'TEXT', 'NTEXT', 'DECIMAL', 'NUMERIC'];
-/**
- input component for procedure-parameters
- 
- Example:
- 
-   <things-editor-db-procedure
-     value=${map}
-   </things-editor-db-procedure>
- */
-let ThingsEditorProcedureParameters = class ThingsEditorProcedureParameters extends OxFormField {
-    constructor() {
-        super(...arguments);
-        this.value = {};
-        this.steps = [];
-        this.dbtype = 'oracle';
-        this.procedure = '';
-        this.parameters = [];
-        this._changingNow = false;
-    }
-    firstUpdated() {
-        this.renderRoot.addEventListener('change', this._onChange.bind(this));
-    }
-    render() {
-        var _a;
-        const code = ((_a = this.value) === null || _a === void 0 ? void 0 : _a.code) || '';
-        const parameters = this.parameters || [];
-        const procedure = this.procedure || '';
-        const dbtype = this.dbtype || 'oracle';
-        const steps = this.steps || [];
-        return html `
-      <div>
-        <label><ox-i18n msgid="label.procedure-code"></ox-i18n></label>
-      </div>
-
-      <div>
-        <pre>
-          <code>${code}</code>
-        </pre
-        >
-      </div>
-
-      <div>
-        <label><ox-i18n msgid="label.procedure-name"></ox-i18n></label>
-      </div>
-
-      <div>
-        <input type="text" data-procedure .value=${procedure} />
-      </div>
-
-      <div>
-        <label><ox-i18n msgid="label.parameters"></ox-i18n></label>
-      </div>
-
-      ${parameters.map(item => html `
-          <div data-record>
-            <input type="text" data-name placeholder="name" .value=${item.name} />
-            <select data-dir placeholder="dir" .value=${item.dir}>
-              <option value="" ?selected=${item.dir == ''}>&nbsp;</option>
-              <option value="In" ?selected=${item.dir == 'In'}>In</option>
-              <option value="Inout" ?selected=${item.dir == 'Inout'}>Inout</option>
-              <option value="Out" ?selected=${item.dir == 'Out'}>Out</option>
-            </select>
-            <select data-type placeholder="type" .value=${item.type}>
-              ${dbtype == 'oracle'
-            ? html `
-                    <option value="" ?selected=${item.type == ''}>&nbsp;</option>
-                    <option value="String" ?selected=${item.type == 'String'}>String</option>
-                    <option value="Number" ?selected=${item.type == 'Number'}>Number</option>
-                    <option value="Date" ?selected=${item.type == 'Date'}>Date</option>
-                    <!-- 
-                  <option value="Buffer" ?selected=${item.type == 'Buffer'}>Buffer</option>
-                  <option value="Blob" ?selected=${item.type == 'Blob'}>Blob</option>
-                  <option value="Clob" ?selected=${item.type == 'Clob'}>Clob</option>
-                -->
-                    <option value="Cursor" ?selected=${item.type == 'Cursor'}>Cursor</option>
-                  `
-            : html `
-                    <option value="" ?selected=${item.type == ''}>&nbsp;</option>
-                    ${[
-                'CHAR',
-                'VARCHAR',
-                'NCHAR',
-                'NVARCHAR',
-                'TEXT',
-                'NTEXT',
-                'TINYINT',
-                'SMALLINT',
-                'INT',
-                'BIGINT',
-                'FLOAT',
-                'REAL',
-                'DECIMAL',
-                'NUMERIC',
-                'MONEY',
-                'SMALLMONEY',
-                'SMALLDATETIME',
-                'DATE',
-                'TIME',
-                'DATETIME',
-                'DATETIME2',
-                'DATETIMEOFFSET'
-            ].map(type => html `<option value=${type} ?selected=${item.type == type}>${type}</option>`)}
-                  `}
-            </select>
-            <input type="text" data-accessor placeholder="accessor" .value=${item.accessor || ''} list="step-list" />
-            <input type="text" data-val placeholder="val" .value=${item.val || ''} />
-            <input type="number" data-max-size placeholder="max-size" .value=${String(item.maxSize)} />
-
-            <button class="record-action" @click=${(e) => this._delete(e)} tabindex="-1">
-              <md-icon>remove</md-icon>
-            </button>
-            <button class="record-action" @click=${(e) => this._up(e)} tabindex="-1">
-              <md-icon>arrow_upward</md-icon>
-            </button>
-            <button class="record-action" @click=${(e) => this._down(e)} tabindex="-1">
-              <md-icon>arrow_downward</md-icon>
-            </button>
-          </div>
-        `)}
-
-      <div data-record-new>
-        <input type="text" data-name placeholder="name" value="" />
-        <select data-dir placeholder="dir">
-          <option value="" selected>&nbsp;</option>
-          <option value="In">In</option>
-          <option value="Inout">Inout</option>
-          <option value="Out">Out</option>
-        </select>
-        <select data-type placeholder="type" value="">
-          ${dbtype == 'oracle'
-            ? html `
-                <option value="" selected>&nbsp;</option>
-                <option value="String">String</option>
-                <option value="Number">Number</option>
-                <option value="Date">Date</option>
-                <!-- 
-          <option value="Buffer">Buffer</option>
-          <option value="Blob">Blob</option>
-          <option value="Clob">Clob</option>
-                -->
-                <option value="Cursor">Cursor</option>
-              `
-            : html `
-                <option value="" selected>&nbsp;</option>
-                ${[
-                'CHAR',
-                'VARCHAR',
-                'NCHAR',
-                'NVARCHAR',
-                'TEXT',
-                'NTEXT',
-                'TINYINT',
-                'SMALLINT',
-                'INT',
-                'BIGINT',
-                'FLOAT',
-                'REAL',
-                'DECIMAL',
-                'NUMERIC',
-                'MONEY',
-                'SMALLMONEY',
-                'SMALLDATETIME',
-                'DATE',
-                'TIME',
-                'DATETIME',
-                'DATETIME2',
-                'DATETIMEOFFSET'
-            ].map(type => html `<option value=${type}>${type}</option>`)}
-              `}
-        </select>
-        <input type="text" data-accessor placeholder="accessor" value="" list="step-list" />
-        <input type="text" data-val placeholder="val" value="" />
-        <input type="number" data-max-size placeholder="max-size" value="" />
-
-        <button class="record-action" @click=${(e) => this._add()} tabindex="-1">
-          <md-icon>add</md-icon>
-        </button>
-        <button class="hidden"><md-icon>add</md-icon></button>
-        <button class="hidden"><md-icon>add</md-icon></button>
-      </div>
-
-      <datalist id="step-list">${steps.map(id => html ` <option value=${id}></option> `)}</datalist>
-    `;
-    }
-    updated(changes) {
-        if (changes.has('value')) {
-            /* 하위 호환성때문에, Array타입 값을 처리하도록 함. 다음 마이너 업그레이드시에 제거할 것. */
-            const value = (Array.isArray(this.value) ? { parameters: this.value } : this.value);
-            const { procedure, parameters } = value || {};
-            this.procedure = procedure;
-            this.parameters = parameters;
-        }
-    }
-    _onChange(e) {
-        if (this._changingNow) {
-            return;
-        }
-        this._changingNow = true;
-        const input = e.target;
-        if (input.hasAttribute('data-procedure')) {
-            this.procedure = input.value;
-            this._updateValue();
-        }
-        else {
-            const record = e.target.closest('[data-record],[data-record-new]');
-            if (record.hasAttribute('data-record')) {
-                this._build();
-            }
-            else if (record.hasAttribute('data-record-new') && input.hasAttribute('data-type')) {
-                this._add();
-            }
-        }
-        this._changingNow = false;
-    }
-    _adjust({ name, type, dir, maxSize, val, accessor }) {
-        const entry = {
-            name: name && String(name).trim(),
-            type,
-            dir,
-            accessor: accessor && String(accessor).trim()
-        };
-        if (
-        /* for oracle */
-        dir != 'In' &&
-            (type == 'String' || type == 'Buffer') &&
-            maxSize !== null &&
-            maxSize !== undefined &&
-            !isNaN(maxSize)) {
-            entry.maxSize = maxSize;
-        }
-        else if (
-        /* for mssql */
-        PARAMETERIZED_TYPES.includes(type) &&
-            maxSize !== null &&
-            maxSize !== undefined &&
-            !isNaN(maxSize)) {
-            entry.maxSize = maxSize;
-        }
-        if (dir != 'Out' && val !== null && val !== undefined && val != '') {
-            entry.val = type == 'Number' || NUMBERS.includes(type) ? Number(val) : val;
-        }
-        return entry;
-    }
-    _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];
-            const name = record.querySelector('[data-name]').value;
-            const type = record.querySelector('[data-type]').value;
-            const dir = record.querySelector('[data-dir]').value;
-            const val = record.querySelector('[data-val]').value;
-            const accessor = record.querySelector('[data-accessor]').value;
-            const maxSize = record.querySelector('[data-max-size]').valueAsNumber;
-            const inputs = record.querySelectorAll('[data-type]:not([style*="display: none"])');
-            if (!inputs || inputs.length == 0) {
-                continue;
-            }
-            if (name) {
-                newmap.push(this._adjust({ name, type, dir, val, accessor, maxSize }));
-            }
-        }
-        this.parameters = newmap;
-        this._updateValue();
-    }
-    _buildOracleCode() {
-        const args = (this.parameters || []).map(p => ':' + p.name).join(', ');
-        return `${this.procedure}(${args});`;
-    }
-    _buildMssqlCode() {
-        var _a, _b, _c;
-        const declareClauses = (_a = this.parameters) === null || _a === void 0 ? void 0 : _a.map(({ name, dir, type, val, maxSize = 0 }) => {
-            const ptype = PARAMETERIZED_TYPES.includes(type) ? `${type}(${maxSize})` : type;
-            if (dir == 'Out') {
-                return `DECLARE @${name} ${ptype};`;
-            }
-            else {
-                const pvalue = NUMBERS.includes(type) ? `${val}` : `'${val}'`;
-                return `DECLARE @${name} ${ptype} = ${pvalue};`;
-            }
-        }).join('\n');
-        const execClause = [
-            `EXEC ${this.procedure}`,
-            ...(((_b = this.parameters) === null || _b === void 0 ? void 0 : _b.map(({ name, dir }, index, array) => {
-                const period = index === array.length - 1 ? '' : ',';
-                if (dir == 'In') {
-                    return `    @${name} = @${name}${period}`;
-                }
-                else {
-                    return `    @${name} = @${name} OUTPUT${period}`;
-                }
-            })) || [])
-        ].join('\n') + ';';
-        const seleceClause = `SELECT ` +
-            ((_c = this.parameters) === null || _c === void 0 ? void 0 : _c.filter(({ dir }) => dir !== 'In').map(({ name }, index, array) => {
-                const period = index === array.length - 1 ? '' : ',';
-                return `@${name} AS ${name}${period}`;
-            }).join(' ')) +
-            ';';
-        return [declareClauses, execClause, seleceClause].filter(Boolean).join('\n\n');
-    }
-    _updateValue() {
-        this.value = {
-            code: this.dbtype == 'oracle' ? this._buildOracleCode() : this._buildMssqlCode(),
-            procedure: this.procedure,
-            parameters: this.parameters
-        };
-        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: this.value }));
-    }
-    _add() {
-        this._build(true);
-        const 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) {
-        const record = e.target.closest('[data-record]');
-        record.querySelector('[data-name]').value = '';
-        this._build();
-    }
-    _up(e) {
-        const record = e.target.closest('[data-record]');
-        const array = Array.from(this.records);
-        const index = array.indexOf(record) - 1;
-        if (index < 0) {
-            return;
-        }
-        const deleted = array.splice(index, 1);
-        array.splice(index + 1, 0, ...deleted);
-        this.parameters = array.map(record => {
-            const name = record.querySelector('[data-name]').value;
-            const dir = record.querySelector('[data-dir]').value;
-            const type = record.querySelector('[data-type]').value;
-            const val = record.querySelector('[data-val]').value;
-            const accessor = record.querySelector('[data-accessor]').value;
-            const maxSize = record.querySelector('[data-max-size]').valueAsNumber;
-            return this._adjust({ name, dir, type, val, accessor, maxSize });
-        });
-        this._updateValue();
-    }
-    _down(e) {
-        const record = e.target.closest('[data-record]');
-        const array = Array.from(this.records);
-        const index = array.indexOf(record);
-        if (index > array.length) {
-            return;
-        }
-        array.splice(index, 1);
-        array.splice(index + 1, 0, record);
-        this.parameters = array.map(record => {
-            const name = record.querySelector('[data-name]').value;
-            const dir = record.querySelector('[data-dir]').value;
-            const type = record.querySelector('[data-type]').value;
-            const val = record.querySelector('[data-val]').value;
-            const accessor = record.querySelector('[data-accessor]').value;
-            const maxSize = record.querySelector('[data-max-size]').valueAsNumber;
-            return this._adjust({ name, dir, type, val, accessor, maxSize });
-        });
-        this._updateValue();
-    }
-};
-ThingsEditorProcedureParameters.styles = [
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        margin-bottom: var(--spacing-large);
-      }
-
-      div {
-        display: flex;
-        flex-flow: row nowrap;
-        gap: var(--spacing-medium);
-        margin-bottom: var(--spacing-small);
-      }
-
-      pre {
-        flex: 1;
-        background-color: #333;
-        color: white;
-        margin: 0;
-        padding: 4px 6px;
-        font-size: 1.5em;
-        display: flex;
-        border-radius: var(--spacing-small);
-      }
-
-      code {
-        flex: 1;
-        white-space: pre;
-        min-height: 32px;
-      }
-
-      button {
-        border: var(--button-border);
-        border-radius: var(--border-radius);
-        background-color: var(--button-background-color);
-        padding: var(--spacing-small) var(--spacing-medium);
-        line-height: 0.8;
-        color: var(--button-color);
-        cursor: pointer;
-      }
-
-      button + button {
-        margin-left: -5px;
-      }
-
-      button md-icon {
-        --md-icon-size: var(--fontsize-default);
-      }
-
-      button:focus,
-      button:hover,
-      button:active {
-        border: var(--button-activ-border);
-        background-color: var(--button-background-focus-color);
-        color: var(--md-sys-color-on-primary);
-      }
-
-      input {
-        flex: 1;
-        border: 0;
-        border-bottom: var(--border-dim-color);
-        padding: var(--input-padding);
-        font: var(--input-font);
-        min-width: 50px;
-      }
-
-      input:focus {
-        outline: none;
-        border-bottom: 1px solid var(--md-sys-color-primary);
-      }
-
-      button.hidden {
-        opacity: 0;
-        cursor: default;
-      }
-
-      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)
-], ThingsEditorProcedureParameters.prototype, "value", void 0);
-__decorate([
-    property({ type: Array }),
-    __metadata("design:type", Array)
-], ThingsEditorProcedureParameters.prototype, "steps", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], ThingsEditorProcedureParameters.prototype, "dbtype", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", String)
-], ThingsEditorProcedureParameters.prototype, "procedure", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ThingsEditorProcedureParameters.prototype, "parameters", void 0);
-__decorate([
-    queryAll('[data-record]'),
-    __metadata("design:type", Object)
-], ThingsEditorProcedureParameters.prototype, "records", void 0);
-ThingsEditorProcedureParameters = __decorate([
-    customElement('things-editor-db-procedure')
-], ThingsEditorProcedureParameters);
-export { ThingsEditorProcedureParameters };
-//# sourceMappingURL=things-editor-db-procedure.js.map