@operato/data-grist 9.0.0-beta.6 → 9.0.0-beta.62

package/dist/src/renderers/ox-grist-renderer-date.js

@@ -1,53 +0,0 @@
-import { html } from 'lit';
-// TODO 로케일 설정에 따라서 포맷이 바뀌도록 해야한다.
-const DATETIME_OPTIONS = {
-    year: 'numeric',
-    month: 'numeric',
-    day: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric',
-    second: 'numeric',
-    hour12: false
-};
-const DATE_OPTIONS = {
-    year: 'numeric',
-    month: 'numeric',
-    day: 'numeric'
-};
-const TIME_OPTIONS = {
-    hour: 'numeric',
-    minute: 'numeric',
-    second: 'numeric'
-};
-const OPTIONS = {
-    datetime: DATETIME_OPTIONS,
-    time: TIME_OPTIONS,
-    date: DATE_OPTIONS
-};
-function getsec(time) {
-    var arr = time.split(':');
-    return Number(arr[0]) * 3600 + Number(arr[1]) * 60 + (Number(arr[2]) || 0);
-}
-/*
-  TODO date, time, month, week 등 datetime 이 외의 타입인 경우에는 문자열로 처리하도록 한다.
-  따라서, 이 경우는 타임존에 대한 처리가 불필요하다.
-*/
-export const OxGristRendererDate = (value, column, record, rowIndex, field) => {
-    if (!value) {
-        return '';
-    }
-    if (!isNaN(Number(value)))
-        value = Number(value);
-    var options = column.record.options || OPTIONS[column.type];
-    var formatter = new Intl.DateTimeFormat(navigator.language, options);
-    switch (column.type) {
-        case 'datetime':
-        case 'date':
-            value = formatter.format(new Date(value));
-            break;
-        case 'time':
-        default:
-    }
-    return value ? html `<span>${value}</span>` : html `<span>&nbsp</span>`;
-};
-//# sourceMappingURL=ox-grist-renderer-date.js.map

package/dist/src/renderers/ox-grist-renderer-date.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-renderer-date.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-date.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,kCAAkC;AAClC,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,KAAK;CACd,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,SAAS;CACf,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,OAAO,GAAG;IACd,QAAQ,EAAE,gBAAgB;IAC1B,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,YAAY;CACnB,CAAA;AAED,SAAS,MAAM,CAAC,IAAY;IAC1B,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACzB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;AAC5E,CAAC;AAED;;;EAGE;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC3F,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAAE,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEhD,IAAI,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,IAAoC,CAAC,CAAA;IAC3F,IAAI,SAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAEpE,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,UAAU,CAAC;QAChB,KAAK,MAAM;YACT,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;YACzC,MAAK;QACP,KAAK,MAAM,CAAC;QACZ,QAAQ;IACV,CAAC;IAED,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,oBAAoB,CAAA;AACvE,CAAC,CAAA","sourcesContent":["import { FieldRenderer } from '../types.js'\nimport { html } from 'lit'\n\n// TODO 로케일 설정에 따라서 포맷이 바뀌도록 해야한다.\nconst DATETIME_OPTIONS = {\n  year: 'numeric',\n  month: 'numeric',\n  day: 'numeric',\n  hour: 'numeric',\n  minute: 'numeric',\n  second: 'numeric',\n  hour12: false\n}\n\nconst DATE_OPTIONS = {\n  year: 'numeric',\n  month: 'numeric',\n  day: 'numeric'\n}\n\nconst TIME_OPTIONS = {\n  hour: 'numeric',\n  minute: 'numeric',\n  second: 'numeric'\n}\n\nconst OPTIONS = {\n  datetime: DATETIME_OPTIONS,\n  time: TIME_OPTIONS,\n  date: DATE_OPTIONS\n}\n\nfunction getsec(time: string): number {\n  var arr = time.split(':')\n  return Number(arr[0]) * 3600 + Number(arr[1]) * 60 + (Number(arr[2]) || 0)\n}\n\n/* \n  TODO date, time, month, week 등 datetime 이 외의 타입인 경우에는 문자열로 처리하도록 한다. \n  따라서, 이 경우는 타임존에 대한 처리가 불필요하다.\n*/\nexport const OxGristRendererDate: FieldRenderer = (value, column, record, rowIndex, field) => {\n  if (!value) {\n    return ''\n  }\n\n  if (!isNaN(Number(value))) value = Number(value)\n\n  var options = column.record.options || OPTIONS[column.type as 'datetime' | 'date' | 'time']\n  var formatter = new Intl.DateTimeFormat(navigator.language, options)\n\n  switch (column.type) {\n    case 'datetime':\n    case 'date':\n      value = formatter.format(new Date(value))\n      break\n    case 'time':\n    default:\n  }\n\n  return value ? html`<span>${value}</span>` : html`<span>&nbsp</span>`\n}\n"]}

package/dist/src/renderers/ox-grist-renderer-file.d.ts

@@ -1,2 +0,0 @@
-import { FieldRenderer } from '../types.js';
-export declare const OxGristRendererFile: FieldRenderer;

package/dist/src/renderers/ox-grist-renderer-file.js

