@operato/data-grist 1.13.16 → 1.14.0

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

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

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

@@ -1,12 +0,0 @@
-import { html } from 'lit';
-export const LinkRenderer = (value, column, record, rowIndex, field) => {
-    var { href, target } = column.record.options || {};
-    value = value === undefined ? '' : 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}</a> `
-        : html ` <a style="text-decoration:none;color:inherit" href=${href || value}>${value}</a> `;
-};
-//# sourceMappingURL=link-renderer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"link-renderer.js","sourceRoot":"","sources":["../../../src/renderers/link-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACpF,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;IAElD,KAAK,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAExC,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,OAAO;QAC3G,CAAC,CAAC,IAAI,CAAA,uDAAuD,IAAI,IAAI,KAAK,IAAI,KAAK,OAAO,CAAA;AAC9F,CAAC,CAAA","sourcesContent":["import { FieldRenderer } from '../types'\nimport { html } from 'lit'\n\nexport const LinkRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {\n  var { href, target } = column.record.options || {}\n\n  value = value === undefined ? '' : 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}</a> `\n    : html` <a style=\"text-decoration:none;color:inherit\" href=${href || value}>${value}</a> `\n}\n"]}

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

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

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

@@ -1,4 +0,0 @@
-export const PasswordRenderer = (value, column, record, rowIndex, field) => {
-    return Array(String(value).length).fill('*').join('');
-};
-//# sourceMappingURL=password-renderer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"password-renderer.js","sourceRoot":"","sources":["../../../src/renderers/password-renderer.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACxF,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA","sourcesContent":["import { FieldRenderer } from '../types'\n\nexport const PasswordRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {\n  return Array(String(value).length).fill('*').join('')\n}\n"]}

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

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

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

@@ -1,68 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, css, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-let DataGristProgressRenderer = class DataGristProgressRenderer extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.min = 0;
-        this.max = 100;
-    }
-    render() {
-        var { value, min, max } = this;
-        var progress = isNaN(Number(value)) ? 0 : Math.min(100, Math.max(0, ((Number(value) - min) * 100) / (max - min)));
-        return html `
-      <div id="border"></div>
-      <div id="bar" style="width:${progress}%">&nbsp;${progress}</div>
-    `;
-    }
-};
-DataGristProgressRenderer.styles = css `
-    :host {
-      display: block;
-      position: relative;
-
-      width: 100%;
-      height: 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);
-    }
-  `;
-__decorate([
-    property({ type: Number })
-], DataGristProgressRenderer.prototype, "value", void 0);
-__decorate([
-    property({ type: Number })
-], DataGristProgressRenderer.prototype, "min", void 0);
-__decorate([
-    property({ type: Number })
-], DataGristProgressRenderer.prototype, "max", void 0);
-DataGristProgressRenderer = __decorate([
-    customElement('ox-grist-progress-renderer')
-], DataGristProgressRenderer);
-export const ProgressRenderer = (value, column, record, rowIndex, field) => {
-    var { min = 0, max = 100 } = column.record.options || {};
-    return html `
-    <ox-grist-progress-renderer
-      .value=${Number(value)}
-      .min=${Number(min)}
-      .max=${Number(max)}
-    ></ox-grist-progress-renderer>
-  `;
-};
-//# sourceMappingURL=progress-renderer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"progress-renderer.js","sourceRoot":"","sources":["../../../src/renderers/progress-renderer.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAK3D,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,UAAU;IAAlD;;QA8B8B,QAAG,GAAW,CAAC,CAAA;QACf,QAAG,GAAW,GAAG,CAAA;IAW/C,CAAC;IATC,MAAM;QACJ,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;QAC9B,IAAI,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;QAEjH,OAAO,IAAI,CAAA;;mCAEoB,QAAQ,YAAY,QAAQ;KAC1D,CAAA;IACH,CAAC;;AAxCM,gCAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BlB,AA1BY,CA0BZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAAe;AACd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAgB;AACf;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAkB;AA/BzC,yBAAyB;IAD9B,aAAa,CAAC,4BAA4B,CAAC;GACtC,yBAAyB,CA0C9B;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACxF,IAAI,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;IAExD,OAAO,IAAI,CAAA;;eAEE,MAAM,CAAC,KAAK,CAAC;aACf,MAAM,CAAC,GAAG,CAAC;aACX,MAAM,CAAC,GAAG,CAAC;;GAErB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { LitElement, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { FieldRenderer } from '../types'\n\n@customElement('ox-grist-progress-renderer')\nclass DataGristProgressRenderer extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      position: relative;\n\n      width: 100%;\n      height: 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  @property({ type: Number }) value?: number\n  @property({ type: Number }) min: number = 0\n  @property({ type: Number }) max: number = 100\n\n  render() {\n    var { value, min, max } = this\n    var progress = isNaN(Number(value)) ? 0 : Math.min(100, Math.max(0, ((Number(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\nexport const ProgressRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {\n  var { min = 0, max = 100 } = column.record.options || {}\n\n  return html`\n    <ox-grist-progress-renderer\n      .value=${Number(value)}\n      .min=${Number(min)}\n      .max=${Number(max)}\n    ></ox-grist-progress-renderer>\n  `\n}\n"]}

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

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

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

