zinggrid-cem 1.0.2 → 1.0.4

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 (2) hide show
  1. package/custom-elements.json +1722 -764
  2. package/package.json +2 -2
@@ -65,636 +65,538 @@
65
65
  "declarations": [
66
66
  {
67
67
  "kind": "class",
68
- "description": "A custom, styled button that can be used both for internal grid-related action and for user-specific\nactions. It is stylable via CSS. Some buttons are automatically inserted when a feature that uses it enabled, like `pager`, while\nothers are inserted manually by the user.",
69
- "name": "ZGButton",
68
+ "description": "`<zg-body>` is created dynamically by the ZingGrid library, and as such should not be manually added by the\ndeveloper. However the user can style `<zg-body>` using CSS.",
69
+ "name": "ZGBody",
70
70
  "cssProperties": [
71
71
  {
72
- "description": "Styles the background of button",
73
- "name": "--zg-button-background"
74
- },
75
- {
76
- "description": "Styles the border of a button",
77
- "name": "--zg-button-border"
72
+ "description": "Styles the left border of grid body",
73
+ "name": "--zg-body-border-left"
78
74
  },
79
75
  {
80
- "description": "Styles the bottom border of a button",
81
- "name": "--zg-button-border-bottom"
76
+ "description": "Styles the right border of grid body",
77
+ "name": "--zg-body-border-right"
82
78
  },
83
79
  {
84
- "description": "Styles the left border of a button",
85
- "name": "--zg-button-border-left"
80
+ "description": "Sets the font family of contents inside grid body",
81
+ "name": "--zg-body-font-family"
86
82
  },
87
83
  {
88
- "description": "Styles the right border of a button",
89
- "name": "--zg-button-border-right"
84
+ "description": "Sets the font size of contents inside grid body",
85
+ "name": "--zg-body-font-size"
90
86
  },
91
87
  {
92
- "description": "Styles the top border of a button",
93
- "name": "--zg-button-border-top"
88
+ "description": "Sets the font style of contents inside grid body",
89
+ "name": "--zg-body-font-style"
94
90
  },
95
91
  {
96
- "description": "Styles the box-shadow of the button",
97
- "name": "--zg-button-box-shadow"
92
+ "description": "Sets the font weight of contents inside grid body",
93
+ "name": "--zg-body-font-weight"
98
94
  },
99
95
  {
100
- "description": "Sets the font color of button",
101
- "name": "--zg-button-color"
96
+ "description": "Sets the line-height of contents inside of grid body",
97
+ "name": "--zg-body-line-height"
102
98
  },
103
99
  {
104
- "description": "Sets the font family of button",
105
- "name": "--zg-button-font-family"
100
+ "description": "Styles the background of grid body in 'card' layout-mode",
101
+ "name": "--zg-body-card-background"
106
102
  },
107
103
  {
108
- "description": "Sets the font size of button",
109
- "name": "--zg-button-font-size"
104
+ "description": "Styles the border of grid body in 'card' layout-mode",
105
+ "name": "--zg-body-card-border"
110
106
  },
111
107
  {
112
- "description": "Sets the font style of button",
113
- "name": "--zg-button-font-style"
108
+ "description": "Styles the bottom border of grid body in 'card' layout-mode",
109
+ "name": "--zg-body-card-border-bottom"
114
110
  },
115
111
  {
116
- "description": "Sets the font weight of button",
117
- "name": "--zg-button-font-weight"
112
+ "description": "Styles the left border of grid body in 'card' layout-mode",
113
+ "name": "--zg-body-card-border-left"
118
114
  },
119
115
  {
120
- "description": "Sets the line height of button",
121
- "name": "--zg-button-line-height"
116
+ "description": "Styles the right border of grid body in 'card' layout-mode",
117
+ "name": "--zg-body-card-border-right"
122
118
  },
123
119
  {
124
- "description": "Sets the margin of button",
125
- "name": "--zg-button-margin"
120
+ "description": "Styles the top border of grid body in 'card' layout-mode. Note: If `--zg-row-border-top` set in 'card' layout-mode it will override `--zg-body-border-top`.",
121
+ "name": "--zg-body-card-border-top"
126
122
  },
127
123
  {
128
- "description": "Sets the padding of button",
129
- "name": "--zg-button-padding"
124
+ "description": "Sets display of grid body in 'card' layout-mode",
125
+ "name": "--zg-body-card-display"
130
126
  },
131
127
  {
132
- "description": "Styles the background of the icon in a button on hover state",
133
- "name": "--zg-button-icon-background_hover"
128
+ "description": "Styles the top border of grid body. Note: If `--zg-row-border-top` set, it will override `--zg-body-border-top`.",
129
+ "name": "--zg-body-border-top"
134
130
  },
135
131
  {
136
- "description": "Styles the background of button on hover",
137
- "name": "--zg-button-background_hover"
132
+ "description": "Styles the border of grid body",
133
+ "name": "--zg-body-border"
138
134
  },
139
135
  {
140
- "description": "Styles the border of a button on hover state",
141
- "name": "--zg-button-border_hover"
136
+ "description": "Styles the bottom border of grid body",
137
+ "name": "--zg-body-border-bottom"
142
138
  },
143
139
  {
144
- "description": "Styles the bottom border of a button on hover",
145
- "name": "--zg-button-border-bottom_hover"
140
+ "description": "Styles the background of grid body",
141
+ "name": "--zg-body-background"
146
142
  },
147
143
  {
148
- "description": "Styles the left border of a button on hover",
149
- "name": "--zg-button-border-left_hover"
150
- },
144
+ "description": "Sets the font color of contents inside grid body",
145
+ "name": "--zg-body-color"
146
+ }
147
+ ],
148
+ "tagName": "zg-body",
149
+ "customElement": true
150
+ }
151
+ ],
152
+ "exports": [
153
+ {
154
+ "kind": "js",
155
+ "name": "ZGBody",
156
+ "declaration": {
157
+ "name": "ZGBody",
158
+ "module": "dist/zinggrid.min.js"
159
+ }
160
+ }
161
+ ]
162
+ },
163
+ {
164
+ "kind": "javascript-module",
165
+ "path": "dist/zinggrid.min.js",
166
+ "declarations": [
167
+ {
168
+ "kind": "class",
169
+ "description": "The container for a card template that holds a custom template for card mode. This custom template\nwill be rendered per row. `<zg-card>` can be styled via CSS or the `--zg-card-*` selectors. Please reference\nthe \"Template\" section for more details on templates.",
170
+ "name": "ZGCard",
171
+ "cssProperties": [
151
172
  {
152
- "description": "Styles the right border of a button on hover",
153
- "name": "--zg-button-border-right_hover"
173
+ "description": "Styles the background of cards in 'card' layout-mode",
174
+ "name": "--zg-cell-background_layout_card"
154
175
  },
155
176
  {
156
- "description": "Styles the top border of a button on hover",
157
- "name": "--zg-button-border-top_hover"
177
+ "description": "Styles the border of cards in 'card' layout-mode",
178
+ "name": "--zg-cell-border_layout_card"
158
179
  },
159
180
  {
160
- "description": "Styles the box-shadow of the button on hover",
161
- "name": "--zg-button-box-shadow_hover"
181
+ "description": "Styles the bottom border of cards in 'card' layout-mode",
182
+ "name": "--zg-cell-border-bottom_layout_card"
162
183
  },
163
184
  {
164
- "description": "Styles the color of the button on hover",
165
- "name": "--zg-button-color_hover"
185
+ "description": "Styles the left border of cards in 'card' layout-mode",
186
+ "name": "--zg-cell-border-left_layout_card"
166
187
  },
167
188
  {
168
- "description": "Sets the transition speed of button",
169
- "name": "--zg-button-transition_speed"
189
+ "description": "Styles the right border of cards in 'card' layout-mode",
190
+ "name": "--zg-cell-border-right_layout_card"
170
191
  },
171
192
  {
172
- "description": "Styles the background of button on focus",
173
- "name": "--zg-button-background_focus"
193
+ "description": "Styles the top border of cards in 'card' layout-mode",
194
+ "name": "--zg-cell-border-top_layout_card"
174
195
  },
175
196
  {
176
- "description": "Styles the border of a button on focus state",
177
- "name": "--zg-button-border_focus"
197
+ "description": "Sets the font color of cards in 'card' layout-mode",
198
+ "name": "--zg-cell-color_layout_card"
178
199
  },
179
200
  {
180
- "description": "Styles the bottom border of a button on focus",
181
- "name": "--zg-button-border-bottom_focus"
201
+ "description": "Sets the font family of cards in 'card' layout-mode",
202
+ "name": "--zg-cell-font-family_layout_card"
182
203
  },
183
204
  {
184
- "description": "Styles the left border of a button on focus",
185
- "name": "--zg-button-border-left_focus"
205
+ "description": "Sets the font size of cards in 'card' layout-mode",
206
+ "name": "--zg-cell-font-size_layout_card"
186
207
  },
187
208
  {
188
- "description": "Styles the right border of a button on focus",
189
- "name": "--zg-button-border-right_focus"
209
+ "description": "Sets the font family of cards in 'card' layout-mode",
210
+ "name": "--zg-cell-font-style_layout_card"
190
211
  },
191
212
  {
192
- "description": "Styles the top border of a button on focus",
193
- "name": "--zg-button-border-top_focus"
213
+ "description": "Sets the font weight of cards in 'card' layout-mode",
214
+ "name": "--zg-cell-font-weight_layout_card"
194
215
  },
195
216
  {
196
- "description": "Styles the box-shadow of the button on focus",
197
- "name": "--zg-button-box-shadow_focus"
217
+ "description": "Sets the height of cards in 'card' layout-mode",
218
+ "name": "--zg-cell-height_layout_card"
198
219
  },
199
220
  {
200
- "description": "Styles the color of the button on focus",
201
- "name": "--zg-button-color_focus"
221
+ "description": "Sets the line height of cards in 'card' layout-mode",
222
+ "name": "--zg-cell-line-height_layout_card"
202
223
  },
203
224
  {
204
- "description": "Styles of background of button on active state",
205
- "name": "--zg-button-background_active"
225
+ "description": "Sets the padding of cards in 'card' layout-mode",
226
+ "name": "--zg-cell-padding_layout_card"
206
227
  },
207
228
  {
208
- "description": "Styles the border of a button on active state",
209
- "name": "--zg-button-border_active"
229
+ "description": "Sets the transition of cards in 'card' layout-mode",
230
+ "name": "--zg-cell-transition_layout_card"
210
231
  },
211
232
  {
212
- "description": "Styles the bottom border of a button on active state",
213
- "name": "--zg-button-border-bottom_active"
214
- },
233
+ "description": "Sets the word break of items in cards in 'card' layout-mode",
234
+ "name": "--zg-cell-word-break_layout_card"
235
+ }
236
+ ],
237
+ "tagName": "zg-card",
238
+ "customElement": true,
239
+ "attributes": [
215
240
  {
216
- "description": "Styles the left border of a button on active state",
217
- "name": "--zg-button-border-left_active"
241
+ "type": {
242
+ "text": "string"
243
+ },
244
+ "description": "Sets the custom editor",
245
+ "name": "editor"
218
246
  },
219
247
  {
220
- "description": "Styles the right border of a button on active state",
221
- "name": "--zg-button-border-right_active"
248
+ "type": {
249
+ "text": "string"
250
+ },
251
+ "description": "Points to an external template element to be used as the template for the card's editor",
252
+ "name": "editor-template"
222
253
  },
223
254
  {
224
- "description": "Styles the top border of a button on active state",
225
- "name": "--zg-button-border-top_active"
255
+ "type": {
256
+ "text": "string"
257
+ },
258
+ "description": "Whatever is returned from the method will be set as the innerHTMl of the card",
259
+ "name": "renderer"
226
260
  },
227
261
  {
228
- "description": "Styles the box-shadow of the button on activation",
229
- "name": "--zg-button-box-shadow_active"
230
- },
262
+ "type": {
263
+ "text": "string"
264
+ },
265
+ "description": "Points to an external template element to be used as the template for the card's renderer",
266
+ "name": "renderer-template"
267
+ }
268
+ ],
269
+ "members": [
231
270
  {
232
- "description": "Styles the color of the button on active state",
233
- "name": "--zg-button-color_active"
271
+ "kind": "field",
272
+ "name": "editor",
273
+ "type": {
274
+ "text": "string"
275
+ },
276
+ "description": "Sets the custom editor",
277
+ "attribute": "editor"
234
278
  },
235
279
  {
236
- "description": "Styles the opacity of disabled button or button on hover",
237
- "name": "--zg-button-opacity_disabled"
280
+ "kind": "field",
281
+ "name": "editorTemplate",
282
+ "type": {
283
+ "text": "string"
284
+ },
285
+ "description": "Points to an external template element to be used as the template for the card's editor",
286
+ "attribute": "editorTemplate"
238
287
  },
239
288
  {
240
- "description": "Styles the background of custom button",
241
- "name": "--zg-button-background_custom"
289
+ "kind": "field",
290
+ "name": "renderer",
291
+ "type": {
292
+ "text": "string"
293
+ },
294
+ "description": "Whatever is returned from the method will be set as the innerHTMl of the card",
295
+ "attribute": "renderer"
242
296
  },
243
297
  {
244
- "description": "Styles the border of custom button",
245
- "name": "--zg-button-border_custom"
246
- },
298
+ "kind": "field",
299
+ "name": "rendererTemplate",
300
+ "type": {
301
+ "text": "string"
302
+ },
303
+ "description": "Points to an external template element to be used as the template for the card's renderer",
304
+ "attribute": "rendererTemplate"
305
+ }
306
+ ],
307
+ "slots": [
247
308
  {
248
- "description": "Applies a box shadow behind custom button",
249
- "name": "--zg-button-box-shadow_custom"
250
- },
309
+ "description": "Card content.",
310
+ "name": ""
311
+ }
312
+ ]
313
+ }
314
+ ],
315
+ "exports": [
316
+ {
317
+ "kind": "js",
318
+ "name": "ZGCard",
319
+ "declaration": {
320
+ "name": "ZGCard",
321
+ "module": "dist/zinggrid.min.js"
322
+ }
323
+ }
324
+ ]
325
+ },
326
+ {
327
+ "kind": "javascript-module",
328
+ "path": "dist/zinggrid.min.js",
329
+ "declarations": [
330
+ {
331
+ "kind": "class",
332
+ "description": "A caption can be manually inserted inside the `<zing-grid>` tag as slotted content or automatically\ninserted when the `caption` is enabled. `<zg-caption>` is stylable via CSS.",
333
+ "name": "ZGCaption",
334
+ "cssProperties": [
251
335
  {
252
- "description": "Styles the background of custom button on focus",
253
- "name": "--zg-button-background_custom_focus"
336
+ "description": "Styles the background of caption",
337
+ "name": "--zg-caption-background"
254
338
  },
255
339
  {
256
- "description": "Styles the border of custom button on focus",
257
- "name": "--zg-button-border_custom_focus"
340
+ "description": "Styles the border of caption",
341
+ "name": "--zg-caption-border"
258
342
  },
259
343
  {
260
- "description": "Applies a box shadow behind custom button on focus",
261
- "name": "--zg-button-box-shadow_custom_focus"
344
+ "description": "Styles the bottom border of caption",
345
+ "name": "--zg-caption-border-bottom"
262
346
  },
263
347
  {
264
- "description": "Sets the font color of custom button on focus",
265
- "name": "--zg-button-color_custom_focus"
348
+ "description": "Styles the left border of caption",
349
+ "name": "--zg-caption-border-left"
266
350
  },
267
351
  {
268
- "description": "Styles the background of icon in custom button on hover",
269
- "name": "--zg-button-icon-background_custom_hover"
352
+ "description": "Styles the right border of caption",
353
+ "name": "--zg-caption-border-right"
270
354
  },
271
355
  {
272
- "description": "Styles the background of custom button on hover",
273
- "name": "--zg-button-background_custom_hover"
356
+ "description": "Styles the top border of caption",
357
+ "name": "--zg-caption-border-top"
274
358
  },
275
359
  {
276
- "description": "Styles the border of custom button on hover",
277
- "name": "--zg-button-border_custom_hover"
360
+ "description": "Applies a border-radius to the caption",
361
+ "name": "--zg-caption-border-radius"
278
362
  },
279
363
  {
280
- "description": "Applies a box shadow behing custom button on hover",
281
- "name": "--zg-button-box-shadow_custom_hover"
364
+ "description": "Applies a top-left border-radius to the caption",
365
+ "name": "--zg-caption-border-top-left-radius"
282
366
  },
283
367
  {
284
- "description": "Sets the font color of custom button on hover",
285
- "name": "--zg-button-color_custom_hover"
368
+ "description": "Applies a top-right border-radius to the caption",
369
+ "name": "--zg-caption-border-top-right-radius"
286
370
  },
287
371
  {
288
- "description": "Styles the background of custom button on active state",
289
- "name": "--zg-button-background_custom_active"
372
+ "description": "Applies a bottom-left border-radius to the caption",
373
+ "name": "--zg-caption-border-bottom-left-radius"
290
374
  },
291
375
  {
292
- "description": "Styles the border of custom button on active state",
293
- "name": "--zg-button-border_custom_active"
376
+ "description": "Applies a bottom-right border-radius to the caption",
377
+ "name": "--zg-caption-border-bottom-right-radius"
294
378
  },
295
379
  {
296
- "description": "Applies a box shadow behind custom button on active state",
297
- "name": "--zg-button-box-shadow_custom_active"
380
+ "description": "Applies a box shadow behind caption",
381
+ "name": "--zg-caption-box-shadow"
298
382
  },
299
383
  {
300
- "description": "Sets the font color of custom button on active state",
301
- "name": "--zg-button-color_custom_active"
302
- }
303
- ],
304
- "tagName": "zg-button",
305
- "customElement": true,
306
- "attributes": [
307
- {
308
- "type": {
309
- "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checkbox\" | \"closerowdetails\" | \"closerowgroup\" | \"copycell\" | \"createrecord\" | \"createrecordend\" | \"createrecordstart\" | \"deselect\" | \"duplicaterecord\" | \"editcell\" | \"editrecord\" | \"editrow\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"freezecolumnleft\" | \"freezecolumnright\" | \"unfreezecolumn\" | \"hidecolumn\" | \"freezerowtop\" | \"freezerowbottom\" | \"unfreezerow\" | \"getselection\" | \"insertrecord\" | \"layoutrow\" | \"layoutcard\" | \"resetstate\" | \"lastpage\" | \"menu\" | \"nextpage\" | \"openrowdetails\" | \"openrowgroup\" | \"page\" | \"pastecell\" | \"prevpage\" | \"reload\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"selectall\" | \"selectcell\" | \"selectrow\" | \"sortcolumn\" | \"submitrecord\" | \"about\""
310
- },
311
- "description": "The action of the button",
312
- "name": "action"
384
+ "description": "Sets the font color of caption",
385
+ "name": "--zg-caption-color"
313
386
  },
314
387
  {
315
- "type": {
316
- "text": "string"
317
- },
318
- "description": "Set to a template or a function to return true or false to set the disabled state. The function's callback receives rowData and zg-cell object if in a cell",
319
- "name": "custom-disabled"
388
+ "description": "Sets the font family of caption",
389
+ "name": "--zg-caption-font-family"
320
390
  },
321
391
  {
322
- "type": {
323
- "text": "string"
324
- },
325
- "description": "A custom tooltip to set on the button",
326
- "name": "custom-tooltip"
392
+ "description": "Sets the font size of caption",
393
+ "name": "--zg-caption-font-size"
327
394
  },
328
395
  {
329
- "type": {
330
- "text": "boolean"
331
- },
332
- "description": "Whether the button is disabled or not",
333
- "name": "disabled"
396
+ "description": "Sets the font style of caption",
397
+ "name": "--zg-caption-font-style"
334
398
  },
335
399
  {
336
- "type": {
337
- "text": "string | boolean"
338
- },
339
- "description": "By default, action buttons have no border and custom buttons do. You can force a border by setting the `[force-border]` attribute and you can force no border by setting `[force-border=\"disabled\"]`",
340
- "name": "force-border"
400
+ "description": "Sets the font weight of caption",
401
+ "name": "--zg-caption-font-weight"
341
402
  },
342
403
  {
343
- "type": {
344
- "text": "string"
345
- },
346
- "description": "A custom function to call on button click",
347
- "name": "handler"
404
+ "description": "Sets the margin of caption",
405
+ "name": "--zg-caption-margin"
348
406
  },
349
407
  {
350
- "type": {
351
- "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"firstpage\" | \"fixedmenu\" | \"filter\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
352
- },
353
- "description": "The icon for the button to enable styling",
354
- "name": "icon"
355
- }
356
- ],
357
- "members": [
358
- {
359
- "kind": "field",
360
- "name": "action",
361
- "type": {
362
- "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checkbox\" | \"closerowdetails\" | \"closerowgroup\" | \"copycell\" | \"createrecord\" | \"createrecordend\" | \"createrecordstart\" | \"deselect\" | \"duplicaterecord\" | \"editcell\" | \"editrecord\" | \"editrow\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"freezecolumnleft\" | \"freezecolumnright\" | \"unfreezecolumn\" | \"hidecolumn\" | \"freezerowtop\" | \"freezerowbottom\" | \"unfreezerow\" | \"getselection\" | \"insertrecord\" | \"layoutrow\" | \"layoutcard\" | \"resetstate\" | \"lastpage\" | \"menu\" | \"nextpage\" | \"openrowdetails\" | \"openrowgroup\" | \"page\" | \"pastecell\" | \"prevpage\" | \"reload\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"selectall\" | \"selectcell\" | \"selectrow\" | \"sortcolumn\" | \"submitrecord\" | \"about\""
363
- },
364
- "description": "The action of the button",
365
- "attribute": "action"
408
+ "description": "Sets the opacity of caption",
409
+ "name": "--zg-caption-opacity"
366
410
  },
367
411
  {
368
- "kind": "field",
369
- "name": "customDisabled",
370
- "type": {
371
- "text": "string"
372
- },
373
- "description": "Set to a template or a function to return true or false to set the disabled state. The function's callback receives rowData and zg-cell object if in a cell",
374
- "attribute": "customDisabled"
412
+ "description": "Sets the padding of caption",
413
+ "name": "--zg-caption-padding"
375
414
  },
376
415
  {
377
- "kind": "field",
378
- "name": "customTooltip",
379
- "type": {
380
- "text": "string"
381
- },
382
- "description": "A custom tooltip to set on the button",
383
- "attribute": "customTooltip"
416
+ "description": "Sets the transition of caption",
417
+ "name": "--zg-caption-transition"
384
418
  },
385
419
  {
386
- "kind": "field",
387
- "name": "disabled",
388
- "type": {
389
- "text": "boolean"
390
- },
391
- "description": "Whether the button is disabled or not",
392
- "attribute": "disabled"
420
+ "description": "Sets the vertical alignment of items (title and toolbar) in caption",
421
+ "name": "--zg-caption-align-items"
393
422
  },
394
423
  {
395
- "kind": "field",
396
- "name": "forceBorder",
397
- "type": {
398
- "text": "string | boolean"
399
- },
400
- "description": "By default, action buttons have no border and custom buttons do. You can force a border by setting the `[force-border]` attribute and you can force no border by setting `[force-border=\"disabled\"]`",
401
- "attribute": "forceBorder"
424
+ "description": "Sets the flex direction of items (title and toolbar) in caption",
425
+ "name": "--zg-caption-flex-direction"
402
426
  },
403
427
  {
404
- "kind": "field",
405
- "name": "handler",
406
- "type": {
407
- "text": "string"
408
- },
409
- "description": "A custom function to call on button click",
410
- "attribute": "handler"
428
+ "description": "Sets the height of caption",
429
+ "name": "--zg-caption-height"
411
430
  },
412
431
  {
413
- "kind": "field",
414
- "name": "icon",
415
- "type": {
416
- "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"firstpage\" | \"fixedmenu\" | \"filter\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
417
- },
418
- "description": "The icon for the button to enable styling",
419
- "attribute": "icon"
420
- }
421
- ],
422
- "slots": [
423
- {
424
- "description": "Button content.",
425
- "name": ""
432
+ "description": "Sets vertical alignment of items in caption title",
433
+ "name": "--zg-caption-title-align-self"
426
434
  },
427
435
  {
428
- "description": "Button icon. Replaces the default slot.",
429
- "name": "icon"
436
+ "description": "Sets how items are flexed in caption title",
437
+ "name": "--zg-caption-title-flex"
430
438
  },
431
439
  {
432
- "description": "Button label. Use to add a label when using the \"icon\" slot.",
433
- "name": "label"
434
- }
435
- ]
436
- }
437
- ],
438
- "exports": [
439
- {
440
- "kind": "js",
441
- "name": "ZGButton",
442
- "declaration": {
443
- "name": "ZGButton",
444
- "module": "dist/zinggrid.min.js"
445
- }
446
- }
447
- ]
448
- },
449
- {
450
- "kind": "javascript-module",
451
- "path": "dist/zinggrid.min.js",
452
- "declarations": [
453
- {
454
- "kind": "class",
455
- "description": "`<zg-body>` is created dynamically by the ZingGrid library, and as such should not be manually added by the\ndeveloper. However the user can style `<zg-body>` using CSS.",
456
- "name": "ZGBody",
457
- "cssProperties": [
458
- {
459
- "description": "Styles the left border of grid body",
460
- "name": "--zg-body-border-left"
440
+ "description": "Sets the font-family of caption title",
441
+ "name": "--zg-caption-title-font-family"
461
442
  },
462
443
  {
463
- "description": "Styles the right border of grid body",
464
- "name": "--zg-body-border-right"
444
+ "description": "Sets the font size of caption title",
445
+ "name": "--zg-caption-title-font-size"
465
446
  },
466
447
  {
467
- "description": "Sets the font family of contents inside grid body",
468
- "name": "--zg-body-font-family"
448
+ "description": "Sets the font style of caption title",
449
+ "name": "--zg-caption-title-font-style"
469
450
  },
470
451
  {
471
- "description": "Sets the font size of contents inside grid body",
472
- "name": "--zg-body-font-size"
452
+ "description": "Sets the font weight of caption title",
453
+ "name": "--zg-caption-title-font-weight"
473
454
  },
474
455
  {
475
- "description": "Sets the font style of contents inside grid body",
476
- "name": "--zg-body-font-style"
456
+ "description": "Sets the margin of caption title",
457
+ "name": "--zg-caption-title-margin"
477
458
  },
478
459
  {
479
- "description": "Sets the font weight of contents inside grid body",
480
- "name": "--zg-body-font-weight"
460
+ "description": "Sets the padding of caption title",
461
+ "name": "--zg-caption-title-padding"
481
462
  },
482
463
  {
483
- "description": "Sets the line-height of contents inside of grid body",
484
- "name": "--zg-body-line-height"
485
- },
486
- {
487
- "description": "Styles the background of grid body in 'card' layout-mode",
488
- "name": "--zg-body-card-background"
489
- },
490
- {
491
- "description": "Styles the border of grid body in 'card' layout-mode",
492
- "name": "--zg-body-card-border"
493
- },
494
- {
495
- "description": "Styles the bottom border of grid body in 'card' layout-mode",
496
- "name": "--zg-body-card-border-bottom"
497
- },
498
- {
499
- "description": "Styles the left border of grid body in 'card' layout-mode",
500
- "name": "--zg-body-card-border-left"
501
- },
502
- {
503
- "description": "Styles the right border of grid body in 'card' layout-mode",
504
- "name": "--zg-body-card-border-right"
505
- },
506
- {
507
- "description": "Styles the top border of grid body in 'card' layout-mode. Note: If `--zg-row-border-top` set in 'card' layout-mode it will override `--zg-body-border-top`.",
508
- "name": "--zg-body-card-border-top"
509
- },
510
- {
511
- "description": "Sets display of grid body in 'card' layout-mode",
512
- "name": "--zg-body-card-display"
513
- },
514
- {
515
- "description": "Styles the top border of grid body. Note: If `--zg-row-border-top` set, it will override `--zg-body-border-top`.",
516
- "name": "--zg-body-border-top"
517
- },
518
- {
519
- "description": "Styles the border of grid body",
520
- "name": "--zg-body-border"
521
- },
522
- {
523
- "description": "Styles the bottom border of grid body",
524
- "name": "--zg-body-border-bottom"
464
+ "description": "Sets the order of caption title with respect to caption toolbar",
465
+ "name": "--zg-caption-title-order"
525
466
  },
526
467
  {
527
- "description": "Styles the background of grid body",
528
- "name": "--zg-body-background"
468
+ "description": "Sets the text alignment of caption title",
469
+ "name": "--zg-caption-title-text-align"
529
470
  },
530
471
  {
531
- "description": "Sets the font color of contents inside grid body",
532
- "name": "--zg-body-color"
533
- }
534
- ],
535
- "tagName": "zg-body",
536
- "customElement": true
537
- }
538
- ],
539
- "exports": [
540
- {
541
- "kind": "js",
542
- "name": "ZGBody",
543
- "declaration": {
544
- "name": "ZGBody",
545
- "module": "dist/zinggrid.min.js"
546
- }
547
- }
548
- ]
549
- },
550
- {
551
- "kind": "javascript-module",
552
- "path": "dist/zinggrid.min.js",
553
- "declarations": [
554
- {
555
- "kind": "class",
556
- "description": "The container for a card template that holds a custom template for card mode. This custom template\nwill be rendered per row. `<zg-card>` can be styled via CSS or the `--zg-card-*` selectors. Please reference\nthe \"Template\" section for more details on templates.",
557
- "name": "ZGCard",
558
- "cssProperties": [
559
- {
560
- "description": "Styles the background of cards in 'card' layout-mode",
561
- "name": "--zg-cell-background_layout_card"
472
+ "description": "Sets the transform of caption title",
473
+ "name": "--zg-caption-title-transform"
562
474
  },
563
475
  {
564
- "description": "Styles the border of cards in 'card' layout-mode",
565
- "name": "--zg-cell-border_layout_card"
476
+ "description": "Sets the width of caption title",
477
+ "name": "--zg-caption-title-width"
566
478
  },
567
479
  {
568
- "description": "Styles the bottom border of cards in 'card' layout-mode",
569
- "name": "--zg-cell-border-bottom_layout_card"
480
+ "description": "Sets vertical alignment of items in caption toolbar",
481
+ "name": "--zg-caption-toolbar-align-self"
570
482
  },
571
483
  {
572
- "description": "Styles the left border of cards in 'card' layout-mode",
573
- "name": "--zg-cell-border-left_layout_card"
484
+ "description": "Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.",
485
+ "name": "--zg-caption-toolbar-bottom"
574
486
  },
575
487
  {
576
- "description": "Styles the right border of cards in 'card' layout-mode",
577
- "name": "--zg-cell-border-right_layout_card"
488
+ "description": "Sets the horizontal alignment of contents in caption toolbar",
489
+ "name": "--zg-caption-toolbar-justify-content"
578
490
  },
579
491
  {
580
- "description": "Styles the top border of cards in 'card' layout-mode",
581
- "name": "--zg-cell-border-top_layout_card"
492
+ "description": "Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.",
493
+ "name": "--zg-caption-toolbar-left"
582
494
  },
583
495
  {
584
- "description": "Sets the font color of cards in 'card' layout-mode",
585
- "name": "--zg-cell-color_layout_card"
496
+ "description": "Sets the margin of caption toolbar",
497
+ "name": "--zg-caption-toolbar-margin"
586
498
  },
587
499
  {
588
- "description": "Sets the font family of cards in 'card' layout-mode",
589
- "name": "--zg-cell-font-family_layout_card"
500
+ "description": "Sets the position of caption toolbar",
501
+ "name": "--zg-caption-toolbar-position"
590
502
  },
591
503
  {
592
- "description": "Sets the font size of cards in 'card' layout-mode",
593
- "name": "--zg-cell-font-size_layout_card"
504
+ "description": "Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.",
505
+ "name": "--zg-caption-toolbar-right"
594
506
  },
595
507
  {
596
- "description": "Sets the font family of cards in 'card' layout-mode",
597
- "name": "--zg-cell-font-style_layout_card"
508
+ "description": "Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.",
509
+ "name": "--zg-caption-toolbar-top"
598
510
  },
599
511
  {
600
- "description": "Sets the font weight of cards in 'card' layout-mode",
601
- "name": "--zg-cell-font-weight_layout_card"
512
+ "description": "Sets the transform of caption toolbar",
513
+ "name": "--zg-caption-toolbar-transform"
602
514
  },
603
515
  {
604
- "description": "Sets the height of cards in 'card' layout-mode",
605
- "name": "--zg-cell-height_layout_card"
516
+ "description": "Sets the width of caption toolbar",
517
+ "name": "--zg-caption-toolbar-width"
606
518
  },
607
519
  {
608
- "description": "Sets the line height of cards in 'card' layout-mode",
609
- "name": "--zg-cell-line-height_layout_card"
520
+ "description": "Styles the background of button in caption",
521
+ "name": "--zg-caption-button-background"
610
522
  },
611
523
  {
612
- "description": "Sets the padding of cards in 'card' layout-mode",
613
- "name": "--zg-cell-padding_layout_card"
524
+ "description": "Styles the background of button in caption when the button is in a `focus` state",
525
+ "name": "--zg-caption-button-background_focus"
614
526
  },
615
527
  {
616
- "description": "Sets the transition of cards in 'card' layout-mode",
617
- "name": "--zg-cell-transition_layout_card"
528
+ "description": "Styles the background of button in caption when the button is in a `hover` state",
529
+ "name": "--zg-caption-button-background_hover"
618
530
  },
619
531
  {
620
- "description": "Sets the word break of items in cards in 'card' layout-mode",
621
- "name": "--zg-cell-word-break_layout_card"
532
+ "description": "Styles the background of button in caption when the button is in an `active` state",
533
+ "name": "--zg-caption-button-background_active"
622
534
  }
623
535
  ],
624
- "tagName": "zg-card",
536
+ "tagName": "zg-caption",
625
537
  "customElement": true,
626
538
  "attributes": [
627
539
  {
628
540
  "type": {
629
- "text": "string"
541
+ "text": "\"start\" | \"center\" | \"left\" | \"right\""
630
542
  },
631
- "description": "Sets the custom editor",
632
- "name": "editor"
543
+ "description": "The alignment of the default content in the caption",
544
+ "name": "align"
633
545
  },
634
546
  {
635
547
  "type": {
636
- "text": "string"
548
+ "text": "\"top\" | \"bottom\" | \"both\""
637
549
  },
638
- "description": "Points to an external template element to be used as the template for the card's editor",
639
- "name": "editor-template"
550
+ "description": "Indicates whether to attach the caption to the top or the bottom of the grid",
551
+ "name": "position"
552
+ }
553
+ ],
554
+ "cssParts": [
555
+ {
556
+ "description": "Caption container",
557
+ "name": "caption"
640
558
  },
641
559
  {
642
- "type": {
643
- "text": "string"
644
- },
645
- "description": "Whatever is returned from the method will be set as the innerHTMl of the card",
646
- "name": "renderer"
560
+ "description": "The title container",
561
+ "name": "title"
647
562
  },
648
563
  {
649
- "type": {
650
- "text": "string"
651
- },
652
- "description": "Points to an external template element to be used as the template for the card's renderer",
653
- "name": "renderer-template"
564
+ "description": "The toolbar container",
565
+ "name": "toolbar"
654
566
  }
655
567
  ],
656
568
  "members": [
657
569
  {
658
570
  "kind": "field",
659
- "name": "editor",
660
- "type": {
661
- "text": "string"
662
- },
663
- "description": "Sets the custom editor",
664
- "attribute": "editor"
665
- },
666
- {
667
- "kind": "field",
668
- "name": "editorTemplate",
669
- "type": {
670
- "text": "string"
671
- },
672
- "description": "Points to an external template element to be used as the template for the card's editor",
673
- "attribute": "editorTemplate"
674
- },
675
- {
676
- "kind": "field",
677
- "name": "renderer",
571
+ "name": "align",
678
572
  "type": {
679
- "text": "string"
573
+ "text": "\"start\" | \"center\" | \"left\" | \"right\""
680
574
  },
681
- "description": "Whatever is returned from the method will be set as the innerHTMl of the card",
682
- "attribute": "renderer"
575
+ "description": "The alignment of the default content in the caption",
576
+ "attribute": "align"
683
577
  },
684
578
  {
685
579
  "kind": "field",
686
- "name": "rendererTemplate",
580
+ "name": "position",
687
581
  "type": {
688
- "text": "string"
582
+ "text": "\"top\" | \"bottom\" | \"both\""
689
583
  },
690
- "description": "Points to an external template element to be used as the template for the card's renderer",
691
- "attribute": "rendererTemplate"
584
+ "description": "Indicates whether to attach the caption to the top or the bottom of the grid",
585
+ "attribute": "position"
692
586
  }
693
587
  ],
694
588
  "slots": [
695
589
  {
696
- "description": "Card content.",
590
+ "description": "Caption title.",
697
591
  "name": ""
592
+ },
593
+ {
594
+ "description": "Caption title. Use when using a feature that enables caption toolbar ([contextMenu], [search], [staticMenu]).",
595
+ "name": "message"
596
+ },
597
+ {
598
+ "description": "Caption toolbar, which is added to the rightmost of caption by default.",
599
+ "name": "tool"
698
600
  }
699
601
  ]
700
602
  }
@@ -702,9 +604,9 @@
702
604
  "exports": [
703
605
  {
704
606
  "kind": "js",
705
- "name": "ZGCard",
607
+ "name": "ZGCaption",
706
608
  "declaration": {
707
- "name": "ZGCard",
609
+ "name": "ZGCaption",
708
610
  "module": "dist/zinggrid.min.js"
709
611
  }
710
612
  }
@@ -716,525 +618,623 @@
716
618
  "declarations": [
717
619
  {
718
620
  "kind": "class",
719
- "description": "`<zg-cell>` is the container for a single cell;\nit corresponds to the `<td>` tag on an HTML table. It is automatically inserted and should not \nbe placed directly in the user's HTML. `<zg-cell>` can be styled via CSS.",
720
- "name": "ZGCell",
621
+ "description": "A custom, styled button that can be used both for internal grid-related action and for user-specific\nactions. It is stylable via CSS. Some buttons are automatically inserted when a feature that uses it enabled, like `pager`, while\nothers are inserted manually by the user.",
622
+ "name": "ZGButton",
721
623
  "cssProperties": [
722
624
  {
723
- "description": "Styles the background of cells",
724
- "name": "--zg-cell-background"
625
+ "description": "Styles the background of button",
626
+ "name": "--zg-button-background"
725
627
  },
726
628
  {
727
- "description": "Styles the background of cells in 'row' layout-mode",
728
- "name": "--zg-cell-background_layout_row"
629
+ "description": "Styles the border of a button",
630
+ "name": "--zg-button-border"
729
631
  },
730
632
  {
731
- "description": "Styles the border of cells",
732
- "name": "--zg-cell-border"
633
+ "description": "Styles the bottom border of a button",
634
+ "name": "--zg-button-border-bottom"
733
635
  },
734
636
  {
735
- "description": "Styles the bottom border of cells",
736
- "name": "--zg-cell-border-bottom"
637
+ "description": "Styles the left border of a button",
638
+ "name": "--zg-button-border-left"
737
639
  },
738
640
  {
739
- "description": "Styles the border of cells in 'row' layout-mode",
740
- "name": "--zg-cell-border_layout_row"
641
+ "description": "Styles the right border of a button",
642
+ "name": "--zg-button-border-right"
741
643
  },
742
644
  {
743
- "description": "Styles the bottom border of cells in 'row' layout-mode",
744
- "name": "--zg-cell-border-bottom_layout_row"
645
+ "description": "Styles the top border of a button",
646
+ "name": "--zg-button-border-top"
745
647
  },
746
648
  {
747
- "description": "Styles the left border of cells",
748
- "name": "--zg-cell-border-left"
649
+ "description": "Styles the box-shadow of the button",
650
+ "name": "--zg-button-box-shadow"
749
651
  },
750
652
  {
751
- "description": "Styles the left border of cells in 'row' layout-mode",
752
- "name": "--zg-cell-border-left_layout_row"
653
+ "description": "Sets the font color of button",
654
+ "name": "--zg-button-color"
753
655
  },
754
656
  {
755
- "description": "Styles the right border of cells",
756
- "name": "--zg-cell-border-right"
657
+ "description": "Sets the font family of button",
658
+ "name": "--zg-button-font-family"
757
659
  },
758
660
  {
759
- "description": "Styles the right border of cells in 'row' layout-mode",
760
- "name": "--zg-cell-border-right_layout_row"
661
+ "description": "Sets the font size of button",
662
+ "name": "--zg-button-font-size"
761
663
  },
762
664
  {
763
- "description": "Styles the top border of cells",
764
- "name": "--zg-cell-border-top"
665
+ "description": "Sets the font style of button",
666
+ "name": "--zg-button-font-style"
765
667
  },
766
668
  {
767
- "description": "Styles the top border of cells in 'row' layout-mode",
768
- "name": "--zg-cell-border-top_layout_row"
669
+ "description": "Sets the font weight of button",
670
+ "name": "--zg-button-font-weight"
769
671
  },
770
672
  {
771
- "description": "Styles font color of text in cells",
772
- "name": "--zg-cell-color"
673
+ "description": "Sets the line height of button",
674
+ "name": "--zg-button-line-height"
773
675
  },
774
676
  {
775
- "description": "Styles font color of text in cells in 'row' layout-mode",
776
- "name": "--zg-cell-color_layout_row"
677
+ "description": "Sets the margin of button",
678
+ "name": "--zg-button-margin"
777
679
  },
778
680
  {
779
- "description": "Sets the font family in cells",
780
- "name": "--zg-cell-font-family"
681
+ "description": "Sets the padding of button",
682
+ "name": "--zg-button-padding"
781
683
  },
782
684
  {
783
- "description": "Sets the font family in cells in 'row' layout-mode",
784
- "name": "--zg-cell-font-family_layout_row"
685
+ "description": "Styles the background of the icon in a button on hover state",
686
+ "name": "--zg-button-icon-background_hover"
785
687
  },
786
688
  {
787
- "description": "Sets the font size in cells",
788
- "name": "--zg-cell-font-size"
689
+ "description": "Styles the background of button on hover",
690
+ "name": "--zg-button-background_hover"
789
691
  },
790
692
  {
791
- "description": "Sets the font size in cells in 'row' layout-mode",
792
- "name": "--zg-cell-font-size_layout_row"
693
+ "description": "Styles the border of a button on hover state",
694
+ "name": "--zg-button-border_hover"
793
695
  },
794
696
  {
795
- "description": "Sets the font style in cells",
796
- "name": "--zg-cell-font-style"
697
+ "description": "Styles the bottom border of a button on hover",
698
+ "name": "--zg-button-border-bottom_hover"
797
699
  },
798
700
  {
799
- "description": "Sets the font style in cells in 'row' layout-mode",
800
- "name": "--zg-cell-font-style_layout_row"
701
+ "description": "Styles the left border of a button on hover",
702
+ "name": "--zg-button-border-left_hover"
801
703
  },
802
704
  {
803
- "description": "Sets the font weight in cells",
804
- "name": "--zg-cell-font-weight"
705
+ "description": "Styles the right border of a button on hover",
706
+ "name": "--zg-button-border-right_hover"
805
707
  },
806
708
  {
807
- "description": "Sets the font weight in cells in 'row' layout-mode",
808
- "name": "--zg-cell-font-weight_layout_row"
709
+ "description": "Styles the top border of a button on hover",
710
+ "name": "--zg-button-border-top_hover"
809
711
  },
810
712
  {
811
- "description": "Sets height of cells",
812
- "name": "--zg-cell-height"
713
+ "description": "Styles the box-shadow of the button on hover",
714
+ "name": "--zg-button-box-shadow_hover"
813
715
  },
814
716
  {
815
- "description": "Sets height of cells in 'row' layout-mode",
816
- "name": "--zg-cell-height_layout_row"
717
+ "description": "Styles the color of the button on hover",
718
+ "name": "--zg-button-color_hover"
817
719
  },
818
720
  {
819
- "description": "Sets line height of cells",
820
- "name": "--zg-cell-line-height"
721
+ "description": "Sets the transition speed of button",
722
+ "name": "--zg-button-transition_speed"
821
723
  },
822
724
  {
823
- "description": "Sets line height of cells in 'row' layout-mode",
824
- "name": "--zg-cell-line-height_layout_row"
725
+ "description": "Styles the background of button on focus",
726
+ "name": "--zg-button-background_focus"
825
727
  },
826
728
  {
827
- "description": "Sets padding of cells",
828
- "name": "--zg-cell-padding"
729
+ "description": "Styles the border of a button on focus state",
730
+ "name": "--zg-button-border_focus"
829
731
  },
830
732
  {
831
- "description": "Sets padding of cells in 'row' layout-mode",
832
- "name": "--zg-cell-padding_layout_row"
733
+ "description": "Styles the bottom border of a button on focus",
734
+ "name": "--zg-button-border-bottom_focus"
833
735
  },
834
736
  {
835
- "description": "Sets the transition of cells",
836
- "name": "--zg-cell-transition"
737
+ "description": "Styles the left border of a button on focus",
738
+ "name": "--zg-button-border-left_focus"
837
739
  },
838
740
  {
839
- "description": "Sets the transition of cells in 'row' layout-mode",
840
- "name": "--zg-cell-transition_layout_row"
741
+ "description": "Styles the right border of a button on focus",
742
+ "name": "--zg-button-border-right_focus"
841
743
  },
842
744
  {
843
- "description": "Sets vertical alignment of items in cells",
844
- "name": "--zg-cell-vertical-align"
745
+ "description": "Styles the top border of a button on focus",
746
+ "name": "--zg-button-border-top_focus"
845
747
  },
846
748
  {
847
- "description": "Sets vertical alignment of items in cells in 'row' layout-mode",
848
- "name": "--zg-cell-vertical-align_layout_row"
749
+ "description": "Styles the box-shadow of the button on focus",
750
+ "name": "--zg-button-box-shadow_focus"
849
751
  },
850
752
  {
851
- "description": "Styles the background of cells in sorted column",
852
- "name": "--zg-cell-background_sorted"
753
+ "description": "Styles the color of the button on focus",
754
+ "name": "--zg-button-color_focus"
853
755
  },
854
756
  {
855
- "description": "Styles the background of cells in sorted column in 'row' layout-mode",
856
- "name": "--zg-cell-background_layout_row_sorted"
757
+ "description": "Styles of background of button on active state",
758
+ "name": "--zg-button-background_active"
857
759
  },
858
760
  {
859
- "description": "Sets the font color of cells in sorted column",
860
- "name": "--zg-cell-color_sorted"
761
+ "description": "Styles the border of a button on active state",
762
+ "name": "--zg-button-border_active"
861
763
  },
862
764
  {
863
- "description": "Sets the font color of cells in sorted column in 'row' layout-mode",
864
- "name": "--zg-cell-color_layout_row_sorted"
765
+ "description": "Styles the bottom border of a button on active state",
766
+ "name": "--zg-button-border-bottom_active"
865
767
  },
866
768
  {
867
- "description": "Sets font color of label in cards in 'card' layout-mode",
868
- "name": "--zg-cell-label-color_layout_card"
769
+ "description": "Styles the left border of a button on active state",
770
+ "name": "--zg-button-border-left_active"
869
771
  },
870
772
  {
871
- "description": "Sets the display of label in cards in 'card' layout-mode",
872
- "name": "--zg-cell-label-display_layout_card"
773
+ "description": "Styles the right border of a button on active state",
774
+ "name": "--zg-button-border-right_active"
873
775
  },
874
776
  {
875
- "description": "Sets font size of label in cards in 'card' layout-mode",
876
- "name": "--zg-cell-label-font-size_layout_card"
777
+ "description": "Styles the top border of a button on active state",
778
+ "name": "--zg-button-border-top_active"
877
779
  },
878
780
  {
879
- "description": "Sets the margin of label in cards in 'card' layout-mode",
880
- "name": "--zg-cell-label-margin_layout_card"
781
+ "description": "Styles the box-shadow of the button on activation",
782
+ "name": "--zg-button-box-shadow_active"
881
783
  },
882
784
  {
883
- "description": "Sets the overflow of label in cards in 'card' layout-mode",
884
- "name": "--zg-cell-label-overflow_layout_card"
785
+ "description": "Styles the color of the button on active state",
786
+ "name": "--zg-button-color_active"
885
787
  },
886
788
  {
887
- "description": "Sets transform of label in cards in 'card' layout-mode",
888
- "name": "--zg-cell-label-transform_layout_card"
789
+ "description": "Styles the opacity of disabled button or button on hover",
790
+ "name": "--zg-button-opacity_disabled"
889
791
  },
890
792
  {
891
- "description": "Sets font weight of label in cards in 'card' layout-mode",
892
- "name": "--zg-cell-label-font-weight_layout_card"
793
+ "description": "Styles the background of custom button",
794
+ "name": "--zg-button-background_custom"
893
795
  },
894
796
  {
895
- "description": "Styles the border of card items in 'card' layout-mode",
896
- "name": "--zg-cell-content-border_layout_card"
797
+ "description": "Styles the border of custom button",
798
+ "name": "--zg-button-border_custom"
897
799
  },
898
800
  {
899
- "description": "Styles the bottom border of card items in 'card' layout-mode",
900
- "name": "--zg-cell-content-border-bottom_layout_card"
801
+ "description": "Applies a box shadow behind custom button",
802
+ "name": "--zg-button-box-shadow_custom"
901
803
  },
902
804
  {
903
- "description": "Styles the left border of card items in 'card' layout-mode",
904
- "name": "--zg-cell-content-border-left_layout_card"
805
+ "description": "Styles the background of custom button on focus",
806
+ "name": "--zg-button-background_custom_focus"
905
807
  },
906
808
  {
907
- "description": "Styles the right border of card items in 'card' layout-mode",
908
- "name": "--zg-cell-content-border-right_layout_card"
809
+ "description": "Styles the border of custom button on focus",
810
+ "name": "--zg-button-border_custom_focus"
909
811
  },
910
812
  {
911
- "description": "Styles the top border of card items in 'card' layout-mode",
912
- "name": "--zg-cell-content-border-top_layout_card"
813
+ "description": "Applies a box shadow behind custom button on focus",
814
+ "name": "--zg-button-box-shadow_custom_focus"
913
815
  },
914
816
  {
915
- "description": "Sets the font size of cards in 'card' layout-mode",
916
- "name": "--zg-cell-content-font-size_layout_card"
817
+ "description": "Sets the font color of custom button on focus",
818
+ "name": "--zg-button-color_custom_focus"
917
819
  },
918
820
  {
919
- "description": "Sets the padding of cards in 'card' layout-mode",
920
- "name": "--zg-cell-content-padding_layout_card"
821
+ "description": "Styles the background of icon in custom button on hover",
822
+ "name": "--zg-button-icon-background_custom_hover"
921
823
  },
922
824
  {
923
- "description": "Styles the background of cells on hover",
924
- "name": "--zg-cell-background_hover"
825
+ "description": "Styles the background of custom button on hover",
826
+ "name": "--zg-button-background_custom_hover"
925
827
  },
926
828
  {
927
- "description": "Styles the background of cells in 'row' layout-mode on hover",
928
- "name": "--zg-cell-background_hover_layout_row"
829
+ "description": "Styles the border of custom button on hover",
830
+ "name": "--zg-button-border_custom_hover"
929
831
  },
930
832
  {
931
- "description": "Styles font color of cells on hover",
932
- "name": "--zg-cell-color_hover"
833
+ "description": "Applies a box shadow behing custom button on hover",
834
+ "name": "--zg-button-box-shadow_custom_hover"
933
835
  },
934
836
  {
935
- "description": "Styles font color of cells in 'row' layout-mode on hover",
936
- "name": "--zg-cell-color_hover_layout_row"
937
- }
938
- ],
939
- "tagName": "zg-cell",
940
- "customElement": true
941
- }
942
- ],
943
- "exports": [
944
- {
945
- "kind": "js",
946
- "name": "ZGCell",
947
- "declaration": {
948
- "name": "ZGCell",
949
- "module": "dist/zinggrid.min.js"
950
- }
951
- }
952
- ]
953
- },
954
- {
955
- "kind": "javascript-module",
956
- "path": "dist/zinggrid.min.js",
957
- "declarations": [
958
- {
959
- "kind": "class",
960
- "description": "A caption can be manually inserted inside the `<zing-grid>` tag as slotted content or automatically\ninserted when the `caption` is enabled. `<zg-caption>` is stylable via CSS.",
961
- "name": "ZGCaption",
962
- "cssProperties": [
963
- {
964
- "description": "Styles the background of caption",
965
- "name": "--zg-caption-background"
837
+ "description": "Sets the font color of custom button on hover",
838
+ "name": "--zg-button-color_custom_hover"
966
839
  },
967
840
  {
968
- "description": "Styles the border of caption",
969
- "name": "--zg-caption-border"
841
+ "description": "Styles the background of custom button on active state",
842
+ "name": "--zg-button-background_custom_active"
970
843
  },
971
844
  {
972
- "description": "Styles the bottom border of caption",
973
- "name": "--zg-caption-border-bottom"
845
+ "description": "Styles the border of custom button on active state",
846
+ "name": "--zg-button-border_custom_active"
974
847
  },
975
848
  {
976
- "description": "Styles the left border of caption",
977
- "name": "--zg-caption-border-left"
849
+ "description": "Applies a box shadow behind custom button on active state",
850
+ "name": "--zg-button-box-shadow_custom_active"
978
851
  },
979
852
  {
980
- "description": "Styles the right border of caption",
981
- "name": "--zg-caption-border-right"
982
- },
853
+ "description": "Sets the font color of custom button on active state",
854
+ "name": "--zg-button-color_custom_active"
855
+ }
856
+ ],
857
+ "tagName": "zg-button",
858
+ "customElement": true,
859
+ "attributes": [
983
860
  {
984
- "description": "Styles the top border of caption",
985
- "name": "--zg-caption-border-top"
861
+ "type": {
862
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checkbox\" | \"closerowdetails\" | \"closerowgroup\" | \"copycell\" | \"createrecord\" | \"createrecordend\" | \"createrecordstart\" | \"deselect\" | \"duplicaterecord\" | \"editcell\" | \"editrecord\" | \"editrow\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"freezecolumnleft\" | \"freezecolumnright\" | \"unfreezecolumn\" | \"freezerowtop\" | \"freezerowbottom\" | \"hidecolumn\" | \"unfreezerow\" | \"getselection\" | \"insertrecord\" | \"layoutrow\" | \"layoutcard\" | \"lastpage\" | \"menu\" | \"nextpage\" | \"openrowdetails\" | \"openrowgroup\" | \"page\" | \"pastecell\" | \"prevpage\" | \"reload\" | \"removerecord\" | \"undoremoverecord\" | \"resetstate\" | \"search\" | \"selectall\" | \"selectcell\" | \"selectrow\" | \"sortcolumn\" | \"submitrecord\" | \"clearfilter\" | \"closefilterrow\" | \"openfilterrow\" | \"about\""
863
+ },
864
+ "description": "The action of the button",
865
+ "name": "action"
986
866
  },
987
867
  {
988
- "description": "Applies a border-radius to the caption",
989
- "name": "--zg-caption-border-radius"
868
+ "type": {
869
+ "text": "string"
870
+ },
871
+ "description": "Set to a template or a function to return true or false to set the disabled state. The function's callback receives rowData and zg-cell object if in a cell",
872
+ "name": "custom-disabled"
990
873
  },
991
874
  {
992
- "description": "Applies a top-left border-radius to the caption",
993
- "name": "--zg-caption-border-top-left-radius"
875
+ "type": {
876
+ "text": "string"
877
+ },
878
+ "description": "A custom tooltip to set on the button",
879
+ "name": "custom-tooltip"
994
880
  },
995
881
  {
996
- "description": "Applies a top-right border-radius to the caption",
997
- "name": "--zg-caption-border-top-right-radius"
882
+ "type": {
883
+ "text": "boolean"
884
+ },
885
+ "description": "Whether the button is disabled or not",
886
+ "name": "disabled"
998
887
  },
999
888
  {
1000
- "description": "Applies a bottom-left border-radius to the caption",
1001
- "name": "--zg-caption-border-bottom-left-radius"
889
+ "type": {
890
+ "text": "string | boolean"
891
+ },
892
+ "description": "By default, action buttons have no border and custom buttons do. You can force a border by setting the `[force-border]` attribute and you can force no border by setting `[force-border=\"disabled\"]`",
893
+ "name": "force-border"
1002
894
  },
1003
895
  {
1004
- "description": "Applies a bottom-right border-radius to the caption",
1005
- "name": "--zg-caption-border-bottom-right-radius"
896
+ "type": {
897
+ "text": "string"
898
+ },
899
+ "description": "A custom function to call on button click",
900
+ "name": "handler"
1006
901
  },
1007
902
  {
1008
- "description": "Applies a box shadow behind caption",
1009
- "name": "--zg-caption-box-shadow"
1010
- },
903
+ "type": {
904
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"firstpage\" | \"fixedmenu\" | \"filter\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
905
+ },
906
+ "description": "The icon for the button to enable styling",
907
+ "name": "icon"
908
+ }
909
+ ],
910
+ "members": [
1011
911
  {
1012
- "description": "Sets the font color of caption",
1013
- "name": "--zg-caption-color"
912
+ "kind": "field",
913
+ "name": "action",
914
+ "type": {
915
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checkbox\" | \"closerowdetails\" | \"closerowgroup\" | \"copycell\" | \"createrecord\" | \"createrecordend\" | \"createrecordstart\" | \"deselect\" | \"duplicaterecord\" | \"editcell\" | \"editrecord\" | \"editrow\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"freezecolumnleft\" | \"freezecolumnright\" | \"unfreezecolumn\" | \"freezerowtop\" | \"freezerowbottom\" | \"hidecolumn\" | \"unfreezerow\" | \"getselection\" | \"insertrecord\" | \"layoutrow\" | \"layoutcard\" | \"lastpage\" | \"menu\" | \"nextpage\" | \"openrowdetails\" | \"openrowgroup\" | \"page\" | \"pastecell\" | \"prevpage\" | \"reload\" | \"removerecord\" | \"undoremoverecord\" | \"resetstate\" | \"search\" | \"selectall\" | \"selectcell\" | \"selectrow\" | \"sortcolumn\" | \"submitrecord\" | \"clearfilter\" | \"closefilterrow\" | \"openfilterrow\" | \"about\""
916
+ },
917
+ "description": "The action of the button",
918
+ "attribute": "action"
1014
919
  },
1015
920
  {
1016
- "description": "Sets the font family of caption",
1017
- "name": "--zg-caption-font-family"
921
+ "kind": "field",
922
+ "name": "customDisabled",
923
+ "type": {
924
+ "text": "string"
925
+ },
926
+ "description": "Set to a template or a function to return true or false to set the disabled state. The function's callback receives rowData and zg-cell object if in a cell",
927
+ "attribute": "customDisabled"
1018
928
  },
1019
929
  {
1020
- "description": "Sets the font size of caption",
1021
- "name": "--zg-caption-font-size"
930
+ "kind": "field",
931
+ "name": "customTooltip",
932
+ "type": {
933
+ "text": "string"
934
+ },
935
+ "description": "A custom tooltip to set on the button",
936
+ "attribute": "customTooltip"
1022
937
  },
1023
938
  {
1024
- "description": "Sets the font style of caption",
1025
- "name": "--zg-caption-font-style"
939
+ "kind": "field",
940
+ "name": "disabled",
941
+ "type": {
942
+ "text": "boolean"
943
+ },
944
+ "description": "Whether the button is disabled or not",
945
+ "attribute": "disabled"
1026
946
  },
1027
947
  {
1028
- "description": "Sets the font weight of caption",
1029
- "name": "--zg-caption-font-weight"
948
+ "kind": "field",
949
+ "name": "forceBorder",
950
+ "type": {
951
+ "text": "string | boolean"
952
+ },
953
+ "description": "By default, action buttons have no border and custom buttons do. You can force a border by setting the `[force-border]` attribute and you can force no border by setting `[force-border=\"disabled\"]`",
954
+ "attribute": "forceBorder"
1030
955
  },
1031
956
  {
1032
- "description": "Sets the margin of caption",
1033
- "name": "--zg-caption-margin"
957
+ "kind": "field",
958
+ "name": "handler",
959
+ "type": {
960
+ "text": "string"
961
+ },
962
+ "description": "A custom function to call on button click",
963
+ "attribute": "handler"
1034
964
  },
1035
965
  {
1036
- "description": "Sets the opacity of caption",
1037
- "name": "--zg-caption-opacity"
966
+ "kind": "field",
967
+ "name": "icon",
968
+ "type": {
969
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"firstpage\" | \"fixedmenu\" | \"filter\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
970
+ },
971
+ "description": "The icon for the button to enable styling",
972
+ "attribute": "icon"
973
+ }
974
+ ],
975
+ "slots": [
976
+ {
977
+ "description": "Button content.",
978
+ "name": ""
1038
979
  },
1039
980
  {
1040
- "description": "Sets the padding of caption",
1041
- "name": "--zg-caption-padding"
981
+ "description": "Button icon. Replaces the default slot.",
982
+ "name": "icon"
1042
983
  },
1043
984
  {
1044
- "description": "Sets the transition of caption",
1045
- "name": "--zg-caption-transition"
985
+ "description": "Button label. Use to add a label when using the \"icon\" slot.",
986
+ "name": "label"
987
+ }
988
+ ]
989
+ }
990
+ ],
991
+ "exports": [
992
+ {
993
+ "kind": "js",
994
+ "name": "ZGButton",
995
+ "declaration": {
996
+ "name": "ZGButton",
997
+ "module": "dist/zinggrid.min.js"
998
+ }
999
+ }
1000
+ ]
1001
+ },
1002
+ {
1003
+ "kind": "javascript-module",
1004
+ "path": "dist/zinggrid.min.js",
1005
+ "declarations": [
1006
+ {
1007
+ "kind": "class",
1008
+ "description": "`<zg-cell>` is the container for a single cell;\nit corresponds to the `<td>` tag on an HTML table. It is automatically inserted and should not \nbe placed directly in the user's HTML. `<zg-cell>` can be styled via CSS.",
1009
+ "name": "ZGCell",
1010
+ "cssProperties": [
1011
+ {
1012
+ "description": "Styles the background of cells",
1013
+ "name": "--zg-cell-background"
1046
1014
  },
1047
1015
  {
1048
- "description": "Sets the vertical alignment of items (title and toolbar) in caption",
1049
- "name": "--zg-caption-align-items"
1016
+ "description": "Styles the background of cells in 'row' layout-mode",
1017
+ "name": "--zg-cell-background_layout_row"
1050
1018
  },
1051
1019
  {
1052
- "description": "Sets the flex direction of items (title and toolbar) in caption",
1053
- "name": "--zg-caption-flex-direction"
1020
+ "description": "Styles the border of cells",
1021
+ "name": "--zg-cell-border"
1054
1022
  },
1055
1023
  {
1056
- "description": "Sets the height of caption",
1057
- "name": "--zg-caption-height"
1024
+ "description": "Styles the bottom border of cells",
1025
+ "name": "--zg-cell-border-bottom"
1058
1026
  },
1059
1027
  {
1060
- "description": "Sets vertical alignment of items in caption title",
1061
- "name": "--zg-caption-title-align-self"
1028
+ "description": "Styles the border of cells in 'row' layout-mode",
1029
+ "name": "--zg-cell-border_layout_row"
1062
1030
  },
1063
1031
  {
1064
- "description": "Sets how items are flexed in caption title",
1065
- "name": "--zg-caption-title-flex"
1032
+ "description": "Styles the bottom border of cells in 'row' layout-mode",
1033
+ "name": "--zg-cell-border-bottom_layout_row"
1066
1034
  },
1067
1035
  {
1068
- "description": "Sets the font-family of caption title",
1069
- "name": "--zg-caption-title-font-family"
1036
+ "description": "Styles the left border of cells",
1037
+ "name": "--zg-cell-border-left"
1070
1038
  },
1071
1039
  {
1072
- "description": "Sets the font size of caption title",
1073
- "name": "--zg-caption-title-font-size"
1040
+ "description": "Styles the left border of cells in 'row' layout-mode",
1041
+ "name": "--zg-cell-border-left_layout_row"
1074
1042
  },
1075
1043
  {
1076
- "description": "Sets the font style of caption title",
1077
- "name": "--zg-caption-title-font-style"
1044
+ "description": "Styles the right border of cells",
1045
+ "name": "--zg-cell-border-right"
1078
1046
  },
1079
1047
  {
1080
- "description": "Sets the font weight of caption title",
1081
- "name": "--zg-caption-title-font-weight"
1048
+ "description": "Styles the right border of cells in 'row' layout-mode",
1049
+ "name": "--zg-cell-border-right_layout_row"
1082
1050
  },
1083
1051
  {
1084
- "description": "Sets the margin of caption title",
1085
- "name": "--zg-caption-title-margin"
1052
+ "description": "Styles the top border of cells",
1053
+ "name": "--zg-cell-border-top"
1086
1054
  },
1087
1055
  {
1088
- "description": "Sets the padding of caption title",
1089
- "name": "--zg-caption-title-padding"
1056
+ "description": "Styles the top border of cells in 'row' layout-mode",
1057
+ "name": "--zg-cell-border-top_layout_row"
1090
1058
  },
1091
1059
  {
1092
- "description": "Sets the order of caption title with respect to caption toolbar",
1093
- "name": "--zg-caption-title-order"
1060
+ "description": "Styles font color of text in cells",
1061
+ "name": "--zg-cell-color"
1094
1062
  },
1095
1063
  {
1096
- "description": "Sets the text alignment of caption title",
1097
- "name": "--zg-caption-title-text-align"
1064
+ "description": "Styles font color of text in cells in 'row' layout-mode",
1065
+ "name": "--zg-cell-color_layout_row"
1098
1066
  },
1099
1067
  {
1100
- "description": "Sets the transform of caption title",
1101
- "name": "--zg-caption-title-transform"
1068
+ "description": "Sets the font family in cells",
1069
+ "name": "--zg-cell-font-family"
1102
1070
  },
1103
1071
  {
1104
- "description": "Sets the width of caption title",
1105
- "name": "--zg-caption-title-width"
1072
+ "description": "Sets the font family in cells in 'row' layout-mode",
1073
+ "name": "--zg-cell-font-family_layout_row"
1106
1074
  },
1107
1075
  {
1108
- "description": "Sets vertical alignment of items in caption toolbar",
1109
- "name": "--zg-caption-toolbar-align-self"
1076
+ "description": "Sets the font size in cells",
1077
+ "name": "--zg-cell-font-size"
1110
1078
  },
1111
1079
  {
1112
- "description": "Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.",
1113
- "name": "--zg-caption-toolbar-bottom"
1080
+ "description": "Sets the font size in cells in 'row' layout-mode",
1081
+ "name": "--zg-cell-font-size_layout_row"
1114
1082
  },
1115
1083
  {
1116
- "description": "Sets the horizontal alignment of contents in caption toolbar",
1117
- "name": "--zg-caption-toolbar-justify-content"
1084
+ "description": "Sets the font style in cells",
1085
+ "name": "--zg-cell-font-style"
1118
1086
  },
1119
1087
  {
1120
- "description": "Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.",
1121
- "name": "--zg-caption-toolbar-left"
1088
+ "description": "Sets the font style in cells in 'row' layout-mode",
1089
+ "name": "--zg-cell-font-style_layout_row"
1122
1090
  },
1123
1091
  {
1124
- "description": "Sets the margin of caption toolbar",
1125
- "name": "--zg-caption-toolbar-margin"
1092
+ "description": "Sets the font weight in cells",
1093
+ "name": "--zg-cell-font-weight"
1126
1094
  },
1127
1095
  {
1128
- "description": "Sets the position of caption toolbar",
1129
- "name": "--zg-caption-toolbar-position"
1096
+ "description": "Sets the font weight in cells in 'row' layout-mode",
1097
+ "name": "--zg-cell-font-weight_layout_row"
1130
1098
  },
1131
1099
  {
1132
- "description": "Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.",
1133
- "name": "--zg-caption-toolbar-right"
1100
+ "description": "Sets height of cells",
1101
+ "name": "--zg-cell-height"
1134
1102
  },
1135
1103
  {
1136
- "description": "Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.",
1137
- "name": "--zg-caption-toolbar-top"
1104
+ "description": "Sets height of cells in 'row' layout-mode",
1105
+ "name": "--zg-cell-height_layout_row"
1138
1106
  },
1139
1107
  {
1140
- "description": "Sets the transform of caption toolbar",
1141
- "name": "--zg-caption-toolbar-transform"
1108
+ "description": "Sets line height of cells",
1109
+ "name": "--zg-cell-line-height"
1142
1110
  },
1143
1111
  {
1144
- "description": "Sets the width of caption toolbar",
1145
- "name": "--zg-caption-toolbar-width"
1112
+ "description": "Sets line height of cells in 'row' layout-mode",
1113
+ "name": "--zg-cell-line-height_layout_row"
1146
1114
  },
1147
1115
  {
1148
- "description": "Styles the background of button in caption",
1149
- "name": "--zg-caption-button-background"
1116
+ "description": "Sets padding of cells",
1117
+ "name": "--zg-cell-padding"
1150
1118
  },
1151
1119
  {
1152
- "description": "Styles the background of button in caption when the button is in a `focus` state",
1153
- "name": "--zg-caption-button-background_focus"
1120
+ "description": "Sets padding of cells in 'row' layout-mode",
1121
+ "name": "--zg-cell-padding_layout_row"
1154
1122
  },
1155
1123
  {
1156
- "description": "Styles the background of button in caption when the button is in a `hover` state",
1157
- "name": "--zg-caption-button-background_hover"
1124
+ "description": "Sets the transition of cells",
1125
+ "name": "--zg-cell-transition"
1158
1126
  },
1159
1127
  {
1160
- "description": "Styles the background of button in caption when the button is in an `active` state",
1161
- "name": "--zg-caption-button-background_active"
1162
- }
1163
- ],
1164
- "tagName": "zg-caption",
1165
- "customElement": true,
1166
- "attributes": [
1128
+ "description": "Sets the transition of cells in 'row' layout-mode",
1129
+ "name": "--zg-cell-transition_layout_row"
1130
+ },
1167
1131
  {
1168
- "type": {
1169
- "text": "\"start\" | \"left\" | \"right\" | \"center\""
1170
- },
1171
- "description": "The alignment of the default content in the caption",
1172
- "name": "align"
1132
+ "description": "Sets vertical alignment of items in cells",
1133
+ "name": "--zg-cell-vertical-align"
1173
1134
  },
1174
1135
  {
1175
- "type": {
1176
- "text": "\"top\" | \"bottom\" | \"both\""
1177
- },
1178
- "description": "Indicates whether to attach the caption to the top or the bottom of the grid",
1179
- "name": "position"
1180
- }
1181
- ],
1182
- "cssParts": [
1136
+ "description": "Sets vertical alignment of items in cells in 'row' layout-mode",
1137
+ "name": "--zg-cell-vertical-align_layout_row"
1138
+ },
1183
1139
  {
1184
- "description": "Caption container",
1185
- "name": "caption"
1140
+ "description": "Styles the background of cells in sorted column",
1141
+ "name": "--zg-cell-background_sorted"
1186
1142
  },
1187
1143
  {
1188
- "description": "The title container",
1189
- "name": "title"
1144
+ "description": "Styles the background of cells in sorted column in 'row' layout-mode",
1145
+ "name": "--zg-cell-background_layout_row_sorted"
1190
1146
  },
1191
1147
  {
1192
- "description": "The toolbar container",
1193
- "name": "toolbar"
1194
- }
1195
- ],
1196
- "members": [
1148
+ "description": "Sets the font color of cells in sorted column",
1149
+ "name": "--zg-cell-color_sorted"
1150
+ },
1197
1151
  {
1198
- "kind": "field",
1199
- "name": "align",
1200
- "type": {
1201
- "text": "\"start\" | \"left\" | \"right\" | \"center\""
1202
- },
1203
- "description": "The alignment of the default content in the caption",
1204
- "attribute": "align"
1152
+ "description": "Sets the font color of cells in sorted column in 'row' layout-mode",
1153
+ "name": "--zg-cell-color_layout_row_sorted"
1205
1154
  },
1206
1155
  {
1207
- "kind": "field",
1208
- "name": "position",
1209
- "type": {
1210
- "text": "\"top\" | \"bottom\" | \"both\""
1211
- },
1212
- "description": "Indicates whether to attach the caption to the top or the bottom of the grid",
1213
- "attribute": "position"
1214
- }
1215
- ],
1216
- "slots": [
1156
+ "description": "Sets font color of label in cards in 'card' layout-mode",
1157
+ "name": "--zg-cell-label-color_layout_card"
1158
+ },
1217
1159
  {
1218
- "description": "Caption title.",
1219
- "name": ""
1160
+ "description": "Sets the display of label in cards in 'card' layout-mode",
1161
+ "name": "--zg-cell-label-display_layout_card"
1220
1162
  },
