@cocoar/vue-data-grid 1.18.0 → 2.1.0

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 (50) hide show
  1. package/dist/builders/coar-grid-column-factory.d.ts +106 -0
  2. package/dist/builders/coar-grid-column-factory.d.ts.map +1 -1
  3. package/dist/cell-renderers/CoarMultiSelectCellEditor.vue.d.ts +15 -0
  4. package/dist/cell-renderers/CoarMultiSelectCellEditor.vue.d.ts.map +1 -0
  5. package/dist/cell-renderers/CoarMultiSelectCellRenderer.vue.d.ts +7 -0
  6. package/dist/cell-renderers/CoarMultiSelectCellRenderer.vue.d.ts.map +1 -0
  7. package/dist/cell-renderers/CoarPlainDateCellEditor.vue.d.ts +52 -0
  8. package/dist/cell-renderers/CoarPlainDateCellEditor.vue.d.ts.map +1 -0
  9. package/dist/cell-renderers/CoarPlainDateCellRenderer.vue.d.ts +7 -0
  10. package/dist/cell-renderers/CoarPlainDateCellRenderer.vue.d.ts.map +1 -0
  11. package/dist/cell-renderers/CoarPlainDateTimeCellEditor.vue.d.ts +56 -0
  12. package/dist/cell-renderers/CoarPlainDateTimeCellEditor.vue.d.ts.map +1 -0
  13. package/dist/cell-renderers/CoarPlainDateTimeCellRenderer.vue.d.ts +7 -0
  14. package/dist/cell-renderers/CoarPlainDateTimeCellRenderer.vue.d.ts.map +1 -0
  15. package/dist/cell-renderers/CoarSelectCellEditor.vue.d.ts.map +1 -1
  16. package/dist/cell-renderers/CoarTagSelectCellEditor.vue.d.ts +15 -0
  17. package/dist/cell-renderers/CoarTagSelectCellEditor.vue.d.ts.map +1 -0
  18. package/dist/cell-renderers/CoarZonedDateTimeCellEditor.vue.d.ts +66 -0
  19. package/dist/cell-renderers/CoarZonedDateTimeCellEditor.vue.d.ts.map +1 -0
  20. package/dist/cell-renderers/CoarZonedDateTimeCellRenderer.vue.d.ts +7 -0
  21. package/dist/cell-renderers/CoarZonedDateTimeCellRenderer.vue.d.ts.map +1 -0
  22. package/dist/cell-renderers/index.d.ts +13 -0
  23. package/dist/cell-renderers/index.d.ts.map +1 -1
  24. package/dist/cell-renderers/multi-select-cell-editor.models.d.ts +41 -0
  25. package/dist/cell-renderers/multi-select-cell-editor.models.d.ts.map +1 -0
  26. package/dist/cell-renderers/plain-date-cell-editor.models.d.ts +30 -0
  27. package/dist/cell-renderers/plain-date-cell-editor.models.d.ts.map +1 -0
  28. package/dist/cell-renderers/plain-date-time-cell-editor.models.d.ts +29 -0
  29. package/dist/cell-renderers/plain-date-time-cell-editor.models.d.ts.map +1 -0
  30. package/dist/cell-renderers/use-popup-editor-focus-guard.d.ts +29 -0
  31. package/dist/cell-renderers/use-popup-editor-focus-guard.d.ts.map +1 -0
  32. package/dist/cell-renderers/zoned-date-time-cell-editor.models.d.ts +52 -0
  33. package/dist/cell-renderers/zoned-date-time-cell-editor.models.d.ts.map +1 -0
  34. package/dist/configurators/MultiSelectColumnConfigurator.d.ts +46 -0
  35. package/dist/configurators/MultiSelectColumnConfigurator.d.ts.map +1 -0
  36. package/dist/configurators/PlainDateColumnConfigurator.d.ts +42 -0
  37. package/dist/configurators/PlainDateColumnConfigurator.d.ts.map +1 -0
  38. package/dist/configurators/PlainDateTimeColumnConfigurator.d.ts +33 -0
  39. package/dist/configurators/PlainDateTimeColumnConfigurator.d.ts.map +1 -0
  40. package/dist/configurators/TagSelectColumnConfigurator.d.ts +48 -0
  41. package/dist/configurators/TagSelectColumnConfigurator.d.ts.map +1 -0
  42. package/dist/configurators/ZonedDateTimeColumnConfigurator.d.ts +53 -0
  43. package/dist/configurators/ZonedDateTimeColumnConfigurator.d.ts.map +1 -0
  44. package/dist/configurators/index.d.ts +5 -0
  45. package/dist/configurators/index.d.ts.map +1 -1
  46. package/dist/index.css +1 -1
  47. package/dist/index.d.ts +3 -3
  48. package/dist/index.d.ts.map +1 -1
  49. package/dist/index.js +4746 -4263
  50. package/package.json +5 -3