@@ -1,27 +0,0 @@
-import { html, nothing } from 'lit';
-function download(file) {
-    const element = document.createElement('a');
-    element.setAttribute('href', file.fullpath);
-    element.setAttribute('download', file.name);
-    document.body.appendChild(element);
-    element.click();
-}
-export const OxGristRendererFile = (value, column, record, rowIndex, field) => {
-    let text;
-    if (!value) {
-        return html `<span>&nbsp;</span>`;
-    }
-    else if (typeof value === 'string') {
-        return html `<span>${value}</span>`;
-    }
-    else {
-        const files = value;
-        return html `<span
-      >${files.map((file, idx) => html `
-          <a @click=${() => download(file)} file><md-icon>description</md-icon>${file.name}</a>
-          ${files.length - 1 == idx ? html `</br>` : nothing}
-        `)}</span
-    >`;
-    }
-};
-//# sourceMappingURL=ox-grist-renderer-file.js.map

package/dist/src/renderers/ox-grist-renderer-file.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-renderer-file.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-file.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAInC,SAAS,QAAQ,CAAC,IAA0D;IAC1E,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC3C,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC3C,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,IAAK,CAAC,CAAA;IAC5C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IAClC,OAAO,CAAC,KAAK,EAAE,CAAA;AACjB,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC3F,IAAI,IAAY,CAAA;IAEhB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAA,qBAAqB,CAAA;IAClC,CAAC;SAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrC,OAAO,IAAI,CAAA,SAAS,KAAK,SAAS,CAAA;IACpC,CAAC;SAAM,CAAC;QACN,MAAM,KAAK,GAAG,KAA+D,CAAA;QAC7E,OAAO,IAAI,CAAA;SACN,KAAK,CAAC,GAAG,CACV,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAA;sBACL,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,uCAAuC,IAAI,CAAC,IAAI;YAC9E,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,OAAO,CAAC,CAAC,CAAC,OAAO;SAClD,CACF;MACD,CAAA;IACJ,CAAC;AACH,CAAC,CAAA","sourcesContent":["import { html, nothing } from 'lit'\n\nimport { FieldRenderer } from '../types.js'\n\nfunction download(file: { mimetype: string; name: string; fullpath: string }) {\n  const element = document.createElement('a')\n  element.setAttribute('href', file.fullpath)\n  element.setAttribute('download', file.name!)\n  document.body.appendChild(element)\n  element.click()\n}\n\nexport const OxGristRendererFile: FieldRenderer = (value, column, record, rowIndex, field) => {\n  let text: string\n\n  if (!value) {\n    return html`<span>&nbsp;</span>`\n  } else if (typeof value === 'string') {\n    return html`<span>${value}</span>`\n  } else {\n    const files = value as { mimetype: string; name: string; fullpath: string }[]\n    return html`<span\n      >${files.map(\n        (file, idx) => html`\n          <a @click=${() => download(file)} file><md-icon>description</md-icon>${file.name}</a>\n          ${files.length - 1 == idx ? html`</br>` : nothing}\n        `\n      )}</span\n    >`\n  }\n}\n"]}

package/dist/src/renderers/ox-grist-renderer-image.d.ts

@@ -1,2 +0,0 @@
-import { FieldRenderer } from '../types.js';
-export declare const OxGristRendererImage: FieldRenderer;

package/dist/src/renderers/ox-grist-renderer-image.js

@@ -1,24 +0,0 @@
-import { html } from 'lit';
-const IMAGE_FALLBACK = new URL('../../../assets/images/no-image.png', import.meta.url).href;
-export const OxGristRendererImage = (value, column, record, rowIndex, field) => {
-    let src;
-    if (!value) {
-        src = IMAGE_FALLBACK;
-    }
-    else if (typeof value === 'string') {
-        src = value;
-    }
-    else {
-        src = URL.createObjectURL(value);
-        requestAnimationFrame(() => URL.revokeObjectURL(src));
-    }
-    const { width, height } = column.record.options || {};
-    return html ` <img
-    src=${src}
-    width=${width}
-    height=${height}
-    style="object-fit: contain; max-width: 100%;"
-    onerror="this.src !== '${IMAGE_FALLBACK}' && (this.src = '${IMAGE_FALLBACK}')"
-  />`;
-};
-//# sourceMappingURL=ox-grist-renderer-image.js.map

package/dist/src/renderers/ox-grist-renderer-image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-renderer-image.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-image.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,qCAAqC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE3F,MAAM,CAAC,MAAM,oBAAoB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC5F,IAAI,GAAW,CAAA;IAEf,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,GAAG,GAAG,cAAc,CAAA;IACtB,CAAC;SAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrC,GAAG,GAAG,KAAK,CAAA;IACb,CAAC;SAAM,CAAC;QACN,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QAChC,qBAAqB,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAA;IACvD,CAAC;IAED,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;IAErD,OAAO,IAAI,CAAA;UACH,GAAG;YACD,KAAK;aACJ,MAAM;;6BAEU,cAAc,qBAAqB,cAAc;KACzE,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { FieldRenderer } from '../types.js'\nimport { html } from 'lit'\n\nconst IMAGE_FALLBACK = new URL('../../../assets/images/no-image.png', import.meta.url).href\n\nexport const OxGristRendererImage: FieldRenderer = (value, column, record, rowIndex, field) => {\n  let src: string\n\n  if (!value) {\n    src = IMAGE_FALLBACK\n  } else if (typeof value === 'string') {\n    src = value\n  } else {\n    src = URL.createObjectURL(value)\n    requestAnimationFrame(() => URL.revokeObjectURL(src))\n  }\n\n  const { width, height } = column.record.options || {}\n\n  return html` <img\n    src=${src}\n    width=${width}\n    height=${height}\n    style=\"object-fit: contain; max-width: 100%;\"\n    onerror=\"this.src !== '${IMAGE_FALLBACK}' && (this.src = '${IMAGE_FALLBACK}')\"\n  />`\n}\n"]}