1221
1163
  {
1222
- "description": "Caption title. Use when using a feature that enables caption toolbar ([contextMenu], [search], [staticMenu]).",
1223
- "name": "message"
1164
+ "description": "Sets font size of label in cards in 'card' layout-mode",
1165
+ "name": "--zg-cell-label-font-size_layout_card"
1224
1166
  },
1225
1167
  {
1226
- "description": "Caption toolbar, which is added to the rightmost of caption by default.",
1227
- "name": "tool"
1168
+ "description": "Sets the margin of label in cards in 'card' layout-mode",
1169
+ "name": "--zg-cell-label-margin_layout_card"
1170
+ },
1171
+ {
1172
+ "description": "Sets the overflow of label in cards in 'card' layout-mode",
1173
+ "name": "--zg-cell-label-overflow_layout_card"
1174
+ },
1175
+ {
1176
+ "description": "Sets transform of label in cards in 'card' layout-mode",
1177
+ "name": "--zg-cell-label-transform_layout_card"
1178
+ },
1179
+ {
1180
+ "description": "Sets font weight of label in cards in 'card' layout-mode",
1181
+ "name": "--zg-cell-label-font-weight_layout_card"
1182
+ },
1183
+ {
1184
+ "description": "Styles the border of card items in 'card' layout-mode",
1185
+ "name": "--zg-cell-content-border_layout_card"
1186
+ },
1187
+ {
1188
+ "description": "Styles the bottom border of card items in 'card' layout-mode",
1189
+ "name": "--zg-cell-content-border-bottom_layout_card"
1190
+ },
1191
+ {
1192
+ "description": "Styles the left border of card items in 'card' layout-mode",
1193
+ "name": "--zg-cell-content-border-left_layout_card"
1194
+ },
1195
+ {
1196
+ "description": "Styles the right border of card items in 'card' layout-mode",
1197
+ "name": "--zg-cell-content-border-right_layout_card"
1198
+ },
1199
+ {
1200
+ "description": "Styles the top border of card items in 'card' layout-mode",
1201
+ "name": "--zg-cell-content-border-top_layout_card"
1202
+ },
1203
+ {
1204
+ "description": "Sets the font size of cards in 'card' layout-mode",
1205
+ "name": "--zg-cell-content-font-size_layout_card"
1206
+ },
1207
+ {
1208
+ "description": "Sets the padding of cards in 'card' layout-mode",
1209
+ "name": "--zg-cell-content-padding_layout_card"
1210
+ },
1211
+ {
1212
+ "description": "Styles the background of cells on hover",
1213
+ "name": "--zg-cell-background_hover"
1214
+ },
1215
+ {
1216
+ "description": "Styles the background of cells in 'row' layout-mode on hover",
1217
+ "name": "--zg-cell-background_hover_layout_row"
1218
+ },
1219
+ {
1220
+ "description": "Styles font color of cells on hover",
1221
+ "name": "--zg-cell-color_hover"
1222
+ },
1223
+ {
1224
+ "description": "Styles font color of cells in 'row' layout-mode on hover",
1225
+ "name": "--zg-cell-color_hover_layout_row"
1228
1226
  }
