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

package/dist/src/filters/index.js

@@ -0,0 +1,9 @@
+export * from './registry.js';
+export * from './filter-select.js';
+export * from './filter-input.js';
+export * from './filter-checkbox.js';
+export * from './filter-range-date.js';
+export * from './filter-range-number.js';
+export * from './filter-select-buttons.js';
+export * from './filters-form.js';
+//# sourceMappingURL=index.js.map

package/dist/src/filters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAE7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAE1C,cAAc,mBAAmB,CAAA","sourcesContent":["export * from './registry.js'\n\nexport * from './filter-select.js'\nexport * from './filter-input.js'\nexport * from './filter-checkbox.js'\nexport * from './filter-range-date.js'\nexport * from './filter-range-number.js'\nexport * from './filter-select-buttons.js'\n\nexport * from './filters-form.js'\n"]}

package/dist/src/filters/registry.d.ts

@@ -0,0 +1,7 @@
+import { FilterSelectRenderer } from '../types.js';
+export declare function registerFilterRenderer(type: string, renderer: FilterSelectRenderer[]): void;
+export declare function unregisterFilterRenderer(type: string): void;
+export declare function getFilterRenderers(): {
+    [name: string]: FilterSelectRenderer[];
+};
+export declare function getFilterRenderer(type: string): FilterSelectRenderer[];

package/dist/src/filters/registry.js

@@ -0,0 +1,48 @@
+import { FilterCheckbox } from './filter-checkbox.js';
+import { FilterInputBarcode } from './filter-input-barcode.js';
+import { FilterInput } from './filter-input.js';
+import { FilterRangeDate } from './filter-range-date.js';
+import { FilterRangeNumber } from './filter-range-number.js';
+import { FilterSelectButtons } from './filter-select-buttons.js';
+import { FilterSelect } from './filter-select.js';
+var RENDERERS = {
+    string: [FilterInput],
+    text: [FilterInput],
+    email: [FilterInput],
+    tel: [FilterInput],
+    integer: [FilterInput, FilterRangeNumber],
+    float: [FilterInput, FilterRangeNumber],
+    number: [FilterInput, FilterRangeNumber],
+    select: [FilterSelect],
+    'select-buttons': [FilterSelectButtons],
+    boolean: [FilterCheckbox],
+    checkbox: [FilterCheckbox],
+    month: [FilterInput, FilterRangeDate],
+    week: [FilterInput, FilterRangeDate],
+    date: [FilterInput, FilterRangeDate],
+    time: [FilterInput, FilterRangeDate],
+    datetime: [FilterInput, FilterRangeDate],
+    color: [FilterInput],
+    progress: [FilterInput, FilterRangeNumber],
+    link: [FilterInput],
+    image: [FilterInput],
+    json5: [FilterInput],
+    scanner: [FilterInputBarcode],
+    barcode: [FilterInputBarcode]
+};
+export function registerFilterRenderer(type, renderer) {
+    RENDERERS[type] = renderer;
+}
+export function unregisterFilterRenderer(type) {
+    delete RENDERERS[type];
+}
+export function getFilterRenderers() {
+    return { ...RENDERERS };
+}
+export function getFilterRenderer(type) {
+    if (typeof type === 'function') {
+        return type;
+    }
+    return RENDERERS[type || 'text'] || [FilterInput];
+}
+//# sourceMappingURL=registry.js.map

package/dist/src/filters/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../src/filters/registry.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,IAAI,SAAS,GAET;IACF,MAAM,EAAE,CAAC,WAAW,CAAC;IACrB,IAAI,EAAE,CAAC,WAAW,CAAC;IACnB,KAAK,EAAE,CAAC,WAAW,CAAC;IACpB,GAAG,EAAE,CAAC,WAAW,CAAC;IAClB,OAAO,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC;IACzC,KAAK,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC;IACvC,MAAM,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC;IACxC,MAAM,EAAE,CAAC,YAAY,CAAC;IACtB,gBAAgB,EAAE,CAAC,mBAAmB,CAAC;IACvC,OAAO,EAAE,CAAC,cAAc,CAAC;IACzB,QAAQ,EAAE,CAAC,cAAc,CAAC;IAC1B,KAAK,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC;IACrC,IAAI,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC;IACpC,IAAI,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC;IACpC,IAAI,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC;IACpC,QAAQ,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC;IACxC,KAAK,EAAE,CAAC,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC;IAC1C,IAAI,EAAE,CAAC,WAAW,CAAC;IACnB,KAAK,EAAE,CAAC,WAAW,CAAC;IACpB,KAAK,EAAE,CAAC,WAAW,CAAC;IACpB,OAAO,EAAE,CAAC,kBAAkB,CAAC;IAC7B,OAAO,EAAE,CAAC,kBAAkB,CAAC;CAC9B,CAAA;AAED,MAAM,UAAU,sBAAsB,CAAC,IAAY,EAAE,QAAgC;IACnF,SAAS,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAA;AAC5B,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,IAAY;IACnD,OAAO,SAAS,CAAC,IAAI,CAAC,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAY;IAC5C,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,SAAS,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;AACnD,CAAC","sourcesContent":["import { FilterSelectRenderer } from '../types.js'\nimport { FilterCheckbox } from './filter-checkbox.js'\nimport { FilterInputBarcode } from './filter-input-barcode.js'\nimport { FilterInput } from './filter-input.js'\nimport { FilterRangeDate } from './filter-range-date.js'\nimport { FilterRangeNumber } from './filter-range-number.js'\nimport { FilterSelectButtons } from './filter-select-buttons.js'\nimport { FilterSelect } from './filter-select.js'\n\nvar RENDERERS: {\n  [name: string]: FilterSelectRenderer[]\n} = {\n  string: [FilterInput],\n  text: [FilterInput],\n  email: [FilterInput],\n  tel: [FilterInput],\n  integer: [FilterInput, FilterRangeNumber],\n  float: [FilterInput, FilterRangeNumber],\n  number: [FilterInput, FilterRangeNumber],\n  select: [FilterSelect],\n  'select-buttons': [FilterSelectButtons],\n  boolean: [FilterCheckbox],\n  checkbox: [FilterCheckbox],\n  month: [FilterInput, FilterRangeDate],\n  week: [FilterInput, FilterRangeDate],\n  date: [FilterInput, FilterRangeDate],\n  time: [FilterInput, FilterRangeDate],\n  datetime: [FilterInput, FilterRangeDate],\n  color: [FilterInput],\n  progress: [FilterInput, FilterRangeNumber],\n  link: [FilterInput],\n  image: [FilterInput],\n  json5: [FilterInput],\n  scanner: [FilterInputBarcode],\n  barcode: [FilterInputBarcode]\n}\n\nexport function registerFilterRenderer(type: string, renderer: FilterSelectRenderer[]) {\n  RENDERERS[type] = renderer\n}\n\nexport function unregisterFilterRenderer(type: string): void {\n  delete RENDERERS[type]\n}\n\nexport function getFilterRenderers(): { [name: string]: FilterSelectRenderer[] } {\n  return { ...RENDERERS }\n}\n\nexport function getFilterRenderer(type: string): FilterSelectRenderer[] {\n  if (typeof type === 'function') {\n    return type\n  }\n\n  return RENDERERS[type || 'text'] || [FilterInput]\n}\n"]}