@@ -0,0 +1,52 @@
1
+ import { Temporal } from '@js-temporal/polyfill';
2
+ import { CoarZonedDateTimePickerSize } from '@cocoar/vue-ui';
3
+ import { CoarDateMarker } from './plain-date-cell-editor.models';
4
+ /**
5
+ * Configuration for the `col.zonedDateTime()` cell renderer + editor.
6
+ *
7
+ * Cell value type is `Temporal.ZonedDateTime | null`. The picker exposes its
8
+ * own timezone selector; when the user clears + re-picks, the resulting
9
+ * `ZonedDateTime`'s `timeZoneId` may differ from the original.
10
+ */
11
+ export interface ZonedDateTimeCellEditorConfig<TData = unknown> {
12
+ /** Trigger size — defaults to `'s'` to fit cell height. */
13
+ size?: CoarZonedDateTimePickerSize;
14
+ /** Show a clear button inside the picker. Default `true`. */
15
+ clearable?: boolean;
16
+ /** Minimum selectable instant. */
17
+ min?: Temporal.ZonedDateTime | null;
18
+ /** Maximum selectable instant. */
19
+ max?: Temporal.ZonedDateTime | null;
20
+ /** Show ISO week numbers in the calendar panel. */
21
+ showWeekNumbers?: boolean;
22
+ /** Visually highlight Saturday + Sunday. */
23
+ highlightWeekends?: boolean;
24
+ /** Date markers drawn on specific dates. */
25
+ markers?: CoarDateMarker[] | ((row: TData) => CoarDateMarker[]);
26
+ /** Locale override. Defaults to the consumer-app locale via `useL10n()`. */
27
+ locale?: string;
28
+ /**
29
+ * Default IANA timezone used when creating a new value (cell was empty
30
+ * before the edit). When the cell already holds a `ZonedDateTime`, its zone
31
+ * is preserved through editing unless the user explicitly changes it via
32
+ * the picker's zone selector.
33
+ *
34
+ * Passes through to `CoarZonedDateTimePicker`'s `timeZone` prop.
35
+ */
36
+ timeZone?: string;
37
+ /**
38
+ * Wildcard filter patterns for the timezone selector (e.g. `['Europe/*']`)
39
+ * — passes through to `CoarZonedDateTimePicker`'s `timezoneFilter` prop.
40
+ */
41
+ timezoneFilter?: string[];
42
+ /**
43
+ * Renderer-only: IANA zone to project every cell value into for display.
44
+ * When omitted (the default), each cell renders in its own value's zone —
45
+ * a Tokyo event renders Tokyo wallclock, a Vienna event renders Vienna
46
+ * wallclock, etc. Set this to project all cells into a single zone (e.g.
47
+ * `'Europe/Vienna'` to render every row in Vienna time for cross-zone
48
+ * coordination views).
49
+ */
50
+ displayTimeZone?: string;
51
+ }
52
+ //# sourceMappingURL=zoned-date-time-cell-editor.models.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zoned-date-time-cell-editor.models.d.ts","sourceRoot":"","sources":["../../src/cell-renderers/zoned-date-time-cell-editor.models.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE;;;;;;GAMG;AACH,MAAM,WAAW,6BAA6B,CAAC,KAAK,GAAG,OAAO;IAC5D,2DAA2D;IAC3D,IAAI,CAAC,EAAE,2BAA2B,CAAC;IACnC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,GAAG,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;IACpC,kCAAkC;IAClC,GAAG,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;IACpC,mDAAmD;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,cAAc,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,cAAc,EAAE,CAAC,CAAC;IAChE,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
@@ -0,0 +1,46 @@
1
+ import { CoarSelectOption, CoarSelectSize } from '@cocoar/vue-ui';
2
+ import { MultiSelectCellEditorConfig } from '../cell-renderers/multi-select-cell-editor.models';
3
+ /**
4
+ * Fluent configurator for `col.multiSelect()`.
5
+ *
6
+ * Configures both the renderer (label lookup, text or chips display) and the
7
+ * cell editor (CoarMultiSelect-based, opens on enter, commits on dropdown
8
+ * close — focus-preservation keeps the dropdown open while the user toggles
9
+ * options, AG Grid's focus-based commit fires when the user clicks outside
10
+ * or presses Tab/Enter).
11
+ *
12
+ * @example
13
+ * ```ts
14
+ * col.multiSelect('tags', s => s
15
+ * .options([{ value: 'a', label: 'Alpha' }, { value: 'b', label: 'Beta' }])
16
+ * .searchable()
17
+ * .showSelectAll()
18
+ * .display('chips')
19
+ * ).editable(true)
20
+ * ```
21
+ */
22
+ export declare class MultiSelectColumnConfigurator<TData = unknown, TValue = unknown> {
23
+ #private;
24
+ /** Available options. Static array or row-aware function. */
25
+ options(value: CoarSelectOption<TValue>[] | ((row: TData) => CoarSelectOption<TValue>[])): this;
26
+ /** Show a clear button in the editor. */
27
+ clearable(value?: boolean): this;
28
+ /** Enable search/filter in the dropdown. */
29
+ searchable(value?: boolean): this;
30
+ /** Show a "Select all" row at the top of the dropdown. */
31
+ showSelectAll(value?: boolean): this;
32
+ /** Placeholder shown when no values are selected. */
33
+ placeholder(value: string): this;
34
+ /** Search-input placeholder (only used with `.searchable()`). */
35
+ searchPlaceholder(value: string): this;
36
+ /** Trigger size — defaults to `'s'`. */
37
+ size(value: CoarSelectSize): this;
38
+ /**
39
+ * Renderer display mode. Default `'text'` (comma-separated labels), opt-in
40
+ * `'chips'` for one `<CoarTag>` per selected value.
41
+ */
42
+ display(value: 'text' | 'chips'): this;
43
+ /** @internal */
44
+ build(): MultiSelectCellEditorConfig<TData, TValue>;
45
+ }
46
+ //# sourceMappingURL=MultiSelectColumnConfigurator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MultiSelectColumnConfigurator.d.ts","sourceRoot":"","sources":["../../src/configurators/MultiSelectColumnConfigurator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mDAAmD,CAAC;AAErG;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,6BAA6B,CAAC,KAAK,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;;IAG1E,6DAA6D;IAC7D,OAAO,CACL,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,GAC/E,IAAI;IAKP,yCAAyC;IACzC,SAAS,CAAC,KAAK,UAAO,GAAG,IAAI;IAK7B,4CAA4C;IAC5C,UAAU,CAAC,KAAK,UAAO,GAAG,IAAI;IAK9B,0DAA0D;IAC1D,aAAa,CAAC,KAAK,UAAO,GAAG,IAAI;IAKjC,qDAAqD;IACrD,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKhC,iEAAiE;IACjE,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKtC,wCAAwC;IACxC,IAAI,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAKjC;;;OAGG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAKtC,gBAAgB;IAChB,KAAK,IAAI,2BAA2B,CAAC,KAAK,EAAE,MAAM,CAAC;CAGpD"}
@@ -0,0 +1,42 @@
1
+ import { Temporal } from '@js-temporal/polyfill';
2
+ import { CoarPlainDatePickerSize } from '@cocoar/vue-ui';
3
+ import { CoarDateMarker, PlainDateCellEditorConfig } from '../cell-renderers/plain-date-cell-editor.models';
4
+ /**
5
+ * Fluent configurator for `col.plainDate()`.
6
+ *
7
+ * Cell value is `Temporal.PlainDate | null`. The renderer formats via
8
+ * `toLocaleString` (date-style: medium); the editor wraps
9
+ * `<CoarPlainDatePicker>`. Whether the column is editable is gated by the
10
+ * column-level `.editable()` chain.
11
+ *
12
+ * @example
13
+ * ```ts
14
+ * col.plainDate('startsOn', d => d
15
+ * .size('s')
16
+ * .min(Temporal.PlainDate.from('2026-01-01'))
17
+ * .highlightWeekends()
18
+ * ).editable(true)
19
+ * ```
20
+ */
21
+ export declare class PlainDateColumnConfigurator<TData = unknown> {
22
+ #private;
23
+ /** Trigger size — defaults to `'s'`. */
24
+ size(value: CoarPlainDatePickerSize): this;
25
+ /** Show a clear button inside the picker. Default `true`. */
26
+ clearable(value?: boolean): this;
27
+ /** Minimum selectable date. */
28
+ min(value: Temporal.PlainDate | null): this;
29
+ /** Maximum selectable date. */
30
+ max(value: Temporal.PlainDate | null): this;
31
+ /** Show ISO week numbers in the calendar panel. */
32
+ showWeekNumbers(value?: boolean): this;
33
+ /** Visually highlight Saturday + Sunday. */
34
+ highlightWeekends(value?: boolean): this;
35
+ /** Date markers (static array or per-row function). */
36
+ markers(value: CoarDateMarker[] | ((row: TData) => CoarDateMarker[])): this;
37
+ /** Locale override. Defaults to the consumer-app locale. */
38
+ locale(value: string): this;
39
+ /** @internal */
40
+ build(): PlainDateCellEditorConfig<TData>;
41
+ }
42
+ //# sourceMappingURL=PlainDateColumnConfigurator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PlainDateColumnConfigurator.d.ts","sourceRoot":"","sources":["../../src/configurators/PlainDateColumnConfigurator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EACV,cAAc,EACd,yBAAyB,EAC1B,MAAM,iDAAiD,CAAC;AAEzD;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,2BAA2B,CAAC,KAAK,GAAG,OAAO;;IAGtD,wCAAwC;IACxC,IAAI,CAAC,KAAK,EAAE,uBAAuB,GAAG,IAAI;IAK1C,6DAA6D;IAC7D,SAAS,CAAC,KAAK,UAAO,GAAG,IAAI;IAK7B,+BAA+B;IAC/B,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI;IAK3C,+BAA+B;IAC/B,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI;IAK3C,mDAAmD;IACnD,eAAe,CAAC,KAAK,UAAO,GAAG,IAAI;IAKnC,4CAA4C;IAC5C,iBAAiB,CAAC,KAAK,UAAO,GAAG,IAAI;IAKrC,uDAAuD;IACvD,OAAO,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,cAAc,EAAE,CAAC,GAAG,IAAI;IAK3E,4DAA4D;IAC5D,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK3B,gBAAgB;IAChB,KAAK,IAAI,yBAAyB,CAAC,KAAK,CAAC;CAG1C"}
@@ -0,0 +1,33 @@
1
+ import { Temporal } from '@js-temporal/polyfill';
2
+ import { CoarPlainDateTimePickerSize } from '@cocoar/vue-ui';
3
+ import { CoarDateMarker } from '../cell-renderers/plain-date-cell-editor.models';
4
+ import { PlainDateTimeCellEditorConfig } from '../cell-renderers/plain-date-time-cell-editor.models';
5
+ /**
6
+ * Fluent configurator for `col.plainDateTime()`.
7
+ *
8
+ * Cell value is `Temporal.PlainDateTime | null` (floating wallclock). The
9
+ * renderer formats with date-style: medium + time-style: short; the editor
10
+ * wraps `<CoarPlainDateTimePicker>`.
11
+ */
12
+ export declare class PlainDateTimeColumnConfigurator<TData = unknown> {
13
+ #private;
14
+ /** Trigger size — defaults to `'s'`. */
15
+ size(value: CoarPlainDateTimePickerSize): this;
16
+ /** Show a clear button inside the picker. Default `true`. */
17
+ clearable(value?: boolean): this;
18
+ /** Minimum selectable date+time. */
19
+ min(value: Temporal.PlainDateTime | null): this;
20
+ /** Maximum selectable date+time. */
21
+ max(value: Temporal.PlainDateTime | null): this;
22
+ /** Show ISO week numbers in the calendar panel. */
23
+ showWeekNumbers(value?: boolean): this;
24
+ /** Visually highlight Saturday + Sunday. */
25
+ highlightWeekends(value?: boolean): this;
26
+ /** Date markers (static array or per-row function). */
27
+ markers(value: CoarDateMarker[] | ((row: TData) => CoarDateMarker[])): this;
28
+ /** Locale override. Defaults to the consumer-app locale. */
29
+ locale(value: string): this;
30
+ /** @internal */
31
+ build(): PlainDateTimeCellEditorConfig<TData>;
32
+ }
33
+ //# sourceMappingURL=PlainDateTimeColumnConfigurator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PlainDateTimeColumnConfigurator.d.ts","sourceRoot":"","sources":["../../src/configurators/PlainDateTimeColumnConfigurator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,sDAAsD,CAAC;AAE1G;;;;;;GAMG;AACH,qBAAa,+BAA+B,CAAC,KAAK,GAAG,OAAO;;IAG1D,wCAAwC;IACxC,IAAI,CAAC,KAAK,EAAE,2BAA2B,GAAG,IAAI;IAK9C,6DAA6D;IAC7D,SAAS,CAAC,KAAK,UAAO,GAAG,IAAI;IAK7B,oCAAoC;IACpC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,GAAG,IAAI,GAAG,IAAI;IAK/C,oCAAoC;IACpC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,GAAG,IAAI,GAAG,IAAI;IAK/C,mDAAmD;IACnD,eAAe,CAAC,KAAK,UAAO,GAAG,IAAI;IAKnC,4CAA4C;IAC5C,iBAAiB,CAAC,KAAK,UAAO,GAAG,IAAI;IAKrC,uDAAuD;IACvD,OAAO,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,cAAc,EAAE,CAAC,GAAG,IAAI;IAK3E,4DAA4D;IAC5D,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK3B,gBAAgB;IAChB,KAAK,IAAI,6BAA6B,CAAC,KAAK,CAAC;CAG9C"}
@@ -0,0 +1,48 @@
1
+ import { CoarSelectOption, CoarSelectSize } from '@cocoar/vue-ui';
2
+ import { MultiSelectCellEditorConfig } from '../cell-renderers/multi-select-cell-editor.models';
3
+ /**
4
+ * Fluent configurator for `col.tagSelect()`.
5
+ *
6
+ * Same cell-value contract as `col.multiSelect()` (`TValue[]`), but the editor
7
+ * uses `<CoarTagSelect>` — selected values are rendered as removable chips
8
+ * inside the trigger itself, and the dropdown only shows not-yet-selected
9
+ * options. `.allowCreate()` lets the user add free-form values that aren't in
10
+ * `options`.
11
+ *
12
+ * The cell renderer is shared with `col.multiSelect()` — comma-separated
13
+ * labels by default, `display('chips')` for a `<CoarTag>` row.
14
+ *
15
+ * @example
16
+ * ```ts
17
+ * col.tagSelect('skills', s => s
18
+ * .options([{ value: 'ts', label: 'TypeScript' }, { value: 'go', label: 'Go' }])
19
+ * .allowCreate()
20
+ * .display('chips')
21
+ * ).editable(true)
22
+ * ```
23
+ */
24
+ export declare class TagSelectColumnConfigurator<TData = unknown, TValue = unknown> {
25
+ #private;
26
+ /** Available options. Static array or row-aware function. */
27
+ options(value: CoarSelectOption<TValue>[] | ((row: TData) => CoarSelectOption<TValue>[])): this;
28
+ /** Placeholder shown when no values are selected. */
29
+ placeholder(value: string): this;
30
+ /** Search-input placeholder. */
31
+ searchPlaceholder(value: string): this;
32
+ /** Trigger size — defaults to `'s'`. */
33
+ size(value: CoarSelectSize): this;
34
+ /**
35
+ * Allow creating new tags by typing. Free-form values not in `options`
36
+ * round-trip into the cell value array; the renderer shows the raw value
37
+ * as its label fallback.
38
+ */
39
+ allowCreate(value?: boolean): this;
40
+ /**
41
+ * Renderer display mode. Default `'text'` (comma-separated labels), opt-in
42
+ * `'chips'` for one `<CoarTag>` per selected value.
43
+ */
44
+ display(value: 'text' | 'chips'): this;
45
+ /** @internal */
46
+ build(): MultiSelectCellEditorConfig<TData, TValue>;
47
+ }
48
+ //# sourceMappingURL=TagSelectColumnConfigurator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TagSelectColumnConfigurator.d.ts","sourceRoot":"","sources":["../../src/configurators/TagSelectColumnConfigurator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mDAAmD,CAAC;AAErG;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,2BAA2B,CAAC,KAAK,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;;IAGxE,6DAA6D;IAC7D,OAAO,CACL,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,GAC/E,IAAI;IAKP,qDAAqD;IACrD,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKhC,gCAAgC;IAChC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKtC,wCAAwC;IACxC,IAAI,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAKjC;;;;OAIG;IACH,WAAW,CAAC,KAAK,UAAO,GAAG,IAAI;IAK/B;;;OAGG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAKtC,gBAAgB;IAChB,KAAK,IAAI,2BAA2B,CAAC,KAAK,EAAE,MAAM,CAAC;CAGpD"}
@@ -0,0 +1,53 @@
1
+ import { Temporal } from '@js-temporal/polyfill';
2
+ import { CoarZonedDateTimePickerSize } from '@cocoar/vue-ui';
3
+ import { CoarDateMarker } from '../cell-renderers/plain-date-cell-editor.models';
4
+ import { ZonedDateTimeCellEditorConfig } from '../cell-renderers/zoned-date-time-cell-editor.models';
5
+ /**
6
+ * Fluent configurator for `col.zonedDateTime()`.
7
+ *
8
+ * Cell value is `Temporal.ZonedDateTime | null`. Renderer formats with
9
+ * date-style: medium + time-style: short + a short zone-name suffix; editor
10
+ * wraps `<CoarZonedDateTimePicker>`, which surfaces its own zone selector.
11
+ *
12
+ * @example
13
+ * ```ts
14
+ * col.zonedDateTime('eventAt', d => d
15
+ * .timeZone('Europe/Vienna')
16
+ * .timezoneFilter(['Europe/*', 'America/*'])
17
+ * ).editable(true)
18
+ * ```
19
+ */
20
+ export declare class ZonedDateTimeColumnConfigurator<TData = unknown> {
21
+ #private;
22
+ /** Trigger size — defaults to `'s'`. */
23
+ size(value: CoarZonedDateTimePickerSize): this;
24
+ /** Show a clear button inside the picker. Default `true`. */
25
+ clearable(value?: boolean): this;
26
+ /** Minimum selectable instant. */
27
+ min(value: Temporal.ZonedDateTime | null): this;
28
+ /** Maximum selectable instant. */
29
+ max(value: Temporal.ZonedDateTime | null): this;
30
+ /** Show ISO week numbers in the calendar panel. */
31
+ showWeekNumbers(value?: boolean): this;
32
+ /** Visually highlight Saturday + Sunday. */
33
+ highlightWeekends(value?: boolean): this;
34
+ /** Date markers (static array or per-row function). */
35
+ markers(value: CoarDateMarker[] | ((row: TData) => CoarDateMarker[])): this;
36
+ /** Locale override. Defaults to the consumer-app locale. */
37
+ locale(value: string): this;
38
+ /**
39
+ * Default IANA timezone used when creating a new value (cell was empty
40
+ * before the edit). Existing `ZonedDateTime` values keep their own zone.
41
+ */
42
+ timeZone(value: string): this;
43
+ /** Wildcard filter patterns for the timezone selector (e.g. `['Europe/*']`). */
44
+ timezoneFilter(value: string[]): this;
45
+ /**
46
+ * Project every cell value into this zone for display (renderer-only). When
47
+ * omitted, each cell renders in its own value's zone.
48
+ */
49
+ displayTimeZone(value: string): this;
50
+ /** @internal */
51
+ build(): ZonedDateTimeCellEditorConfig<TData>;
52
+ }
53
+ //# sourceMappingURL=ZonedDateTimeColumnConfigurator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ZonedDateTimeColumnConfigurator.d.ts","sourceRoot":"","sources":["../../src/configurators/ZonedDateTimeColumnConfigurator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,sDAAsD,CAAC;AAE1G;;;;;;;;;;;;;;GAcG;AACH,qBAAa,+BAA+B,CAAC,KAAK,GAAG,OAAO;;IAG1D,wCAAwC;IACxC,IAAI,CAAC,KAAK,EAAE,2BAA2B,GAAG,IAAI;IAK9C,6DAA6D;IAC7D,SAAS,CAAC,KAAK,UAAO,GAAG,IAAI;IAK7B,kCAAkC;IAClC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,GAAG,IAAI,GAAG,IAAI;IAK/C,kCAAkC;IAClC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,GAAG,IAAI,GAAG,IAAI;IAK/C,mDAAmD;IACnD,eAAe,CAAC,KAAK,UAAO,GAAG,IAAI;IAKnC,4CAA4C;IAC5C,iBAAiB,CAAC,KAAK,UAAO,GAAG,IAAI;IAKrC,uDAAuD;IACvD,OAAO,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,cAAc,EAAE,CAAC,GAAG,IAAI;IAK3E,4DAA4D;IAC5D,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK3B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,gFAAgF;IAChF,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI;IAKrC;;;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKpC,gBAAgB;IAChB,KAAK,IAAI,6BAA6B,CAAC,KAAK,CAAC;CAG9C"}
@@ -2,4 +2,9 @@ export { CheckboxColumnConfigurator } from './CheckboxColumnConfigurator';
2
2
  export { TextColumnConfigurator } from './TextColumnConfigurator';