package/dist/src/renderers/ox-grist-renderer-json5.d.ts

@@ -1,2 +0,0 @@
-import { FieldRenderer } from '../types.js';
-export declare const OxGristRendererJson5: FieldRenderer;

package/dist/src/renderers/ox-grist-renderer-json5.js

@@ -1,30 +0,0 @@
-import JSON5 from 'json5';
-import { html } from 'lit';
-function onmouseover(e) {
-    const element = e.target;
-    var parsed;
-    try {
-        parsed = JSON5.parse(element.textContent);
-    }
-    catch (_a) { }
-    element.setAttribute('data-tooltip', JSON5.stringify(parsed, null, 2));
-    const rect = element.getBoundingClientRect();
-    element.style.setProperty('--tooltip-top', `${rect.top + rect.height}px`);
-    element.style.setProperty('--tooltip-left', `${rect.left}px`);
-}
-function onmouseout(e) {
-    const element = e.target;
-    element.removeAttribute('data-tooltip');
-}
-export const OxGristRendererJson5 = (value, column, record, rowIndex, field) => {
-    var parsed = value;
-    if (typeof value === 'string') {
-        try {
-            parsed = JSON5.parse(value);
-        }
-        catch (_a) { }
-    }
-    const text = parsed == null ? '' : JSON5.stringify(parsed);
-    return html `<pre @mouseover=${onmouseover} @mouseout=${onmouseout}>${text}</pre>`;
-};
-//# sourceMappingURL=ox-grist-renderer-json5.js.map

package/dist/src/renderers/ox-grist-renderer-json5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-renderer-json5.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-json5.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAI1B,SAAS,WAAW,CAAC,CAAQ;IAC3B,MAAM,OAAO,GAAG,CAAC,CAAC,MAAwB,CAAA;IAC1C,IAAI,MAAM,CAAA;IACV,IAAI,CAAC;QACH,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAY,CAAC,CAAA;IAC5C,CAAC;IAAC,WAAM,CAAC,CAAA,CAAC;IAEV,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;IAEtE,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;IAC5C,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC,CAAA;IACzE,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,CAAA;AAC/D,CAAC;AAED,SAAS,UAAU,CAAC,CAAQ;IAC1B,MAAM,OAAO,GAAG,CAAC,CAAC,MAAwB,CAAA;IAC1C,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAA;AACzC,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC5F,IAAI,MAAM,GAAQ,KAAK,CAAA;IAEvB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,IAAI,CAAC;YACH,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAC7B,CAAC;QAAC,WAAM,CAAC,CAAA,CAAC;IACZ,CAAC;IAED,MAAM,IAAI,GAAG,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IAC1D,OAAO,IAAI,CAAA,mBAAmB,WAAW,cAAc,UAAU,IAAI,IAAI,QAAQ,CAAA;AACnF,CAAC,CAAA","sourcesContent":["import JSON5 from 'json5'\nimport { html } from 'lit'\n\nimport { FieldRenderer } from '../types.js'\n\nfunction onmouseover(e: Event) {\n  const element = e.target as HTMLPreElement\n  var parsed\n  try {\n    parsed = JSON5.parse(element.textContent!)\n  } catch {}\n\n  element.setAttribute('data-tooltip', JSON5.stringify(parsed, null, 2))\n\n  const rect = element.getBoundingClientRect()\n  element.style.setProperty('--tooltip-top', `${rect.top + rect.height}px`)\n  element.style.setProperty('--tooltip-left', `${rect.left}px`)\n}\n\nfunction onmouseout(e: Event) {\n  const element = e.target as HTMLPreElement\n  element.removeAttribute('data-tooltip')\n}\n\nexport const OxGristRendererJson5: FieldRenderer = (value, column, record, rowIndex, field) => {\n  var parsed: any = value\n\n  if (typeof value === 'string') {\n    try {\n      parsed = JSON5.parse(value)\n    } catch {}\n  }\n\n  const text = parsed == null ? '' : JSON5.stringify(parsed)\n  return html`<pre @mouseover=${onmouseover} @mouseout=${onmouseout}>${text}</pre>`\n}\n"]}

package/dist/src/renderers/ox-grist-renderer-link.d.ts

@@ -1,2 +0,0 @@
-import { FieldRenderer } from '../types.js';
-export declare const OxGristRendererLink: FieldRenderer;

package/dist/src/renderers/ox-grist-renderer-link.js

@@ -1,12 +0,0 @@
-import { html } from 'lit';
-export const OxGristRendererLink = (value, column, record, rowIndex, field) => {
-    var { href, target } = column.record.options || {};
-    value = value == null ? '' : value;
-    if (typeof href == 'function') {
-        href = href(value, column, record, rowIndex, field);
-    }
-    return target
-        ? html ` <a style="text-decoration:none;color:inherit" href=${href || value} target=${target}>${value}&nbsp;</a> `
-        : html ` <a style="text-decoration:none;color:inherit" href=${href || value}>${value}&nbsp;</a> `;
-};
-//# sourceMappingURL=ox-grist-renderer-link.js.map