package/dist/src/formatters/date-formatter.d.ts

@@ -0,0 +1 @@
+export declare const DateFormatter: (value: any) => string;

package/dist/src/formatters/date-formatter.js

@@ -0,0 +1,4 @@
+export const DateFormatter = (value) => {
+    return '';
+};
+//# sourceMappingURL=date-formatter.js.map

package/dist/src/formatters/date-formatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-formatter.js","sourceRoot":"","sources":["../../../src/formatters/date-formatter.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAU,EAAU,EAAE;IAClD,OAAO,EAAE,CAAA;AACX,CAAC,CAAA","sourcesContent":["export const DateFormatter = (value: any): string => {\n  return ''\n}\n"]}

package/dist/src/formatters/index.d.ts

@@ -0,0 +1 @@
+export * from './registry.js';

package/dist/src/formatters/index.js

@@ -0,0 +1,2 @@
+export * from './registry.js';
+//# sourceMappingURL=index.js.map

package/dist/src/formatters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/formatters/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA","sourcesContent":["export * from './registry.js'\n"]}

package/dist/src/formatters/number-formatter.d.ts

@@ -0,0 +1 @@
+export declare const NumberFormatter: (value: any) => string;

package/dist/src/formatters/number-formatter.js

@@ -0,0 +1,4 @@
+export const NumberFormatter = (value) => {
+    return '';
+};
+//# sourceMappingURL=number-formatter.js.map

package/dist/src/formatters/number-formatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-formatter.js","sourceRoot":"","sources":["../../../src/formatters/number-formatter.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAU,EAAU,EAAE;IACpD,OAAO,EAAE,CAAA;AACX,CAAC,CAAA","sourcesContent":["export const NumberFormatter = (value: any): string => {\n  return ''\n}\n"]}

package/dist/src/formatters/registry.d.ts

@@ -0,0 +1,6 @@
+export declare function registerFormatter(type: string, formatter: (value: any) => string): void;
+export declare function unregisterFormatter(type: string): void;
+export declare function getFormatters(): {
+    [name: string]: (value: any) => string;
+};
+export declare function getFormatter(type: string): (value: any) => string;

package/dist/src/formatters/registry.js

@@ -0,0 +1,25 @@
+import { NOOP } from '../const.js';
+import { DateFormatter } from './date-formatter.js';
+import { NumberFormatter } from './number-formatter.js';
+import { TextFormatter } from './text-formatter.js';
+var FORMATTERS = {
+    number: NumberFormatter,
+    date: DateFormatter,
+    text: TextFormatter
+};
+export function registerFormatter(type, formatter) {
+    FORMATTERS[type] = formatter;
+}
+export function unregisterFormatter(type) {
+    delete FORMATTERS[type];
+}
+export function getFormatters() {
+    return { ...FORMATTERS };
+}
+export function getFormatter(type) {
+    if (typeof type == 'function') {
+        return type;
+    }
+    return FORMATTERS[type] || NOOP;
+}
+//# sourceMappingURL=registry.js.map

package/dist/src/formatters/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../src/formatters/registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,IAAI,UAAU,GAA+C;IAC3D,MAAM,EAAE,eAAe;IACvB,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,aAAa;CACpB,CAAA;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAY,EAAE,SAAiC;IAC/E,UAAU,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;AAC9B,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,IAAY;IAC9C,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;AAC1B,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,IAAY;IACvC,IAAI,OAAO,IAAI,IAAI,UAAU,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA;AACjC,CAAC","sourcesContent":["import { NOOP } from '../const.js'\nimport { DateFormatter } from './date-formatter.js'\nimport { NumberFormatter } from './number-formatter.js'\nimport { TextFormatter } from './text-formatter.js'\n\nvar FORMATTERS: { [name: string]: (value: any) => string } = {\n  number: NumberFormatter,\n  date: DateFormatter,\n  text: TextFormatter\n}\n\nexport function registerFormatter(type: string, formatter: (value: any) => string) {\n  FORMATTERS[type] = formatter\n}\n\nexport function unregisterFormatter(type: string) {\n  delete FORMATTERS[type]\n}\n\nexport function getFormatters() {\n  return { ...FORMATTERS }\n}\n\nexport function getFormatter(type: string) {\n  if (typeof type == 'function') {\n    return type\n  }\n\n  return FORMATTERS[type] || NOOP\n}\n"]}