@@ -1,15 +0,0 @@
-export const SelectRenderer = (value, column, record, rowIndex, field) => {
-    if (!value) {
-        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 (typeof options == 'function') {
-        options = options.call(null, value, column, record, rowIndex, field);
-    }
-    var res = options.filter((option) => option.value == value);
-    if (res.length)
-        return res[0].display;
-    return value;
-};
-//# sourceMappingURL=select-renderer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"select-renderer.js","sourceRoot":"","sources":["../../../src/renderers/select-renderer.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACtF,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAA;IACX,CAAC;IACD,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,OAAO,OAAO,IAAI,UAAU,EAAE,CAAC;QACjC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;IACtE,CAAC;IAED,IAAI,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAW,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,CAAA;IAChE,IAAI,GAAG,CAAC,MAAM;QAAE,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IACrC,OAAO,KAAK,CAAA;AACd,CAAC,CAAA","sourcesContent":["import { FieldRenderer } from '../types'\n\nexport const SelectRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {\n  if (!value) {\n    return ''\n  }\n  var rowOptionField = column.record.rowOptionField && record[column.record.rowOptionField]\n  var options = rowOptionField?.options ? rowOptionField.options : column.record.options\n\n  if (typeof options == 'function') {\n    options = options.call(null, value, column, record, rowIndex, field)\n  }\n\n  var res = options.filter((option: any) => option.value == value)\n  if (res.length) return res[0].display\n  return value\n}\n"]}

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

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

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

@@ -1,6 +0,0 @@
-import { html } from 'lit';
-export const TextRenderer = (value, column, record, rowIndex, field) => {
-    const text = value === undefined ? '' : value;
-    return html `<span title=${text}>${text}</span>`;
-};
-//# sourceMappingURL=text-renderer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"text-renderer.js","sourceRoot":"","sources":["../../../src/renderers/text-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACpF,MAAM,IAAI,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAC7C,OAAO,IAAI,CAAA,eAAe,IAAI,IAAI,IAAI,SAAS,CAAA;AACjD,CAAC,CAAA","sourcesContent":["import { FieldRenderer } from '../types'\nimport { html } from 'lit'\n\nexport const TextRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {\n  const text = value === undefined ? '' : value\n  return html`<span title=${text}>${text}</span>`\n}\n"]}

package/dist/stories/index.stories.d.ts

@@ -1,33 +0,0 @@
-import '../index.js';
-import { TemplateResult } from 'lit';
-declare const _default: {
-    title: string;
-    component: string;
-    argTypes: {
-        title: {
-            control: string;
-        };
-        counter: {
-            control: string;
-        };
-        textColor: {
-            control: string;
-        };
-    };
-};
-export default _default;
-interface Story<T> {
-    (args: T): TemplateResult;
-    args?: Partial<T>;
-    argTypes?: Record<string, unknown>;
-}
-interface ArgTypes {
-    title?: string;
-    counter?: number;
-    textColor?: string;
-    slot?: TemplateResult;
-}
-export declare const Regular: Story<ArgTypes>;
-export declare const CustomTitle: Story<ArgTypes>;
-export declare const CustomCounter: Story<ArgTypes>;
-export declare const SlottedContent: Story<ArgTypes>;

package/dist/stories/index.stories.js

@@ -1,33 +0,0 @@
-import '../index.js';
-import { html } from 'lit';
-export default {
-    title: 'DataGrist',
-    component: 'ox-grist',
-    argTypes: {
-        title: { control: 'text' },
-        counter: { control: 'number' },
-        textColor: { control: 'color' }
-    }
-};
-const Template = ({ title = 'Hello world', counter = 5, textColor, slot }) => html `
-  <ox-grist style="--data-grist-text-color: ${textColor || 'black'}" .title=${title} .counter=${counter}>
-    ${slot}
-  </ox-grist>
-`;
-export const Regular = Template.bind({});
-export const CustomTitle = Template.bind({});
-CustomTitle.args = {
-    title: 'My title'
-};
-export const CustomCounter = Template.bind({});
-CustomCounter.args = {
-    counter: 123456
-};
-export const SlottedContent = Template.bind({});
-SlottedContent.args = {
-    slot: html `<p>Slotted content</p>`
-};
-SlottedContent.argTypes = {
-    slot: { table: { disable: true } }
-};
-//# sourceMappingURL=index.stories.js.map

package/dist/stories/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../stories/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9B,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAChC;CACF,CAAA;AAeD,MAAM,QAAQ,GAAoB,CAAC,EAAE,KAAK,GAAG,aAAa,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;8CAC/D,SAAS,IAAI,OAAO,YAAY,KAAK,aAAa,OAAO;MACjG,IAAI;;CAET,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,WAAW,CAAC,IAAI,GAAG;IACjB,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC9C,aAAa,CAAC,IAAI,GAAG;IACnB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,cAAc,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,IAAI,CAAA,wBAAwB;CACnC,CAAA;AACD,cAAc,CAAC,QAAQ,GAAG;IACxB,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CACnC,CAAA","sourcesContent":["import '../index.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'DataGrist',\n  component: 'ox-grist',\n  argTypes: {\n    title: { control: 'text' },\n    counter: { control: 'number' },\n    textColor: { control: 'color' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  title?: string\n  counter?: number\n  textColor?: string\n  slot?: TemplateResult\n}\n\nconst Template: Story<ArgTypes> = ({ title = 'Hello world', counter = 5, textColor, slot }: ArgTypes) => html`\n  <ox-grist style=\"--data-grist-text-color: ${textColor || 'black'}\" .title=${title} .counter=${counter}>\n    ${slot}\n  </ox-grist>\n`\n\nexport const Regular = Template.bind({})\n\nexport const CustomTitle = Template.bind({})\nCustomTitle.args = {\n  title: 'My title'\n}\n\nexport const CustomCounter = Template.bind({})\nCustomCounter.args = {\n  counter: 123456\n}\n\nexport const SlottedContent = Template.bind({})\nSlottedContent.args = {\n  slot: html`<p>Slotted content</p>`\n}\nSlottedContent.argTypes = {\n  slot: { table: { disable: true } }\n}\n"]}