package/dist/src/renderers/ox-grist-renderer-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-renderer-link.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAI1B,MAAM,CAAC,MAAM,mBAAmB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC3F,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;IAElD,KAAK,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAElC,IAAI,OAAO,IAAI,IAAI,UAAU,EAAE,CAAC;QAC9B,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;IACrD,CAAC;IAED,OAAO,MAAM;QACX,CAAC,CAAC,IAAI,CAAA,uDAAuD,IAAI,IAAI,KAAK,WAAW,MAAM,IAAI,KAAK,aAAa;QACjH,CAAC,CAAC,IAAI,CAAA,uDAAuD,IAAI,IAAI,KAAK,IAAI,KAAK,aAAa,CAAA;AACpG,CAAC,CAAA","sourcesContent":["import { html } from 'lit'\n\nimport { FieldRenderer } from '../types.js'\n\nexport const OxGristRendererLink: FieldRenderer = (value, column, record, rowIndex, field) => {\n  var { href, target } = column.record.options || {}\n\n  value = value == null ? '' : value\n\n  if (typeof href == 'function') {\n    href = href(value, column, record, rowIndex, field)\n  }\n\n  return target\n    ? html` <a style=\"text-decoration:none;color:inherit\" href=${href || value} target=${target}>${value}&nbsp;</a> `\n    : html` <a style=\"text-decoration:none;color:inherit\" href=${href || value}>${value}&nbsp;</a> `\n}\n"]}

package/dist/src/renderers/ox-grist-renderer-password.d.ts

@@ -1,2 +0,0 @@
-import { FieldRenderer } from '../types.js';
-export declare const OxGristRendererPassword: FieldRenderer;

package/dist/src/renderers/ox-grist-renderer-password.js

@@ -1,5 +0,0 @@
-import { html } from 'lit';
-export const OxGristRendererPassword = (value, column, record, rowIndex, field) => {
-    return html `<span>********</span>`;
-};
-//# sourceMappingURL=ox-grist-renderer-password.js.map

package/dist/src/renderers/ox-grist-renderer-password.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-renderer-password.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-password.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAI1B,MAAM,CAAC,MAAM,uBAAuB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC/F,OAAO,IAAI,CAAA,uBAAuB,CAAA;AACpC,CAAC,CAAA","sourcesContent":["import { html } from 'lit'\n\nimport { FieldRenderer } from '../types.js'\n\nexport const OxGristRendererPassword: FieldRenderer = (value, column, record, rowIndex, field) => {\n  return html`<span>********</span>`\n}\n"]}

package/dist/src/renderers/ox-grist-renderer-progress.d.ts

@@ -1,5 +0,0 @@
-import { OxGristRenderer } from './ox-grist-renderer.js';
-export declare class OxGristRendererProgress extends OxGristRenderer {
-    static styles: import("lit").CSSResult;
-    get rendererTemplate(): import("lit-html").TemplateResult<1>;
-}

package/dist/src/renderers/ox-grist-renderer-progress.js

@@ -1,46 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { OxGristRenderer } from './ox-grist-renderer.js';
-let OxGristRendererProgress = class OxGristRendererProgress extends OxGristRenderer {
-    get rendererTemplate() {
-        var { min = 0, max = 100 } = this.column.record.options || {};
-        var value = Number(this.value);
-        var progress = isNaN(value) ? 0 : Math.min(100, Math.max(0, ((value - min) * 100) / (max - min)));
-        return html `
-      <div id="border"></div>
-      <div id="bar" style="width:${progress}%">&nbsp;${progress}</div>
-    `;
-    }
-};
-OxGristRendererProgress.styles = css `
-    :host {
-      display: block;
-      position: relative;
-
-      width: 100%;
-    }
-
-    #border {
-      display: block;
-      position: absolute;
-
-      height: 100%;
-      width: 100%;
-      box-sizing: border-box;
-
-      border: var(--grist-input-progress-border);
-      background-color: var(--grist-input-progress-background);
-    }
-
-    #bar {
-      background-color: var(--grist-input-progress-bar-background);
-      text-align: left;
-      color: var(--grist-input-progress-bar-color);
-    }
-  `;
-OxGristRendererProgress = __decorate([
-    customElement('ox-grist-progress-renderer')
-], OxGristRendererProgress);
-export { OxGristRendererProgress };
-//# sourceMappingURL=ox-grist-renderer-progress.js.map