package/dist/src/formatters/text-formatter.d.ts

@@ -0,0 +1 @@
+export declare const TextFormatter: (value: any) => string;

package/dist/src/formatters/text-formatter.js

@@ -0,0 +1,4 @@
+export const TextFormatter = (value) => {
+    return '';
+};
+//# sourceMappingURL=text-formatter.js.map

package/dist/src/formatters/text-formatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-formatter.js","sourceRoot":"","sources":["../../../src/formatters/text-formatter.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAU,EAAU,EAAE;IAClD,OAAO,EAAE,CAAA;AACX,CAAC,CAAA","sourcesContent":["export const TextFormatter = (value: any): string => {\n  return ''\n}\n"]}

package/dist/src/gutters/gutter-button.d.ts

@@ -0,0 +1,21 @@
+import '@material/web/icon/icon.js';
+import { ColumnConfig, FieldRenderer, HeaderRenderer } from '../types.js';
+export declare class GutterButton {
+    static instance(config?: Partial<ColumnConfig>): {
+        type: string;
+        gutterName: string;
+        width: number;
+        resizable: boolean;
+        sortable: boolean;
+        header: {
+            renderer: HeaderRenderer;
+        };
+        record: {
+            align: string;
+            renderer: FieldRenderer;
+        };
+        forGrid: boolean;
+        forList: boolean;
+        forCard: boolean;
+    } & Partial<ColumnConfig>;
+}

package/dist/src/gutters/gutter-button.js

@@ -0,0 +1,40 @@
+import '@material/web/icon/icon.js';
+import { html, nothing } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+export class GutterButton {
+    static instance(config = { type: 'gutter', gutterName: 'button' }) {
+        var { icon = 'edit', title, iconOnly = true } = config;
+        var iconFn = typeof icon == 'function' ? icon : (record) => icon;
+        var titleFn = typeof title == 'function' ? title : (record) => title;
+        return Object.assign({}, {
+            type: 'gutter',
+            gutterName: 'button',
+            width: 26,
+            resizable: false,
+            sortable: false,
+            header: {
+                renderer: function (column) {
+                    const title = titleFn();
+                    const icon = iconFn();
+                    return iconOnly ? html ` <md-icon title=${ifDefined(title)}>${icon}</md-icon> ` : title;
+                }
+            },
+            record: {
+                align: 'center',
+                renderer: function (value, column, record, rowIndex, field) {
+                    const title = titleFn(record);
+                    const icon = iconFn(record);
+                    return iconOnly
+                        ? html ` <md-icon title=${ifDefined(title && titleFn(record))}>${iconFn(record)}</md-icon> `
+                        : title || icon
+                            ? html `<button><md-icon>${iconFn(record)}</md-icon>${titleFn(record)}</button>`
+                            : nothing;
+                }
+            },
+            forGrid: true,
+            forList: true,
+            forCard: true
+        }, config);
+    }
+}
+//# sourceMappingURL=gutter-button.js.map

package/dist/src/gutters/gutter-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gutter-button.js","sourceRoot":"","sources":["../../../src/gutters/gutter-button.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAIxD,MAAM,OAAO,YAAY;IACvB,MAAM,CAAC,QAAQ,CAAC,SAAgC,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE;QACtF,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,MAAM,CAAA;QAEtD,IAAI,MAAM,GAAG,OAAO,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAoB,EAAE,EAAE,CAAC,IAAI,CAAA;QAC9E,IAAI,OAAO,GAAG,OAAO,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAoB,EAAE,EAAE,CAAC,KAAK,CAAA;QAElF,OAAO,MAAM,CAAC,MAAM,CAClB,EAAE,EACF;YACE,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE;gBACN,QAAQ,EAAE,UAAU,MAAM;oBACxB,MAAM,KAAK,GAAG,OAAO,EAAE,CAAA;oBACvB,MAAM,IAAI,GAAG,MAAM,EAAE,CAAA;oBAErB,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,CAAC,CAAC,KAAK,CAAA;gBACxF,CAAmB;aACpB;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,QAAQ;gBACf,QAAQ,EAAE,UAAU,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;oBACxD,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;oBAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;oBAE3B,OAAO,QAAQ;wBACb,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa;wBAC3F,CAAC,CAAC,KAAK,IAAI,IAAI;4BACb,CAAC,CAAC,IAAI,CAAA,oBAAoB,MAAM,CAAC,MAAM,CAAC,aAAa,OAAO,CAAC,MAAM,CAAC,WAAW;4BAC/E,CAAC,CAAC,OAAO,CAAA;gBACf,CAAkB;aACnB;YACD,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;SACd,EACD,MAAM,CACP,CAAA;IACH,CAAC;CACF","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { html, nothing } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { ColumnConfig, FieldRenderer, GristRecord, HeaderRenderer } from '../types.js'\n\nexport class GutterButton {\n  static instance(config: Partial<ColumnConfig> = { type: 'gutter', gutterName: 'button' }) {\n    var { icon = 'edit', title, iconOnly = true } = config\n\n    var iconFn = typeof icon == 'function' ? icon : (record?: GristRecord) => icon\n    var titleFn = typeof title == 'function' ? title : (record?: GristRecord) => title\n\n    return Object.assign(\n      {},\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        width: 26,\n        resizable: false,\n        sortable: false,\n        header: {\n          renderer: function (column) {\n            const title = titleFn()\n            const icon = iconFn()\n\n            return iconOnly ? html` <md-icon title=${ifDefined(title)}>${icon}</md-icon> ` : title\n          } as HeaderRenderer\n        },\n        record: {\n          align: 'center',\n          renderer: function (value, column, record, rowIndex, field) {\n            const title = titleFn(record)\n            const icon = iconFn(record)\n\n            return iconOnly\n              ? html` <md-icon title=${ifDefined(title && titleFn(record))}>${iconFn(record)}</md-icon> `\n              : title || icon\n                ? html`<button><md-icon>${iconFn(record)}</md-icon>${titleFn(record)}</button>`\n                : nothing\n          } as FieldRenderer\n        },\n        forGrid: true,\n        forList: true,\n        forCard: true\n      },\n      config\n    )\n  }\n}\n"]}

