@operato/data-grist 1.17.4 → 1.17.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/tsconfig.tsbuildinfo +1 -1
  3. package/package.json +3 -3
  4. package/dist/src/editors/image-input.d.ts +0 -7
  5. package/dist/src/editors/image-input.js +0 -31
  6. package/dist/src/editors/image-input.js.map +0 -1
  7. package/dist/src/editors/input-editors.d.ts +0 -68
  8. package/dist/src/editors/input-editors.js +0 -329
  9. package/dist/src/editors/input-editors.js.map +0 -1
  10. package/dist/src/renderers/boolean-renderer.d.ts +0 -2
  11. package/dist/src/renderers/boolean-renderer.js +0 -30
  12. package/dist/src/renderers/boolean-renderer.js.map +0 -1
  13. package/dist/src/renderers/color-renderer.d.ts +0 -2
  14. package/dist/src/renderers/color-renderer.js +0 -6
  15. package/dist/src/renderers/color-renderer.js.map +0 -1
  16. package/dist/src/renderers/date-renderer.d.ts +0 -2
  17. package/dist/src/renderers/date-renderer.js +0 -52
  18. package/dist/src/renderers/date-renderer.js.map +0 -1
  19. package/dist/src/renderers/image-renderer.d.ts +0 -2
  20. package/dist/src/renderers/image-renderer.js +0 -24
  21. package/dist/src/renderers/image-renderer.js.map +0 -1
  22. package/dist/src/renderers/json5-renderer.d.ts +0 -2
  23. package/dist/src/renderers/json5-renderer.js +0 -7
  24. package/dist/src/renderers/json5-renderer.js.map +0 -1
  25. package/dist/src/renderers/link-renderer.d.ts +0 -2
  26. package/dist/src/renderers/link-renderer.js +0 -12
  27. package/dist/src/renderers/link-renderer.js.map +0 -1
  28. package/dist/src/renderers/password-renderer.d.ts +0 -2
  29. package/dist/src/renderers/password-renderer.js +0 -4
  30. package/dist/src/renderers/password-renderer.js.map +0 -1
  31. package/dist/src/renderers/progress-renderer.d.ts +0 -2
  32. package/dist/src/renderers/progress-renderer.js +0 -68
  33. package/dist/src/renderers/progress-renderer.js.map +0 -1
  34. package/dist/src/renderers/select-renderer.d.ts +0 -2
  35. package/dist/src/renderers/select-renderer.js +0 -15
  36. package/dist/src/renderers/select-renderer.js.map +0 -1
  37. package/dist/src/renderers/text-renderer.d.ts +0 -2
  38. package/dist/src/renderers/text-renderer.js +0 -6
  39. package/dist/src/renderers/text-renderer.js.map +0 -1
  40. package/dist/stories/index.stories.d.ts +0 -33
  41. package/dist/stories/index.stories.js +0 -33
  42. package/dist/stories/index.stories.js.map +0 -1