1229
- ]
1227
+ ],
1228
+ "tagName": "zg-cell",
1229
+ "customElement": true
1230
1230
  }
1231
1231
  ],
1232
1232
  "exports": [
1233
1233
  {
1234
1234
  "kind": "js",
1235
- "name": "ZGCaption",
1235
+ "name": "ZGCell",
1236
1236
  "declaration": {
1237
- "name": "ZGCaption",
1237
+ "name": "ZGCell",
1238
1238
  "module": "dist/zinggrid.min.js"
1239
1239
  }
1240
1240
  }
@@ -1436,7 +1436,7 @@
1436
1436
  },
1437
1437
  {
1438
1438
  "type": {
1439
- "text": "\"disabled\""
1439
+ "text": "\"disabled\" | boolean"
1440
1440
  },
1441
1441
  "description": "Presence of attribute forces a border on the button. Setting to `disabled` removes the default border.",
1442
1442
  "name": "button-border"
@@ -1471,7 +1471,7 @@
1471
1471
  },
1472
1472
  {
1473
1473
  "type": {
1474
- "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"up\" | \"warning\""
1474
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
1475
1475
  },
1476
1476
  "description": "Sets the icon to display on the info column type",
1477
1477
  "name": "cell-tooltip-icon"
@@ -1555,7 +1555,7 @@
1555
1555
  },