package/dist/src/gutters/gutter-dirty.d.ts

@@ -0,0 +1,23 @@
+import '@material/web/icon/icon.js';
+import { ColumnConfig, FieldRenderer, GristEventHandler } from '../types.js';
+export declare class GutterDirty {
+    static instance(config?: Partial<ColumnConfig>): {
+        type: string;
+        name: string;
+        gutterName: string;
+        width: number;
+        resizable: boolean;
+        sortable: boolean;
+        header: string;
+        record: {
+            align: string;
+            renderer: FieldRenderer;
+        };
+        forGrid: boolean;
+        forList: boolean;
+        forCard: boolean;
+        handlers: {
+            dblclick: GristEventHandler;
+        };
+    } & Partial<ColumnConfig>;
+}

package/dist/src/gutters/gutter-dirty.js

@@ -0,0 +1,87 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let GutterDirtyElement = class GutterDirtyElement extends LitElement {
+    render() {
+        switch (this.value) {
+            case '+':
+                return html ` <md-icon style=${INLINESTYLE} center add>add</md-icon> `;
+            case '-':
+                return html ` <md-icon style=${INLINESTYLE} center remove>remove</md-icon> `;
+            case 'M':
+                return html ` <md-icon style=${INLINESTYLE} center done>done</md-icon> `;
+            default:
+                return '';
+        }
+    }
+};
+GutterDirtyElement.styles = css `
+    :host {
+      display: flex;
+      margin: auto;
+    }
+
+    md-icon {
+      width: var(--grid-record-dirty-icon-size);
+      height: var(--grid-record-dirty-icon-size);
+      border-radius: 50%;
+      opacity: 0.8;
+    }
+
+    [add] {
+      background-color: var(--md-sys-color-on-primary-container);
+    }
+
+    [remove] {
+      background-color: var(--md-sys-color-error);
+    }
+
+    [done] {
+      background-color: var(--status-info-color);
+    }
+  `;
+__decorate([
+    property({ type: String })
+], GutterDirtyElement.prototype, "value", void 0);
+GutterDirtyElement = __decorate([
+    customElement('ox-gutter-dirty-element')
+], GutterDirtyElement);
+const INLINESTYLE = 'font-size: var(--grid-record-fontsize); vertical-align: middle; color: var(--grid-record-dirty-color)';
+export class GutterDirty {
+    static instance(config = { type: 'gutter', name: '__dirty__' }) {
+        return Object.assign({}, {
+            type: 'gutter',
+            name: '__dirty__',
+            gutterName: 'dirty',
+            width: 30,
+            resizable: false,
+            sortable: false,
+            header: '',
+            record: {
+                align: 'center',
+                renderer: function (value, column, record, rowIndex, field) {
+                    return value ? html ` <ox-gutter-dirty-element value=${value}></ox-gutter-dirty-element> ` : html ``;
+                }
+            },
+            forGrid: true,
+            forList: false,
+            forCard: false,
+            handlers: {
+                dblclick: ((columns, data, column, record, rowIndex, target) => {
+                    target.dispatchEvent(new CustomEvent('set-select-block', {
+                        bubbles: true,
+                        composed: true,
+                        detail: {
+                            startRow: rowIndex,
+                            startColumn: 0,
+                            endRow: rowIndex,
+                            endColumn: -1
+                        }
+                    }));
+                })
+            }
+        }, config);
+    }
+}
+//# sourceMappingURL=gutter-dirty.js.map