@@ -1,7 +0,0 @@
1
- import JSON5 from 'json5';
2
- import { html } from 'lit';
3
- export const Json5Renderer = (value, column, record, rowIndex, field) => {
4
- const text = value === undefined || value === null ? '' : JSON5.stringify(value);
5
- return html `<span>${text}</span>`;
6
- };
7
- //# sourceMappingURL=json5-renderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"json5-renderer.js","sourceRoot":"","sources":["../../../src/renderers/json5-renderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACrF,MAAM,IAAI,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IAChF,OAAO,IAAI,CAAA,SAAS,IAAI,SAAS,CAAA;AACnC,CAAC,CAAA","sourcesContent":["import { FieldRenderer } from '../types'\nimport JSON5 from 'json5'\nimport { html } from 'lit'\n\nexport const Json5Renderer: FieldRenderer = (value, column, record, rowIndex, field) => {\n const text = value === undefined || value === null ? '' : JSON5.stringify(value)\n return html`<span>${text}</span>`\n}\n"]}
@@ -1,2 +0,0 @@
1
- import { FieldRenderer } from '../types';
2
- export declare const LinkRenderer: FieldRenderer;
@@ -1,12 +0,0 @@
1
- import { html } from 'lit';
2
- export const LinkRenderer = (value, column, record, rowIndex, field) => {
3
- var { href, target } = column.record.options || {};
4
- value = value === undefined ? '' : value;
5
- if (typeof href == 'function') {
6
- href = href(value, column, record, rowIndex, field);
7
- }
8
- return target
9
- ? html ` <a style="text-decoration:none;color:inherit" href=${href || value} target=${target}>${value}</a> `
10
- : html ` <a style="text-decoration:none;color:inherit" href=${href || value}>${value}</a> `;
11
- };
12
- //# sourceMappingURL=link-renderer.js.map
@@ -1 +0,0 @@
1
- {"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"]}
@@ -1,2 +0,0 @@
1
- import { FieldRenderer } from '../types';
2
- export declare const PasswordRenderer: FieldRenderer;
@@ -1,4 +0,0 @@
1
- export const PasswordRenderer = (value, column, record, rowIndex, field) => {
2
- return Array(String(value).length).fill('*').join('');
3
- };
4
- //# sourceMappingURL=password-renderer.js.map
@@ -1 +0,0 @@
1
- {"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"]}
@@ -1,2 +0,0 @@
1
- import { FieldRenderer } from '../types';
2
- export declare const ProgressRenderer: FieldRenderer;
@@ -1,68 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { LitElement, css, html } from 'lit';
3
- import { customElement, property } from 'lit/decorators.js';
4
- let DataGristProgressRenderer = class DataGristProgressRenderer extends LitElement {
5
- constructor() {
6
- super(...arguments);
7
- this.min = 0;
8
- this.max = 100;
9
- }
10
- render() {
11
- var { value, min, max } = this;
12
- var progress = isNaN(Number(value)) ? 0 : Math.min(100, Math.max(0, ((Number(value) - min) * 100) / (max - min)));
13
- return html `
14
- <div id="border"></div>
15
- <div id="bar" style="width:${progress}%">&nbsp;${progress}</div>
16
- `;
17
- }
18
- };
19
- DataGristProgressRenderer.styles = css `
20
- :host {
21
- display: block;
22
- position: relative;
23
-
24
- width: 100%;
25
- height: 100%;
26
- }
27
-
28
- #border {
29
- display: block;
30
- position: absolute;
31
-
32
- height: 100%;
33
- width: 100%;
34
- box-sizing: border-box;
35
-
36
- border: var(--grist-input-progress-border);
37
- background-color: var(--grist-input-progress-background);
38
- }
39
-
40
- #bar {
41
- background-color: var(--grist-input-progress-bar-background);
42
- text-align: left;
43
- color: var(--grist-input-progress-bar-color);
44
- }
45
- `;
46
- __decorate([
47
- property({ type: Number })
48
- ], DataGristProgressRenderer.prototype, "value", void 0);
49
- __decorate([
50
- property({ type: Number })
51
- ], DataGristProgressRenderer.prototype, "min", void 0);
52
- __decorate([
53
- property({ type: Number })
54
- ], DataGristProgressRenderer.prototype, "max", void 0);
55
- DataGristProgressRenderer = __decorate([
56
- customElement('ox-grist-progress-renderer')
57
- ], DataGristProgressRenderer);
58
- export const ProgressRenderer = (value, column, record, rowIndex, field) => {
59
- var { min = 0, max = 100 } = column.record.options || {};
60
- return html `
61
- <ox-grist-progress-renderer
62
- .value=${Number(value)}
63
- .min=${Number(min)}
64
- .max=${Number(max)}
65
- ></ox-grist-progress-renderer>
66
- `;
67
- };
68
- //# sourceMappingURL=progress-renderer.js.map
@@ -1 +0,0 @@
1
- {"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"]}
@@ -1,2 +0,0 @@
1
- import { FieldRenderer } from '../types';
2
- export declare const SelectRenderer: FieldRenderer;
@@ -1,15 +0,0 @@
1
- export const SelectRenderer = (value, column, record, rowIndex, field) => {
2
- if (!value) {
3
- return '';
4
- }
5
- var rowOptionField = column.record.rowOptionField && record[column.record.rowOptionField];
6
- var options = (rowOptionField === null || rowOptionField === void 0 ? void 0 : rowOptionField.options) ? rowOptionField.options : column.record.options;
7
- if (typeof options == 'function') {
8
- options = options.call(null, value, column, record, rowIndex, field);
9
- }
10
- var res = options.filter((option) => option.value == value);
11
- if (res.length)
12
- return res[0].display;
13
- return value;
14
- };
15
- //# sourceMappingURL=select-renderer.js.map
@@ -1 +0,0 @@
1
- {"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"]}
@@ -1,2 +0,0 @@
1
- import { FieldRenderer } from '../types';
2
- export declare const TextRenderer: FieldRenderer;
@@ -1,6 +0,0 @@
1
- import { html } from 'lit';
2
- export const TextRenderer = (value, column, record, rowIndex, field) => {
3
- const text = value === undefined ? '' : value;
4
- return html `<span title=${text}>${text}</span>`;
5
- };
6
- //# sourceMappingURL=text-renderer.js.map
@@ -1 +0,0 @@
1
- {"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"]}
@@ -1,33 +0,0 @@
1
- import '../index.js';
2
- import { TemplateResult } from 'lit';
3
- declare const _default: {
4
- title: string;
5
- component: string;
6
- argTypes: {
7
- title: {
8
- control: string;
9
- };
10
- counter: {
11
- control: string;
12
- };
13
- textColor: {
14
- control: string;
15
- };
16
- };
17
- };
18
- export default _default;
19
- interface Story<T> {
20
- (args: T): TemplateResult;
21
- args?: Partial<T>;
22
- argTypes?: Record<string, unknown>;
23
- }
24
- interface ArgTypes {
25
- title?: string;
26
- counter?: number;
27
- textColor?: string;
28
- slot?: TemplateResult;
29
- }
30
- export declare const Regular: Story<ArgTypes>;
31
- export declare const CustomTitle: Story<ArgTypes>;
32
- export declare const CustomCounter: Story<ArgTypes>;
33
- export declare const SlottedContent: Story<ArgTypes>;
@@ -1,33 +0,0 @@
1
- import '../index.js';
2
- import { html } from 'lit';
3
- export default {
4
- title: 'DataGrist',
5
- component: 'ox-grist',
6
- argTypes: {
7
- title: { control: 'text' },
8
- counter: { control: 'number' },
9
- textColor: { control: 'color' }
10
- }
11
- };
12
- const Template = ({ title = 'Hello world', counter = 5, textColor, slot }) => html `
13
- <ox-grist style="--data-grist-text-color: ${textColor || 'black'}" .title=${title} .counter=${counter}>
14
- ${slot}
15
- </ox-grist>
16
- `;
17
- export const Regular = Template.bind({});
18
- export const CustomTitle = Template.bind({});
19
- CustomTitle.args = {
20
- title: 'My title'
21
- };
22
- export const CustomCounter = Template.bind({});
23
- CustomCounter.args = {
24
- counter: 123456
25
- };
26
- export const SlottedContent = Template.bind({});
27
- SlottedContent.args = {
28
- slot: html `<p>Slotted content</p>`
29
- };
30
- SlottedContent.argTypes = {
31
- slot: { table: { disable: true } }
32
- };
33
- //# sourceMappingURL=index.stories.js.map
@@ -1 +0,0 @@
1
- {"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"]}