1556
1556
  {
1557
1557
  "type": {
1558
- "text": "string"
1558
+ "text": "boolean | string"
1559
1559
  },
1560
1560
  "description": "Overrides editor type (can be custom) or set false to disable editor",
1561
1561
  "name": "editor"
@@ -1569,7 +1569,7 @@
1569
1569
  },
1570
1570
  {
1571
1571
  "type": {
1572
- "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean | string"
1572
+ "text": "\"menu\" | \"inline\" | \"both\" | \"summary\" | \"all\" | \"disabled\" | boolean"
1573
1573
  },
1574
1574
  "description": "Whether the filter is enabled for the column",
1575
1575
  "name": "filter"
@@ -1604,7 +1604,7 @@
1604
1604
  },
1605
1605
  {
1606
1606
  "type": {
1607
- "text": "\"none\" | \"empty\" | \"notEmpty\" | \"equals\" | \"notEquals\" | \"beginsWith\" | \"endsWith\" | \"contains\" | \"notContains\" | \"between\" | \"notBetween\" | \"greaterThan\" | \"greaterEqualThan\" | \"lessThan\" | \"lessEqualThan\" | \"before\" | \"after\" | \"betweenDate\" | \"today\" | \"yesterday\" | \"tomorrow\" | string"
1607
+ "text": "\"none\" | \"empty\" | \"notEmpty\" | \"equals\" | \"notEquals\" | \"beginsWith\" | \"endsWith\" | \"contains\" | \"notContains\" | \"between\" | \"notBetween\" | \"greaterThan\" | \"greaterEqualThan\" | \"lessThan\" | \"lessEqualThan\" | \"before\" | \"after\" | \"betweenDate\" | \"today\" | \"yesterday\" | \"tomorrow\" | \"break\" | \"default\" | \"trueVal\" | \"falseVal\" | string"
1608
1608
  },
1609
1609
  "description": "The condition to initially display on filter menu open. Can also be any custom string representing a function name.",
1610
1610
  "name": "filter-default-condition"
@@ -1644,6 +1644,27 @@
1644
1644
  "description": "Determines if the selectbox in the filter menu should display the values as raw or rendered values.",
1645
1645
  "name": "filter-selectbox-display"
1646
1646
  },