package/dist/src/gutters/gutter-dirty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gutter-dirty.js","sourceRoot":"","sources":["../../../src/gutters/gutter-dirty.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAK3D,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IA6BzC,MAAM;QACJ,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,GAAG;gBACN,OAAO,IAAI,CAAA,mBAAmB,WAAW,4BAA4B,CAAA;YACvE,KAAK,GAAG;gBACN,OAAO,IAAI,CAAA,mBAAmB,WAAW,kCAAkC,CAAA;YAC7E,KAAK,GAAG;gBACN,OAAO,IAAI,CAAA,mBAAmB,WAAW,8BAA8B,CAAA;YACzE;gBACE,OAAO,EAAE,CAAA;QACb,CAAC;IACH,CAAC;;AAvCM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBlB,AAxBY,CAwBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAe;AA3BtC,kBAAkB;IADvB,aAAa,CAAC,yBAAyB,CAAC;GACnC,kBAAkB,CAyCvB;AAED,MAAM,WAAW,GACf,uGAAuG,CAAA;AAEzG,MAAM,OAAO,WAAW;IACtB,MAAM,CAAC,QAAQ,CAAC,SAAgC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE;QACnF,OAAO,MAAM,CAAC,MAAM,CAClB,EAAE,EACF;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,WAAW;YACjB,UAAU,EAAE,OAAO;YACnB,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,EAAE;YACV,MAAM,EAAE;gBACN,KAAK,EAAE,QAAQ;gBACf,QAAQ,EAAE,UAAU,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;oBACxD,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,KAAK,8BAA8B,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;gBACpG,CAAkB;aACnB;YACD,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE;gBACR,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;oBAC7D,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,kBAAkB,EAAE;wBAClC,OAAO,EAAE,IAAI;wBACb,QAAQ,EAAE,IAAI;wBACd,MAAM,EAAE;4BACN,QAAQ,EAAE,QAAQ;4BAClB,WAAW,EAAE,CAAC;4BACd,MAAM,EAAE,QAAQ;4BAChB,SAAS,EAAE,CAAC,CAAC;yBACd;qBACF,CAAC,CACH,CAAA;gBACH,CAAC,CAAsB;aACxB;SACF,EACD,MAAM,CACP,CAAA;IACH,CAAC;CACF","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { ColumnConfig, FieldRenderer, GristEventHandler } from '../types.js'\n\n@customElement('ox-gutter-dirty-element')\nclass GutterDirtyElement extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      margin: auto;\n    }\n\n    md-icon {\n      width: var(--grid-record-dirty-icon-size);\n      height: var(--grid-record-dirty-icon-size);\n      border-radius: 50%;\n      opacity: 0.8;\n    }\n\n    [add] {\n      background-color: var(--md-sys-color-on-primary-container);\n    }\n\n    [remove] {\n      background-color: var(--md-sys-color-error);\n    }\n\n    [done] {\n      background-color: var(--status-info-color);\n    }\n  `\n\n  @property({ type: String }) value?: string\n\n  render() {\n    switch (this.value) {\n      case '+':\n        return html` <md-icon style=${INLINESTYLE} center add>add</md-icon> `\n      case '-':\n        return html` <md-icon style=${INLINESTYLE} center remove>remove</md-icon> `\n      case 'M':\n        return html` <md-icon style=${INLINESTYLE} center done>done</md-icon> `\n      default:\n        return ''\n    }\n  }\n}\n\nconst INLINESTYLE =\n  'font-size: var(--grid-record-fontsize); vertical-align: middle; color: var(--grid-record-dirty-color)'\n\nexport class GutterDirty {\n  static instance(config: Partial<ColumnConfig> = { type: 'gutter', name: '__dirty__' }) {\n    return Object.assign(\n      {},\n      {\n        type: 'gutter',\n        name: '__dirty__',\n        gutterName: 'dirty',\n        width: 30,\n        resizable: false,\n        sortable: false,\n        header: '',\n        record: {\n          align: 'center',\n          renderer: function (value, column, record, rowIndex, field) {\n            return value ? html` <ox-gutter-dirty-element value=${value}></ox-gutter-dirty-element> ` : html``\n          } as FieldRenderer\n        },\n        forGrid: true,\n        forList: false,\n        forCard: false,\n        handlers: {\n          dblclick: ((columns, data, column, record, rowIndex, target) => {\n            target.dispatchEvent(\n              new CustomEvent('set-select-block', {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  startRow: rowIndex,\n                  startColumn: 0,\n                  endRow: rowIndex,\n                  endColumn: -1\n                }\n              })\n            )\n          }) as GristEventHandler\n        }\n      },\n      config\n    )\n  }\n}\n"]}

package/dist/src/gutters/gutter-row-selector.d.ts

@@ -0,0 +1,21 @@
+import { ColumnConfig, FieldRenderer, HeaderRenderer } from '../types.js';
+export declare class GutterRowSelector {
+    static instance(config?: Partial<ColumnConfig>): {
+        type: string;
+        name: string;
+        gutterName: string;
+        width: number;
+        resizable: boolean;
+        sortable: boolean;
+        header: {
+            renderer: HeaderRenderer;
+        };
+        record: {
+            align: string;
+            renderer: FieldRenderer;
+        };
+        forGrid: boolean;
+        forList: boolean;
+        forCard: boolean;
+    } & Partial<ColumnConfig>;
+}

package/dist/src/gutters/gutter-row-selector.js

@@ -0,0 +1,70 @@
+import { html } from 'lit';
+export class GutterRowSelector {
+    static instance(config = { type: 'gutter', name: '__selected__' }) {
+        return Object.assign({}, {
+            type: 'gutter',
+            name: '__selected__',
+            gutterName: 'row-selector',
+            width: 30,
+            resizable: false,
+            sortable: false,
+            header: {
+                renderer: function (column) {
+                    var checked = ((this.data || {}).records || []).find(record => record['__selected__']);
+                    return html `
+              <input
+                type="checkbox"
+                .checked=${!!checked}
+                @change=${(e) => {
+                        let selected = column.multiple ? e.target.checked : false;
+                        this.dispatchEvent(new CustomEvent('select-all-change', {
+                            bubbles: true,
+                            composed: true,
+                            detail: {
+                                selected
+                            }
+                        }));
+                        e.stopPropagation();
+                    }}
+              />
+            `;
+                }
+            },
+            record: {
+                align: 'center',
+                renderer: function (value, column, record, rowIndex, field) {
+                    return html `
+              <input
+                type=${column.multiple ? 'checkbox' : 'radio'}
+                .checked=${!!value}
+                @click=${(e) => {
+                        e.stopPropagation();
+                    }}
+                @change=${(e) => {
+                        let selected = e.target.checked;
+                        let detail = column.multiple
+                            ? {
+                                added: selected ? [record] : [],
+                                removed: selected ? [] : [record]
+                            }
+                            : {
+                                records: selected ? [record] : []
+                            };
+                        field.dispatchEvent(new CustomEvent('select-record-change', {
+                            bubbles: true,
+                            composed: true,
+                            detail
+                        }));
+                        e.stopPropagation();
+                    }}
+              />
+            `;
+                }
+            },
+            forGrid: true,
+            forList: true,
+            forCard: true
+        }, config);
+    }
+}
+//# sourceMappingURL=gutter-row-selector.js.map

package/dist/src/gutters/gutter-row-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gutter-row-selector.js","sourceRoot":"","sources":["../../../src/gutters/gutter-row-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAO1B,MAAM,OAAO,iBAAiB;IAC5B,MAAM,CAAC,QAAQ,CAAC,SAAgC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE;QACtF,OAAO,MAAM,CAAC,MAAM,CAClB,EAAE,EACF;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,cAAc;YACpB,UAAU,EAAE,cAAc;YAC1B,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE;gBACN,QAAQ,EAAE,UAAgD,MAAM;oBAC9D,IAAI,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;oBAEtF,OAAO,IAAI,CAAA;;;2BAGI,CAAC,CAAC,OAAO;0BACV,CAAC,CAAQ,EAAE,EAAE;wBACrB,IAAI,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAE,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAA;wBAE/E,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,mBAAmB,EAAE;4BACnC,OAAO,EAAE,IAAI;4BACb,QAAQ,EAAE,IAAI;4BACd,MAAM,EAAE;gCACN,QAAQ;6BACT;yBACF,CAAC,CACH,CAAA;wBAED,CAAC,CAAC,eAAe,EAAE,CAAA;oBACrB,CAAC;;aAEJ,CAAA;gBACH,CAAmB;aACpB;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,QAAQ;gBACf,QAAQ,EAAE,UAAU,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;oBACxD,OAAO,IAAI,CAAA;;uBAEA,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;2BAClC,CAAC,CAAC,KAAK;yBACT,CAAC,CAAQ,EAAE,EAAE;wBACpB,CAAC,CAAC,eAAe,EAAE,CAAA;oBACrB,CAAC;0BACS,CAAC,CAAQ,EAAE,EAAE;wBACrB,IAAI,QAAQ,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAA;wBAErD,IAAI,MAAM,GAAG,MAAM,CAAC,QAAQ;4BAC1B,CAAC,CAAC;gCACE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;gCAC/B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;6BAClC;4BACH,CAAC,CAAC;gCACE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;6BAClC,CAAA;wBAEL,KAAK,CAAC,aAAa,CACjB,IAAI,WAAW,CAAC,sBAAsB,EAAE;4BACtC,OAAO,EAAE,IAAI;4BACb,QAAQ,EAAE,IAAI;4BACd,MAAM;yBACP,CAAC,CACH,CAAA;wBAED,CAAC,CAAC,eAAe,EAAE,CAAA;oBACrB,CAAC;;aAEJ,CAAA;gBACH,CAAkB;aACnB;YACD,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;SACd,EACD,MAAM,CACP,CAAA;IACH,CAAC;CACF","sourcesContent":["import { html } from 'lit'\n\nimport { DataCard } from '../data-card/data-card.js'\nimport { DataGrid } from '../data-grid/data-grid.js'\nimport { DataList } from '../data-list/data-list.js'\nimport { ColumnConfig, FieldRenderer, HeaderRenderer } from '../types.js'\n\nexport class GutterRowSelector {\n  static instance(config: Partial<ColumnConfig> = { type: 'gutter', name: '__selected__' }) {\n    return Object.assign(\n      {},\n      {\n        type: 'gutter',\n        name: '__selected__',\n        gutterName: 'row-selector',\n        width: 30,\n        resizable: false,\n        sortable: false,\n        header: {\n          renderer: function (this: DataGrid | DataList | DataCard, column) {\n            var checked = ((this.data || {}).records || []).find(record => record['__selected__'])\n\n            return html`\n              <input\n                type=\"checkbox\"\n                .checked=${!!checked}\n                @change=${(e: Event) => {\n                  let selected = column.multiple ? (e.target as HTMLInputElement).checked : false\n\n                  this.dispatchEvent(\n                    new CustomEvent('select-all-change', {\n                      bubbles: true,\n                      composed: true,\n                      detail: {\n                        selected\n                      }\n                    })\n                  )\n\n                  e.stopPropagation()\n                }}\n              />\n            `\n          } as HeaderRenderer\n        },\n        record: {\n          align: 'center',\n          renderer: function (value, column, record, rowIndex, field) {\n            return html`\n              <input\n                type=${column.multiple ? 'checkbox' : 'radio'}\n                .checked=${!!value}\n                @click=${(e: Event) => {\n                  e.stopPropagation()\n                }}\n                @change=${(e: Event) => {\n                  let selected = (e.target as HTMLInputElement).checked\n\n                  let detail = column.multiple\n                    ? {\n                        added: selected ? [record] : [],\n                        removed: selected ? [] : [record]\n                      }\n                    : {\n                        records: selected ? [record] : []\n                      }\n\n                  field.dispatchEvent(\n                    new CustomEvent('select-record-change', {\n                      bubbles: true,\n                      composed: true,\n                      detail\n                    })\n                  )\n\n                  e.stopPropagation()\n                }}\n              />\n            `\n          } as FieldRenderer\n        },\n        forGrid: true,\n        forList: true,\n        forCard: true\n      },\n      config\n    )\n  }\n}\n"]}

