@operato/app 1.0.0-beta.4 → 1.0.0-beta.40

package/package.json

@@ -3,7 +3,7 @@
   "description": "WebApplication production supporting components following open-wc recommendations",
   "license": "MIT",
   "author": "heartyoh",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.40",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -20,15 +20,11 @@
     "./grist-editor/ox-grist-renderer-resource-id.js": "./dist/src/grist-editor/ox-grist-renderer-resource-id.js",
     "./grist-editor/ox-selector-resource-object.js": "./dist/src/grist-editor/ox-selector-resource-object.js",
     "./grist-editor/ox-grist-renderer-resource-object.js": "./dist/src/grist-editor/ox-grist-renderer-resource-object.js",
-    "./grist-editor/ox-grist-editor-crontab.js": "./dist/src/grist-editor/ox-grist-editor-crontab.js",
     "./grist-editor/ox-grist-renderer-crontab.js": "./dist/src/grist-editor/ox-grist-renderer-crontab.js",
     "./grist-editor/ox-grist-editor-json.js": "./dist/src/grist-editor/ox-grist-editor-json.js",
     "./grist-editor/ox-grist-editor-code.js": "./dist/src/grist-editor/ox-grist-editor-code.js",
     "./grist-editor/ox-grist-editor-resource-object.js": "./dist/src/grist-editor/ox-grist-editor-resource-object.js",
     "./grist-editor/ox-grist-editor-resource-code.js": "./dist/src/grist-editor/ox-grist-editor-resource-code.js",
-    "./grist-editor/ox-grist-editor-parameters.js": "./dist/src/grist-editor/ox-grist-editor-parameters.js",
-    "./grist-editor/ox-grist-editor-value-map.js": "./dist/src/grist-editor/ox-grist-editor-value-map.js",
-    "./grist-editor/ox-grist-editor-partition-keys.js": "./dist/src/grist-editor/ox-grist-editor-partition-keys.js",
     "./filter-renderer.js": "./dist/src/filter-renderer/index.js"
   },
   "publishConfig": {
@@ -59,19 +55,19 @@
     "@material/mwc-button": "^0.25.3",
     "@material/mwc-icon": "^0.25.3",
     "@material/mwc-icon-button": "^0.25.3",
-    "@operato/attachment": "^1.0.0-beta.4",
-    "@operato/data-grist": "^1.0.0-beta.4",
-    "@operato/font": "^1.0.0-beta.4",
-    "@operato/form": "^1.0.0-beta.4",
-    "@operato/graphql": "^1.0.0-beta.4",
-    "@operato/i18n": "^1.0.0-beta.4",
-    "@operato/input": "^1.0.0-beta.4",
-    "@operato/layout": "^1.0.0-beta.4",
-    "@operato/property-editor": "^1.0.0-beta.4",
-    "@operato/shell": "^1.0.0-beta.4",
-    "@operato/styles": "^1.0.0-beta.4",
-    "@operato/utils": "^1.0.0-beta.4",
-    "codemirror": "^5.59.1",
+    "@operato/attachment": "^1.0.0-beta.40",
+    "@operato/data-grist": "^1.0.0-beta.40",
+    "@operato/font": "^1.0.0-beta.40",
+    "@operato/form": "^1.0.0-beta.40",
+    "@operato/graphql": "^1.0.0-beta.40",
+    "@operato/i18n": "^1.0.0-beta.40",
+    "@operato/input": "^1.0.0-beta.40",
+    "@operato/layout": "^1.0.0-beta.40",
+    "@operato/property-editor": "^1.0.0-beta.40",
+    "@operato/shell": "^1.0.0-beta.40",
+    "@operato/styles": "^1.0.0-beta.40",
+    "@operato/utils": "^1.0.0-beta.40",
+    "codemirror": "^5.64.0",
     "codemirror-graphql": "^0.15.2",
     "cronstrue": "^2.2.0",
     "cross-fetch": "^3.1.5",
@@ -87,12 +83,12 @@
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "@web/dev-server": "^0.1.29",
-    "@web/dev-server-storybook": "next",
+    "@web/dev-server-storybook": "^0.5.0",
     "@web/test-runner": "next",
     "concurrently": "^5.3.0",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
-    "husky": "^4.3.8",
+    "husky": "^7.0.2",
     "lint-staged": "^10.5.4",
     "prettier": "^2.4.1",
     "tslib": "^2.3.1",
@@ -111,5 +107,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "08201dc8c015c0d6ccceb846907dd9950363a553"
+  "gitHead": "6f51f0b86e909ea850e6f185f737930daaec509e"
 }