1647
+ {
1648
+ "type": {
1649
+ "text": "\"bar\" | \"default\" | \"histogram\" | \"pie\""
1650
+ },
1651
+ "description": "Sets the filter summary chart type (bar | default | histogram | pie)",
1652
+ "name": "filter-summary-chart"
1653
+ },
1654
+ {
1655
+ "type": {
1656
+ "text": "\"disabled\""
1657
+ },
1658
+ "description": "Controls whether multiple nodes can be selected in bar and pie summary charts (disabled)",
1659
+ "name": "filter-summary-multi-node"
1660
+ },
1661
+ {
1662
+ "type": {
1663
+ "text": "\"alphabetical\" | \"'count\" | \"value\" | \"none\""
1664
+ },
1665
+ "description": "Sets the node sort order for filter summary chart (alphabetical | count-asc | count-desc | default | value | none)",
1666
+ "name": "filter-summary-node-sort"
1667
+ },
1647
1668
  {
1648
1669
  "type": {
1649
1670
  "text": "\"button\" | \"change\""
@@ -1667,7 +1688,7 @@
1667
1688
  },
1668
1689
  {
1669
1690
  "type": {
1670
- "text": "\"left\" | \"right\" | string"
1691
+ "text": "\"left\" | \"right\""
1671
1692
  },
1672
1693
  "description": "Moves the column to the frozen panel specified.",
1673
1694
  "name": "frozen"
@@ -1849,7 +1870,7 @@
1849
1870
  },
1850
1871
  {
1851
1872
  "type": {
1852
- "text": "\"disabled\""
1873
+ "text": "\"disabled\" | boolean"
1853
1874
  },
1854
1875
  "description": "Modifies the default column resizable. Set to `disabled` to turn off resizing on a single column.",
1855
1876
  "name": "resizable"
@@ -2005,12 +2026,12 @@
2005
2026
  "type": {
2006
2027
  "text": "\"disabled\""
2007
2028
  },
2008
- "description": "Sets the color mode to configure the color picker. Choose between HSL, RGBA, and the default Hex",
2029
+ "description": "Disable the default color swatch UI preview with a false value.",
2009
2030
  "name": "type-color-preview"
2010
2031
  },
2011
2032
  {
2012
2033
  "type": {
2013
- "text": "\"\""
2034
+ "text": "\"disabled\""
2014
2035
  },
2015
2036
  "description": "By default, spaces are added into the color when in RGB or HSL mode. Turn the spaces off by setting to `disabled`",
2016
2037
  "name": "type-color-spaces"
@@ -2308,7 +2329,7 @@
2308
2329
  "kind": "field",
2309
2330
  "name": "buttonBorder",
2310
2331
  "type": {
2311
- "text": "\"disabled\""
2332
+ "text": "\"disabled\" | boolean"
2312
2333
  },
2313
2334
  "description": "Presence of attribute forces a border on the button. Setting to `disabled` removes the default border.",
2314
2335
  "attribute": "buttonBorder"
@@ -2353,7 +2374,7 @@
2353
2374
  "kind": "field",
2354
2375
  "name": "cellTooltipIcon",
2355
2376
  "type": {
2356
- "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"up\" | \"warning\""
2377
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
2357
2378
  },
2358
2379
  "description": "Sets the icon to display on the info column type",
2359
2380
  "attribute": "cellTooltipIcon"
@@ -2461,7 +2482,7 @@
2461
2482
  "kind": "field",
2462
2483
  "name": "editor",
2463
2484
  "type": {
2464
- "text": "string"
2485
+ "text": "boolean | string"
2465
2486
  },
2466
2487
  "description": "Overrides editor type (can be custom) or set false to disable editor",
2467
2488
  "attribute": "editor"
@@ -2479,7 +2500,7 @@
2479
2500
  "kind": "field",
2480
2501
  "name": "filter",
2481
2502
  "type": {
2482
- "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean | string"
2503
+ "text": "\"menu\" | \"inline\" | \"both\" | \"summary\" | \"all\" | \"disabled\" | boolean"
2483
2504
  },
2484
2505
  "description": "Whether the filter is enabled for the column",
2485
2506
  "attribute": "filter"
@@ -2524,7 +2545,7 @@
2524
2545
  "kind": "field",
2525
2546
  "name": "filterDefaultCondition",
2526
2547
  "type": {
2527
- "text": "\"none\" | \"empty\" | \"notEmpty\" | \"equals\" | \"notEquals\" | \"beginsWith\" | \"endsWith\" | \"contains\" | \"notContains\" | \"between\" | \"notBetween\" | \"greaterThan\" | \"greaterEqualThan\" | \"lessThan\" | \"lessEqualThan\" | \"before\" | \"after\" | \"betweenDate\" | \"today\" | \"yesterday\" | \"tomorrow\" | string"
2548
+ "text": "\"none\" | \"empty\" | \"notEmpty\" | \"equals\" | \"notEquals\" | \"beginsWith\" | \"endsWith\" | \"contains\" | \"notContains\" | \"between\" | \"notBetween\" | \"greaterThan\" | \"greaterEqualThan\" | \"lessThan\" | \"lessEqualThan\" | \"before\" | \"after\" | \"betweenDate\" | \"today\" | \"yesterday\" | \"tomorrow\" | \"break\" | \"default\" | \"trueVal\" | \"falseVal\" | string"
2528
2549
  },
2529
2550
  "description": "The condition to initially display on filter menu open. Can also be any custom string representing a function name.",
2530
2551
  "attribute": "filterDefaultCondition"
@@ -2583,6 +2604,33 @@
2583
2604
  "description": "Determines if the selectbox in the filter menu should display the values as raw or rendered values.",
2584
2605
  "attribute": "filterSelectboxDisplay"
2585
2606
  },
2607
+ {
2608
+ "kind": "field",
2609
+ "name": "filterSummaryChart",
2610
+ "type": {
2611
+ "text": "\"bar\" | \"default\" | \"histogram\" | \"pie\""
2612
+ },
2613
+ "description": "Sets the filter summary chart type (bar | default | histogram | pie)",
2614
+ "attribute": "filterSummaryChart"
2615
+ },
2616
+ {
2617
+ "kind": "field",
2618
+ "name": "filterSummaryMultiNode",
2619
+ "type": {
2620
+ "text": "\"disabled\""
2621
+ },
2622
+ "description": "Controls whether multiple nodes can be selected in bar and pie summary charts (disabled)",
2623
+ "attribute": "filterSummaryMultiNode"
2624
+ },
2625
+ {
2626
+ "kind": "field",
2627
+ "name": "filterSummaryNodeSort",
2628
+ "type": {
2629
+ "text": "\"alphabetical\" | \"'count\" | \"value\" | \"none\""
2630
+ },
2631
+ "description": "Sets the node sort order for filter summary chart (alphabetical | count-asc | count-desc | default | value | none)",
2632
+ "attribute": "filterSummaryNodeSort"
2633
+ },
2586
2634
  {
2587
2635
  "kind": "field",
2588
2636
  "name": "filterTrigger",
@@ -2605,7 +2653,7 @@
2605
2653
  "kind": "field",
2606
2654
  "name": "frozen",
2607
2655
  "type": {
2608
- "text": "\"left\" | \"right\" | string"
2656
+ "text": "\"left\" | \"right\""
2609
2657
  },
2610
2658
  "description": "Moves the column to the frozen panel specified.",
2611
2659
  "attribute": "frozen"
@@ -2839,7 +2887,7 @@
2839
2887
  "kind": "field",
2840
2888
  "name": "resizable",
2841
2889
  "type": {
2842
- "text": "\"disabled\""
2890
+ "text": "\"disabled\" | boolean"
2843
2891
  },
2844
2892
  "description": "Modifies the default column resizable. Set to `disabled` to turn off resizing on a single column.",
2845
2893
  "attribute": "resizable"
@@ -3039,14 +3087,14 @@
3039
3087
  "type": {
3040
3088
  "text": "\"disabled\""
3041
3089
  },
3042
- "description": "Sets the color mode to configure the color picker. Choose between HSL, RGBA, and the default Hex",
3090
+ "description": "Disable the default color swatch UI preview with a false value.",
3043
3091
  "attribute": "typeColorPreview"
3044
3092
  },
3045
3093
  {
3046
3094
  "kind": "field",
3047
3095
  "name": "typeColorSpaces",
3048
3096
  "type": {
3049
- "text": "\"\""
3097
+ "text": "\"disabled\""
3050
3098
  },
3051
3099
  "description": "By default, spaces are added into the color when in RGB or HSL mode. Turn the spaces off by setting to `disabled`",
3052
3100
  "attribute": "typeColorSpaces"
@@ -4387,6 +4435,35 @@
4387
4435
  }
4388
4436
  ]