package/dist/src/gutters/gutter-sequence.d.ts

@@ -0,0 +1,35 @@
+import { ColumnConfig, ColumnWidthCallback, FieldRenderer } from '../types.js';
+export declare class GutterSequence {
+    static instance(config?: Partial<ColumnConfig>): {
+        type: string;
+        name: string;
+        gutterName?: "button" | "sequence" | "row-selector" | "dirty" | undefined;
+        title?: string | undefined;
+        fixed?: boolean | undefined;
+        icon?: string | undefined;
+        iconOnly?: boolean | undefined;
+        danger?: boolean | undefined;
+        header: string | import("../types.js").HeaderConfig;
+        record: import("../types.js").RecordConfig | {
+            renderer: FieldRenderer;
+            align: string;
+        };
+        handlers: import("../types.js").GristEventHandlerSet;
+        label?: import("../types.js").LabelConfig | undefined;
+        hidden?: boolean | undefined;
+        sortable: boolean;
+        resizable: boolean;
+        width: number | string | ColumnWidthCallback;
+        forList: boolean;
+        forCard: boolean;
+        validation?: import("../types.js").ValidationCallback | undefined;
+        accumulator?: import("../types.js").AccumulatorObject | undefined;
+        filter?: import("../types.js").FilterConfig | undefined;
+        imex?: (import("../types.js").ImexConfig | boolean) | undefined;
+        multiple?: boolean | undefined;
+        rowCount?: boolean | undefined;
+        unusable?: boolean | undefined;
+        getterType: string;
+        forGrid: boolean;
+    };
+}