package/dist/src/renderers/ox-grist-renderer-progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-renderer-progress.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-progress.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAY,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAGjD,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,eAAe;IA4B1D,IAAI,gBAAgB;QAClB,IAAI,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;QAC7D,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;QAEjG,OAAO,IAAI,CAAA;;mCAEoB,QAAQ,YAAY,QAAQ;KAC1D,CAAA;IACH,CAAC;;AApCM,8BAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBlB,AAzBY,CAyBZ;AA1BU,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAsCnC","sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { OxGristRenderer } from './ox-grist-renderer.js'\n\n@customElement('ox-grist-progress-renderer')\nexport class OxGristRendererProgress extends OxGristRenderer {\n  static styles = css`\n    :host {\n      display: block;\n      position: relative;\n\n      width: 100%;\n    }\n\n    #border {\n      display: block;\n      position: absolute;\n\n      height: 100%;\n      width: 100%;\n      box-sizing: border-box;\n\n      border: var(--grist-input-progress-border);\n      background-color: var(--grist-input-progress-background);\n    }\n\n    #bar {\n      background-color: var(--grist-input-progress-bar-background);\n      text-align: left;\n      color: var(--grist-input-progress-bar-color);\n    }\n  `\n\n  get rendererTemplate() {\n    var { min = 0, max = 100 } = this.column.record.options || {}\n    var value = Number(this.value)\n    var progress = isNaN(value) ? 0 : Math.min(100, Math.max(0, ((value - min) * 100) / (max - min)))\n\n    return html`\n      <div id=\"border\"></div>\n      <div id=\"bar\" style=\"width:${progress}%\">&nbsp;${progress}</div>\n    `\n  }\n}\n"]}

package/dist/src/renderers/ox-grist-renderer-select.d.ts

@@ -1,2 +0,0 @@
-import { FieldRenderer } from '../types.js';
-export declare const OxGristRendererSelect: FieldRenderer;

package/dist/src/renderers/ox-grist-renderer-select.js

@@ -1,50 +0,0 @@
-import { html } from 'lit';
-import { until } from 'lit/directives/until.js';
-function buildOptions(options, value) {
-    const selectOptionObjects = options.map(option => {
-        switch (typeof option) {
-            case 'string':
-                return {
-                    display: option,
-                    value: option
-                };
-            case 'object':
-                return {
-                    display: option.display || option.name,
-                    value: option.value
-                };
-            default:
-                return option;
-        }
-    });
-    var res = selectOptionObjects
-        ? selectOptionObjects.filter((option) => option.value == String(value == null ? '' : value))
-        : [];
-    if (res.length) {
-        return html `<span>${res[0].display || res[0].name || ''}</span>`;
-    }
-    return html `<span>${value}</span>`;
-}
-export const OxGristRendererSelect = (value, column, record, rowIndex, field) => {
-    if (value == null) {
-        return '';
-    }
-    var rowOptionField = column.record.rowOptionField && record[column.record.rowOptionField];
-    var options = (rowOptionField === null || rowOptionField === void 0 ? void 0 : rowOptionField.options) ? rowOptionField.options : column.record.options;
-    if (!options) {
-        console.error(`options value for select '${column.name}' column is mandatory.`);
-    }
-    else if (typeof options == 'function') {
-        options = options.call(null, value, column, record, rowIndex, field);
-        if (options instanceof Promise) {
-            return html `${until(options.then(options => buildOptions(options, value)), value)}`;
-        }
-        else {
-            return buildOptions((options || []), value);
-        }
-    }
-    else {
-        return buildOptions((options || []), value);
-    }
-};
-//# sourceMappingURL=ox-grist-renderer-select.js.map

package/dist/src/renderers/ox-grist-renderer-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-renderer-select.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAI/C,SAAS,YAAY,CAAC,OAAuB,EAAE,KAAU;IACvD,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC/C,QAAQ,OAAO,MAAM,EAAE,CAAC;YACtB,KAAK,QAAQ;gBACX,OAAO;oBACL,OAAO,EAAE,MAAM;oBACf,KAAK,EAAE,MAAM;iBACd,CAAA;YACH,KAAK,QAAQ;gBACX,OAAO;oBACL,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI;oBACtC,KAAK,EAAE,MAAM,CAAC,KAAK;iBACpB,CAAA;YACH;gBACE,OAAO,MAAM,CAAA;QACjB,CAAC;IACH,CAAC,CAAyB,CAAA;IAE1B,IAAI,GAAG,GAAG,mBAAmB;QAC3B,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,MAAW,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACjG,CAAC,CAAC,EAAE,CAAA;IAEN,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;QACf,OAAO,IAAI,CAAA,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,SAAS,CAAA;IAClE,CAAC;IACD,OAAO,IAAI,CAAA,SAAS,KAAK,SAAS,CAAA;AACpC,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC7F,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;IACzF,IAAI,OAAO,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,EAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;IAEtF,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,KAAK,CAAC,6BAA6B,MAAM,CAAC,IAAI,wBAAwB,CAAC,CAAA;IACjF,CAAC;SAAM,IAAI,OAAO,OAAO,IAAI,UAAU,EAAE,CAAC;QACxC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;QAEpE,IAAI,OAAO,YAAY,OAAO,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAA,GAAG,KAAK,CACjB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EACrD,KAAK,CACN,EAAE,CAAA;QACL,CAAC;aAAM,CAAC;YACN,OAAO,YAAY,CAAC,CAAC,OAAO,IAAI,EAAE,CAAmB,EAAE,KAAK,CAAC,CAAA;QAC/D,CAAC;IACH,CAAC;SAAM,CAAC;QACN,OAAO,YAAY,CAAC,CAAC,OAAO,IAAI,EAAE,CAAmB,EAAE,KAAK,CAAC,CAAA;IAC/D,CAAC;AACH,CAAC,CAAA","sourcesContent":["import { html } from 'lit'\nimport { until } from 'lit/directives/until.js'\n\nimport { FieldRenderer, SelectOption, SelectOptionObject } from '../types.js'\n\nfunction buildOptions(options: SelectOption[], value: any) {\n  const selectOptionObjects = options.map(option => {\n    switch (typeof option) {\n      case 'string':\n        return {\n          display: option,\n          value: option\n        }\n      case 'object':\n        return {\n          display: option.display || option.name,\n          value: option.value\n        }\n      default:\n        return option\n    }\n  }) as SelectOptionObject[]\n\n  var res = selectOptionObjects\n    ? selectOptionObjects.filter((option: any) => option.value == String(value == null ? '' : value))\n    : []\n\n  if (res.length) {\n    return html`<span>${res[0].display || res[0].name || ''}</span>`\n  }\n  return html`<span>${value}</span>`\n}\n\nexport const OxGristRendererSelect: FieldRenderer = (value, column, record, rowIndex, field) => {\n  if (value == null) {\n    return ''\n  }\n\n  var rowOptionField = column.record.rowOptionField && record[column.record.rowOptionField]\n  var options = rowOptionField?.options ? rowOptionField.options : column.record.options\n\n  if (!options) {\n    console.error(`options value for select '${column.name}' column is mandatory.`)\n  } else if (typeof options == 'function') {\n    options = options.call(null, value, column, record, rowIndex, field)\n\n    if (options instanceof Promise) {\n      return html`${until(\n        options.then(options => buildOptions(options, value)),\n        value\n      )}`\n    } else {\n      return buildOptions((options || []) as SelectOption[], value)\n    }\n  } else {\n    return buildOptions((options || []) as SelectOption[], value)\n  }\n}\n"]}