4389
4437
  },
4438
+ {
4439
+ "kind": "javascript-module",
4440
+ "path": "dist/zinggrid.min.js",
4441
+ "declarations": [
4442
+ {
4443
+ "kind": "class",
4444
+ "description": "`<zg-filter-summary>` is the container for a single cell in a filter summary row that may contain a filter summary chart.\n`<zg-filter-summary>` is created internally and should not be placed directly in the user's HTML; however,\nthe user can style the `<zg-filter-summary>` using the `zg-filter-summary` selector.",
4445
+ "name": "ZGFilterSummary",
4446
+ "cssParts": [
4447
+ {
4448
+ "description": "Filter chart container.",
4449
+ "name": "chart"
4450
+ }
4451
+ ],
4452
+ "tagName": "zg-filter-summary",
4453
+ "customElement": true
4454
+ }
4455
+ ],
4456
+ "exports": [
4457
+ {
4458
+ "kind": "js",
4459
+ "name": "ZGFilterSummary",
4460
+ "declaration": {
4461
+ "name": "ZGFilterSummary",
4462
+ "module": "dist/zinggrid.min.js"
4463
+ }
4464
+ }
4465
+ ]
4466
+ },
4390
4467
  {
4391
4468
  "kind": "javascript-module",
4392
4469
  "path": "dist/zinggrid.min.js",
@@ -5023,7 +5100,7 @@
5023
5100
  "attributes": [
5024
5101
  {
5025
5102
  "type": {
5026
- "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
5103
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"clearfilter\" | \"closefilterrow\" | \"openfilterrow\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
5027
5104
  },
5028
5105
  "description": "The name of the icon",
5029
5106
  "name": "name"
@@ -5034,7 +5111,7 @@
5034
5111
  "kind": "field",
5035
5112
  "name": "name",
5036
5113
  "type": {
5037
- "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
5114
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"clearfilter\" | \"closefilterrow\" | \"openfilterrow\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
5038
5115
  },
5039
5116
  "description": "The name of the icon",
5040
5117
  "attribute": "name"
@@ -7652,7 +7729,7 @@
7652
7729
  },
7653
7730
  {
7654
7731
  "type": {
7655
- "text": "string"
7732
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
7656
7733
  },
7657
7734
  "description": "Sets the icon to display on info column types",
7658
7735
  "name": "cell-tooltip-icon"
@@ -7834,7 +7911,7 @@
7834
7911
  },
7835
7912
  {
7836
7913
  "type": {
7837
- "text": "\"editor\" | \"remover\" | \"creator\" | \"all\" | boolean"
7914
+ "text": "\"all\" | \"creator\" | \"editor\" | \"remover\" | boolean"
7838
7915
  },
7839
7916
  "description": "Adds the controls to the end of the row. By default, it adds edit and remove. Can set individually.",
7840
7917
  "name": "editor-controls"
@@ -7848,7 +7925,7 @@
7848
7925
  },
7849
7926
  {
7850
7927
  "type": {
7851
- "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | string | boolean"
7928
+ "text": "\"menu\" | \"inline\" | \"both\" | \"summary\" | \"all\" | \"disabled\" | boolean"
7852
7929
  },
7853
7930
  "description": "Enables filtering for all grid columns",
7854
7931
  "name": "filter"
@@ -7883,7 +7960,7 @@
7883
7960
  },
7884
7961
  {
7885
7962
  "type": {
7886
- "text": "\"none\" | \"empty\" | \"notEmpty\" | \"equals\" | \"notEquals\" | \"beginsWith\" | \"endsWith\" | \"contains\" | \"notContains\" | \"between\" | \"notBetween\" | \"greaterThan\" | \"greaterEqualThan\" | \"lessThan\" | \"lessEqualThan\" | \"before\" | \"after\" | \"betweenDate\" | \"today\" | \"yesterday\" | \"tomorrow\" | string"
7963
+ "text": "\"none\" | \"empty\" | \"notEmpty\" | \"equals\" | \"notEquals\" | \"beginsWith\" | \"endsWith\" | \"contains\" | \"notContains\" | \"between\" | \"notBetween\" | \"greaterThan\" | \"greaterEqualThan\" | \"lessThan\" | \"lessEqualThan\" | \"before\" | \"after\" | \"betweenDate\" | \"today\" | \"yesterday\" | \"tomorrow\" | \"break\" | \"default\" | \"trueVal\" | \"falseVal\" | string"
7887
7964
  },
7888
7965
  "description": "The condition to initially display on filter menu open. Can also be any custom string representing a function name.",
7889
7966
  "name": "filter-default-condition"
@@ -7909,6 +7986,27 @@
7909
7986
  "description": "Determines if the selectbox in the filter menu should display the values as raw or rendered values.",
7910
7987
  "name": "filter-selectbox-display"
7911
7988
  },
7989
+ {
7990
+ "type": {
7991
+ "text": "\"bar\" | \"default\" | \"histogram\" | \"pie\""
7992
+ },
7993
+ "description": "Sets the filter summary chart type (bar | default | histogram | pie)",
7994
+ "name": "filter-summary-chart"
7995
+ },
7996
+ {
7997
+ "type": {
7998
+ "text": "\"disabled\""
7999
+ },
8000
+ "description": "Controls whether multiple nodes can be selected in bar and pie summary charts (disabled)",
8001
+ "name": "filter-summary-multi-node"
8002
+ },
8003
+ {
8004
+ "type": {
8005
+ "text": "\"alphabetical\" | \"'count\" | \"value\" | \"none\""
8006
+ },
8007
+ "description": "Sets the node sort order for filter summary chart (alphabetical | count-asc | count-desc | default | value | none)",
8008
+ "name": "filter-summary-node-sort"
8009
+ },
7912
8010
  {
7913
8011
  "type": {
7914
8012
  "text": "\"button\" | \"change\""
@@ -7988,7 +8086,7 @@
7988
8086
  },
7989
8087
  {
7990
8088
  "type": {
7991
- "text": "string"
8089
+ "text": "boolean"
7992
8090
  },
7993
8091
  "description": "Hides any header rows",
7994
8092
  "name": "header-row-hide"
@@ -8268,7 +8366,7 @@
8268
8366
  },
8269
8367
  {
8270
8368
  "type": {
8271
- "text": "string | number"
8369
+ "text": "\"auto\" | string | number"
8272
8370
  },
8273
8371
  "description": "Sets the height for each row",
8274
8372
  "name": "row-height"
@@ -8345,7 +8443,7 @@
8345
8443
  },
8346
8444
  {
8347
8445
  "type": {
8348
- "text": "boolean"
8446
+ "text": "boolean | string"
8349
8447
  },
8350
8448
  "description": "Enables static menu for grid",
8351
8449
  "name": "static-menu"
@@ -8436,7 +8534,7 @@
8436
8534
  },
8437
8535
  {
8438
8536
  "type": {
8439
- "text": "string"
8537
+ "text": "object"
8440
8538
  },
8441
8539
  "description": "Sets custom [viewport] breakpoints",
8442
8540
  "name": "viewport-types"
@@ -8641,7 +8739,7 @@
8641
8739
  "kind": "field",
8642
8740
  "name": "cellTooltipIcon",
8643
8741
  "type": {
8644
- "text": "string"
8742
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
8645
8743
  },
8646
8744
  "description": "Sets the icon to display on info column types",
8647
8745
  "attribute": "cellTooltipIcon"
@@ -8979,7 +9077,7 @@
8979
9077
  "kind": "field",
8980
9078
  "name": "editorControls",
8981
9079
  "type": {
8982
- "text": "\"editor\" | \"remover\" | \"creator\" | \"all\" | boolean"
9080
+ "text": "\"all\" | \"creator\" | \"editor\" | \"remover\" | boolean"
8983
9081
  },
8984
9082
  "description": "Adds the controls to the end of the row. By default, it adds edit and remove. Can set individually.",
8985
9083
  "attribute": "editorControls"
@@ -9015,7 +9113,7 @@
9015
9113
  "kind": "field",
9016
9114
  "name": "filter",
9017
9115
  "type": {
9018
- "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | string | boolean"
9116
+ "text": "\"menu\" | \"inline\" | \"both\" | \"summary\" | \"all\" | \"disabled\" | boolean"
9019
9117
  },
9020
9118
  "description": "Enables filtering for all grid columns",
9021
9119
  "attribute": "filter"
@@ -9091,7 +9189,7 @@
9091
9189
  "kind": "field",
9092
9190
  "name": "filterDefaultCondition",
9093
9191
  "type": {
9094
- "text": "\"none\" | \"empty\" | \"notEmpty\" | \"equals\" | \"notEquals\" | \"beginsWith\" | \"endsWith\" | \"contains\" | \"notContains\" | \"between\" | \"notBetween\" | \"greaterThan\" | \"greaterEqualThan\" | \"lessThan\" | \"lessEqualThan\" | \"before\" | \"after\" | \"betweenDate\" | \"today\" | \"yesterday\" | \"tomorrow\" | string"
9192
+ "text": "\"none\" | \"empty\" | \"notEmpty\" | \"equals\" | \"notEquals\" | \"beginsWith\" | \"endsWith\" | \"contains\" | \"notContains\" | \"between\" | \"notBetween\" | \"greaterThan\" | \"greaterEqualThan\" | \"lessThan\" | \"lessEqualThan\" | \"before\" | \"after\" | \"betweenDate\" | \"today\" | \"yesterday\" | \"tomorrow\" | \"break\" | \"default\" | \"trueVal\" | \"falseVal\" | string"
9095
9193
  },
9096
9194
  "description": "The condition to initially display on filter menu open. Can also be any custom string representing a function name.",
9097
9195
  "attribute": "filterDefaultCondition"
@@ -9126,7 +9224,7 @@
9126
9224
  "description": "Advanced Filter configuration.",
9127
9225
  "name": "filter",
9128
9226
  "type": {
9129
- "text": "@param {object[]} [filter.conditionals] - array of conditional objects to filter on\n * @param {string} [filter.conditionals[].condition] - the key based string for the condition to apply the filter, ie contains, startswith, greaterthan\n * @param {string} [filter.conditionals[].val1] - the first value to apply towards the condition\n * @param {string} [filter.conditionals[].val2] - the second value to apply towards the condition\n * @param {string} [filter.boolean] - 'and' or 'or' indicating how to filter multiple conditionals. default is 'and'\n * @param {boolean} [filter.matchcase] - boolean indicating if the matching should be case sensitive. default is false\n * @param {string[]} [filter.selectitems] - array of items to select in the filter menu selectbox\n * "
9227
+ "text": "object"
9130
9228
  }
9131
9229
  }
9132
9230
  ],
@@ -9156,16 +9254,32 @@
9156
9254
  },
9157
9255
  {
9158
9256
  "kind": "field",
9159
- "name": "filterTrigger",
9257
+ "name": "filterSummaryChart",
9160
9258
  "type": {
9161
- "text": "\"button\" | \"change\""
9259
+ "text": "\"bar\" | \"default\" | \"histogram\" | \"pie\""
9162
9260
  },
9163
- "description": "Action that fires the filter event from the filter menu.",
9164
- "attribute": "filterTrigger"
9261
+ "description": "Sets the filter summary chart type (bar | default | histogram | pie)",
9262
+ "attribute": "filterSummaryChart"
9165
9263
  },
9166
9264
  {
9167
9265
  "kind": "method",
9168
- "name": "firstPage",
9266
+ "name": "filterSummaryColumn",
9267
+ "parameters": [
9268
+ {
9269
+ "name": "sFieldIndex",
9270
+ "description": "Field index of column.",
9271
+ "type": {
9272
+ "text": "string"
9273
+ }
9274
+ },
9275
+ {
9276
+ "name": "aFilterTerms",
9277
+ "description": "Filter terms. For bar/pie: [sFilterTerm]. For histogram: [rangeStart, rangeEnd].",
9278
+ "type": {
9279
+ "text": "array"
9280
+ }
9281
+ }
9282
+ ],
9169
9283
  "return": {
9170
9284
  "type": {
9171
9285
  "text": "ZingGrid"
@@ -9174,18 +9288,54 @@
9174
9288
  },
9175
9289
  {
9176
9290
  "kind": "field",
9177
- "name": "footClass",
9291
+ "name": "filterSummaryMultiNode",
9178
9292
  "type": {
9179
- "text": "string"
9293
+ "text": "\"disabled\""
9180
9294
  },
9181
- "description": "Sets the CSS class to set on the cells in `<zg-foot>`",
9182
- "attribute": "footClass"
9295
+ "description": "Controls whether multiple nodes can be selected in bar and pie summary charts (disabled)",
9296
+ "attribute": "filterSummaryMultiNode"
9183
9297
  },
9184
9298
  {
9185
- "kind": "method",
9186
- "name": "formatDate",
9187
- "parameters": [
9188
- {
9299
+ "kind": "field",
9300
+ "name": "filterSummaryNodeSort",
9301
+ "type": {
9302
+ "text": "\"alphabetical\" | \"'count\" | \"value\" | \"none\""
9303
+ },
9304
+ "description": "Sets the node sort order for filter summary chart (alphabetical | count-asc | count-desc | default | value | none)",
9305
+ "attribute": "filterSummaryNodeSort"
9306
+ },
9307
+ {
9308
+ "kind": "field",
9309
+ "name": "filterTrigger",
9310
+ "type": {
9311
+ "text": "\"button\" | \"change\""
9312
+ },
9313
+ "description": "Action that fires the filter event from the filter menu.",
9314
+ "attribute": "filterTrigger"
9315
+ },
9316
+ {
9317
+ "kind": "method",
9318
+ "name": "firstPage",
9319
+ "return": {
9320
+ "type": {
9321
+ "text": "ZingGrid"
9322
+ }
9323
+ }
9324
+ },
9325
+ {
9326
+ "kind": "field",
9327
+ "name": "footClass",
9328
+ "type": {
9329
+ "text": "string"
9330
+ },
9331
+ "description": "Sets the CSS class to set on the cells in `<zg-foot>`",
9332
+ "attribute": "footClass"
9333
+ },
9334
+ {
9335
+ "kind": "method",
9336
+ "name": "formatDate",
9337
+ "parameters": [
9338
+ {
9189
9339
  "name": "date",
9190
9340
  "description": "The Date to format",
9191
9341
  "type": {
@@ -9995,7 +10145,7 @@
9995
10145
  "kind": "field",
9996
10146
  "name": "headerRowHide",
9997
10147
  "type": {
9998
- "text": "string"
10148
+ "text": "boolean"
9999
10149
  },
10000
10150
  "description": "Hides any header rows",
10001
10151
  "attribute": "headerRowHide"
@@ -10617,7 +10767,7 @@
10617
10767
  "kind": "field",
10618
10768
  "name": "rowHeight",
10619
10769
  "type": {
10620
- "text": "string | number"
10770
+ "text": "\"auto\" | string | number"
10621
10771
  },
10622
10772
  "description": "Sets the height for each row",
10623
10773
  "attribute": "rowHeight"
@@ -11286,7 +11436,7 @@
11286
11436
  "description": "Value to add or remove",
11287
11437
  "name": "activate",
11288
11438
  "type": {
11289
- "text": "boolean"
11439
+ "text": "\"menu\" | \"inline\" | \"both\" | \"summary\" | \"all\" | \"disabled\" | boolean"
11290
11440
  }
11291
11441
  }
11292
11442
  ],
@@ -12022,7 +12172,7 @@
12022
12172
  "description": "CSS height to set for the row height",
12023
12173
  "name": "height",
12024
12174
  "type": {
12025
- "text": "string"
12175
+ "text": "\"auto\" | string | number"
12026
12176
  }
12027
12177
  }
12028
12178
  ],
@@ -12253,7 +12403,7 @@
12253
12403
  "description": "Value to add or remove",
12254
12404
  "name": "activate",
12255
12405
  "type": {
12256
- "text": "boolean"
12406
+ "text": "boolean | string"
12257
12407
  }
12258
12408
  }
12259
12409
  ],
@@ -12316,7 +12466,7 @@
12316
12466
  "description": "Value to indicate which theme to set",
12317
12467
  "name": "theme",
12318
12468
  "type": {
12319
- "text": "string"
12469
+ "text": "\"android\" | \"black\" | \"default\" | \"dark\" | \"ios\" | string"
12320
12470
  }
12321
12471
  }
12322
12472
  ],
@@ -12461,7 +12611,7 @@
12461
12611
  "description": "Sort Direction: asc, desc, or none",
12462
12612
  "name": "direction",
12463
12613
  "type": {
12464
- "text": "string"
12614
+ "text": "\"asc\" | \"desc\" | \"none\""
12465
12615
  }
12466
12616
  }