package/dist/src/gutters/gutter-sequence.js

@@ -0,0 +1,48 @@
+export class GutterSequence {
+    static instance(config = { type: 'gutter', name: '__seq__' }) {
+        return {
+            type: 'gutter',
+            name: '__seq__',
+            getterType: 'sequence',
+            width: function (column) {
+                if (this.data) {
+                    var { limit = 0, page = 1, records = [] } = this.data || {};
+                    var lastIndex = (page - 1) * limit + records.length;
+                }
+                else {
+                    var lastIndex = 100;
+                }
+                /* 1ch의 폭은 해당 폰트 0의 폭을 의미함. Arial이 약 8px이며, 정수로 떨어지지 않을 수 있으므로, 다소 여유있게 10px을 기준으로 함. */
+                return `${Math.max(String(lastIndex).length * 10, 20)}px`;
+            },
+            resizable: false,
+            sortable: false,
+            header: '#',
+            record: {
+                renderer: function (value, column, record, rowIndex, field) {
+                    return value;
+                },
+                align: 'right'
+            },
+            forGrid: true,
+            forList: false,
+            forCard: false,
+            handlers: {
+                dblclick: ((columns, data, column, record, rowIndex, target) => {
+                    target.dispatchEvent(new CustomEvent('set-select-block', {
+                        bubbles: true,
+                        composed: true,
+                        detail: {
+                            startRow: rowIndex,
+                            startColumn: 0,
+                            endRow: rowIndex,
+                            endColumn: -1
+                        }
+                    }));
+                })
+            },
+            ...config
+        };
+    }
+}
+//# sourceMappingURL=gutter-sequence.js.map

package/dist/src/gutters/gutter-sequence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gutter-sequence.js","sourceRoot":"","sources":["../../../src/gutters/gutter-sequence.ts"],"names":[],"mappings":"AAKA,MAAM,OAAO,cAAc;IACzB,MAAM,CAAC,QAAQ,CAAC,SAAgC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE;QACjF,OAAO;YACL,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE,UAAgD,MAAM;gBAC3D,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;oBACd,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAA;oBAC3D,IAAI,SAAS,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;gBACrD,CAAC;qBAAM,CAAC;oBACN,IAAI,SAAS,GAAG,GAAG,CAAA;gBACrB,CAAC;gBAED,wFAAwF;gBACxF,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;YAC3D,CAAwB;YACxB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,GAAG;YACX,MAAM,EAAE;gBACN,QAAQ,EAAE,UAAU,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;oBACxD,OAAO,KAAK,CAAA;gBACd,CAAkB;gBAClB,KAAK,EAAE,OAAO;aACf;YACD,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE;gBACR,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;oBAC7D,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,kBAAkB,EAAE;wBAClC,OAAO,EAAE,IAAI;wBACb,QAAQ,EAAE,IAAI;wBACd,MAAM,EAAE;4BACN,QAAQ,EAAE,QAAQ;4BAClB,WAAW,EAAE,CAAC;4BACd,MAAM,EAAE,QAAQ;4BAChB,SAAS,EAAE,CAAC,CAAC;yBACd;qBACF,CAAC,CACH,CAAA;gBACH,CAAC,CAAsB;aACxB;YACD,GAAG,MAAM;SACV,CAAA;IACH,CAAC;CACF","sourcesContent":["import { DataCard } from '../data-card/data-card.js'\nimport { DataGrid } from '../data-grid/data-grid.js'\nimport { DataList } from '../data-list/data-list.js'\nimport { ColumnConfig, ColumnWidthCallback, FieldRenderer, GristEventHandler } from '../types.js'\n\nexport class GutterSequence {\n  static instance(config: Partial<ColumnConfig> = { type: 'gutter', name: '__seq__' }) {\n    return {\n      type: 'gutter',\n      name: '__seq__',\n      getterType: 'sequence',\n      width: function (this: DataGrid | DataList | DataCard, column): string {\n        if (this.data) {\n          var { limit = 0, page = 1, records = [] } = this.data || {}\n          var lastIndex = (page - 1) * limit + records.length\n        } else {\n          var lastIndex = 100\n        }\n\n        /* 1ch의 폭은 해당 폰트 0의 폭을 의미함. Arial이 약 8px이며, 정수로 떨어지지 않을 수 있으므로, 다소 여유있게 10px을 기준으로 함. */\n        return `${Math.max(String(lastIndex).length * 10, 20)}px`\n      } as ColumnWidthCallback,\n      resizable: false,\n      sortable: false,\n      header: '#',\n      record: {\n        renderer: function (value, column, record, rowIndex, field) {\n          return value\n        } as FieldRenderer,\n        align: 'right'\n      },\n      forGrid: true,\n      forList: false,\n      forCard: false,\n      handlers: {\n        dblclick: ((columns, data, column, record, rowIndex, target) => {\n          target.dispatchEvent(\n            new CustomEvent('set-select-block', {\n              bubbles: true,\n              composed: true,\n              detail: {\n                startRow: rowIndex,\n                startColumn: 0,\n                endRow: rowIndex,\n                endColumn: -1\n              }\n            })\n          )\n        }) as GristEventHandler\n      },\n      ...config\n    }\n  }\n}\n"]}