package/src/filters-form/filter-resource-select.ts

@@ -0,0 +1,94 @@
+import '@operato/input/ox-checkbox.js'
+import '../grist-editor/ox-selector-resource-id'
+
+import { html } from 'lit-html'
+
+import { FilterConfig, FilterSelectRenderer } from '@operato/form'
+import { i18next } from '@operato/i18n'
+import { openPopup } from '@operato/layout'
+
+type SelectedCallback = (value: { id: string; name: string; description: string }) => void
+
+function openResourceSelector(filter: FilterConfig, value: any, confirmCallback: SelectedCallback) {
+  const { queryName, select, list, basicArgs, valueField = 'id' } = filter.options || {}
+
+  var actualValue
+  if (typeof valueField === 'function') {
+    actualValue = valueField(value)
+  } else {
+    actualValue = value?.[valueField]
+  }
+
+  var template = html`
+    <ox-selector-resource-id
+      .value=${actualValue}
+      .confirmCallback=${confirmCallback}
+      .queryName=${queryName}
+      .select=${select}
+      .list=${list}
+      .basicArgs=${basicArgs}
+      .valueField=${valueField}
+    ></ox-selector-resource-id>
+  `
+
+  const popup = openPopup(template, {
+    backdrop: true,
+    size: 'large',
+    title: i18next.t('title.select_item')
+  })
+}
+
+export const FilterResourceSelect: FilterSelectRenderer = (filter, value, owner) => {
+  const { name, operator = 'like' } = filter
+
+  return operator === 'like'
+    ? html` <input
+        type="text"
+        name=${name}
+        .value=${value}
+        @change=${(e: CustomEvent) => {
+          const input = e.target as HTMLInputElement
+          input.dispatchEvent(
+            new CustomEvent('filter-change', {
+              bubbles: true,
+              composed: true,
+              detail: {
+                name,
+                operator,
+                value: input.value
+              }
+            })
+          )
+        }}
+      />`
+    : operator == 'in'
+    ? html``
+    : operator === 'eq'
+    ? html`
+        <input
+          style="min-width: 100px; min-height: 24px"
+          type="text"
+          name=${name}
+          .value=${value}
+          readonly
+          @click=${(e: Event) => {
+            e.stopPropagation()
+
+            const confirmCallback = (selected?: { [field: string]: any }) => {
+              var { idField = 'id', nameField = 'name', descriptionField = 'description' } = filter.options || {}
+
+              owner.dispatchEvent(
+                new CustomEvent('filter-change', {
+                  bubbles: true,
+                  composed: true,
+                  detail: selected ? selected[idField] : ''
+                })
+              )
+            }
+
+            openResourceSelector(filter, value, confirmCallback)
+          }}
+        />
+      `
+    : html``
+}

package/src/filters-form/index.ts

@@ -0,0 +1,6 @@
+import { registerFilterRenderer } from '@operato/form'
+
+import { FilterResourceSelect } from './filter-resource-select.js'
+
+registerFilterRenderer('resource-object', [FilterResourceSelect])
+registerFilterRenderer('resource-id', [FilterResourceSelect])

package/src/grist-editor/index.ts

@@ -1,14 +1,10 @@
 import { OxGristRendererJson5, registerEditor, registerRenderer } from '@operato/data-grist'
 
-import { OxGristEditorCrontab } from './ox-grist-editor-crontab.js'
 import { OxGristEditorJson } from './ox-grist-editor-json.js'
-import { OxGristEditorParameters } from './ox-grist-editor-parameters.js'
-import { OxGristEditorPartitionKeys } from './ox-grist-editor-partition-keys.js'
 import { OxGristEditorResourceCode } from './ox-grist-editor-resource-code.js'
 import { OxGristEditorResourceId } from './ox-grist-editor-resource-id.js'
 import { OxGristEditorResourceObject } from './ox-grist-editor-resource-object.js'
-import { OxGristEditorValueMap } from './ox-grist-editor-value-map.js'
-import { OxGristRendererCrontab } from './ox-grist-renderer-crontab.js'
+import { OxGristRendererCrontab } from './ox-grist-renderer-crontab'
 import { OxGristRendererResourceId } from './ox-grist-renderer-resource-id.js'
 import { OxGristRendererResourceObject } from './ox-grist-renderer-resource-object.js'
 