12467
12617
  ],
@@ -12511,7 +12661,7 @@
12511
12661
  "kind": "field",
12512
12662
  "name": "staticMenu",
12513
12663
  "type": {
12514
- "text": "boolean"
12664
+ "text": "boolean | string"
12515
12665
  },
12516
12666
  "description": "Enables static menu for grid",
12517
12667
  "attribute": "staticMenu"
@@ -12866,7 +13016,7 @@
12866
13016
  "kind": "field",
12867
13017
  "name": "viewportTypes",
12868
13018
  "type": {
12869
- "text": "string"
13019
+ "text": "object"
12870
13020
  },
12871
13021
  "description": "Sets custom [viewport] breakpoints",
12872
13022
  "attribute": "viewportTypes"
@@ -12965,6 +13115,14 @@
12965
13115
  "description": "Fires the event when a filter menu is opened",
12966
13116
  "name": "column:filter:menu:open"
12967
13117
  },
13118
+ {
13119
+ "description": "Fires the event when the filter summary row is closed.",
13120
+ "name": "column:filter:summary:close"
13121
+ },
13122
+ {
13123
+ "description": "Fires the event when the filter summary row is opened.",
13124
+ "name": "column:filter:summary:open"
13125
+ },
12968
13126
  {
12969
13127
  "description": "Fires event when mouseout on a column.",
12970
13128
  "name": "column:mouseout"
@@ -13166,6 +13324,806 @@
13166
13324
  }
13167
13325
  }
13168
13326
  ]