package/dist/src/renderers/ox-grist-renderer-text.d.ts

@@ -1,2 +0,0 @@
-import { FieldRenderer } from '../types.js';
-export declare const OxGristRendererText: FieldRenderer;

package/dist/src/renderers/ox-grist-renderer-text.js

@@ -1,11 +0,0 @@
-import { html } from 'lit';
-import { format as formatter } from '@operato/utils';
-export const OxGristRendererText = (value, column, record, rowIndex, field) => {
-    var { format } = column.record || {};
-    var text = value == null ? '' : value;
-    if (format) {
-        text = formatter(format, text);
-    }
-    return html `<span data-reactive-tooltip>${text}&nbsp;</span>`;
-};
-//# sourceMappingURL=ox-grist-renderer-text.js.map

package/dist/src/renderers/ox-grist-renderer-text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-renderer-text.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAIpD,MAAM,CAAC,MAAM,mBAAmB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC3F,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,EAAE,CAAA;IAEpC,IAAI,IAAI,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IACrC,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAChC,CAAC;IAED,OAAO,IAAI,CAAA,+BAA+B,IAAI,eAAe,CAAA;AAC/D,CAAC,CAAA","sourcesContent":["import { html } from 'lit'\n\nimport { format as formatter } from '@operato/utils'\n\nimport { FieldRenderer } from '../types.js'\n\nexport const OxGristRendererText: FieldRenderer = (value, column, record, rowIndex, field) => {\n  var { format } = column.record || {}\n\n  var text = value == null ? '' : value\n  if (format) {\n    text = formatter(format, text)\n  }\n\n  return html`<span data-reactive-tooltip>${text}&nbsp;</span>`\n}\n"]}

package/dist/src/renderers/ox-grist-renderer-textarea.d.ts

@@ -1,2 +0,0 @@
-import { FieldRenderer } from '../types.js';
-export declare const OxGristRendererTextarea: FieldRenderer;

package/dist/src/renderers/ox-grist-renderer-textarea.js

@@ -1,5 +0,0 @@
-import { html } from 'lit';
-export const OxGristRendererTextarea = (value, column, record, rowIndex, field) => {
-    return html `<span style="height:auto;white-space: pre-wrap;word-wrap:break-word;">${value}&nbsp;</span>`;
-};
-//# sourceMappingURL=ox-grist-renderer-textarea.js.map

package/dist/src/renderers/ox-grist-renderer-textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-renderer-textarea.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAI1B,MAAM,CAAC,MAAM,uBAAuB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC/F,OAAO,IAAI,CAAA,yEAAyE,KAAK,eAAe,CAAA;AAC1G,CAAC,CAAA","sourcesContent":["import { html } from 'lit'\n\nimport { FieldRenderer } from '../types.js'\n\nexport const OxGristRendererTextarea: FieldRenderer = (value, column, record, rowIndex, field) => {\n  return html`<span style=\"height:auto;white-space: pre-wrap;word-wrap:break-word;\">${value}&nbsp;</span>`\n}\n"]}

package/dist/src/renderers/ox-grist-renderer-tree.d.ts

@@ -1,12 +0,0 @@
-import { PropertyValues } from 'lit';
-import { OxGristRenderer } from './ox-grist-renderer.js';
-export declare class OxGristRendererTree extends OxGristRenderer {
-    static styles: import("lit").CSSResult;
-    private checked?;
-    private expanded?;
-    get rendererTemplate(): import("lit-html").TemplateResult<1>;
-    updated(changes: PropertyValues<this>): void;
-    onClickCheckbox(e: MouseEvent): void;
-    onClickExpander(e: MouseEvent): void;
-    get editableOnClick(): boolean;
-}