@@ -16,10 +12,6 @@ import { OxGristRendererResourceObject } from './ox-grist-renderer-resource-obje
 registerEditor('resource-id', OxGristEditorResourceId)
 registerEditor('resource-object', OxGristEditorResourceObject)
 registerEditor('resource-code', OxGristEditorResourceCode)
-registerEditor('parameters', OxGristEditorParameters)
-registerEditor('value-map', OxGristEditorValueMap)
-registerEditor('partition-keys', OxGristEditorPartitionKeys)
-registerEditor('crontab', OxGristEditorCrontab)
 registerEditor('json', OxGristEditorJson)
 
 registerRenderer('resource-id', OxGristRendererResourceId)

package/src/grist-editor/ox-grist-renderer-crontab.ts

@@ -1,8 +1,9 @@
-import { FieldRenderer } from '@operato/data-grist'
 import cronstrue from 'cronstrue/i18n'
-import { detectOverflow } from '@operato/utils'
-import { html } from 'lit'
 import i18next from 'i18next'
+import { html } from 'lit'
+
+import { FieldRenderer } from '@operato/data-grist'
+import { detectOverflow } from '@operato/utils'
 
 function onmouseover(e: Event) {
   const element = e.target as HTMLSpanElement
@@ -21,7 +22,7 @@ export const OxGristRendererCrontab: FieldRenderer = (value, column, record, row
 
   try {
     const language = (i18next.language || 'en').substring(0, 2)
-    text = value === undefined ? '' : cronstrue.toString(value, { locale: language || 'en' })
+    text = !value ? '' : cronstrue.toString(value, { locale: language || 'en' })
   } catch (e) {
     console.error(e)
   }

package/src/grist-editor/ox-grist-renderer-resource-id.ts

@@ -7,7 +7,11 @@ export const OxGristRendererResourceId: FieldRenderer = (value, column, record,
     return ''
   }
 
-  var { nameField = 'name', descriptionField = 'description' } = column.record.options || {}
+  const { nameField = 'name', descriptionField = 'description' } = column.record.options || {}
 
-  return html`<span>${value[nameField] || ''}(${value[descriptionField] || ''})</span> `
+  const name = value[nameField] || ''
+  const description = value[descriptionField] || ''
+  const suffix = description ? `(${description})` : ''
+
+  return html`<span>${name}${suffix}</span> `
 }

package/src/grist-editor/ox-popup-code-input.ts

@@ -1,10 +1,11 @@
 import '@operato/input/ox-input-code.js'
 
-import { LitElement, css, html } from 'lit'
+import { css, html, LitElement } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
 
-import { ScrollbarStyles } from '@operato/styles'
 import { i18next } from '@operato/i18n'
+import { closePopup } from '@operato/popup'
+import { ScrollbarStyles } from '@operato/styles'
 
 @customElement('ox-popup-code-input')
 export class OxPopupCodeInput extends LitElement {
@@ -55,11 +56,11 @@ export class OxPopupCodeInput extends LitElement {
   }
 
   private onCancel(e: Event) {
-    history.back()
+    closePopup(this)
   }
 
   private onConfirm(e: Event) {
     this.confirmCallback && this.confirmCallback(this.value)
-    history.back()
+    closePopup(this)
   }
 }

package/src/grist-editor/ox-selector-resource-id.ts

@@ -7,6 +7,7 @@ import { customElement, property, query } from 'lit/decorators.js'
 import { DataGrist, FetchOption, GristData, GristRecord, ZERO_DATA } from '@operato/data-grist'
 import { client } from '@operato/graphql'
 import { i18next } from '@operato/i18n'
+import { closePopup } from '@operato/popup'
 import { isMobileDevice } from '@operato/utils'
 
 @customElement('ox-selector-resource-id')
@@ -75,16 +76,16 @@ export class OxSelectorResourceId extends LitElement {
 
   onempty() {
     this.confirmCallback && this.confirmCallback()
-    history.back()
+    closePopup(this)
   }
 
   oncancel() {
-    history.back()
+    closePopup(this)
   }
 
   onconfirm() {
     this.confirmCallback && this.confirmCallback(this.selected)
-    history.back()
+    closePopup(this)
   }
 
   async firstUpdated() {

package/src/grist-editor/ox-selector-resource-object.ts

@@ -18,6 +18,7 @@ import {
 import { MultiColumnFormStyles, SearchForm } from '@operato/form'
 import { buildArgs, client, gqlContext } from '@operato/graphql'
 import { i18next } from '@operato/i18n'
+import { closePopup } from '@operato/popup'
 import { isMobileDevice } from '@operato/utils'
 
 @customElement('ox-selector-resource-object')
@@ -108,16 +109,16 @@ export class OxSelectorResourceObject extends LitElement {
 
   onempty() {
     this.confirmCallback && this.confirmCallback()
-    history.back()
+    closePopup(this)
   }
 
   oncancel() {
-    history.back()
+    closePopup(this)
   }
 
   onconfirm() {
     this.confirmCallback && this.confirmCallback(this.selected)
-    history.back()
+    closePopup(this)
   }
 
   fetchHandler: FetchHandler = async ({ filters, page, limit, sorters = [] }) => {

package/src/input/ox-input-background-pattern.ts

@@ -3,6 +3,7 @@
  */
 
 import '@operato/i18n/ox-i18n.js'
+import '@operato/input/ox-input-color.js'
 import '@operato/attachment/ox-attachment-selector.js'
 
 import { css, html } from 'lit'
@@ -12,12 +13,14 @@ import { OxFormField } from '@operato/input'
 
 export type BackgroundPatternOption = {
   image?: HTMLImageElement | string
+  color?: string
   align?: 'left-top' | 'top' | 'right-top' | 'left' | 'center' | 'right' | 'left-bottom' | 'bottom' | 'right-bottom'
   offsetX?: number
   offsetY?: number
   width?: number
   height?: number
   fitPattern?: boolean
+  noRepeat?: boolean
 }
 
 /**
@@ -89,6 +92,23 @@ export class OxInputBackgroundPattern extends OxFormField {
       grid-column: span 2;
       text-align: right;
     }
+
+    .grid-10 > .icon-only-label {
+      grid-column: span 2;
+
+      background: var(--url-icon-properties-label) no-repeat;
+      float: left;
+      margin: 0;
+      align-self: stretch;
+    }
+
+    .icon-only-label.color {
+      background-position: 100% -500px;
+    }
+
+    .grid-10 > ox-input-color {
+      grid-column: span 8;
+    }
   `
 
   @property({ type: Object }) value?: BackgroundPatternOption
@@ -112,13 +132,13 @@ export class OxInputBackgroundPattern extends OxFormField {
 
       <select value-key="align" class="select-content" .value=${value.align}>
         <option value="left-top">Left Top</option>
-        <option value="top">Top</option>
+        <option value="top">Center Top</option>
         <option value="right-top">Right Top</option>
-        <option value="left">Left</option>
-        <option value="center">Center</option>
-        <option value="right">Right</option>
+        <option value="left">Left Center</option>
+        <option value="center">Center Center</option>
+        <option value="right">Right Center</option>
         <option value="left-bottom">Left Bottom</option>
-        <option value="bottom">Bottom</option>
+        <option value="bottom">Center Bottom</option>
         <option value="right-bottom">Right Bottom</option>
       </select>
 
@@ -136,9 +156,19 @@ export class OxInputBackgroundPattern extends OxFormField {
         <input type="number" value-key="height" .value=${value.height} />
       </div>
 
+      <div class="grid-10">
+        <label class="icon-only-label color"></label>
+        <ox-input-color value-key="color" .value=${value.color}> </ox-input-color>
+      </div>
+
       <div class="grid-10">
         <input value-key="fitPattern" type="checkbox" .checked=${value.fitPattern} required />
-        <label> <ox-i18n msgid="label.fit" auto="">Fit</ox-i18n> </label>
+        <label> <ox-i18n msgid="label.fit" auto="">fit</ox-i18n> </label>
+      </div>
+
+      <div class="grid-10">
+        <input value-key="noRepeat" type="checkbox" .checked=${value.noRepeat} required />
+        <label> <ox-i18n msgid="label.no-repeat" auto="">no repeat</ox-i18n> </label>
       </div>
     `
   }
@@ -152,7 +182,7 @@ export class OxInputBackgroundPattern extends OxFormField {
     var key = element.getAttribute('value-key')
     var value: any = element.value
 
-    if (key == 'fitPattern') {
+    if (key === 'fitPattern' || key === 'noRepeat') {
       value = element.checked
     }
 

package/src/input/ox-input-fill-style.ts

@@ -8,10 +8,12 @@ import '@operato/input/ox-input-color-stops.js'
 import '@operato/input/ox-input-color-gradient.js'
 import './ox-input-background-pattern.js'
 
-import { BackgroundPatternOption, OxInputBackgroundPattern } from './ox-input-background-pattern.js'
+import { css, html, PropertyValues } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
+
 import { ColorStop, GradientOption, OxFormField, OxInputColorGradient } from '@operato/input'
-import { PropertyValues, css, html } from 'lit'
-import { customElement, property, query } from 'lit/decorators.js'
+
+import { BackgroundPatternOption, OxInputBackgroundPattern } from './ox-input-background-pattern.js'
 
 export type FillStyle =
   | {
@@ -27,6 +29,8 @@ export type FillStyle =
       height?: number
       align?: 'left-top' | 'top' | 'right-top' | 'left' | 'center' | 'right' | 'left-bottom' | 'bottom' | 'right-bottom'
       fitPattern?: boolean
+      noRepeat?: boolean
+      color?: string
     }
   | 'no'
   | string
@@ -66,13 +70,13 @@ export class OxInputColorStyle extends OxFormField {
     .grid-10 > .icon-only-label {
       grid-column: span 1;
 
-      background: url(/assets/images/icon-properties-label.png) no-repeat;
+      background: var(--url-icon-properties-label) no-repeat;
       float: left;
       margin: 0;
     }
 
     .icon-only-label.color {
-      background-position: 70% -498px;
+      background-position: 100% -500px;
     }
 
     [editors] > :not([active]) {
@@ -206,7 +210,9 @@ export class OxInputColorStyle extends OxFormField {
             width: Number(value.width),
             height: Number(value.height),
             align: value.align,
-            fitPattern: value.fitPattern
+            fitPattern: value.fitPattern,
+            noRepeat: value.noRepeat,
+            color: value.color
           }
 
           if (!this._block_reset) {
@@ -275,7 +281,9 @@ export class OxInputColorStyle extends OxFormField {
           width: Number(this.pattern.width),
           height: Number(this.pattern.height),
           align: this.pattern.align,
-          fitPattern: this.pattern.fitPattern
+          fitPattern: this.pattern.fitPattern,
+          noRepeat: this.pattern.noRepeat,
+          color: this.pattern.color
         }
         break
 
@@ -350,7 +358,9 @@ export class OxInputColorStyle extends OxFormField {
       width: Number(this.pattern?.width),
       height: Number(this.pattern?.height),
       align: this.pattern?.align,
-      fitPattern: this.pattern?.fitPattern
+      fitPattern: this.pattern?.fitPattern,
+      noRepeat: this.pattern?.noRepeat,
+      color: this.pattern?.color
     }
 
     this._block_reset = true

package/src/property-editor/index.ts

@@ -13,9 +13,10 @@ import '@operato/property-editor/ox-property-editor-color.js'
 import '@operato/property-editor/ox-property-editor-multiple-colors.js'
 import '@operato/property-editor/ox-property-editor-solid-colorstops.js'
 import '@operato/property-editor/ox-property-editor-gradient-colorstops.js'
-import '@operato/property-editor/ox-property-editor-gradient-colorstops.js'
 import '@operato/property-editor/ox-property-editor-textarea.js'
 import '@operato/property-editor/ox-property-editor-table.js'
+import '@operato/property-editor/ox-property-editor-key-values.js'
+import '@operato/property-editor/ox-property-editor-partition-keys.js'
 import '@operato/property-editor/ox-property-editor-value-map.js'
 import '@operato/property-editor/ox-property-editor-value-ranges.js'
 import '@operato/attachment/ox-property-editor-attachment-selector.js'
@@ -55,5 +56,7 @@ OxPropertyEditor.register({
   graphql: 'ox-property-editor-graphql',
   'editor-table': 'ox-property-editor-table',
   'id-input': 'ox-property-editor-scene-component-id',
-  'font-selector': 'ox-property-editor-font-selector'
+  'font-selector': 'ox-property-editor-font-selector',
+  'partition-keys': 'ox-property-editor-partion-keys',
+  'key-values': 'ox-property-editor-key-values'
 })

package/dist/src/grist-editor/ox-grist-editor-crontab.d.ts

@@ -1,8 +0,0 @@
-import './ox-popup-crontab-input.js';
-import { OxGristEditor } from '@operato/data-grist';
-export declare class OxGristEditorCrontab extends OxGristEditor {
-    private popup?;
-    get editorTemplate(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): Promise<void>;
-    showEditorPopup(): void;
-}

package/dist/src/grist-editor/ox-grist-editor-crontab.js

@@ -1,50 +0,0 @@
-import { __decorate } from "tslib";
-import './ox-popup-crontab-input.js';
-import { html } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { OxGristEditor } from '@operato/data-grist';
-import { i18next } from '@operato/i18n';
-import { openPopup } from '@operato/layout';
-let OxGristEditorCrontab = class OxGristEditorCrontab extends OxGristEditor {
-    get editorTemplate() {
-        return html ` <input type="text" .value=${this.value || ''} /> `;
-    }
-    async firstUpdated() {
-        await this.updateComplete;
-        this.renderRoot.addEventListener('click', e => {
-            e.stopPropagation();
-            this.showEditorPopup();
-        });
-        this.showEditorPopup();
-    }
-    showEditorPopup() {
-        if (this.popup) {
-            delete this.popup;
-        }
-        const confirmCallback = (newval) => {
-            this.dispatchEvent(new CustomEvent('field-change', {
-                bubbles: true,
-                composed: true,
-                detail: {
-                    before: this.value,
-                    after: newval,
-                    record: this.record,
-                    column: this.column,
-                    row: this.row
-                }
-            }));
-        };
-        this.popup = openPopup(html `
-        <ox-popup-crontab-input .value=${this.value} .confirmCallback=${confirmCallback}></ox-popup-crontab-input>
-      `, {
-            backdrop: true,
-            title: i18next.t('title.setting schedule'),
-            help: 'data-grist/grist-editor/crontab'
-        });
-    }
-};
-OxGristEditorCrontab = __decorate([
-    customElement('ox-grist-editor-crontab')
-], OxGristEditorCrontab);
-export { OxGristEditorCrontab };
-//# sourceMappingURL=ox-grist-editor-crontab.js.map

package/dist/src/grist-editor/ox-grist-editor-crontab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-editor-crontab.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-crontab.ts"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAA;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAe,MAAM,iBAAiB,CAAA;AAGxD,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,aAAa;IAGrD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,IAAI,EAAE,MAAM,CAAA;IACjE,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,IAAI,CAAC,cAAc,CAAA;QAEzB,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YAC5C,CAAC,CAAC,eAAe,EAAE,CAAA;YAEnB,IAAI,CAAC,eAAe,EAAE,CAAA;QACxB,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,eAAe,EAAE,CAAA;IACxB,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAC,KAAK,CAAA;SAClB;QAED,MAAM,eAAe,GAAG,CAAC,MAAW,EAAE,EAAE;YACtC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,MAAM,EAAE,IAAI,CAAC,KAAK;oBAClB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,GAAG,EAAE,IAAI,CAAC,GAAG;iBACd;aACF,CAAC,CACH,CAAA;QACH,CAAC,CAAA;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CACpB,IAAI,CAAA;yCAC+B,IAAI,CAAC,KAAK,qBAAqB,eAAe;OAChF,EACD;YACE,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;YAC1C,IAAI,EAAE,iCAAiC;SACxC,CACF,CAAA;IACH,CAAC;CACF,CAAA;AAnDY,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAmDhC;SAnDY,oBAAoB","sourcesContent":["import './ox-popup-crontab-input.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { i18next } from '@operato/i18n'\nimport { openPopup, PopupHandle } from '@operato/layout'\n\n@customElement('ox-grist-editor-crontab')\nexport class OxGristEditorCrontab extends OxGristEditor {\n  private popup?: PopupHandle\n\n  get editorTemplate() {\n    return html` <input type=\"text\" .value=${this.value || ''} /> `\n  }\n\n  async firstUpdated() {\n    await this.updateComplete\n\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n\n      this.showEditorPopup()\n    })\n\n    this.showEditorPopup()\n  }\n\n  showEditorPopup() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    const confirmCallback = (newval: any) => {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: newval,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    this.popup = openPopup(\n      html`\n        <ox-popup-crontab-input .value=${this.value} .confirmCallback=${confirmCallback}></ox-popup-crontab-input>\n      `,\n      {\n        backdrop: true,\n        title: i18next.t('title.setting schedule'),\n        help: 'data-grist/grist-editor/crontab'\n      }\n    )\n  }\n}\n"]}

package/dist/src/grist-editor/ox-grist-editor-parameters.d.ts

@@ -1,12 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import './ox-parameters-builder.js';
-import './ox-popup-parameters-builder.js';
-import { OxGristEditor } from '@operato/data-grist';
-export declare class OxGristEditorParameters extends OxGristEditor {
-    private popup?;
-    get editorTemplate(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): Promise<void>;
-    openSelector(): Promise<void>;
-}