13327
+ },
13328
+ {
13329
+ "kind": "javascript-module",
13330
+ "path": "dist/zinggrid.min.js",
13331
+ "deprecated": false,
13332
+ "declarations": [],
13333
+ "exports": [
13334
+ {
13335
+ "kind": "custom-element-definition",
13336
+ "name": "zg-batch-edit",
13337
+ "declaration": {
13338
+ "name": "ZGBatchEdit",
13339
+ "module": "dist/zinggrid.min.js"
13340
+ }
13341
+ }
13342
+ ]
13343
+ },
13344
+ {
13345
+ "kind": "javascript-module",
13346
+ "path": "dist/zinggrid.min.js",
13347
+ "deprecated": false,
13348
+ "declarations": [],
13349
+ "exports": [
13350
+ {
13351
+ "kind": "custom-element-definition",
13352
+ "name": "zg-body",
13353
+ "declaration": {
13354
+ "name": "ZGBody",
13355
+ "module": "dist/zinggrid.min.js"
13356
+ }
13357
+ }
13358
+ ]
13359
+ },
13360
+ {
13361
+ "kind": "javascript-module",
13362
+ "path": "dist/zinggrid.min.js",
13363
+ "deprecated": false,
13364
+ "declarations": [],
13365
+ "exports": [
13366
+ {
13367
+ "kind": "custom-element-definition",
13368
+ "name": "zg-card",
13369
+ "declaration": {
13370
+ "name": "ZGCard",
13371
+ "module": "dist/zinggrid.min.js"
13372
+ }
13373
+ }
13374
+ ]
13375
+ },
13376
+ {
13377
+ "kind": "javascript-module",
13378
+ "path": "dist/zinggrid.min.js",
13379
+ "deprecated": false,
13380
+ "declarations": [],
13381
+ "exports": [
13382
+ {
13383
+ "kind": "custom-element-definition",
13384
+ "name": "zg-caption",
13385
+ "declaration": {
13386
+ "name": "ZGCaption",
13387
+ "module": "dist/zinggrid.min.js"
13388
+ }
13389
+ }
13390
+ ]
13391
+ },
13392
+ {
13393
+ "kind": "javascript-module",
13394
+ "path": "dist/zinggrid.min.js",
13395
+ "deprecated": false,
13396
+ "declarations": [],
13397
+ "exports": [
13398
+ {
13399
+ "kind": "custom-element-definition",
13400
+ "name": "zg-button",
13401
+ "declaration": {
13402
+ "name": "ZGButton",
13403
+ "module": "dist/zinggrid.min.js"
13404
+ }
13405
+ }
13406
+ ]
13407
+ },
13408
+ {
13409
+ "kind": "javascript-module",
13410
+ "path": "dist/zinggrid.min.js",
13411
+ "deprecated": false,
13412
+ "declarations": [],
13413
+ "exports": [
13414
+ {
13415
+ "kind": "custom-element-definition",
13416
+ "name": "zg-cell",
13417
+ "declaration": {
13418
+ "name": "ZGCell",
13419
+ "module": "dist/zinggrid.min.js"
13420
+ }
13421
+ }
13422
+ ]
13423
+ },
13424
+ {
13425
+ "kind": "javascript-module",
13426
+ "path": "dist/zinggrid.min.js",
13427
+ "deprecated": false,
13428
+ "declarations": [],
13429
+ "exports": [
13430
+ {
13431
+ "kind": "custom-element-definition",
13432
+ "name": "zg-cell-overflow",
13433
+ "declaration": {
13434
+ "name": "ZGCellOverflow",
13435
+ "module": "dist/zinggrid.min.js"
13436
+ }
13437
+ }
13438
+ ]
13439
+ },
13440
+ {
13441
+ "kind": "javascript-module",
13442
+ "path": "dist/zinggrid.min.js",
13443
+ "deprecated": false,
13444
+ "declarations": [],
13445
+ "exports": [
13446
+ {
13447
+ "kind": "custom-element-definition",
13448
+ "name": "zg-checkbox",
13449
+ "declaration": {
13450
+ "name": "ZGCheckbox",
13451
+ "module": "dist/zinggrid.min.js"
13452
+ }
13453
+ }
13454
+ ]
13455
+ },
13456
+ {
13457
+ "kind": "javascript-module",
13458
+ "path": "dist/zinggrid.min.js",
13459
+ "deprecated": false,
13460
+ "declarations": [],
13461
+ "exports": [
13462
+ {
13463
+ "kind": "custom-element-definition",
13464
+ "name": "zg-colgroup",
13465
+ "declaration": {
13466
+ "name": "ZGColgroup",
13467
+ "module": "dist/zinggrid.min.js"
13468
+ }
13469
+ }
13470
+ ]
13471
+ },
13472
+ {
13473
+ "kind": "javascript-module",
13474
+ "path": "dist/zinggrid.min.js",
13475
+ "deprecated": false,
13476
+ "declarations": [],
13477
+ "exports": [
13478
+ {
13479
+ "kind": "custom-element-definition",
13480
+ "name": "zg-column-resize",
13481
+ "declaration": {
13482
+ "name": "ZGColumnResize",
13483
+ "module": "dist/zinggrid.min.js"
13484
+ }
13485
+ }
13486
+ ]
13487
+ },
13488
+ {
13489
+ "kind": "javascript-module",
13490
+ "path": "dist/zinggrid.min.js",
13491
+ "deprecated": false,
13492
+ "declarations": [],
13493
+ "exports": [
13494
+ {
13495
+ "kind": "custom-element-definition",
13496
+ "name": "zg-column",
13497
+ "declaration": {
13498
+ "name": "ZGColumn",
13499
+ "module": "dist/zinggrid.min.js"
13500
+ }
13501
+ }
13502
+ ]
13503
+ },
13504
+ {
13505
+ "kind": "javascript-module",
13506
+ "path": "dist/zinggrid.min.js",
13507
+ "deprecated": false,
13508
+ "declarations": [],
13509
+ "exports": [
13510
+ {
13511
+ "kind": "custom-element-definition",
13512
+ "name": "zg-control-bar",
13513
+ "declaration": {
13514
+ "name": "ZGControlBar",
13515
+ "module": "dist/zinggrid.min.js"
13516
+ }
13517
+ }
13518
+ ]
13519
+ },
13520
+ {
13521
+ "kind": "javascript-module",
13522
+ "path": "dist/zinggrid.min.js",
13523
+ "deprecated": false,
13524
+ "declarations": [],
13525
+ "exports": [
13526
+ {
13527
+ "kind": "custom-element-definition",
13528
+ "name": "zg-data",
13529
+ "declaration": {
13530
+ "name": "ZGData",
13531
+ "module": "dist/zinggrid.min.js"
13532
+ }
13533
+ }
13534
+ ]
13535
+ },
13536
+ {
13537
+ "kind": "javascript-module",
13538
+ "path": "dist/zinggrid.min.js",
13539
+ "deprecated": false,
13540
+ "declarations": [],
13541
+ "exports": [
13542
+ {
13543
+ "kind": "custom-element-definition",
13544
+ "name": "zg-dialog",
13545
+ "declaration": {
13546
+ "name": "ZGDialog",
13547
+ "module": "dist/zinggrid.min.js"
13548
+ }
13549
+ }
13550
+ ]
13551
+ },
13552
+ {
13553
+ "kind": "javascript-module",
13554
+ "path": "dist/zinggrid.min.js",
13555
+ "deprecated": false,
13556
+ "declarations": [],
13557
+ "exports": [
13558
+ {
13559
+ "kind": "custom-element-definition",
13560
+ "name": "zg-editor-row",
13561
+ "declaration": {
13562
+ "name": "ZGEditorRow",
13563
+ "module": "dist/zinggrid.min.js"
13564
+ }
13565
+ }
13566
+ ]
13567
+ },
13568
+ {
13569
+ "kind": "javascript-module",
13570
+ "path": "dist/zinggrid.min.js",
13571
+ "deprecated": false,
13572
+ "declarations": [],
13573
+ "exports": [
13574
+ {
13575
+ "kind": "custom-element-definition",
13576
+ "name": "zg-filter",
13577
+ "declaration": {
13578
+ "name": "ZGFilter",
13579
+ "module": "dist/zinggrid.min.js"
13580
+ }
13581
+ }
13582
+ ]
13583
+ },
13584
+ {
13585
+ "kind": "javascript-module",
13586
+ "path": "dist/zinggrid.min.js",
13587
+ "deprecated": false,
13588
+ "declarations": [],
13589
+ "exports": [
13590
+ {
13591
+ "kind": "custom-element-definition",
13592
+ "name": "zg-filter-menu",
13593
+ "declaration": {
13594
+ "name": "ZGFilterMenu",
13595
+ "module": "dist/zinggrid.min.js"
13596
+ }
13597
+ }
13598
+ ]
13599
+ },
13600
+ {
13601
+ "kind": "javascript-module",
13602
+ "path": "dist/zinggrid.min.js",
13603
+ "deprecated": false,
13604
+ "declarations": [],
13605
+ "exports": [
13606
+ {
13607
+ "kind": "custom-element-definition",
13608
+ "name": "zg-filter-summary",
13609
+ "declaration": {
13610
+ "name": "ZGFilterSummary",
13611
+ "module": "dist/zinggrid.min.js"
13612
+ }
13613
+ }
13614
+ ]
13615
+ },
13616
+ {
13617
+ "kind": "javascript-module",
13618
+ "path": "dist/zinggrid.min.js",
13619
+ "deprecated": false,
13620
+ "declarations": [],
13621
+ "exports": [
13622
+ {
13623
+ "kind": "custom-element-definition",
13624
+ "name": "zg-focus",
13625
+ "declaration": {
13626
+ "name": "ZGFocus",
13627
+ "module": "dist/zinggrid.min.js"
13628
+ }
13629
+ }
13630
+ ]
13631
+ },
13632
+ {
13633
+ "kind": "javascript-module",
13634
+ "path": "dist/zinggrid.min.js",
13635
+ "deprecated": false,
13636
+ "declarations": [],
13637
+ "exports": [
13638
+ {
13639
+ "kind": "custom-element-definition",
13640
+ "name": "zg-foot",
13641
+ "declaration": {
13642
+ "name": "ZGFoot",
13643
+ "module": "dist/zinggrid.min.js"
13644
+ }
13645
+ }
13646
+ ]
13647
+ },
13648
+ {
13649
+ "kind": "javascript-module",
13650
+ "path": "dist/zinggrid.min.js",
13651
+ "deprecated": false,
13652
+ "declarations": [],
13653
+ "exports": [
13654
+ {
13655
+ "kind": "custom-element-definition",
13656
+ "name": "zg-footer",
13657
+ "declaration": {
13658
+ "name": "ZGFooter",
13659
+ "module": "dist/zinggrid.min.js"
13660
+ }
13661
+ }
13662
+ ]
13663
+ },
13664
+ {
13665
+ "kind": "javascript-module",
13666
+ "path": "dist/zinggrid.min.js",
13667
+ "deprecated": false,
13668
+ "declarations": [],
13669
+ "exports": [
13670
+ {
13671
+ "kind": "custom-element-definition",
13672
+ "name": "zg-frozen-colgroup",
13673
+ "declaration": {
13674
+ "name": "ZGFrozenColgroup",
13675
+ "module": "dist/zinggrid.min.js"
13676
+ }
13677
+ }
13678
+ ]
13679
+ },
13680
+ {
13681
+ "kind": "javascript-module",
13682
+ "path": "dist/zinggrid.min.js",
13683
+ "deprecated": false,
13684
+ "declarations": [],
13685
+ "exports": [
13686
+ {
13687
+ "kind": "custom-element-definition",
13688
+ "name": "zg-head",
13689
+ "declaration": {
13690
+ "name": "ZGHead",
13691
+ "module": "dist/zinggrid.min.js"
13692
+ }
13693
+ }
13694
+ ]
13695
+ },
13696
+ {
13697
+ "kind": "javascript-module",
13698
+ "path": "dist/zinggrid.min.js",
13699
+ "deprecated": false,
13700
+ "declarations": [],
13701
+ "exports": [
13702
+ {
13703
+ "kind": "custom-element-definition",
13704
+ "name": "zg-head-cell",
13705
+ "declaration": {
13706
+ "name": "ZGHeadCell",
13707
+ "module": "dist/zinggrid.min.js"
13708
+ }
13709
+ }
13710
+ ]
13711
+ },
13712
+ {
13713
+ "kind": "javascript-module",
13714
+ "path": "dist/zinggrid.min.js",
13715
+ "deprecated": false,
13716
+ "declarations": [],
13717
+ "exports": [
13718
+ {
13719
+ "kind": "custom-element-definition",
13720
+ "name": "zg-header",
13721
+ "declaration": {
13722
+ "name": "ZGHeader",
13723
+ "module": "dist/zinggrid.min.js"
13724
+ }
13725
+ }
13726
+ ]
13727
+ },
13728
+ {
13729
+ "kind": "javascript-module",
13730
+ "path": "dist/zinggrid.min.js",
13731
+ "deprecated": false,
13732
+ "declarations": [],
13733
+ "exports": [
13734
+ {
13735
+ "kind": "custom-element-definition",
13736
+ "name": "zg-icon",
13737
+ "declaration": {
13738
+ "name": "ZGIcon",
13739
+ "module": "dist/zinggrid.min.js"
13740
+ }
13741
+ }
13742
+ ]
13743
+ },
13744
+ {
13745
+ "kind": "javascript-module",
13746
+ "path": "dist/zinggrid.min.js",
13747
+ "deprecated": false,
13748
+ "declarations": [],
13749
+ "exports": [
13750
+ {
13751
+ "kind": "custom-element-definition",
13752
+ "name": "zg-input",
13753
+ "declaration": {
13754
+ "name": "ZGInput",
13755
+ "module": "dist/zinggrid.min.js"
13756
+ }
13757
+ }
13758
+ ]
13759
+ },
13760
+ {
13761
+ "kind": "javascript-module",
13762
+ "path": "dist/zinggrid.min.js",
13763
+ "deprecated": false,
13764
+ "declarations": [],
13765
+ "exports": [
13766
+ {
13767
+ "kind": "custom-element-definition",
13768
+ "name": "zg-layout-controls",
13769
+ "declaration": {
13770
+ "name": "ZGLayoutControls",
13771
+ "module": "dist/zinggrid.min.js"
13772
+ }
13773
+ }
13774
+ ]
13775
+ },
13776
+ {
13777
+ "kind": "javascript-module",
13778
+ "path": "dist/zinggrid.min.js",
13779
+ "deprecated": false,
13780
+ "declarations": [],
13781
+ "exports": [
13782
+ {
13783
+ "kind": "custom-element-definition",
13784
+ "name": "zg-load-mask",
13785
+ "declaration": {
13786
+ "name": "ZGLoadMask",
13787
+ "module": "dist/zinggrid.min.js"
13788
+ }
13789
+ }
13790
+ ]
13791
+ },
13792
+ {
13793
+ "kind": "javascript-module",
13794
+ "path": "dist/zinggrid.min.js",
13795
+ "deprecated": false,
13796
+ "declarations": [],
13797
+ "exports": [
13798
+ {
13799
+ "kind": "custom-element-definition",
13800
+ "name": "zg-menu",
13801
+ "declaration": {
13802
+ "name": "ZGMenu",
13803
+ "module": "dist/zinggrid.min.js"
13804
+ }
13805
+ }
13806
+ ]
13807
+ },
13808
+ {
13809
+ "kind": "javascript-module",
13810
+ "path": "dist/zinggrid.min.js",
13811
+ "deprecated": false,
13812
+ "declarations": [],
13813
+ "exports": [
13814
+ {
13815
+ "kind": "custom-element-definition",
13816
+ "name": "zg-menu-group",
13817
+ "declaration": {
13818
+ "name": "ZGMenuGroup",
13819
+ "module": "dist/zinggrid.min.js"
13820
+ }
13821
+ }
13822
+ ]
13823
+ },
13824
+ {
13825
+ "kind": "javascript-module",
13826
+ "path": "dist/zinggrid.min.js",
13827
+ "deprecated": false,
13828
+ "declarations": [],
13829
+ "exports": [
13830
+ {
13831
+ "kind": "custom-element-definition",
13832
+ "name": "zg-menu-item",
13833
+ "declaration": {
13834
+ "name": "ZGMenuItem",
13835
+ "module": "dist/zinggrid.min.js"
13836
+ }
13837
+ }
13838
+ ]
13839
+ },
13840
+ {
13841
+ "kind": "javascript-module",
13842
+ "path": "dist/zinggrid.min.js",
13843
+ "deprecated": false,
13844
+ "declarations": [],
13845
+ "exports": [
13846
+ {
13847
+ "kind": "custom-element-definition",
13848
+ "name": "zg-no-data",
13849
+ "declaration": {
13850
+ "name": "ZGNoData",
13851
+ "module": "dist/zinggrid.min.js"
13852
+ }
13853
+ }
13854
+ ]
13855
+ },
13856
+ {
13857
+ "kind": "javascript-module",
13858
+ "path": "dist/zinggrid.min.js",
13859
+ "deprecated": false,
13860
+ "declarations": [],
13861
+ "exports": [
13862
+ {
13863
+ "kind": "custom-element-definition",
13864
+ "name": "zg-option-list",
13865
+ "declaration": {
13866
+ "name": "ZGOptionList",
13867
+ "module": "dist/zinggrid.min.js"
13868
+ }
13869
+ }
13870
+ ]
13871
+ },
13872
+ {
13873
+ "kind": "javascript-module",
13874
+ "path": "dist/zinggrid.min.js",
13875
+ "deprecated": false,
13876
+ "declarations": [],
13877
+ "exports": [
13878
+ {
13879
+ "kind": "custom-element-definition",
13880
+ "name": "zg-pager",
13881
+ "declaration": {
13882
+ "name": "ZGPager",
13883
+ "module": "dist/zinggrid.min.js"
13884
+ }
13885
+ }
13886
+ ]
13887
+ },
13888
+ {
13889
+ "kind": "javascript-module",
13890
+ "path": "dist/zinggrid.min.js",
13891
+ "deprecated": false,
13892
+ "declarations": [],
13893
+ "exports": [
13894
+ {
13895
+ "kind": "custom-element-definition",
13896
+ "name": "zg-param",
13897
+ "declaration": {
13898
+ "name": "ZGParam",
13899
+ "module": "dist/zinggrid.min.js"
13900
+ }
13901
+ }
13902
+ ]
13903
+ },
13904
+ {
13905
+ "kind": "javascript-module",
13906
+ "path": "dist/zinggrid.min.js",
13907
+ "deprecated": false,
13908
+ "declarations": [],
13909
+ "exports": [
13910
+ {
13911
+ "kind": "custom-element-definition",
13912
+ "name": "zg-row",
13913
+ "declaration": {
13914
+ "name": "ZGRow",
13915
+ "module": "dist/zinggrid.min.js"
13916
+ }
13917
+ }
13918
+ ]
13919
+ },
13920
+ {
13921
+ "kind": "javascript-module",
13922
+ "path": "dist/zinggrid.min.js",
13923
+ "deprecated": false,
13924
+ "declarations": [],
13925
+ "exports": [
13926
+ {
13927
+ "kind": "custom-element-definition",
13928
+ "name": "zg-row-details",
13929
+ "declaration": {
13930
+ "name": "ZGRowDetails",
13931
+ "module": "dist/zinggrid.min.js"
13932
+ }
13933
+ }
13934
+ ]
13935
+ },
13936
+ {
13937
+ "kind": "javascript-module",
13938
+ "path": "dist/zinggrid.min.js",
13939
+ "deprecated": false,
13940
+ "declarations": [],
13941
+ "exports": [
13942
+ {
13943
+ "kind": "custom-element-definition",
13944
+ "name": "zg-search",
13945
+ "declaration": {
13946
+ "name": "ZGSearch",
13947
+ "module": "dist/zinggrid.min.js"
13948
+ }
13949
+ }
13950
+ ]
13951
+ },
13952
+ {
13953
+ "kind": "javascript-module",
13954
+ "path": "dist/zinggrid.min.js",
13955
+ "deprecated": false,
13956
+ "declarations": [],
13957
+ "exports": [
13958
+ {
13959
+ "kind": "custom-element-definition",
13960
+ "name": "zg-select",
13961
+ "declaration": {
13962
+ "name": "ZGSelect",
13963
+ "module": "dist/zinggrid.min.js"
13964
+ }
13965
+ }
13966
+ ]
13967
+ },
13968
+ {
13969
+ "kind": "javascript-module",
13970
+ "path": "dist/zinggrid.min.js",
13971
+ "deprecated": false,
13972
+ "declarations": [],
13973
+ "exports": [
13974
+ {
13975
+ "kind": "custom-element-definition",
13976
+ "name": "zg-select-mask",
13977
+ "declaration": {
13978
+ "name": "ZGSelectMask",
13979
+ "module": "dist/zinggrid.min.js"
13980
+ }
13981
+ }
13982
+ ]
13983
+ },
13984
+ {
13985
+ "kind": "javascript-module",
13986
+ "path": "dist/zinggrid.min.js",
13987
+ "deprecated": false,
13988
+ "declarations": [],
13989
+ "exports": [
13990
+ {
13991
+ "kind": "custom-element-definition",
13992
+ "name": "zg-selector-mask",
13993
+ "declaration": {
13994
+ "name": "ZGSelectorMask",
13995
+ "module": "dist/zinggrid.min.js"
13996
+ }
13997
+ }
13998
+ ]
13999
+ },
14000
+ {
14001
+ "kind": "javascript-module",
14002
+ "path": "dist/zinggrid.min.js",
14003
+ "deprecated": false,
14004
+ "declarations": [],
14005
+ "exports": [
14006
+ {
14007
+ "kind": "custom-element-definition",
14008
+ "name": "zg-separator",
14009
+ "declaration": {
14010
+ "name": "ZGSeparator",
14011
+ "module": "dist/zinggrid.min.js"
14012
+ }
14013
+ }
14014
+ ]
14015
+ },
14016
+ {
14017
+ "kind": "javascript-module",
14018
+ "path": "dist/zinggrid.min.js",
14019
+ "deprecated": false,
14020
+ "declarations": [],
14021
+ "exports": [
14022
+ {
14023
+ "kind": "custom-element-definition",
14024
+ "name": "zg-source",
14025
+ "declaration": {
14026
+ "name": "ZGSource",
14027
+ "module": "dist/zinggrid.min.js"
14028
+ }
14029
+ }
14030
+ ]
14031
+ },
14032
+ {
14033
+ "kind": "javascript-module",
14034
+ "path": "dist/zinggrid.min.js",
14035
+ "deprecated": false,
14036
+ "declarations": [],
14037
+ "exports": [
14038
+ {
14039
+ "kind": "custom-element-definition",
14040
+ "name": "zg-status",
14041
+ "declaration": {
14042
+ "name": "ZGStatus",
14043
+ "module": "dist/zinggrid.min.js"
14044
+ }
14045
+ }
14046
+ ]
14047
+ },
14048
+ {
14049
+ "kind": "javascript-module",
14050
+ "path": "dist/zinggrid.min.js",
14051
+ "deprecated": false,
14052
+ "declarations": [],
14053
+ "exports": [
14054
+ {
14055
+ "kind": "custom-element-definition",
14056
+ "name": "zg-table",
14057
+ "declaration": {
14058
+ "name": "ZGTable",
14059
+ "module": "dist/zinggrid.min.js"
14060
+ }
14061
+ }
14062
+ ]
14063
+ },
14064
+ {
14065
+ "kind": "javascript-module",
14066
+ "path": "dist/zinggrid.min.js",
14067
+ "deprecated": false,
14068
+ "declarations": [],
14069
+ "exports": [
14070
+ {
14071
+ "kind": "custom-element-definition",
14072
+ "name": "zg-text",
14073
+ "declaration": {
14074
+ "name": "ZGText",
14075
+ "module": "dist/zinggrid.min.js"
14076
+ }
14077
+ }
14078
+ ]
14079
+ },
14080
+ {
14081
+ "kind": "javascript-module",
14082
+ "path": "dist/zinggrid.min.js",
14083
+ "deprecated": false,
14084
+ "declarations": [],
14085
+ "exports": [
14086
+ {
14087
+ "kind": "custom-element-definition",
14088
+ "name": "zg-tooltip",
14089
+ "declaration": {
14090
+ "name": "ZGTooltip",
14091
+ "module": "dist/zinggrid.min.js"
14092
+ }
14093
+ }
14094
+ ]
14095
+ },
14096
+ {
14097
+ "kind": "javascript-module",
14098
+ "path": "dist/zinggrid.min.js",
14099
+ "deprecated": false,
14100
+ "declarations": [],
14101
+ "exports": [
14102
+ {
14103
+ "kind": "custom-element-definition",
14104
+ "name": "zg-watermark",
14105
+ "declaration": {
14106
+ "name": "ZGWatermark",
14107
+ "module": "dist/zinggrid.min.js"
14108
+ }
14109
+ }
14110
+ ]
14111
+ },
14112
+ {
14113
+ "kind": "javascript-module",
14114
+ "path": "dist/zinggrid.min.js",
14115
+ "deprecated": false,
14116
+ "declarations": [],
14117
+ "exports": [
14118
+ {
14119
+ "kind": "custom-element-definition",
14120
+ "name": "zing-grid",
14121
+ "declaration": {
14122
+ "name": "ZingGrid",
14123
+ "module": "dist/zinggrid.min.js"
14124
+ }
14125
+ }
14126
+ ]
13169
14127
  }
13170
14128
  ]
13171
14129
  }