3
3
  export { NumberColumnConfigurator, type NumberColumnConfig } from './NumberColumnConfigurator';
4
4
  export { SelectColumnConfigurator } from './SelectColumnConfigurator';
5
+ export { MultiSelectColumnConfigurator } from './MultiSelectColumnConfigurator';
6
+ export { TagSelectColumnConfigurator } from './TagSelectColumnConfigurator';
7
+ export { PlainDateColumnConfigurator } from './PlainDateColumnConfigurator';
8
+ export { PlainDateTimeColumnConfigurator } from './PlainDateTimeColumnConfigurator';
9
+ export { ZonedDateTimeColumnConfigurator } from './ZonedDateTimeColumnConfigurator';
5
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/configurators/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC/F,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/configurators/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC/F,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC"}
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
- .coar-wrap-cell{align-items:center;gap:var(--coar-spacing-xs,4px);width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.coar-wrap-cell__slot{align-items:center;gap:var(--coar-spacing-xs,4px);flex-shrink:0;display:inline-flex}.coar-wrap-cell__item{align-items:center;display:inline-flex}.coar-wrap-cell__item--clickable{cursor:pointer;border-radius:4px;padding:2px;transition:background-color .1s}.coar-wrap-cell__item--clickable:hover{background-color:var(--coar-surface-neutral-hover,#0000000f)}.coar-wrap-cell__inner{flex:auto;align-items:center;min-width:0;display:flex;overflow:hidden}.coar-wrap-cell__inner>*{flex:auto;min-width:0}.coar-tag-cell-renderer{align-items:center;gap:var(--coar-spacing-xs,4px);flex-wrap:wrap;height:100%;display:flex}.coar-icon-cell-renderer{justify-content:center;align-items:center;height:100%;display:flex}.coar-icon-cell-renderer.clickable{cursor:pointer}.coar-date-cell-renderer{align-items:center;height:100%;display:flex}.coar-number-cell-renderer,.coar-currency-cell-renderer{justify-content:flex-end;align-items:center;height:100%;display:flex}.coar-tree-cell{align-items:center;gap:2px;height:100%;display:flex;overflow:hidden}.coar-tree-cell__toggle{cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:background-color .1s;display:flex}.coar-tree-cell__toggle:hover{background-color:var(--coar-surface-neutral-hover,#0000000f)}.coar-tree-cell__spacer{flex-shrink:0;width:20px}.coar-tree-cell__content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.coar-tree-cell__count{color:var(--coar-text-neutral-tertiary,#888);flex-shrink:0;margin-left:4px;font-size:.85em}.coar-checkbox-cell-renderer{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.coar-checkbox-cell-renderer .coar-checkbox-host{align-items:center;height:100%;display:flex}.coar-checkbox-cell-renderer .coar-checkbox-wrapper{align-items:center!important;min-height:0!important}.coar-checkbox-cell-renderer .coar-checkbox-box{margin-top:0!important}.coar-checkbox-cell-editor{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.coar-checkbox-cell-editor .coar-checkbox-host{align-items:center;height:100%;display:flex}.coar-checkbox-cell-editor .coar-checkbox-wrapper{align-items:center!important;min-height:0!important}.coar-checkbox-cell-editor .coar-checkbox-box{margin-top:0!important}.coar-text-cell-editor{align-items:center;width:100%;height:100%;display:flex}.coar-text-cell-editor .coar-text-input-host{width:100%;margin:0}.coar-text-cell-editor .coar-text-input-container{height:100%;background:0 0!important;border:none!important;border-radius:0!important}.coar-text-cell-editor .coar-text-input-container.coar-text-input-focused{box-shadow:none!important;outline:none!important}.coar-number-cell-editor{align-items:center;width:100%;height:100%;display:flex}.coar-number-cell-editor .coar-number-input-host{width:100%;margin:0}.coar-number-cell-editor .coar-number-input-container{height:100%;background:0 0!important;border:none!important;border-radius:0!important}.coar-number-cell-editor .coar-number-input-container.coar-number-input-focused{box-shadow:none!important;outline:none!important}.coar-select-cell-renderer{align-items:center;height:100%;display:flex}.coar-select-cell-editor{align-items:center;width:100%;height:100%;display:flex}.coar-select-cell-editor .coar-select-host{width:100%}.coar-select-cell-editor .coar-select-trigger{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.coar-grid-header{width:100%;height:100%;color:var(--ag-header-foreground-color,inherit);align-items:center;gap:4px;display:flex;overflow:hidden}.coar-grid-header--sortable{cursor:pointer}.coar-grid-header__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.coar-grid-header__spacer{flex:1}.coar-grid-header__sort-icon{opacity:.6;flex-shrink:0;font-size:.65em}.coar-data-grid-search[data-v-aa875501]{align-items:center;gap:var(--coar-spacing-s);display:flex}.coar-data-grid-search--bordered[data-v-aa875501]{border:1px solid var(--coar-border-neutral);border-radius:var(--coar-radius-s);padding:var(--coar-spacing-s)}.coar-data-grid-search--elevated[data-v-aa875501]{box-shadow:var(--coar-elevation-medium);border-radius:var(--coar-radius-s);padding:var(--coar-spacing-s)}.coar-data-grid-search__input[data-v-aa875501]{flex:1;min-width:0}.coar-data-grid-search__actions[data-v-aa875501]{align-items:center;gap:var(--coar-spacing-xs);flex-shrink:0;display:flex}.ag-theme-cocoar .ag-header-cell,.ag-theme-cocoar .ag-cell{transition:none!important}.ag-theme-cocoar{--ag-font-family:var(--coar-font-family-body,Poppins, sans-serif);--ag-font-size:var(--coar-font-size-xs,14px);--ag-grid-size:4px;--ag-cell-horizontal-padding:var(--coar-spacing-m,16px);--ag-row-height:40px;--ag-header-height:40px;--ag-list-item-height:36px;--ag-borders:solid 1px;--ag-border-radius:var(--coar-radius-m,8px);--ag-wrapper-border-radius:var(--coar-radius-m,8px);--ag-row-border-style:solid;--ag-row-border-width:1px;--ag-background-color:var(--coar-background-neutral-primary,#fff);--ag-header-background-color:var(--coar-background-neutral-secondary,#f5f5f5);--ag-odd-row-background-color:var(--coar-background-neutral-primary,#fff);--ag-row-hover-color:var(--coar-background-neutral-tertiary,#e5e5e5);--ag-selected-row-background-color:var(--coar-background-accent-tertiary,#e6f0ff);--ag-modal-overlay-background-color:#00000080;--ag-border-color:var(--coar-border-neutral-tertiary,#e5e5e5);--ag-row-border-color:var(--coar-border-neutral-tertiary,#e5e5e5);--ag-header-column-separator-color:var(--coar-border-neutral-tertiary,#e5e5e5);--ag-foreground-color:var(--coar-text-neutral-primary,#171717);--ag-header-foreground-color:var(--coar-text-neutral-secondary,#404040);--ag-secondary-foreground-color:var(--coar-text-neutral-tertiary,#525252);--ag-disabled-foreground-color:var(--coar-text-neutral-disabled,#a3a3a3);--ag-range-selection-border-color:var(--coar-border-accent-primary,#06c);--ag-range-selection-background-color:var(--coar-background-accent-tertiary,#e6f0ff);--ag-range-selection-highlight-color:var(--coar-background-accent-secondary,#cce0ff);--ag-input-focus-border-color:var(--coar-border-accent-primary,#06c);--ag-input-disabled-background-color:var(--coar-background-neutral-disabled,#d4d4d4);--ag-icon-font-color:var(--coar-icon-neutral-secondary,#404040);--ag-subheader-background-color:var(--coar-background-neutral-secondary,#f5f5f5);--ag-control-panel-background-color:var(--coar-background-neutral-primary,#fff);--ag-side-button-selected-background-color:var(--coar-background-accent-tertiary,#e6f0ff);--ag-menu-background-color:var(--coar-background-neutral-primary,#fff);--ag-menu-border-color:var(--coar-border-neutral-tertiary,#e5e5e5);--ag-checkbox-checked-color:var(--coar-background-accent-primary,#06c);--ag-checkbox-unchecked-color:var(--coar-border-neutral-tertiary,#e5e5e5);--ag-checkbox-indeterminate-color:var(--coar-background-accent-secondary,#cce0ff);--ag-chip-background-color:var(--coar-background-neutral-secondary,#f5f5f5);--ag-invalid-color:var(--coar-text-semantic-error-bold,#dc2626)}.dark-mode .ag-theme-cocoar,.ag-theme-cocoar.dark-mode{--ag-background-color:var(--coar-background-neutral-primary,#18181b);--ag-header-background-color:var(--coar-background-neutral-secondary,#27272a);--ag-odd-row-background-color:var(--coar-background-neutral-primary,#18181b);--ag-row-hover-color:var(--coar-background-neutral-tertiary,#3f3f46);--ag-selected-row-background-color:var(--coar-background-accent-tertiary,#1e3a5f);--ag-border-color:var(--coar-border-neutral-tertiary,#3f3f46);--ag-row-border-color:var(--coar-border-neutral-tertiary,#3f3f46);--ag-header-column-separator-color:var(--coar-border-neutral-tertiary,#3f3f46);--ag-foreground-color:var(--coar-text-neutral-primary,#fafafa);--ag-header-foreground-color:var(--coar-text-neutral-secondary,#e4e4e7);--ag-secondary-foreground-color:var(--coar-text-neutral-tertiary,#a1a1aa);--ag-disabled-foreground-color:var(--coar-text-neutral-disabled,#71717a);--ag-icon-font-color:var(--coar-icon-neutral-secondary,#e4e4e7);--ag-subheader-background-color:var(--coar-background-neutral-secondary,#27272a);--ag-control-panel-background-color:var(--coar-background-neutral-primary,#18181b);--ag-menu-background-color:var(--coar-background-neutral-primary,#18181b);--ag-menu-border-color:var(--coar-border-neutral-tertiary,#3f3f46);--ag-checkbox-unchecked-color:var(--coar-border-neutral-tertiary,#3f3f46);--ag-chip-background-color:var(--coar-background-neutral-secondary,#27272a);--ag-input-disabled-background-color:var(--coar-background-neutral-disabled,#3f3f46)}.ag-theme-cocoar .ag-row-focus{outline:none}.ag-theme-cocoar .ag-row-selected{background-color:var(--ag-selected-row-background-color)!important}.ag-theme-cocoar .ag-header{font-weight:600}.ag-theme-cocoar .ag-header-cell{padding-left:var(--coar-spacing-m,16px);padding-right:var(--coar-spacing-m,16px)}.ag-theme-cocoar .ag-cell-focus{border-color:var(--ag-range-selection-border-color,var(--coar-border-accent-primary,#06c))!important}.ag-theme-cocoar .ag-row{transition:background-color .15s}.ag-theme-cocoar .ag-cell.clickable{cursor:pointer;color:var(--coar-text-accent-primary,#06c)}.ag-theme-cocoar .ag-cell.clickable:hover{text-decoration:underline}.ag-theme-cocoar .ag-cell.text-right{text-align:right;justify-content:flex-end}.ag-theme-cocoar .ag-cell.text-center{text-align:center;justify-content:center}.ag-theme-cocoar .ag-overlay-loading-wrapper{background-color:var(--ag-background-color)}.ag-theme-cocoar .ag-overlay-no-rows-wrapper{color:var(--ag-secondary-foreground-color)}.ag-theme-cocoar .ag-row.coar-drop-target{outline:2px solid var(--coar-border-accent,#06c);outline-offset:-2px;border-radius:var(--coar-radius-s,6px);background-color:var(--coar-surface-accent-subtle,#0066cc1a)!important}.ag-theme-cocoar.coar-drop-target-root{outline:2px dashed var(--coar-border-accent,#06c);outline-offset:-2px;border-radius:var(--coar-radius-s,6px)}.ag-theme-cocoar.ag-theme-cocoar--bordered{border:1px solid var(--coar-border-neutral);border-radius:var(--coar-radius-s);overflow:hidden}.ag-theme-cocoar.ag-theme-cocoar--elevated{box-shadow:var(--coar-elevation-medium);border-radius:var(--coar-radius-s);overflow:hidden}.ag-theme-cocoar .ag-row.coar-drop-target--invalid{outline:2px dashed var(--coar-border-semantic-error,#c006);outline-offset:-2px;border-radius:var(--coar-radius-s,6px);cursor:not-allowed;background-color:var(--coar-surface-semantic-error-subtle,#cc00000f)!important}::highlight(coar-search){text-decoration:underline;-webkit-text-decoration-color:var(--coar-border-accent,#06c);text-decoration-color:var(--coar-border-accent,#06c);text-underline-offset:2px;color:inherit;background-color:#0000;text-decoration-thickness:2px}.coar-grid-toolbar{align-items:center;gap:var(--coar-spacing-s);margin-bottom:var(--coar-spacing-s);display:flex}:is(.ag-theme-cocoar--bordered,.ag-theme-cocoar--elevated)>.coar-grid-toolbar{padding:var(--coar-spacing-s) var(--coar-spacing-s) 0;margin-bottom:var(--coar-spacing-s)}.coar-grid-toolbar:has(>:only-child.coar-grid-toolbar__spacer){display:none}.ag-theme-cocoar--has-toolbar>.ag-grid-vue-container{border-top:1px solid var(--coar-border-neutral)}.coar-grid-toolbar__search{flex:1;min-width:0}.coar-grid-toolbar__spacer{flex:1}
1
+ .coar-wrap-cell{align-items:center;gap:var(--coar-spacing-xs,4px);width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.coar-wrap-cell__slot{align-items:center;gap:var(--coar-spacing-xs,4px);flex-shrink:0;display:inline-flex}.coar-wrap-cell__item{align-items:center;display:inline-flex}.coar-wrap-cell__item--clickable{cursor:pointer;border-radius:4px;padding:2px;transition:background-color .1s}.coar-wrap-cell__item--clickable:hover{background-color:var(--coar-surface-neutral-hover,#0000000f)}.coar-wrap-cell__inner{flex:auto;align-items:center;min-width:0;display:flex;overflow:hidden}.coar-wrap-cell__inner>*{flex:auto;min-width:0}.coar-tag-cell-renderer{align-items:center;gap:var(--coar-spacing-xs,4px);flex-wrap:wrap;height:100%;display:flex}.coar-icon-cell-renderer{justify-content:center;align-items:center;height:100%;display:flex}.coar-icon-cell-renderer.clickable{cursor:pointer}.coar-date-cell-renderer{align-items:center;height:100%;display:flex}.coar-number-cell-renderer,.coar-currency-cell-renderer{justify-content:flex-end;align-items:center;height:100%;display:flex}.coar-tree-cell{align-items:center;gap:2px;height:100%;display:flex;overflow:hidden}.coar-tree-cell__toggle{cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:background-color .1s;display:flex}.coar-tree-cell__toggle:hover{background-color:var(--coar-surface-neutral-hover,#0000000f)}.coar-tree-cell__spacer{flex-shrink:0;width:20px}.coar-tree-cell__content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.coar-tree-cell__count{color:var(--coar-text-neutral-tertiary,#888);flex-shrink:0;margin-left:4px;font-size:.85em}.coar-checkbox-cell-renderer{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.coar-checkbox-cell-renderer .coar-checkbox-host{align-items:center;height:100%;display:flex}.coar-checkbox-cell-renderer .coar-checkbox-wrapper{align-items:center!important;min-height:0!important}.coar-checkbox-cell-renderer .coar-checkbox-box{margin-top:0!important}.coar-checkbox-cell-editor{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.coar-checkbox-cell-editor .coar-checkbox-host{align-items:center;height:100%;display:flex}.coar-checkbox-cell-editor .coar-checkbox-wrapper{align-items:center!important;min-height:0!important}.coar-checkbox-cell-editor .coar-checkbox-box{margin-top:0!important}.coar-text-cell-editor{align-items:center;width:100%;height:100%;display:flex}.coar-text-cell-editor .coar-text-input-host{width:100%;margin:0}.coar-text-cell-editor .coar-text-input-container{height:100%;background:0 0!important;border:none!important;border-radius:0!important}.coar-text-cell-editor .coar-text-input-container.coar-text-input-focused{box-shadow:none!important;outline:none!important}.coar-number-cell-editor{align-items:center;width:100%;height:100%;display:flex}.coar-number-cell-editor .coar-number-input-host{width:100%;margin:0}.coar-number-cell-editor .coar-number-input-container{height:100%;background:0 0!important;border:none!important;border-radius:0!important}.coar-number-cell-editor .coar-number-input-container.coar-number-input-focused{box-shadow:none!important;outline:none!important}.coar-select-cell-renderer{align-items:center;height:100%;display:flex}.coar-select-cell-editor{align-items:center;width:100%;height:100%;display:flex}.coar-select-cell-editor .coar-select-host{width:100%}.coar-select-cell-editor .coar-select-trigger{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.coar-multi-select-cell-renderer{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;width:100%;height:100%;display:flex;overflow:hidden}.coar-multi-select-cell-editor{align-items:center;width:100%;height:100%;display:flex}.coar-multi-select-cell-editor .coar-select-host{width:100%}.coar-multi-select-cell-editor .coar-select-trigger{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.coar-tag-select-cell-editor{align-items:center;width:100%;height:100%;display:flex}.coar-tag-select-cell-editor .coar-select-host{width:100%}.coar-tag-select-cell-editor .coar-select-trigger,.coar-tag-select-cell-editor .coar-tag-select-trigger{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.coar-plain-date-cell-renderer{align-items:center;height:100%;display:flex}.coar-plain-date-cell-editor{align-items:center;width:100%;height:100%;display:flex}.coar-plain-date-cell-editor .coar-plain-date-picker-wrapper{width:100%}.coar-plain-date-cell-editor .coar-plain-date-picker-trigger{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.coar-plain-date-time-cell-renderer{align-items:center;height:100%;display:flex}.coar-plain-date-time-cell-editor{align-items:center;width:100%;height:100%;display:flex}.coar-plain-date-time-cell-editor .coar-pdtp-wrapper{width:100%}.coar-plain-date-time-cell-editor .coar-pdtp-trigger{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.coar-zoned-date-time-cell-renderer{align-items:center;height:100%;display:flex}.coar-zoned-date-time-cell-editor{align-items:center;width:100%;height:100%;display:flex}.coar-zoned-date-time-cell-editor .coar-zdtp{width:100%}.coar-zoned-date-time-cell-editor .coar-zdtp-trigger{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.coar-grid-header{width:100%;height:100%;color:var(--ag-header-foreground-color,inherit);align-items:center;gap:4px;display:flex;overflow:hidden}.coar-grid-header--sortable{cursor:pointer}.coar-grid-header__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.coar-grid-header__spacer{flex:1}.coar-grid-header__sort-icon{opacity:.6;flex-shrink:0;font-size:.65em}.coar-data-grid-search[data-v-aa875501]{align-items:center;gap:var(--coar-spacing-s);display:flex}.coar-data-grid-search--bordered[data-v-aa875501]{border:1px solid var(--coar-border-neutral);border-radius:var(--coar-radius-s);padding:var(--coar-spacing-s)}.coar-data-grid-search--elevated[data-v-aa875501]{box-shadow:var(--coar-elevation-medium);border-radius:var(--coar-radius-s);padding:var(--coar-spacing-s)}.coar-data-grid-search__input[data-v-aa875501]{flex:1;min-width:0}.coar-data-grid-search__actions[data-v-aa875501]{align-items:center;gap:var(--coar-spacing-xs);flex-shrink:0;display:flex}.ag-theme-cocoar .ag-header-cell,.ag-theme-cocoar .ag-cell{transition:none!important}.ag-theme-cocoar{--ag-font-family:var(--coar-font-family-body,Poppins, sans-serif);--ag-font-size:var(--coar-font-size-xs,14px);--ag-grid-size:4px;--ag-cell-horizontal-padding:var(--coar-spacing-m,16px);--ag-row-height:40px;--ag-header-height:40px;--ag-list-item-height:36px;--ag-borders:solid 1px;--ag-border-radius:var(--coar-radius-m,8px);--ag-wrapper-border-radius:var(--coar-radius-m,8px);--ag-row-border-style:solid;--ag-row-border-width:1px;--ag-background-color:var(--coar-background-neutral-primary,#fff);--ag-header-background-color:var(--coar-background-neutral-secondary,#f5f5f5);--ag-odd-row-background-color:var(--coar-background-neutral-primary,#fff);--ag-row-hover-color:var(--coar-background-neutral-tertiary,#e5e5e5);--ag-selected-row-background-color:var(--coar-background-accent-tertiary,#e6f0ff);--ag-modal-overlay-background-color:#00000080;--ag-border-color:var(--coar-border-neutral-tertiary,#e5e5e5);--ag-row-border-color:var(--coar-border-neutral-tertiary,#e5e5e5);--ag-header-column-separator-color:var(--coar-border-neutral-tertiary,#e5e5e5);--ag-foreground-color:var(--coar-text-neutral-primary,#171717);--ag-header-foreground-color:var(--coar-text-neutral-secondary,#404040);--ag-secondary-foreground-color:var(--coar-text-neutral-tertiary,#525252);--ag-disabled-foreground-color:var(--coar-text-neutral-disabled,#a3a3a3);--ag-range-selection-border-color:var(--coar-border-accent-primary,#06c);--ag-range-selection-background-color:var(--coar-background-accent-tertiary,#e6f0ff);--ag-range-selection-highlight-color:var(--coar-background-accent-secondary,#cce0ff);--ag-input-focus-border-color:var(--coar-border-accent-primary,#06c);--ag-input-disabled-background-color:var(--coar-background-neutral-disabled,#d4d4d4);--ag-icon-font-color:var(--coar-icon-neutral-secondary,#404040);--ag-subheader-background-color:var(--coar-background-neutral-secondary,#f5f5f5);--ag-control-panel-background-color:var(--coar-background-neutral-primary,#fff);--ag-side-button-selected-background-color:var(--coar-background-accent-tertiary,#e6f0ff);--ag-menu-background-color:var(--coar-background-neutral-primary,#fff);--ag-menu-border-color:var(--coar-border-neutral-tertiary,#e5e5e5);--ag-checkbox-checked-color:var(--coar-background-accent-primary,#06c);--ag-checkbox-unchecked-color:var(--coar-border-neutral-tertiary,#e5e5e5);--ag-checkbox-indeterminate-color:var(--coar-background-accent-secondary,#cce0ff);--ag-chip-background-color:var(--coar-background-neutral-secondary,#f5f5f5);--ag-invalid-color:var(--coar-text-semantic-error-bold,#dc2626)}.dark-mode .ag-theme-cocoar,.ag-theme-cocoar.dark-mode{--ag-background-color:var(--coar-background-neutral-primary,#18181b);--ag-header-background-color:var(--coar-background-neutral-secondary,#27272a);--ag-odd-row-background-color:var(--coar-background-neutral-primary,#18181b);--ag-row-hover-color:var(--coar-background-neutral-tertiary,#3f3f46);--ag-selected-row-background-color:var(--coar-background-accent-tertiary,#1e3a5f);--ag-border-color:var(--coar-border-neutral-tertiary,#3f3f46);--ag-row-border-color:var(--coar-border-neutral-tertiary,#3f3f46);--ag-header-column-separator-color:var(--coar-border-neutral-tertiary,#3f3f46);--ag-foreground-color:var(--coar-text-neutral-primary,#fafafa);--ag-header-foreground-color:var(--coar-text-neutral-secondary,#e4e4e7);--ag-secondary-foreground-color:var(--coar-text-neutral-tertiary,#a1a1aa);--ag-disabled-foreground-color:var(--coar-text-neutral-disabled,#71717a);--ag-icon-font-color:var(--coar-icon-neutral-secondary,#e4e4e7);--ag-subheader-background-color:var(--coar-background-neutral-secondary,#27272a);--ag-control-panel-background-color:var(--coar-background-neutral-primary,#18181b);--ag-menu-background-color:var(--coar-background-neutral-primary,#18181b);--ag-menu-border-color:var(--coar-border-neutral-tertiary,#3f3f46);--ag-checkbox-unchecked-color:var(--coar-border-neutral-tertiary,#3f3f46);--ag-chip-background-color:var(--coar-background-neutral-secondary,#27272a);--ag-input-disabled-background-color:var(--coar-background-neutral-disabled,#3f3f46)}.ag-theme-cocoar .ag-row-focus{outline:none}.ag-theme-cocoar .ag-row-selected{background-color:var(--ag-selected-row-background-color)!important}.ag-theme-cocoar .ag-header{font-weight:600}.ag-theme-cocoar .ag-header-cell{padding-left:var(--coar-spacing-m,16px);padding-right:var(--coar-spacing-m,16px)}.ag-theme-cocoar .ag-cell-focus{border-color:var(--ag-range-selection-border-color,var(--coar-border-accent-primary,#06c))!important}.ag-theme-cocoar .ag-row{transition:background-color .15s}.ag-theme-cocoar .ag-cell.clickable{cursor:pointer;color:var(--coar-text-accent-primary,#06c)}.ag-theme-cocoar .ag-cell.clickable:hover{text-decoration:underline}.ag-theme-cocoar .ag-cell.text-right{text-align:right;justify-content:flex-end}.ag-theme-cocoar .ag-cell.text-center{text-align:center;justify-content:center}.ag-theme-cocoar .ag-overlay-loading-wrapper{background-color:var(--ag-background-color)}.ag-theme-cocoar .ag-overlay-no-rows-wrapper{color:var(--ag-secondary-foreground-color)}.ag-theme-cocoar .ag-row.coar-drop-target{outline:2px solid var(--coar-border-accent,#06c);outline-offset:-2px;border-radius:var(--coar-radius-s,6px);background-color:var(--coar-surface-accent-subtle,#0066cc1a)!important}.ag-theme-cocoar.coar-drop-target-root{outline:2px dashed var(--coar-border-accent,#06c);outline-offset:-2px;border-radius:var(--coar-radius-s,6px)}.ag-theme-cocoar.ag-theme-cocoar--bordered{border:1px solid var(--coar-border-neutral);border-radius:var(--coar-radius-s);overflow:hidden}.ag-theme-cocoar.ag-theme-cocoar--elevated{box-shadow:var(--coar-elevation-medium);border-radius:var(--coar-radius-s);overflow:hidden}.ag-theme-cocoar .ag-row.coar-drop-target--invalid{outline:2px dashed var(--coar-border-semantic-error,#c006);outline-offset:-2px;border-radius:var(--coar-radius-s,6px);cursor:not-allowed;background-color:var(--coar-surface-semantic-error-subtle,#cc00000f)!important}::highlight(coar-search){text-decoration:underline;-webkit-text-decoration-color:var(--coar-border-accent,#06c);text-decoration-color:var(--coar-border-accent,#06c);text-underline-offset:2px;color:inherit;background-color:#0000;text-decoration-thickness:2px}.coar-grid-toolbar{align-items:center;gap:var(--coar-spacing-s);margin-bottom:var(--coar-spacing-s);display:flex}:is(.ag-theme-cocoar--bordered,.ag-theme-cocoar--elevated)>.coar-grid-toolbar{padding:var(--coar-spacing-s) var(--coar-spacing-s) 0;margin-bottom:var(--coar-spacing-s)}.coar-grid-toolbar:has(>:only-child.coar-grid-toolbar__spacer){display:none}.ag-theme-cocoar--has-toolbar>.ag-grid-vue-container{border-top:1px solid var(--coar-border-neutral)}.coar-grid-toolbar__search{flex:1;min-width:0}.coar-grid-toolbar__spacer{flex:1}
2
2
  /*$vite$:1*/
package/dist/index.d.ts CHANGED
@@ -2,10 +2,10 @@ export { CoarGridBuilder, type ColumnDefinition, type ColumnPersistenceOptions,
2
2
  export { CoarGridColumnBuilder } from './builders';
3
3
  export { CoarGridColumnFactory } from './builders';
4
4
  export { CoarGridWrapperColumnBuilder } from './builders';
5
- export { TagCellRenderer, IconCellRenderer, DateCellRenderer, TreeCellRenderer, WrapperCellRenderer, CoarCheckboxCellRenderer, CoarTextCellEditor, CoarNumberCellEditor, CoarSelectCellRenderer, CoarSelectCellEditor, } from './cell-renderers';
6
- export type { TagCellRendererConfig, IconCellRendererConfig, DateCellRendererConfig, TreeCellRendererConfig, CheckboxCellRendererConfig, TextCellEditorConfig, NumberCellEditorConfig, SelectCellEditorConfig, } from './cell-renderers';
5
+ export { TagCellRenderer, IconCellRenderer, DateCellRenderer, TreeCellRenderer, WrapperCellRenderer, CoarCheckboxCellRenderer, CoarTextCellEditor, CoarNumberCellEditor, CoarSelectCellRenderer, CoarSelectCellEditor, CoarMultiSelectCellRenderer, CoarMultiSelectCellEditor, CoarTagSelectCellEditor, CoarPlainDateCellRenderer, CoarPlainDateCellEditor, CoarPlainDateTimeCellRenderer, CoarPlainDateTimeCellEditor, CoarZonedDateTimeCellRenderer, CoarZonedDateTimeCellEditor, } from './cell-renderers';
6
+ export type { TagCellRendererConfig, IconCellRendererConfig, DateCellRendererConfig, TreeCellRendererConfig, CheckboxCellRendererConfig, TextCellEditorConfig, NumberCellEditorConfig, SelectCellEditorConfig, MultiSelectCellEditorConfig, PlainDateCellEditorConfig, PlainDateTimeCellEditorConfig, ZonedDateTimeCellEditorConfig, CoarDateMarker, } from './cell-renderers';
7
7
  export type { WrapperSlotConfig, WrapperSlotItem, WrapperIconSlotConfig, WrapperComponentSlotConfig, WrapperTextSlotConfig, WrapperCellRendererConfig, WrapperSlotAccessor, } from './cell-renderers';
8
- export { CheckboxColumnConfigurator, TextColumnConfigurator, NumberColumnConfigurator, SelectColumnConfigurator, } from './configurators';
8
+ export { CheckboxColumnConfigurator, TextColumnConfigurator, NumberColumnConfigurator, SelectColumnConfigurator, MultiSelectColumnConfigurator, TagSelectColumnConfigurator, PlainDateColumnConfigurator, PlainDateTimeColumnConfigurator, ZonedDateTimeColumnConfigurator, } from './configurators';
9
9
  export { cocoarTheme, createCocoarTheme } from './theme';
10
10
  export type { ColDef, GridOptions, GridApi, GridReadyEvent, RowClickedEvent, RowDoubleClickedEvent, CellClickedEvent, CellDoubleClickedEvent, CellContextMenuEvent, GridSizeChangedEvent, ColumnState, GetRowIdFunc, RowClassParams, ValueFormatterParams, ValueGetterParams, CellClassParams, ICellRendererParams, IRowNode, PostSortRowsParams, GetQuickFilterTextParams, RowDragCallback, RowDragEndEvent, } from './models';
11
11
  export { default as CoarDataGrid } from './CoarDataGrid.vue';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,KAAK,gBAAgB,EAAE,KAAK,wBAAwB,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACtL,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAG1D,OAAO,EACL,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAC1F,wBAAwB,EAAE,kBAAkB,EAAE,oBAAoB,EAClE,sBAAsB,EAAE,oBAAoB,GAC7C,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,qBAAqB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAC7F,0BAA0B,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,sBAAsB,GACjG,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,0BAA0B,EAC1B,qBAAqB,EACrB,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,0BAA0B,EAAE,sBAAsB,EAAE,wBAAwB,EAC5E,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGzD,YAAY,EACV,MAAM,EACN,WAAW,EACX,OAAO,EACP,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,QAAQ,EACR,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EACf,eAAe,GAChB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,KAAK,gBAAgB,EAAE,KAAK,wBAAwB,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACtL,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAG1D,OAAO,EACL,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAC1F,wBAAwB,EAAE,kBAAkB,EAAE,oBAAoB,EAClE,sBAAsB,EAAE,oBAAoB,EAC5C,2BAA2B,EAAE,yBAAyB,EAAE,uBAAuB,EAC/E,yBAAyB,EAAE,uBAAuB,EAClD,6BAA6B,EAAE,2BAA2B,EAC1D,6BAA6B,EAAE,2BAA2B,GAC3D,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,qBAAqB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,sBAAsB,EAC7F,0BAA0B,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,sBAAsB,EAChG,2BAA2B,EAC3B,yBAAyB,EAAE,6BAA6B,EAAE,6BAA6B,EACvF,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,0BAA0B,EAC1B,qBAAqB,EACrB,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,0BAA0B,EAAE,sBAAsB,EAAE,wBAAwB,EAC5E,wBAAwB,EACxB,6BAA6B,EAAE,2BAA2B,EAC1D,2BAA2B,EAAE,+BAA+B,EAAE,+BAA+B,GAC9F,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGzD,YAAY,EACV,MAAM,EACN,WAAW,EACX,OAAO,EACP,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,QAAQ,EACR,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EACf,eAAe,GAChB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}