package/dist/src/renderers/ox-grist-renderer-tree.js

@@ -1,183 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, nothing } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { OxGristRenderer } from './ox-grist-renderer.js';
-let OxGristRendererTree = class OxGristRendererTree extends OxGristRenderer {
-    constructor() {
-        super(...arguments);
-        this.expanded = false;
-    }
-    get rendererTemplate() {
-        var { selectable = false } = this.column.record.options || {};
-        var { __children__ } = this.record;
-        const expandable = __children__ && __children__.length > 0;
-        return html `
-      <div wrap>
-        ${expandable
-            ? html `
-              <span
-                expander
-                @click=${this.onClickExpander.bind(this)}
-                ?expanded=${this.expanded}
-                ?collapsed=${!this.expanded}
-              ></span>
-            `
-            : html `<span expander></span>`}
-        ${selectable
-            ? html ` <span checkbox @click=${this.onClickCheckbox.bind(this)} checked=${ifDefined(this.checked)}></span>`
-            : nothing}
-
-        <span label>${this.value}</span>
-      </div>
-    `;
-    }
-    updated(changes) {
-        var { __depth__, __check_in_tree__, __expanded__ } = this.record;
-        this.checked = __check_in_tree__;
-        this.expanded = __expanded__;
-        this.style.setProperty('--tree-depth', String(__depth__));
-    }
-    onClickCheckbox(e) {
-        e.stopPropagation();
-        this.dispatchEvent(new CustomEvent('check-in-tree', {
-            bubbles: true,
-            composed: true,
-            detail: this.record
-        }));
-        this.requestUpdate();
-    }
-    onClickExpander(e) {
-        e.stopPropagation();
-        this.dispatchEvent(new CustomEvent(this.record.__expanded__ ? 'collapse-node' : 'expand-node', {
-            bubbles: true,
-            composed: true,
-            detail: this.record
-        }));
-        this.requestUpdate();
-    }
-    get editableOnClick() {
-        return false;
-    }
-};
-OxGristRendererTree.styles = css `
-    :host {
-      overflow: hidden;
-    }
-
-    div[wrap] {
-      position: relative;
-
-      display: flex;
-      align-items: center;
-      gap: 6px;
-
-      width: 100%;
-      padding-left: calc(var(--tree-depth, 0) * 18px);
-    }
-
-    span[expander] {
-      display: inline-block;
-      vertical-align: middle;
-      width: 12px;
-      height: 20px;
-      cursor: pointer;
-      position: relative;
-    }
-
-    span[expander][collapsed]::before {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-25%, -50%) rotate(-90deg);
-      content: ' ';
-      border: 5px solid transparent;
-      border-top: 5px solid var(--md-sys-color-on-primary-container, #1890ff);
-    }
-
-    span[expander][expanded]::before {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -25%);
-      content: ' ';
-      border: 5px solid transparent;
-      border-top: 5px solid var(--md-sys-color-on-primary-container, #1890ff);
-    }
-
-    span[checkbox] {
-      display: inline-block;
-      vertical-align: middle;
-      width: 12px;
-      height: 20px;
-      cursor: pointer;
-      position: relative;
-    }
-
-    span[checkbox]::before {
-      cursor: pointer;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      content: ' ';
-      display: block;
-      width: 10px;
-      height: 10px;
-      border: 1px solid var(--md-sys-color-on-primary-container, #1890ff);
-      border-radius: 2px;
-    }
-
-    span[label] {
-      flex: 1;
-    }
-
-    span[checkbox][checked='checked']::before {
-      background-color: var(--md-sys-color-on-primary-container, #1890ff);
-      border-color: var(--md-sys-color-on-primary-container, #1890ff);
-    }
-
-    span[checkbox][checked='checked']::after {
-      position: absolute;
-      content: ' ';
-      display: block;
-      top: 50%;
-      left: 50%;
-      width: 3px;
-      height: 7px;
-      border: 2px solid #fff;
-      border-top: none;
-      border-left: none;
-      -webkit-transform: translate(-50%, -50%) rotate(45deg);
-      -ms-transform: translate(-50%, -50%) rotate(45deg);
-      transform: translate(-50%, -50%) rotate(45deg);
-    }
-
-    span[checkbox][checked='half-checked']::before {
-      background-color: var(--md-sys-color-on-primary-container, #1890ff);
-      border-color: var(--md-sys-color-on-primary-container, #1890ff);
-    }
-
-    span[checkbox][checked='half-checked']::after {
-      position: absolute;
-      content: ' ';
-      display: block;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      width: 10px;
-      height: 2px;
-      background-color: var(--md-sys-color-surface);
-    }
-  `;
-__decorate([
-    state()
-], OxGristRendererTree.prototype, "checked", void 0);
-__decorate([
-    state()
-], OxGristRendererTree.prototype, "expanded", void 0);
-OxGristRendererTree = __decorate([
-    customElement('ox-grist-tree-renderer')
-], OxGristRendererTree);
-export { OxGristRendererTree };
-//# sourceMappingURL=ox-grist-renderer-tree.js.map