package/dist/src/gutters/index.d.ts

@@ -0,0 +1 @@
+export * from './registry.js';

package/dist/src/gutters/index.js

@@ -0,0 +1,2 @@
+export * from './registry.js';
+//# sourceMappingURL=index.js.map

package/dist/src/gutters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/gutters/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA","sourcesContent":["export * from './registry.js'\n"]}

package/dist/src/gutters/registry.d.ts

@@ -0,0 +1,7 @@
+import { ColumnConfig } from '../types.js';
+export declare function registerGutter(name: string, gutter: any): void;
+export declare function unregisterGutter(name: string): void;
+export declare function getGutters(): {
+    [name: string]: any;
+};
+export declare const generateGutterColumn: (config: ColumnConfig) => any;

package/dist/src/gutters/registry.js

@@ -0,0 +1,26 @@
+import { GutterButton } from './gutter-button.js';
+import { GutterDirty } from './gutter-dirty.js';
+import { GutterRowSelector } from './gutter-row-selector.js';
+import { GutterSequence } from './gutter-sequence.js';
+var GUTTERS = {
+    sequence: GutterSequence,
+    'row-selector': GutterRowSelector,
+    button: GutterButton,
+    dirty: GutterDirty
+};
+export function registerGutter(name, gutter) {
+    GUTTERS[name] = gutter;
+}
+export function unregisterGutter(name) {
+    delete GUTTERS[name];
+}
+export function getGutters() {
+    return { ...GUTTERS };
+}
+export const generateGutterColumn = (config) => {
+    var clazz = GUTTERS[config.gutterName || ''];
+    if (clazz) {
+        return clazz.instance(config);
+    }
+};
+//# sourceMappingURL=registry.js.map

package/dist/src/gutters/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../src/gutters/registry.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,IAAI,OAAO,GAA4B;IACrC,QAAQ,EAAE,cAAc;IACxB,cAAc,EAAE,iBAAiB;IACjC,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,WAAW;CACnB,CAAA;AAED,MAAM,UAAU,cAAc,CAAC,IAAY,EAAE,MAAW;IACtD,OAAO,CAAC,IAAI,CAAC,GAAG,MAAM,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAY;IAC3C,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;AACtB,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,OAAO,EAAE,GAAG,OAAO,EAAE,CAAA;AACvB,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAoB,EAAE,EAAE;IAC3D,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC,CAAA;IAE5C,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC/B,CAAC;AACH,CAAC,CAAA","sourcesContent":["import { ColumnConfig } from '../types.js'\nimport { GutterButton } from './gutter-button.js'\nimport { GutterDirty } from './gutter-dirty.js'\nimport { GutterRowSelector } from './gutter-row-selector.js'\nimport { GutterSequence } from './gutter-sequence.js'\n\nvar GUTTERS: { [name: string]: any } = {\n  sequence: GutterSequence,\n  'row-selector': GutterRowSelector,\n  button: GutterButton,\n  dirty: GutterDirty\n}\n\nexport function registerGutter(name: string, gutter: any) {\n  GUTTERS[name] = gutter\n}\n\nexport function unregisterGutter(name: string) {\n  delete GUTTERS[name]\n}\n\nexport function getGutters() {\n  return { ...GUTTERS }\n}\n\nexport const generateGutterColumn = (config: ColumnConfig) => {\n  var clazz = GUTTERS[config.gutterName || '']\n\n  if (clazz) {\n    return clazz.instance(config)\n  }\n}\n"]}

package/dist/src/handlers/contextmenu-tree-mutation.d.ts

@@ -0,0 +1,3 @@
+import { DataGridField } from '../data-grid/data-grid-field.js';
+import { ColumnConfig, GristData, GristRecord } from '../types.js';
+export declare const ContextMenuTreeMutation: (columns: ColumnConfig[], data: GristData, column: ColumnConfig, record: GristRecord, rowIndex: number, field: DataGridField, event: Event) => void;