package/dist/src/renderers/ox-grist-renderer-tree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-renderer-tree.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-tree.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues, css, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { OxGristRenderer } from './ox-grist-renderer.js'\n\n@customElement('ox-grist-tree-renderer')\nexport class OxGristRendererTree extends OxGristRenderer {\n  static styles = css`\n    :host {\n      overflow: hidden;\n    }\n\n    div[wrap] {\n      position: relative;\n\n      display: flex;\n      align-items: center;\n      gap: 6px;\n\n      width: 100%;\n      padding-left: calc(var(--tree-depth, 0) * 18px);\n    }\n\n    span[expander] {\n      display: inline-block;\n      vertical-align: middle;\n      width: 12px;\n      height: 20px;\n      cursor: pointer;\n      position: relative;\n    }\n\n    span[expander][collapsed]::before {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-25%, -50%) rotate(-90deg);\n      content: ' ';\n      border: 5px solid transparent;\n      border-top: 5px solid var(--md-sys-color-on-primary-container, #1890ff);\n    }\n\n    span[expander][expanded]::before {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -25%);\n      content: ' ';\n      border: 5px solid transparent;\n      border-top: 5px solid var(--md-sys-color-on-primary-container, #1890ff);\n    }\n\n    span[checkbox] {\n      display: inline-block;\n      vertical-align: middle;\n      width: 12px;\n      height: 20px;\n      cursor: pointer;\n      position: relative;\n    }\n\n    span[checkbox]::before {\n      cursor: pointer;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      content: ' ';\n      display: block;\n      width: 10px;\n      height: 10px;\n      border: 1px solid var(--md-sys-color-on-primary-container, #1890ff);\n      border-radius: 2px;\n    }\n\n    span[label] {\n      flex: 1;\n    }\n\n    span[checkbox][checked='checked']::before {\n      background-color: var(--md-sys-color-on-primary-container, #1890ff);\n      border-color: var(--md-sys-color-on-primary-container, #1890ff);\n    }\n\n    span[checkbox][checked='checked']::after {\n      position: absolute;\n      content: ' ';\n      display: block;\n      top: 50%;\n      left: 50%;\n      width: 3px;\n      height: 7px;\n      border: 2px solid #fff;\n      border-top: none;\n      border-left: none;\n      -webkit-transform: translate(-50%, -50%) rotate(45deg);\n      -ms-transform: translate(-50%, -50%) rotate(45deg);\n      transform: translate(-50%, -50%) rotate(45deg);\n    }\n\n    span[checkbox][checked='half-checked']::before {\n      background-color: var(--md-sys-color-on-primary-container, #1890ff);\n      border-color: var(--md-sys-color-on-primary-container, #1890ff);\n    }\n\n    span[checkbox][checked='half-checked']::after {\n      position: absolute;\n      content: ' ';\n      display: block;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 10px;\n      height: 2px;\n      background-color: var(--md-sys-color-surface);\n    }\n  `\n\n  @state() private checked?: 'checked' | 'half-checked' | 'unchecked'\n  @state() private expanded?: boolean = false\n\n  get rendererTemplate() {\n    var { selectable = false } = this.column.record.options || {}\n    var { __children__ } = this.record\n\n    const expandable = __children__ && __children__.length > 0\n\n    return html`\n      <div wrap>\n        ${expandable\n          ? html`\n              <span\n                expander\n                @click=${this.onClickExpander.bind(this)}\n                ?expanded=${this.expanded}\n                ?collapsed=${!this.expanded}\n              ></span>\n            `\n          : html`<span expander></span>`}\n        ${selectable\n          ? html` <span checkbox @click=${this.onClickCheckbox.bind(this)} checked=${ifDefined(this.checked)}></span>`\n          : nothing}\n\n        <span label>${this.value}</span>\n      </div>\n    `\n  }\n\n  updated(changes: PropertyValues<this>) {\n    var { __depth__, __check_in_tree__, __expanded__ } = this.record\n    this.checked = __check_in_tree__\n    this.expanded = __expanded__\n\n    this.style.setProperty('--tree-depth', String(__depth__))\n  }\n\n  onClickCheckbox(e: MouseEvent) {\n    e.stopPropagation()\n\n    this.dispatchEvent(\n      new CustomEvent('check-in-tree', {\n        bubbles: true,\n        composed: true,\n        detail: this.record\n      })\n    )\n\n    this.requestUpdate()\n  }\n\n  onClickExpander(e: MouseEvent) {\n    e.stopPropagation()\n\n    this.dispatchEvent(\n      new CustomEvent(this.record.__expanded__ ? 'collapse-node' : 'expand-node', {\n        bubbles: true,\n        composed: true,\n        detail: this.record\n      })\n    )\n\n    this.requestUpdate()\n  }\n\n  get editableOnClick() {\n    return false\n  }\n}\n"]}

package/dist/src/renderers/ox-grist-renderer.d.ts

@@ -1,15 +0,0 @@
-import { LitElement } from 'lit';
-import { ColumnConfig, GristRecord } from '../types.js';
-import { DataGridField } from '../data-grid/data-grid-field.js';
-export declare class OxGristRenderer extends LitElement {
-    static styles: import("lit").CSSResult;
-    value?: any;
-    column: ColumnConfig;
-    record: GristRecord;
-    rowIndex?: number;
-    field?: DataGridField;
-    row?: number;
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): Promise<void>;
-    get rendererTemplate(): import("lit-html").TemplateResult<1>;
-}