zinggrid-cem 1.0.2 → 1.0.3

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 +885 -885
  2. package/package.json +1 -1
@@ -65,372 +65,375 @@
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"
72
+ "description": "Styles the left border of grid body",
73
+ "name": "--zg-body-border-left"
74
74
  },
75
75
  {
76
- "description": "Styles the border of a button",
77
- "name": "--zg-button-border"
76
+ "description": "Styles the right border of grid body",
77
+ "name": "--zg-body-border-right"
78
78
  },
79
79
  {
80
- "description": "Styles the bottom border of a button",
81
- "name": "--zg-button-border-bottom"
80
+ "description": "Sets the font family of contents inside grid body",
81
+ "name": "--zg-body-font-family"
82
82
  },
83
83
  {
84
- "description": "Styles the left border of a button",
85
- "name": "--zg-button-border-left"
84
+ "description": "Sets the font size of contents inside grid body",
85
+ "name": "--zg-body-font-size"
86
86
  },
87
87
  {
88
- "description": "Styles the right border of a button",
89
- "name": "--zg-button-border-right"
88
+ "description": "Sets the font style of contents inside grid body",
89
+ "name": "--zg-body-font-style"
90
90
  },
91
91
  {
92
- "description": "Styles the top border of a button",
93
- "name": "--zg-button-border-top"
92
+ "description": "Sets the font weight of contents inside grid body",
93
+ "name": "--zg-body-font-weight"
94
94
  },
95
95
  {
96
- "description": "Styles the box-shadow of the button",
97
- "name": "--zg-button-box-shadow"
96
+ "description": "Sets the line-height of contents inside of grid body",
97
+ "name": "--zg-body-line-height"
98
98
  },
99
99
  {
100
- "description": "Sets the font color of button",
101
- "name": "--zg-button-color"
100
+ "description": "Styles the background of grid body in 'card' layout-mode",
101
+ "name": "--zg-body-card-background"
102
102
  },
103
103
  {
104
- "description": "Sets the font family of button",
105
- "name": "--zg-button-font-family"
104
+ "description": "Styles the border of grid body in 'card' layout-mode",
105
+ "name": "--zg-body-card-border"
106
106
  },
107
107
  {
108
- "description": "Sets the font size of button",
109
- "name": "--zg-button-font-size"
108
+ "description": "Styles the bottom border of grid body in 'card' layout-mode",
109
+ "name": "--zg-body-card-border-bottom"
110
110
  },
111
111
  {
112
- "description": "Sets the font style of button",
113
- "name": "--zg-button-font-style"
112
+ "description": "Styles the left border of grid body in 'card' layout-mode",
113
+ "name": "--zg-body-card-border-left"
114
114
  },
115
115
  {
116
- "description": "Sets the font weight of button",
117
- "name": "--zg-button-font-weight"
116
+ "description": "Styles the right border of grid body in 'card' layout-mode",
117
+ "name": "--zg-body-card-border-right"
118
118
  },
119
119
  {
120
- "description": "Sets the line height of button",
121
- "name": "--zg-button-line-height"
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"
122
122
  },
123
123
  {
124
- "description": "Sets the margin of button",
125
- "name": "--zg-button-margin"
124
+ "description": "Sets display of grid body in 'card' layout-mode",
125
+ "name": "--zg-body-card-display"
126
126
  },
127
127
  {
128
- "description": "Sets the padding of button",
129
- "name": "--zg-button-padding"
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"
130
130
  },
131
131
  {
132
- "description": "Styles the background of the icon in a button on hover state",
133
- "name": "--zg-button-icon-background_hover"
132
+ "description": "Styles the border of grid body",
133
+ "name": "--zg-body-border"
134
134
  },
135
135
  {
136
- "description": "Styles the background of button on hover",
137
- "name": "--zg-button-background_hover"
136
+ "description": "Styles the bottom border of grid body",
137
+ "name": "--zg-body-border-bottom"
138
138
  },
139
139
  {
140
- "description": "Styles the border of a button on hover state",
141
- "name": "--zg-button-border_hover"
140
+ "description": "Styles the background of grid body",
141
+ "name": "--zg-body-background"
142
142
  },
143
143
  {
144
- "description": "Styles the bottom border of a button on hover",
145
- "name": "--zg-button-border-bottom_hover"
146
- },
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": "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.",
170
+ "name": "ZGCaption",
171
+ "cssProperties": [
147
172
  {
148
- "description": "Styles the left border of a button on hover",
149
- "name": "--zg-button-border-left_hover"
173
+ "description": "Styles the background of caption",
174
+ "name": "--zg-caption-background"
150
175
  },
151
176
  {
152
- "description": "Styles the right border of a button on hover",
153
- "name": "--zg-button-border-right_hover"
177
+ "description": "Styles the border of caption",
178
+ "name": "--zg-caption-border"
154
179
  },
155
180
  {
156
- "description": "Styles the top border of a button on hover",
157
- "name": "--zg-button-border-top_hover"
181
+ "description": "Styles the bottom border of caption",
182
+ "name": "--zg-caption-border-bottom"
158
183
  },
159
184
  {
160
- "description": "Styles the box-shadow of the button on hover",
161
- "name": "--zg-button-box-shadow_hover"
185
+ "description": "Styles the left border of caption",
186
+ "name": "--zg-caption-border-left"
162
187
  },
163
188
  {
164
- "description": "Styles the color of the button on hover",
165
- "name": "--zg-button-color_hover"
189
+ "description": "Styles the right border of caption",
190
+ "name": "--zg-caption-border-right"
166
191
  },
167
192
  {
168
- "description": "Sets the transition speed of button",
169
- "name": "--zg-button-transition_speed"
193
+ "description": "Styles the top border of caption",
194
+ "name": "--zg-caption-border-top"
170
195
  },
171
196
  {
172
- "description": "Styles the background of button on focus",
173
- "name": "--zg-button-background_focus"
197
+ "description": "Applies a border-radius to the caption",
198
+ "name": "--zg-caption-border-radius"
174
199
  },
175
200
  {
176
- "description": "Styles the border of a button on focus state",
177
- "name": "--zg-button-border_focus"
201
+ "description": "Applies a top-left border-radius to the caption",
202
+ "name": "--zg-caption-border-top-left-radius"
178
203
  },
179
204
  {
180
- "description": "Styles the bottom border of a button on focus",
181
- "name": "--zg-button-border-bottom_focus"
205
+ "description": "Applies a top-right border-radius to the caption",
206
+ "name": "--zg-caption-border-top-right-radius"
182
207
  },
183
208
  {
184
- "description": "Styles the left border of a button on focus",
185
- "name": "--zg-button-border-left_focus"
209
+ "description": "Applies a bottom-left border-radius to the caption",
210
+ "name": "--zg-caption-border-bottom-left-radius"
186
211
  },
187
212
  {
188
- "description": "Styles the right border of a button on focus",
189
- "name": "--zg-button-border-right_focus"
213
+ "description": "Applies a bottom-right border-radius to the caption",
214
+ "name": "--zg-caption-border-bottom-right-radius"
190
215
  },
191
216
  {
192
- "description": "Styles the top border of a button on focus",
193
- "name": "--zg-button-border-top_focus"
217
+ "description": "Applies a box shadow behind caption",
218
+ "name": "--zg-caption-box-shadow"
194
219
  },
195
220
  {
196
- "description": "Styles the box-shadow of the button on focus",
197
- "name": "--zg-button-box-shadow_focus"
221
+ "description": "Sets the font color of caption",
222
+ "name": "--zg-caption-color"
198
223
  },
199
224
  {
200
- "description": "Styles the color of the button on focus",
201
- "name": "--zg-button-color_focus"
225
+ "description": "Sets the font family of caption",
226
+ "name": "--zg-caption-font-family"
202
227
  },
203
228
  {
204
- "description": "Styles of background of button on active state",
205
- "name": "--zg-button-background_active"
229
+ "description": "Sets the font size of caption",
230
+ "name": "--zg-caption-font-size"
206
231
  },
207
232
  {
208
- "description": "Styles the border of a button on active state",
209
- "name": "--zg-button-border_active"
233
+ "description": "Sets the font style of caption",
234
+ "name": "--zg-caption-font-style"
210
235
  },
211
236
  {
212
- "description": "Styles the bottom border of a button on active state",
213
- "name": "--zg-button-border-bottom_active"
237
+ "description": "Sets the font weight of caption",
238
+ "name": "--zg-caption-font-weight"
214
239
  },
215
240
  {
216
- "description": "Styles the left border of a button on active state",
217
- "name": "--zg-button-border-left_active"
241
+ "description": "Sets the margin of caption",
242
+ "name": "--zg-caption-margin"
218
243
  },
219
244
  {
220
- "description": "Styles the right border of a button on active state",
221
- "name": "--zg-button-border-right_active"
245
+ "description": "Sets the opacity of caption",
246
+ "name": "--zg-caption-opacity"
222
247
  },
223
248
  {
224
- "description": "Styles the top border of a button on active state",
225
- "name": "--zg-button-border-top_active"
249
+ "description": "Sets the padding of caption",
250
+ "name": "--zg-caption-padding"
226
251
  },
227
252
  {
228
- "description": "Styles the box-shadow of the button on activation",
229
- "name": "--zg-button-box-shadow_active"
253
+ "description": "Sets the transition of caption",
254
+ "name": "--zg-caption-transition"
230
255
  },
231
256
  {
232
- "description": "Styles the color of the button on active state",
233
- "name": "--zg-button-color_active"
257
+ "description": "Sets the vertical alignment of items (title and toolbar) in caption",
258
+ "name": "--zg-caption-align-items"
234
259
  },
235
260
  {
236
- "description": "Styles the opacity of disabled button or button on hover",
237
- "name": "--zg-button-opacity_disabled"
261
+ "description": "Sets the flex direction of items (title and toolbar) in caption",
262
+ "name": "--zg-caption-flex-direction"
238
263
  },
239
264
  {
240
- "description": "Styles the background of custom button",
241
- "name": "--zg-button-background_custom"
265
+ "description": "Sets the height of caption",
266
+ "name": "--zg-caption-height"
242
267
  },
243
268
  {
244
- "description": "Styles the border of custom button",
245
- "name": "--zg-button-border_custom"
269
+ "description": "Sets vertical alignment of items in caption title",
270
+ "name": "--zg-caption-title-align-self"
246
271
  },
247
272
  {
248
- "description": "Applies a box shadow behind custom button",
249
- "name": "--zg-button-box-shadow_custom"
273
+ "description": "Sets how items are flexed in caption title",
274
+ "name": "--zg-caption-title-flex"
250
275
  },
251
276
  {
252
- "description": "Styles the background of custom button on focus",
253
- "name": "--zg-button-background_custom_focus"
277
+ "description": "Sets the font-family of caption title",
278
+ "name": "--zg-caption-title-font-family"
254
279
  },
255
280
  {
256
- "description": "Styles the border of custom button on focus",
257
- "name": "--zg-button-border_custom_focus"
281
+ "description": "Sets the font size of caption title",
282
+ "name": "--zg-caption-title-font-size"
258
283
  },
259
284
  {
260
- "description": "Applies a box shadow behind custom button on focus",
261
- "name": "--zg-button-box-shadow_custom_focus"
285
+ "description": "Sets the font style of caption title",
286
+ "name": "--zg-caption-title-font-style"
262
287
  },
263
288
  {
264
- "description": "Sets the font color of custom button on focus",
265
- "name": "--zg-button-color_custom_focus"
289
+ "description": "Sets the font weight of caption title",
290
+ "name": "--zg-caption-title-font-weight"
266
291
  },
267
292
  {
268
- "description": "Styles the background of icon in custom button on hover",
269
- "name": "--zg-button-icon-background_custom_hover"
293
+ "description": "Sets the margin of caption title",
294
+ "name": "--zg-caption-title-margin"
270
295
  },
271
296
  {
272
- "description": "Styles the background of custom button on hover",
273
- "name": "--zg-button-background_custom_hover"
297
+ "description": "Sets the padding of caption title",
298
+ "name": "--zg-caption-title-padding"
274
299
  },
275
300
  {
276
- "description": "Styles the border of custom button on hover",
277
- "name": "--zg-button-border_custom_hover"
301
+ "description": "Sets the order of caption title with respect to caption toolbar",
302
+ "name": "--zg-caption-title-order"
278
303
  },
279
304
  {
280
- "description": "Applies a box shadow behing custom button on hover",
281
- "name": "--zg-button-box-shadow_custom_hover"
305
+ "description": "Sets the text alignment of caption title",
306
+ "name": "--zg-caption-title-text-align"
282
307
  },
283
308
  {
284
- "description": "Sets the font color of custom button on hover",
285
- "name": "--zg-button-color_custom_hover"
309
+ "description": "Sets the transform of caption title",
310
+ "name": "--zg-caption-title-transform"
286
311
  },
287
312
  {
288
- "description": "Styles the background of custom button on active state",
289
- "name": "--zg-button-background_custom_active"
313
+ "description": "Sets the width of caption title",
314
+ "name": "--zg-caption-title-width"
290
315
  },
291
316
  {
292
- "description": "Styles the border of custom button on active state",
293
- "name": "--zg-button-border_custom_active"
317
+ "description": "Sets vertical alignment of items in caption toolbar",
318
+ "name": "--zg-caption-toolbar-align-self"
294
319
  },
295
320
  {
296
- "description": "Applies a box shadow behind custom button on active state",
297
- "name": "--zg-button-box-shadow_custom_active"
321
+ "description": "Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.",
322
+ "name": "--zg-caption-toolbar-bottom"
298
323
  },
299
324
  {
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": [
325
+ "description": "Sets the horizontal alignment of contents in caption toolbar",
326
+ "name": "--zg-caption-toolbar-justify-content"
327
+ },
307
328
  {
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"
329
+ "description": "Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.",
330
+ "name": "--zg-caption-toolbar-left"
313
331
  },
314
332
  {
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"
333
+ "description": "Sets the margin of caption toolbar",
334
+ "name": "--zg-caption-toolbar-margin"
320
335
  },
321
336
  {
322
- "type": {
323
- "text": "string"
324
- },
325
- "description": "A custom tooltip to set on the button",
326
- "name": "custom-tooltip"
337
+ "description": "Sets the position of caption toolbar",
338
+ "name": "--zg-caption-toolbar-position"
327
339
  },
328
340
  {
329
- "type": {
330
- "text": "boolean"
331
- },
332
- "description": "Whether the button is disabled or not",
333
- "name": "disabled"
341
+ "description": "Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.",
342
+ "name": "--zg-caption-toolbar-right"
334
343
  },
335
344
  {
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"
345
+ "description": "Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.",
346
+ "name": "--zg-caption-toolbar-top"
341
347
  },
342
348
  {
343
- "type": {
344
- "text": "string"
345
- },
346
- "description": "A custom function to call on button click",
347
- "name": "handler"
349
+ "description": "Sets the transform of caption toolbar",
350
+ "name": "--zg-caption-toolbar-transform"
348
351
  },
349
352
  {
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": [
353
+ "description": "Sets the width of caption toolbar",
354
+ "name": "--zg-caption-toolbar-width"
355
+ },
358
356
  {
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"
357
+ "description": "Styles the background of button in caption",
358
+ "name": "--zg-caption-button-background"
366
359
  },
367
360
  {
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"
361
+ "description": "Styles the background of button in caption when the button is in a `focus` state",
362
+ "name": "--zg-caption-button-background_focus"
375
363
  },
376
364
  {
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"
365
+ "description": "Styles the background of button in caption when the button is in a `hover` state",
366
+ "name": "--zg-caption-button-background_hover"
384
367
  },
385
368
  {
386
- "kind": "field",
387
- "name": "disabled",
369
+ "description": "Styles the background of button in caption when the button is in an `active` state",
370
+ "name": "--zg-caption-button-background_active"
371
+ }
372
+ ],
373
+ "tagName": "zg-caption",
374
+ "customElement": true,
375
+ "attributes": [
376
+ {
388
377
  "type": {
389
- "text": "boolean"
378
+ "text": "\"start\" | \"center\" | \"left\" | \"right\""
390
379
  },
391
- "description": "Whether the button is disabled or not",
392
- "attribute": "disabled"
380
+ "description": "The alignment of the default content in the caption",
381
+ "name": "align"
393
382
  },
394
383
  {
395
- "kind": "field",
396
- "name": "forceBorder",
397
384
  "type": {
398
- "text": "string | boolean"
385
+ "text": "\"top\" | \"bottom\" | \"both\""
399
386
  },
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"
387
+ "description": "Indicates whether to attach the caption to the top or the bottom of the grid",
388
+ "name": "position"
389
+ }
390
+ ],
391
+ "cssParts": [
392
+ {
393
+ "description": "Caption container",
394
+ "name": "caption"
402
395
  },
396
+ {
397
+ "description": "The title container",
398
+ "name": "title"
399
+ },
400
+ {
401
+ "description": "The toolbar container",
402
+ "name": "toolbar"
403
+ }
404
+ ],
405
+ "members": [
403
406
  {
404
407
  "kind": "field",
405
- "name": "handler",
408
+ "name": "align",
406
409
  "type": {
407
- "text": "string"
410
+ "text": "\"start\" | \"center\" | \"left\" | \"right\""
408
411
  },
409
- "description": "A custom function to call on button click",
410
- "attribute": "handler"
412
+ "description": "The alignment of the default content in the caption",
413
+ "attribute": "align"
411
414
  },
412
415
  {
413
416
  "kind": "field",
414
- "name": "icon",
417
+ "name": "position",
415
418
  "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\""
419
+ "text": "\"top\" | \"bottom\" | \"both\""
417
420
  },
418
- "description": "The icon for the button to enable styling",
419
- "attribute": "icon"
421
+ "description": "Indicates whether to attach the caption to the top or the bottom of the grid",
422
+ "attribute": "position"
420
423
  }
421
424
  ],
422
425
  "slots": [
423
426
  {
424
- "description": "Button content.",
427
+ "description": "Caption title.",
425
428
  "name": ""
426
429
  },
427
430
  {
428
- "description": "Button icon. Replaces the default slot.",
429
- "name": "icon"
431
+ "description": "Caption title. Use when using a feature that enables caption toolbar ([contextMenu], [search], [staticMenu]).",
432
+ "name": "message"
430
433
  },
431
434
  {
432
- "description": "Button label. Use to add a label when using the \"icon\" slot.",
433
- "name": "label"
435
+ "description": "Caption toolbar, which is added to the rightmost of caption by default.",
436
+ "name": "tool"
434
437
  }
435
438
  ]
436
439
  }
@@ -438,9 +441,9 @@
438
441
  "exports": [
439
442
  {
440
443
  "kind": "js",
441
- "name": "ZGButton",
444
+ "name": "ZGCaption",
442
445
  "declaration": {
443
- "name": "ZGButton",
446
+ "name": "ZGCaption",
444
447
  "module": "dist/zinggrid.min.js"
445
448
  }
446
449
  }
@@ -452,500 +455,545 @@
452
455
  "declarations": [
453
456
  {
454
457
  "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",
458
+ "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.",
459
+ "name": "ZGButton",
457
460
  "cssProperties": [
458
461
  {
459
- "description": "Styles the left border of grid body",
460
- "name": "--zg-body-border-left"
462
+ "description": "Styles the background of button",
463
+ "name": "--zg-button-background"
461
464
  },
462
465
  {
463
- "description": "Styles the right border of grid body",
464
- "name": "--zg-body-border-right"
466
+ "description": "Styles the border of a button",
467
+ "name": "--zg-button-border"
465
468
  },
466
469
  {
467
- "description": "Sets the font family of contents inside grid body",
468
- "name": "--zg-body-font-family"
470
+ "description": "Styles the bottom border of a button",
471
+ "name": "--zg-button-border-bottom"
469
472
  },
470
473
  {
471
- "description": "Sets the font size of contents inside grid body",
472
- "name": "--zg-body-font-size"
474
+ "description": "Styles the left border of a button",
475
+ "name": "--zg-button-border-left"
473
476
  },
474
477
  {
475
- "description": "Sets the font style of contents inside grid body",
476
- "name": "--zg-body-font-style"
478
+ "description": "Styles the right border of a button",
479
+ "name": "--zg-button-border-right"
477
480
  },
478
481
  {
479
- "description": "Sets the font weight of contents inside grid body",
480
- "name": "--zg-body-font-weight"
482
+ "description": "Styles the top border of a button",
483
+ "name": "--zg-button-border-top"
481
484
  },
482
485
  {
483
- "description": "Sets the line-height of contents inside of grid body",
484
- "name": "--zg-body-line-height"
486
+ "description": "Styles the box-shadow of the button",
487
+ "name": "--zg-button-box-shadow"
485
488
  },
486
489
  {
487
- "description": "Styles the background of grid body in 'card' layout-mode",
488
- "name": "--zg-body-card-background"
490
+ "description": "Sets the font color of button",
491
+ "name": "--zg-button-color"
489
492
  },
490
493
  {
491
- "description": "Styles the border of grid body in 'card' layout-mode",
492
- "name": "--zg-body-card-border"
494
+ "description": "Sets the font family of button",
495
+ "name": "--zg-button-font-family"
493
496
  },
494
497
  {
495
- "description": "Styles the bottom border of grid body in 'card' layout-mode",
496
- "name": "--zg-body-card-border-bottom"
498
+ "description": "Sets the font size of button",
499
+ "name": "--zg-button-font-size"
497
500
  },
498
501
  {
499
- "description": "Styles the left border of grid body in 'card' layout-mode",
500
- "name": "--zg-body-card-border-left"
502
+ "description": "Sets the font style of button",
503
+ "name": "--zg-button-font-style"
501
504
  },
502
505
  {
503
- "description": "Styles the right border of grid body in 'card' layout-mode",
504
- "name": "--zg-body-card-border-right"
506
+ "description": "Sets the font weight of button",
507
+ "name": "--zg-button-font-weight"
505
508
  },
506
509
  {
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"
510
+ "description": "Sets the line height of button",
511
+ "name": "--zg-button-line-height"
509
512
  },
510
513
  {
511
- "description": "Sets display of grid body in 'card' layout-mode",
512
- "name": "--zg-body-card-display"
514
+ "description": "Sets the margin of button",
515
+ "name": "--zg-button-margin"
513
516
  },
514
517
  {
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"
518
+ "description": "Sets the padding of button",
519
+ "name": "--zg-button-padding"
517
520
  },
518
521
  {
519
- "description": "Styles the border of grid body",
520
- "name": "--zg-body-border"
522
+ "description": "Styles the background of the icon in a button on hover state",
523
+ "name": "--zg-button-icon-background_hover"
521
524
  },
522
525
  {
523
- "description": "Styles the bottom border of grid body",
524
- "name": "--zg-body-border-bottom"
526
+ "description": "Styles the background of button on hover",
527
+ "name": "--zg-button-background_hover"
525
528
  },
526
529
  {
527
- "description": "Styles the background of grid body",
528
- "name": "--zg-body-background"
530
+ "description": "Styles the border of a button on hover state",
531
+ "name": "--zg-button-border_hover"
529
532
  },
530
533
  {
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"
534
+ "description": "Styles the bottom border of a button on hover",
535
+ "name": "--zg-button-border-bottom_hover"
562
536
  },
563
537
  {
564
- "description": "Styles the border of cards in 'card' layout-mode",
565
- "name": "--zg-cell-border_layout_card"
538
+ "description": "Styles the left border of a button on hover",
539
+ "name": "--zg-button-border-left_hover"
566
540
  },
567
541
  {
568
- "description": "Styles the bottom border of cards in 'card' layout-mode",
569
- "name": "--zg-cell-border-bottom_layout_card"
542
+ "description": "Styles the right border of a button on hover",
543
+ "name": "--zg-button-border-right_hover"
570
544
  },
571
545
  {
572
- "description": "Styles the left border of cards in 'card' layout-mode",
573
- "name": "--zg-cell-border-left_layout_card"
546
+ "description": "Styles the top border of a button on hover",
547
+ "name": "--zg-button-border-top_hover"
574
548
  },
575
549
  {
576
- "description": "Styles the right border of cards in 'card' layout-mode",
577
- "name": "--zg-cell-border-right_layout_card"
550
+ "description": "Styles the box-shadow of the button on hover",
551
+ "name": "--zg-button-box-shadow_hover"
578
552
  },
579
553
  {
580
- "description": "Styles the top border of cards in 'card' layout-mode",
581
- "name": "--zg-cell-border-top_layout_card"
554
+ "description": "Styles the color of the button on hover",
555
+ "name": "--zg-button-color_hover"
582
556
  },
583
557
  {
584
- "description": "Sets the font color of cards in 'card' layout-mode",
585
- "name": "--zg-cell-color_layout_card"
558
+ "description": "Sets the transition speed of button",
559
+ "name": "--zg-button-transition_speed"
586
560
  },
587
561
  {
588
- "description": "Sets the font family of cards in 'card' layout-mode",
589
- "name": "--zg-cell-font-family_layout_card"
562
+ "description": "Styles the background of button on focus",
563
+ "name": "--zg-button-background_focus"
590
564
  },
591
565
  {
592
- "description": "Sets the font size of cards in 'card' layout-mode",
593
- "name": "--zg-cell-font-size_layout_card"
566
+ "description": "Styles the border of a button on focus state",
567
+ "name": "--zg-button-border_focus"
594
568
  },
595
569
  {
596
- "description": "Sets the font family of cards in 'card' layout-mode",
597
- "name": "--zg-cell-font-style_layout_card"
570
+ "description": "Styles the bottom border of a button on focus",
571
+ "name": "--zg-button-border-bottom_focus"
598
572
  },
599
573
  {
600
- "description": "Sets the font weight of cards in 'card' layout-mode",
601
- "name": "--zg-cell-font-weight_layout_card"
574
+ "description": "Styles the left border of a button on focus",
575
+ "name": "--zg-button-border-left_focus"
602
576
  },
603
577
  {
604
- "description": "Sets the height of cards in 'card' layout-mode",
605
- "name": "--zg-cell-height_layout_card"
578
+ "description": "Styles the right border of a button on focus",
579
+ "name": "--zg-button-border-right_focus"
606
580
  },
607
581
  {
608
- "description": "Sets the line height of cards in 'card' layout-mode",
609
- "name": "--zg-cell-line-height_layout_card"
582
+ "description": "Styles the top border of a button on focus",
583
+ "name": "--zg-button-border-top_focus"
610
584
  },
611
585
  {
612
- "description": "Sets the padding of cards in 'card' layout-mode",
613
- "name": "--zg-cell-padding_layout_card"
586
+ "description": "Styles the box-shadow of the button on focus",
587
+ "name": "--zg-button-box-shadow_focus"
614
588
  },
615
589
  {
616
- "description": "Sets the transition of cards in 'card' layout-mode",
617
- "name": "--zg-cell-transition_layout_card"
590
+ "description": "Styles the color of the button on focus",
591
+ "name": "--zg-button-color_focus"
618
592
  },
619
593
  {
620
- "description": "Sets the word break of items in cards in 'card' layout-mode",
621
- "name": "--zg-cell-word-break_layout_card"
622
- }
623
- ],
624
- "tagName": "zg-card",
625
- "customElement": true,
626
- "attributes": [
627
- {
628
- "type": {
629
- "text": "string"
630
- },
631
- "description": "Sets the custom editor",
632
- "name": "editor"
594
+ "description": "Styles of background of button on active state",
595
+ "name": "--zg-button-background_active"
633
596
  },
634
597
  {
635
- "type": {
636
- "text": "string"
637
- },
638
- "description": "Points to an external template element to be used as the template for the card's editor",
639
- "name": "editor-template"
598
+ "description": "Styles the border of a button on active state",
599
+ "name": "--zg-button-border_active"
640
600
  },
641
601
  {
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"
602
+ "description": "Styles the bottom border of a button on active state",
603
+ "name": "--zg-button-border-bottom_active"
647
604
  },
648
605
  {
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"
654
- }
655
- ],
656
- "members": [
657
- {
658
- "kind": "field",
659
- "name": "editor",
660
- "type": {
661
- "text": "string"
662
- },
663
- "description": "Sets the custom editor",
664
- "attribute": "editor"
606
+ "description": "Styles the left border of a button on active state",
607
+ "name": "--zg-button-border-left_active"
665
608
  },
666
609
  {
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"
610
+ "description": "Styles the right border of a button on active state",
611
+ "name": "--zg-button-border-right_active"
674
612
  },
675
613
  {
676
- "kind": "field",
677
- "name": "renderer",
678
- "type": {
679
- "text": "string"
680
- },
681
- "description": "Whatever is returned from the method will be set as the innerHTMl of the card",
682
- "attribute": "renderer"
614
+ "description": "Styles the top border of a button on active state",
615
+ "name": "--zg-button-border-top_active"
683
616
  },
684
617
  {
685
- "kind": "field",
686
- "name": "rendererTemplate",
687
- "type": {
688
- "text": "string"
689
- },
690
- "description": "Points to an external template element to be used as the template for the card's renderer",
691
- "attribute": "rendererTemplate"
692
- }
693
- ],
694
- "slots": [
695
- {
696
- "description": "Card content.",
697
- "name": ""
698
- }
699
- ]
700
- }
701
- ],
702
- "exports": [
703
- {
704
- "kind": "js",
705
- "name": "ZGCard",
706
- "declaration": {
707
- "name": "ZGCard",
708
- "module": "dist/zinggrid.min.js"
709
- }
710
- }
711
- ]
712
- },
713
- {
714
- "kind": "javascript-module",
715
- "path": "dist/zinggrid.min.js",
716
- "declarations": [
717
- {
718
- "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",
721
- "cssProperties": [
618
+ "description": "Styles the box-shadow of the button on activation",
619
+ "name": "--zg-button-box-shadow_active"
620
+ },
722
621
  {
723
- "description": "Styles the background of cells",
724
- "name": "--zg-cell-background"
622
+ "description": "Styles the color of the button on active state",
623
+ "name": "--zg-button-color_active"
725
624
  },
726
625
  {
727
- "description": "Styles the background of cells in 'row' layout-mode",
728
- "name": "--zg-cell-background_layout_row"
626
+ "description": "Styles the opacity of disabled button or button on hover",
627
+ "name": "--zg-button-opacity_disabled"
729
628
  },
730
629
  {
731
- "description": "Styles the border of cells",
732
- "name": "--zg-cell-border"
630
+ "description": "Styles the background of custom button",
631
+ "name": "--zg-button-background_custom"
733
632
  },
734
633
  {
735
- "description": "Styles the bottom border of cells",
736
- "name": "--zg-cell-border-bottom"
634
+ "description": "Styles the border of custom button",
635
+ "name": "--zg-button-border_custom"
737
636
  },
738
637
  {
739
- "description": "Styles the border of cells in 'row' layout-mode",
740
- "name": "--zg-cell-border_layout_row"
638
+ "description": "Applies a box shadow behind custom button",
639
+ "name": "--zg-button-box-shadow_custom"
741
640
  },
742
641
  {
743
- "description": "Styles the bottom border of cells in 'row' layout-mode",
744
- "name": "--zg-cell-border-bottom_layout_row"
642
+ "description": "Styles the background of custom button on focus",
643
+ "name": "--zg-button-background_custom_focus"
745
644
  },
746
645
  {
747
- "description": "Styles the left border of cells",
748
- "name": "--zg-cell-border-left"
646
+ "description": "Styles the border of custom button on focus",
647
+ "name": "--zg-button-border_custom_focus"
749
648
  },
750
649
  {
751
- "description": "Styles the left border of cells in 'row' layout-mode",
752
- "name": "--zg-cell-border-left_layout_row"
650
+ "description": "Applies a box shadow behind custom button on focus",
651
+ "name": "--zg-button-box-shadow_custom_focus"
753
652
  },
754
653
  {
755
- "description": "Styles the right border of cells",
756
- "name": "--zg-cell-border-right"
654
+ "description": "Sets the font color of custom button on focus",
655
+ "name": "--zg-button-color_custom_focus"
757
656
  },
758
657
  {
759
- "description": "Styles the right border of cells in 'row' layout-mode",
760
- "name": "--zg-cell-border-right_layout_row"
658
+ "description": "Styles the background of icon in custom button on hover",
659
+ "name": "--zg-button-icon-background_custom_hover"
761
660
  },
762
661
  {
763
- "description": "Styles the top border of cells",
764
- "name": "--zg-cell-border-top"
662
+ "description": "Styles the background of custom button on hover",
663
+ "name": "--zg-button-background_custom_hover"
765
664
  },
766
665
  {
767
- "description": "Styles the top border of cells in 'row' layout-mode",
768
- "name": "--zg-cell-border-top_layout_row"
666
+ "description": "Styles the border of custom button on hover",
667
+ "name": "--zg-button-border_custom_hover"
769
668
  },
770
669
  {
771
- "description": "Styles font color of text in cells",
772
- "name": "--zg-cell-color"
670
+ "description": "Applies a box shadow behing custom button on hover",
671
+ "name": "--zg-button-box-shadow_custom_hover"
773
672
  },
774
673
  {
775
- "description": "Styles font color of text in cells in 'row' layout-mode",
776
- "name": "--zg-cell-color_layout_row"
674
+ "description": "Sets the font color of custom button on hover",
675
+ "name": "--zg-button-color_custom_hover"
777
676
  },
778
677
  {
779
- "description": "Sets the font family in cells",
780
- "name": "--zg-cell-font-family"
678
+ "description": "Styles the background of custom button on active state",
679
+ "name": "--zg-button-background_custom_active"
781
680
  },
782
681
  {
783
- "description": "Sets the font family in cells in 'row' layout-mode",
784
- "name": "--zg-cell-font-family_layout_row"
682
+ "description": "Styles the border of custom button on active state",
683
+ "name": "--zg-button-border_custom_active"
785
684
  },
786
685
  {
787
- "description": "Sets the font size in cells",
788
- "name": "--zg-cell-font-size"
686
+ "description": "Applies a box shadow behind custom button on active state",
687
+ "name": "--zg-button-box-shadow_custom_active"
789
688
  },
790
689
  {
791
- "description": "Sets the font size in cells in 'row' layout-mode",
792
- "name": "--zg-cell-font-size_layout_row"
690
+ "description": "Sets the font color of custom button on active state",
691
+ "name": "--zg-button-color_custom_active"
692
+ }
693
+ ],
694
+ "tagName": "zg-button",
695
+ "customElement": true,
696
+ "attributes": [
697
+ {
698
+ "type": {
699
+ "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\" | \"about\""
700
+ },
701
+ "description": "The action of the button",
702
+ "name": "action"
793
703
  },
794
704
  {
795
- "description": "Sets the font style in cells",
796
- "name": "--zg-cell-font-style"
705
+ "type": {
706
+ "text": "string"
707
+ },
708
+ "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",
709
+ "name": "custom-disabled"
797
710
  },
798
711
  {
799
- "description": "Sets the font style in cells in 'row' layout-mode",
800
- "name": "--zg-cell-font-style_layout_row"
712
+ "type": {
713
+ "text": "string"
714
+ },
715
+ "description": "A custom tooltip to set on the button",
716
+ "name": "custom-tooltip"
801
717
  },
802
718
  {
803
- "description": "Sets the font weight in cells",
804
- "name": "--zg-cell-font-weight"
719
+ "type": {
720
+ "text": "boolean"
721
+ },
722
+ "description": "Whether the button is disabled or not",
723
+ "name": "disabled"
805
724
  },
806
725
  {
807
- "description": "Sets the font weight in cells in 'row' layout-mode",
808
- "name": "--zg-cell-font-weight_layout_row"
726
+ "type": {
727
+ "text": "string | boolean"
728
+ },
729
+ "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\"]`",
730
+ "name": "force-border"
809
731
  },
810
732
  {
811
- "description": "Sets height of cells",
812
- "name": "--zg-cell-height"
733
+ "type": {
734
+ "text": "string"
735
+ },
736
+ "description": "A custom function to call on button click",
737
+ "name": "handler"
813
738
  },
814
739
  {
815
- "description": "Sets height of cells in 'row' layout-mode",
816
- "name": "--zg-cell-height_layout_row"
740
+ "type": {
741
+ "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\""
742
+ },
743
+ "description": "The icon for the button to enable styling",
744
+ "name": "icon"
745
+ }
746
+ ],
747
+ "members": [
748
+ {
749
+ "kind": "field",
750
+ "name": "action",
751
+ "type": {
752
+ "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\" | \"about\""
753
+ },
754
+ "description": "The action of the button",
755
+ "attribute": "action"
817
756
  },
818
757
  {
819
- "description": "Sets line height of cells",
820
- "name": "--zg-cell-line-height"
758
+ "kind": "field",
759
+ "name": "customDisabled",
760
+ "type": {
761
+ "text": "string"
762
+ },
763
+ "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",
764
+ "attribute": "customDisabled"
821
765
  },
822
766
  {
823
- "description": "Sets line height of cells in 'row' layout-mode",
824
- "name": "--zg-cell-line-height_layout_row"
767
+ "kind": "field",
768
+ "name": "customTooltip",
769
+ "type": {
770
+ "text": "string"
771
+ },
772
+ "description": "A custom tooltip to set on the button",
773
+ "attribute": "customTooltip"
825
774
  },
826
775
  {
827
- "description": "Sets padding of cells",
828
- "name": "--zg-cell-padding"
776
+ "kind": "field",
777
+ "name": "disabled",
778
+ "type": {
779
+ "text": "boolean"
780
+ },
781
+ "description": "Whether the button is disabled or not",
782
+ "attribute": "disabled"
829
783
  },
830
784
  {
831
- "description": "Sets padding of cells in 'row' layout-mode",
832
- "name": "--zg-cell-padding_layout_row"
785
+ "kind": "field",
786
+ "name": "forceBorder",
787
+ "type": {
788
+ "text": "string | boolean"
789
+ },
790
+ "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\"]`",
791
+ "attribute": "forceBorder"
833
792
  },
834
793
  {
835
- "description": "Sets the transition of cells",
836
- "name": "--zg-cell-transition"
794
+ "kind": "field",
795
+ "name": "handler",
796
+ "type": {
797
+ "text": "string"
798
+ },
799
+ "description": "A custom function to call on button click",
800
+ "attribute": "handler"
837
801
  },
838
802
  {
839
- "description": "Sets the transition of cells in 'row' layout-mode",
840
- "name": "--zg-cell-transition_layout_row"
803
+ "kind": "field",
804
+ "name": "icon",
805
+ "type": {
806
+ "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\""
807
+ },
808
+ "description": "The icon for the button to enable styling",
809
+ "attribute": "icon"
810
+ }
811
+ ],
812
+ "slots": [
813
+ {
814
+ "description": "Button content.",
815
+ "name": ""
841
816
  },
842
817
  {
843
- "description": "Sets vertical alignment of items in cells",
844
- "name": "--zg-cell-vertical-align"
818
+ "description": "Button icon. Replaces the default slot.",
819
+ "name": "icon"
845
820
  },
846
821
  {
847
- "description": "Sets vertical alignment of items in cells in 'row' layout-mode",
848
- "name": "--zg-cell-vertical-align_layout_row"
822
+ "description": "Button label. Use to add a label when using the \"icon\" slot.",
823
+ "name": "label"
824
+ }
825
+ ]
826
+ }
827
+ ],
828
+ "exports": [
829
+ {
830
+ "kind": "js",
831
+ "name": "ZGButton",
832
+ "declaration": {
833
+ "name": "ZGButton",
834
+ "module": "dist/zinggrid.min.js"
835
+ }
836
+ }
837
+ ]
838
+ },
839
+ {
840
+ "kind": "javascript-module",
841
+ "path": "dist/zinggrid.min.js",
842
+ "declarations": [
843
+ {
844
+ "kind": "class",
845
+ "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.",
846
+ "name": "ZGCard",
847
+ "cssProperties": [
848
+ {
849
+ "description": "Styles the background of cards in 'card' layout-mode",
850
+ "name": "--zg-cell-background_layout_card"
849
851
  },
850
852
  {
851
- "description": "Styles the background of cells in sorted column",
852
- "name": "--zg-cell-background_sorted"
853
+ "description": "Styles the border of cards in 'card' layout-mode",
854
+ "name": "--zg-cell-border_layout_card"
853
855
  },
854
856
  {
855
- "description": "Styles the background of cells in sorted column in 'row' layout-mode",
856
- "name": "--zg-cell-background_layout_row_sorted"
857
+ "description": "Styles the bottom border of cards in 'card' layout-mode",
858
+ "name": "--zg-cell-border-bottom_layout_card"
857
859
  },
858
860
  {
859
- "description": "Sets the font color of cells in sorted column",
860
- "name": "--zg-cell-color_sorted"
861
+ "description": "Styles the left border of cards in 'card' layout-mode",
862
+ "name": "--zg-cell-border-left_layout_card"
861
863
  },
862
864
  {
863
- "description": "Sets the font color of cells in sorted column in 'row' layout-mode",
864
- "name": "--zg-cell-color_layout_row_sorted"
865
+ "description": "Styles the right border of cards in 'card' layout-mode",
866
+ "name": "--zg-cell-border-right_layout_card"
865
867
  },
866
868
  {
867
- "description": "Sets font color of label in cards in 'card' layout-mode",
868
- "name": "--zg-cell-label-color_layout_card"
869
+ "description": "Styles the top border of cards in 'card' layout-mode",
870
+ "name": "--zg-cell-border-top_layout_card"
869
871
  },
870
872
  {
871
- "description": "Sets the display of label in cards in 'card' layout-mode",
872
- "name": "--zg-cell-label-display_layout_card"
873
+ "description": "Sets the font color of cards in 'card' layout-mode",
874
+ "name": "--zg-cell-color_layout_card"
873
875
  },
874
876
  {
875
- "description": "Sets font size of label in cards in 'card' layout-mode",
876
- "name": "--zg-cell-label-font-size_layout_card"
877
+ "description": "Sets the font family of cards in 'card' layout-mode",
878
+ "name": "--zg-cell-font-family_layout_card"
877
879
  },
878
880
  {
879
- "description": "Sets the margin of label in cards in 'card' layout-mode",
880
- "name": "--zg-cell-label-margin_layout_card"
881
+ "description": "Sets the font size of cards in 'card' layout-mode",
882
+ "name": "--zg-cell-font-size_layout_card"
881
883
  },
882
884
  {
883
- "description": "Sets the overflow of label in cards in 'card' layout-mode",
884
- "name": "--zg-cell-label-overflow_layout_card"
885
+ "description": "Sets the font family of cards in 'card' layout-mode",
886
+ "name": "--zg-cell-font-style_layout_card"
885
887
  },
886
888
  {
887
- "description": "Sets transform of label in cards in 'card' layout-mode",
888
- "name": "--zg-cell-label-transform_layout_card"
889
+ "description": "Sets the font weight of cards in 'card' layout-mode",
890
+ "name": "--zg-cell-font-weight_layout_card"
889
891
  },
890
892
  {
891
- "description": "Sets font weight of label in cards in 'card' layout-mode",
892
- "name": "--zg-cell-label-font-weight_layout_card"
893
+ "description": "Sets the height of cards in 'card' layout-mode",
894
+ "name": "--zg-cell-height_layout_card"
893
895
  },
894
896
  {
895
- "description": "Styles the border of card items in 'card' layout-mode",
896
- "name": "--zg-cell-content-border_layout_card"
897
+ "description": "Sets the line height of cards in 'card' layout-mode",
898
+ "name": "--zg-cell-line-height_layout_card"
897
899
  },
898
900
  {
899
- "description": "Styles the bottom border of card items in 'card' layout-mode",
900
- "name": "--zg-cell-content-border-bottom_layout_card"
901
+ "description": "Sets the padding of cards in 'card' layout-mode",
902
+ "name": "--zg-cell-padding_layout_card"
901
903
  },
902
904
  {
903
- "description": "Styles the left border of card items in 'card' layout-mode",
904
- "name": "--zg-cell-content-border-left_layout_card"
905
+ "description": "Sets the transition of cards in 'card' layout-mode",
906
+ "name": "--zg-cell-transition_layout_card"
905
907
  },
906
908
  {
907
- "description": "Styles the right border of card items in 'card' layout-mode",
908
- "name": "--zg-cell-content-border-right_layout_card"
909
- },
909
+ "description": "Sets the word break of items in cards in 'card' layout-mode",
910
+ "name": "--zg-cell-word-break_layout_card"
911
+ }
912
+ ],
913
+ "tagName": "zg-card",
914
+ "customElement": true,
915
+ "attributes": [
910
916
  {
911
- "description": "Styles the top border of card items in 'card' layout-mode",
912
- "name": "--zg-cell-content-border-top_layout_card"
917
+ "type": {
918
+ "text": "string"
919
+ },
920
+ "description": "Sets the custom editor",
921
+ "name": "editor"
913
922
  },
914
923
  {
915
- "description": "Sets the font size of cards in 'card' layout-mode",
916
- "name": "--zg-cell-content-font-size_layout_card"
924
+ "type": {
925
+ "text": "string"
926
+ },
927
+ "description": "Points to an external template element to be used as the template for the card's editor",
928
+ "name": "editor-template"
917
929
  },
918
930
  {
919
- "description": "Sets the padding of cards in 'card' layout-mode",
920
- "name": "--zg-cell-content-padding_layout_card"
931
+ "type": {
932
+ "text": "string"
933
+ },
934
+ "description": "Whatever is returned from the method will be set as the innerHTMl of the card",
935
+ "name": "renderer"
921
936
  },
922
937
  {
923
- "description": "Styles the background of cells on hover",
924
- "name": "--zg-cell-background_hover"
938
+ "type": {
939
+ "text": "string"
940
+ },
941
+ "description": "Points to an external template element to be used as the template for the card's renderer",
942
+ "name": "renderer-template"
943
+ }
944
+ ],
945
+ "members": [
946
+ {
947
+ "kind": "field",
948
+ "name": "editor",
949
+ "type": {
950
+ "text": "string"
951
+ },
952
+ "description": "Sets the custom editor",
953
+ "attribute": "editor"
925
954
  },
926
955
  {
927
- "description": "Styles the background of cells in 'row' layout-mode on hover",
928
- "name": "--zg-cell-background_hover_layout_row"
956
+ "kind": "field",
957
+ "name": "editorTemplate",
958
+ "type": {
959
+ "text": "string"
960
+ },
961
+ "description": "Points to an external template element to be used as the template for the card's editor",
962
+ "attribute": "editorTemplate"
929
963
  },
930
964
  {
931
- "description": "Styles font color of cells on hover",
932
- "name": "--zg-cell-color_hover"
965
+ "kind": "field",
966
+ "name": "renderer",
967
+ "type": {
968
+ "text": "string"
969
+ },
970
+ "description": "Whatever is returned from the method will be set as the innerHTMl of the card",
971
+ "attribute": "renderer"
933
972
  },
934
973
  {
935
- "description": "Styles font color of cells in 'row' layout-mode on hover",
936
- "name": "--zg-cell-color_hover_layout_row"
974
+ "kind": "field",
975
+ "name": "rendererTemplate",
976
+ "type": {
977
+ "text": "string"
978
+ },
979
+ "description": "Points to an external template element to be used as the template for the card's renderer",
980
+ "attribute": "rendererTemplate"
937
981
  }
938
982
  ],
939
- "tagName": "zg-cell",
940
- "customElement": true
983
+ "slots": [
984
+ {
985
+ "description": "Card content.",
986
+ "name": ""
987
+ }
988
+ ]
941
989
  }
942
990
  ],
943
991
  "exports": [
944
992
  {
945
993
  "kind": "js",
946
- "name": "ZGCell",
994
+ "name": "ZGCard",
947
995
  "declaration": {
948
- "name": "ZGCell",
996
+ "name": "ZGCard",
949
997
  "module": "dist/zinggrid.min.js"
950
998
  }
951
999
  }
@@ -957,284 +1005,236 @@
957
1005
  "declarations": [
958
1006
  {
959
1007
  "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",
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",
962
1010
  "cssProperties": [
963
1011
  {
964
- "description": "Styles the background of caption",
965
- "name": "--zg-caption-background"
966
- },
967
- {
968
- "description": "Styles the border of caption",
969
- "name": "--zg-caption-border"
970
- },
971
- {
972
- "description": "Styles the bottom border of caption",
973
- "name": "--zg-caption-border-bottom"
974
- },
975
- {
976
- "description": "Styles the left border of caption",
977
- "name": "--zg-caption-border-left"
978
- },
979
- {
980
- "description": "Styles the right border of caption",
981
- "name": "--zg-caption-border-right"
982
- },
983
- {
984
- "description": "Styles the top border of caption",
985
- "name": "--zg-caption-border-top"
986
- },
987
- {
988
- "description": "Applies a border-radius to the caption",
989
- "name": "--zg-caption-border-radius"
1012
+ "description": "Styles the background of cells",
1013
+ "name": "--zg-cell-background"
990
1014
  },
991
1015
  {
992
- "description": "Applies a top-left border-radius to the caption",
993
- "name": "--zg-caption-border-top-left-radius"
1016
+ "description": "Styles the background of cells in 'row' layout-mode",
1017
+ "name": "--zg-cell-background_layout_row"
994
1018
  },
995
1019
  {
996
- "description": "Applies a top-right border-radius to the caption",
997
- "name": "--zg-caption-border-top-right-radius"
1020
+ "description": "Styles the border of cells",
1021
+ "name": "--zg-cell-border"
998
1022
  },
999
1023
  {
1000
- "description": "Applies a bottom-left border-radius to the caption",
1001
- "name": "--zg-caption-border-bottom-left-radius"
1024
+ "description": "Styles the bottom border of cells",
1025
+ "name": "--zg-cell-border-bottom"
1002
1026
  },
1003
1027
  {
1004
- "description": "Applies a bottom-right border-radius to the caption",
1005
- "name": "--zg-caption-border-bottom-right-radius"
1028
+ "description": "Styles the border of cells in 'row' layout-mode",
1029
+ "name": "--zg-cell-border_layout_row"
1006
1030
  },
1007
1031
  {
1008
- "description": "Applies a box shadow behind caption",
1009
- "name": "--zg-caption-box-shadow"
1032
+ "description": "Styles the bottom border of cells in 'row' layout-mode",
1033
+ "name": "--zg-cell-border-bottom_layout_row"
1010
1034
  },
1011
1035
  {
1012
- "description": "Sets the font color of caption",
1013
- "name": "--zg-caption-color"
1036
+ "description": "Styles the left border of cells",
1037
+ "name": "--zg-cell-border-left"
1014
1038
  },
1015
1039
  {
1016
- "description": "Sets the font family of caption",
1017
- "name": "--zg-caption-font-family"
1040
+ "description": "Styles the left border of cells in 'row' layout-mode",
1041
+ "name": "--zg-cell-border-left_layout_row"
1018
1042
  },
1019
1043
  {
1020
- "description": "Sets the font size of caption",
1021
- "name": "--zg-caption-font-size"
1044
+ "description": "Styles the right border of cells",
1045
+ "name": "--zg-cell-border-right"
1022
1046
  },
1023
1047
  {
1024
- "description": "Sets the font style of caption",
1025
- "name": "--zg-caption-font-style"
1048
+ "description": "Styles the right border of cells in 'row' layout-mode",
1049
+ "name": "--zg-cell-border-right_layout_row"
1026
1050
  },
1027
1051
  {
1028
- "description": "Sets the font weight of caption",
1029
- "name": "--zg-caption-font-weight"
1052
+ "description": "Styles the top border of cells",
1053
+ "name": "--zg-cell-border-top"
1030
1054
  },
1031
1055
  {
1032
- "description": "Sets the margin of caption",
1033
- "name": "--zg-caption-margin"
1056
+ "description": "Styles the top border of cells in 'row' layout-mode",
1057
+ "name": "--zg-cell-border-top_layout_row"
1034
1058
  },
1035
1059
  {
1036
- "description": "Sets the opacity of caption",
1037
- "name": "--zg-caption-opacity"
1060
+ "description": "Styles font color of text in cells",
1061
+ "name": "--zg-cell-color"
1038
1062
  },
1039
1063
  {
1040
- "description": "Sets the padding of caption",
1041
- "name": "--zg-caption-padding"
1064
+ "description": "Styles font color of text in cells in 'row' layout-mode",
1065
+ "name": "--zg-cell-color_layout_row"
1042
1066
  },
1043
1067
  {
1044
- "description": "Sets the transition of caption",
1045
- "name": "--zg-caption-transition"
1068
+ "description": "Sets the font family in cells",
1069
+ "name": "--zg-cell-font-family"
1046
1070
  },
1047
1071
  {
1048
- "description": "Sets the vertical alignment of items (title and toolbar) in caption",
1049
- "name": "--zg-caption-align-items"
1072
+ "description": "Sets the font family in cells in 'row' layout-mode",
1073
+ "name": "--zg-cell-font-family_layout_row"
1050
1074
  },
1051
1075
  {
1052
- "description": "Sets the flex direction of items (title and toolbar) in caption",
1053
- "name": "--zg-caption-flex-direction"
1076
+ "description": "Sets the font size in cells",
1077
+ "name": "--zg-cell-font-size"
1054
1078
  },
1055
1079
  {
1056
- "description": "Sets the height of caption",
1057
- "name": "--zg-caption-height"
1080
+ "description": "Sets the font size in cells in 'row' layout-mode",
1081
+ "name": "--zg-cell-font-size_layout_row"
1058
1082
  },
1059
1083
  {
1060
- "description": "Sets vertical alignment of items in caption title",
1061
- "name": "--zg-caption-title-align-self"
1084
+ "description": "Sets the font style in cells",
1085
+ "name": "--zg-cell-font-style"
1062
1086
  },
1063
1087
  {
1064
- "description": "Sets how items are flexed in caption title",
1065
- "name": "--zg-caption-title-flex"
1088
+ "description": "Sets the font style in cells in 'row' layout-mode",
1089
+ "name": "--zg-cell-font-style_layout_row"
1066
1090
  },
1067
1091
  {
1068
- "description": "Sets the font-family of caption title",
1069
- "name": "--zg-caption-title-font-family"
1092
+ "description": "Sets the font weight in cells",
1093
+ "name": "--zg-cell-font-weight"
1070
1094
  },
1071
1095
  {
1072
- "description": "Sets the font size of caption title",
1073
- "name": "--zg-caption-title-font-size"
1096
+ "description": "Sets the font weight in cells in 'row' layout-mode",
1097
+ "name": "--zg-cell-font-weight_layout_row"
1074
1098
  },
1075
1099
  {
1076
- "description": "Sets the font style of caption title",
1077
- "name": "--zg-caption-title-font-style"
1100
+ "description": "Sets height of cells",
1101
+ "name": "--zg-cell-height"
1078
1102
  },
1079
1103
  {
1080
- "description": "Sets the font weight of caption title",
1081
- "name": "--zg-caption-title-font-weight"
1104
+ "description": "Sets height of cells in 'row' layout-mode",
1105
+ "name": "--zg-cell-height_layout_row"
1082
1106
  },
1083
1107
  {
1084
- "description": "Sets the margin of caption title",
1085
- "name": "--zg-caption-title-margin"
1108
+ "description": "Sets line height of cells",
1109
+ "name": "--zg-cell-line-height"
1086
1110
  },
1087
1111
  {
1088
- "description": "Sets the padding of caption title",
1089
- "name": "--zg-caption-title-padding"
1112
+ "description": "Sets line height of cells in 'row' layout-mode",
1113
+ "name": "--zg-cell-line-height_layout_row"
1090
1114
  },
1091
1115
  {
1092
- "description": "Sets the order of caption title with respect to caption toolbar",
1093
- "name": "--zg-caption-title-order"
1116
+ "description": "Sets padding of cells",
1117
+ "name": "--zg-cell-padding"
1094
1118
  },
1095
1119
  {
1096
- "description": "Sets the text alignment of caption title",
1097
- "name": "--zg-caption-title-text-align"
1120
+ "description": "Sets padding of cells in 'row' layout-mode",
1121
+ "name": "--zg-cell-padding_layout_row"
1098
1122
  },
1099
1123
  {
1100
- "description": "Sets the transform of caption title",
1101
- "name": "--zg-caption-title-transform"
1124
+ "description": "Sets the transition of cells",
1125
+ "name": "--zg-cell-transition"
1102
1126
  },
1103
1127
  {
1104
- "description": "Sets the width of caption title",
1105
- "name": "--zg-caption-title-width"
1128
+ "description": "Sets the transition of cells in 'row' layout-mode",
1129
+ "name": "--zg-cell-transition_layout_row"
1106
1130
  },
1107
1131
  {
1108
- "description": "Sets vertical alignment of items in caption toolbar",
1109
- "name": "--zg-caption-toolbar-align-self"
1132
+ "description": "Sets vertical alignment of items in cells",
1133
+ "name": "--zg-cell-vertical-align"
1110
1134
  },
1111
1135
  {
1112
- "description": "Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.",
1113
- "name": "--zg-caption-toolbar-bottom"
1136
+ "description": "Sets vertical alignment of items in cells in 'row' layout-mode",
1137
+ "name": "--zg-cell-vertical-align_layout_row"
1114
1138
  },
1115
1139
  {
1116
- "description": "Sets the horizontal alignment of contents in caption toolbar",
1117
- "name": "--zg-caption-toolbar-justify-content"
1140
+ "description": "Styles the background of cells in sorted column",
1141
+ "name": "--zg-cell-background_sorted"
1118
1142
  },
1119
1143
  {
1120
- "description": "Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.",
1121
- "name": "--zg-caption-toolbar-left"
1144
+ "description": "Styles the background of cells in sorted column in 'row' layout-mode",
1145
+ "name": "--zg-cell-background_layout_row_sorted"
1122
1146
  },
1123
1147
  {
1124
- "description": "Sets the margin of caption toolbar",
1125
- "name": "--zg-caption-toolbar-margin"
1148
+ "description": "Sets the font color of cells in sorted column",
1149
+ "name": "--zg-cell-color_sorted"
1126
1150
  },
1127
1151
  {
1128
- "description": "Sets the position of caption toolbar",
1129
- "name": "--zg-caption-toolbar-position"
1152
+ "description": "Sets the font color of cells in sorted column in 'row' layout-mode",
1153
+ "name": "--zg-cell-color_layout_row_sorted"
1130
1154
  },
1131
1155
  {
1132
- "description": "Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.",
1133
- "name": "--zg-caption-toolbar-right"
1156
+ "description": "Sets font color of label in cards in 'card' layout-mode",
1157
+ "name": "--zg-cell-label-color_layout_card"
1134
1158
  },
1135
1159
  {
1136
- "description": "Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.",
1137
- "name": "--zg-caption-toolbar-top"
1160
+ "description": "Sets the display of label in cards in 'card' layout-mode",
1161
+ "name": "--zg-cell-label-display_layout_card"
1138
1162
  },
1139
1163
  {
1140
- "description": "Sets the transform of caption toolbar",
1141
- "name": "--zg-caption-toolbar-transform"
1164
+ "description": "Sets font size of label in cards in 'card' layout-mode",
1165
+ "name": "--zg-cell-label-font-size_layout_card"
1142
1166
  },
1143
1167
  {
1144
- "description": "Sets the width of caption toolbar",
1145
- "name": "--zg-caption-toolbar-width"
1168
+ "description": "Sets the margin of label in cards in 'card' layout-mode",
1169
+ "name": "--zg-cell-label-margin_layout_card"
1146
1170
  },
1147
1171
  {
1148
- "description": "Styles the background of button in caption",
1149
- "name": "--zg-caption-button-background"
1172
+ "description": "Sets the overflow of label in cards in 'card' layout-mode",
1173
+ "name": "--zg-cell-label-overflow_layout_card"
1150
1174
  },
1151
1175
  {
1152
- "description": "Styles the background of button in caption when the button is in a `focus` state",
1153
- "name": "--zg-caption-button-background_focus"
1176
+ "description": "Sets transform of label in cards in 'card' layout-mode",
1177
+ "name": "--zg-cell-label-transform_layout_card"
1154
1178
  },
1155
1179
  {
1156
- "description": "Styles the background of button in caption when the button is in a `hover` state",
1157
- "name": "--zg-caption-button-background_hover"
1180
+ "description": "Sets font weight of label in cards in 'card' layout-mode",
1181
+ "name": "--zg-cell-label-font-weight_layout_card"
1158
1182
  },
1159
1183
  {
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": [
1184
+ "description": "Styles the border of card items in 'card' layout-mode",
1185
+ "name": "--zg-cell-content-border_layout_card"
1186
+ },
1167
1187
  {
1168
- "type": {
1169
- "text": "\"start\" | \"left\" | \"right\" | \"center\""
1170
- },
1171
- "description": "The alignment of the default content in the caption",
1172
- "name": "align"
1188
+ "description": "Styles the bottom border of card items in 'card' layout-mode",
1189
+ "name": "--zg-cell-content-border-bottom_layout_card"
1173
1190
  },
1174
1191
  {
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": [
1192
+ "description": "Styles the left border of card items in 'card' layout-mode",
1193
+ "name": "--zg-cell-content-border-left_layout_card"
1194
+ },
1183
1195
  {
1184
- "description": "Caption container",
1185
- "name": "caption"
1196
+ "description": "Styles the right border of card items in 'card' layout-mode",
1197
+ "name": "--zg-cell-content-border-right_layout_card"
1186
1198
  },
1187
1199
  {
1188
- "description": "The title container",
1189
- "name": "title"
1200
+ "description": "Styles the top border of card items in 'card' layout-mode",
1201
+ "name": "--zg-cell-content-border-top_layout_card"
1190
1202
  },
1191
1203
  {
1192
- "description": "The toolbar container",
1193
- "name": "toolbar"
1194
- }
1195
- ],
1196
- "members": [
1204
+ "description": "Sets the font size of cards in 'card' layout-mode",
1205
+ "name": "--zg-cell-content-font-size_layout_card"
1206
+ },
1197
1207
  {
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"
1208
+ "description": "Sets the padding of cards in 'card' layout-mode",
1209
+ "name": "--zg-cell-content-padding_layout_card"
1205
1210
  },
1206
1211
  {
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": [
1212
+ "description": "Styles the background of cells on hover",
1213
+ "name": "--zg-cell-background_hover"
1214
+ },
1217
1215
  {
1218
- "description": "Caption title.",
1219
- "name": ""
1216
+ "description": "Styles the background of cells in 'row' layout-mode on hover",
1217
+ "name": "--zg-cell-background_hover_layout_row"
1220
1218
  },
1221
1219
  {
1222
- "description": "Caption title. Use when using a feature that enables caption toolbar ([contextMenu], [search], [staticMenu]).",
1223
- "name": "message"
1220
+ "description": "Styles font color of cells on hover",
1221
+ "name": "--zg-cell-color_hover"
1224
1222
  },
1225
1223
  {
1226
- "description": "Caption toolbar, which is added to the rightmost of caption by default.",
1227
- "name": "tool"
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
  }
@@ -1347,57 +1347,6 @@
1347
1347
  }
1348
1348
  ]
1349
1349
  },
1350
- {
1351
- "kind": "javascript-module",
1352
- "path": "dist/zinggrid.min.js",
1353
- "declarations": [
1354
- {
1355
- "kind": "class",
1356
- "description": "The column resize handle appears when hovering over header to\nresize the column.",
1357
- "name": "ZGColumnResize",
1358
- "cssProperties": [
1359
- {
1360
- "description": "Sets the background of the resize handle",
1361
- "name": "--zg-column-resize-background"
1362
- },
1363
- {
1364
- "description": "Sets the height of the resize handle",
1365
- "name": "--zg-column-resize-height"
1366
- },
1367
- {
1368
- "description": "Sets the top position of the resize handle",
1369
- "name": "--zg-column-resize-top"
1370
- },
1371
- {
1372
- "description": "Sets the width of the resize handle",
1373
- "name": "--zg-column-resize-width"
1374
- }
1375
- ],
1376
- "tagName": "zg-column-resize",
1377
- "customElement": true,
1378
- "cssParts": [
1379
- {
1380
- "description": "The resize handle container",
1381
- "name": "handle"
1382
- },
1383
- {
1384
- "description": "The resize icon",
1385
- "name": "icon"
1386
- }
1387
- ]
1388
- }
1389
- ],
1390
- "exports": [
1391
- {
1392
- "kind": "js",
1393
- "name": "ZGColumnResize",
1394
- "declaration": {
1395
- "name": "ZGColumnResize",
1396
- "module": "dist/zinggrid.min.js"
1397
- }
1398
- }
1399
- ]
1400
- },
1401
1350
  {
1402
1351
  "kind": "javascript-module",
1403
1352
  "path": "dist/zinggrid.min.js",
@@ -1436,7 +1385,7 @@
1436
1385
  },
1437
1386
  {
1438
1387
  "type": {
1439
- "text": "\"disabled\""
1388
+ "text": "\"disabled\" | boolean"
1440
1389
  },
1441
1390
  "description": "Presence of attribute forces a border on the button. Setting to `disabled` removes the default border.",
1442
1391
  "name": "button-border"
@@ -1471,7 +1420,7 @@
1471
1420
  },
1472
1421
  {
1473
1422
  "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\""
1423
+ "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
1424
  },
1476
1425
  "description": "Sets the icon to display on the info column type",
1477
1426
  "name": "cell-tooltip-icon"
@@ -1555,7 +1504,7 @@
1555
1504
  },
1556
1505
  {
1557
1506
  "type": {
1558
- "text": "string"
1507
+ "text": "boolean | string"
1559
1508
  },
1560
1509
  "description": "Overrides editor type (can be custom) or set false to disable editor",
1561
1510
  "name": "editor"
@@ -1569,7 +1518,7 @@
1569
1518
  },
1570
1519
  {
1571
1520
  "type": {
1572
- "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean | string"
1521
+ "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean"
1573
1522
  },
1574
1523
  "description": "Whether the filter is enabled for the column",
1575
1524
  "name": "filter"
@@ -1604,7 +1553,7 @@
1604
1553
  },
1605
1554
  {
1606
1555
  "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"
1556
+ "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
1557
  },
1609
1558
  "description": "The condition to initially display on filter menu open. Can also be any custom string representing a function name.",
1610
1559
  "name": "filter-default-condition"
@@ -1667,7 +1616,7 @@
1667
1616
  },
1668
1617
  {
1669
1618
  "type": {
1670
- "text": "\"left\" | \"right\" | string"
1619
+ "text": "\"left\" | \"right\""
1671
1620
  },
1672
1621
  "description": "Moves the column to the frozen panel specified.",
1673
1622
  "name": "frozen"
@@ -1849,7 +1798,7 @@
1849
1798
  },
1850
1799
  {
1851
1800
  "type": {
1852
- "text": "\"disabled\""
1801
+ "text": "\"disabled\" | boolean"
1853
1802
  },
1854
1803
  "description": "Modifies the default column resizable. Set to `disabled` to turn off resizing on a single column.",
1855
1804
  "name": "resizable"
@@ -2005,12 +1954,12 @@
2005
1954
  "type": {
2006
1955
  "text": "\"disabled\""
2007
1956
  },
2008
- "description": "Sets the color mode to configure the color picker. Choose between HSL, RGBA, and the default Hex",
1957
+ "description": "Disable the default color swatch UI preview with a false value.",
2009
1958
  "name": "type-color-preview"
2010
1959
  },
2011
1960
  {
2012
1961
  "type": {
2013
- "text": "\"\""
1962
+ "text": "\"disabled\""
2014
1963
  },
2015
1964
  "description": "By default, spaces are added into the color when in RGB or HSL mode. Turn the spaces off by setting to `disabled`",
2016
1965
  "name": "type-color-spaces"
@@ -2308,7 +2257,7 @@
2308
2257
  "kind": "field",
2309
2258
  "name": "buttonBorder",
2310
2259
  "type": {
2311
- "text": "\"disabled\""
2260
+ "text": "\"disabled\" | boolean"
2312
2261
  },
2313
2262
  "description": "Presence of attribute forces a border on the button. Setting to `disabled` removes the default border.",
2314
2263
  "attribute": "buttonBorder"
@@ -2353,7 +2302,7 @@
2353
2302
  "kind": "field",
2354
2303
  "name": "cellTooltipIcon",
2355
2304
  "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\""
2305
+ "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
2306
  },
2358
2307
  "description": "Sets the icon to display on the info column type",
2359
2308
  "attribute": "cellTooltipIcon"
@@ -2461,7 +2410,7 @@
2461
2410
  "kind": "field",
2462
2411
  "name": "editor",
2463
2412
  "type": {
2464
- "text": "string"
2413
+ "text": "boolean | string"
2465
2414
  },
2466
2415
  "description": "Overrides editor type (can be custom) or set false to disable editor",
2467
2416
  "attribute": "editor"
@@ -2479,7 +2428,7 @@
2479
2428
  "kind": "field",
2480
2429
  "name": "filter",
2481
2430
  "type": {
2482
- "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean | string"
2431
+ "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean"
2483
2432
  },
2484
2433
  "description": "Whether the filter is enabled for the column",
2485
2434
  "attribute": "filter"
@@ -2524,7 +2473,7 @@
2524
2473
  "kind": "field",
2525
2474
  "name": "filterDefaultCondition",
2526
2475
  "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"
2476
+ "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
2477
  },
2529
2478
  "description": "The condition to initially display on filter menu open. Can also be any custom string representing a function name.",
2530
2479
  "attribute": "filterDefaultCondition"
@@ -2605,7 +2554,7 @@
2605
2554
  "kind": "field",
2606
2555
  "name": "frozen",
2607
2556
  "type": {
2608
- "text": "\"left\" | \"right\" | string"
2557
+ "text": "\"left\" | \"right\""
2609
2558
  },
2610
2559
  "description": "Moves the column to the frozen panel specified.",
2611
2560
  "attribute": "frozen"
@@ -2839,7 +2788,7 @@
2839
2788
  "kind": "field",
2840
2789
  "name": "resizable",
2841
2790
  "type": {
2842
- "text": "\"disabled\""
2791
+ "text": "\"disabled\" | boolean"
2843
2792
  },
2844
2793
  "description": "Modifies the default column resizable. Set to `disabled` to turn off resizing on a single column.",
2845
2794
  "attribute": "resizable"
@@ -3039,14 +2988,14 @@
3039
2988
  "type": {
3040
2989
  "text": "\"disabled\""
3041
2990
  },
3042
- "description": "Sets the color mode to configure the color picker. Choose between HSL, RGBA, and the default Hex",
2991
+ "description": "Disable the default color swatch UI preview with a false value.",
3043
2992
  "attribute": "typeColorPreview"
3044
2993
  },
3045
2994
  {
3046
2995
  "kind": "field",
3047
2996
  "name": "typeColorSpaces",
3048
2997
  "type": {
3049
- "text": "\"\""
2998
+ "text": "\"disabled\""
3050
2999
  },
3051
3000
  "description": "By default, spaces are added into the color when in RGB or HSL mode. Turn the spaces off by setting to `disabled`",
3052
3001
  "attribute": "typeColorSpaces"
@@ -3358,30 +3307,81 @@
3358
3307
  "attribute": "validationRequiredMessage"
3359
3308
  },
3360
3309
  {
3361
- "kind": "field",
3362
- "name": "validator",
3363
- "type": {
3364
- "text": "string"
3365
- },
3366
- "attribute": "validator"
3367
- },
3310
+ "kind": "field",
3311
+ "name": "validator",
3312
+ "type": {
3313
+ "text": "string"
3314
+ },
3315
+ "attribute": "validator"
3316
+ },
3317
+ {
3318
+ "kind": "field",
3319
+ "name": "visibilityPriority",
3320
+ "type": {
3321
+ "text": "number"
3322
+ },
3323
+ "description": "Used in the case of automatically removing columns on resized. Columns without a priority never gets removed. The rest of the columns are removed from highest priority value to lowest.",
3324
+ "attribute": "visibilityPriority"
3325
+ },
3326
+ {
3327
+ "kind": "field",
3328
+ "name": "width",
3329
+ "type": {
3330
+ "text": "\"fit\" | \"fitheader\" | \"fitcontent\" | \"max-content\" | \"min-content\" | \"stretch\" | string | number"
3331
+ },
3332
+ "description": "The width of the column. Can also be any custom string representing a percentage value (10%) or pixel value (150px).",
3333
+ "attribute": "width"
3334
+ }
3335
+ ]
3336
+ }
3337
+ ],
3338
+ "exports": [
3339
+ {
3340
+ "kind": "js",
3341
+ "name": "ZGColumn",
3342
+ "declaration": {
3343
+ "name": "ZGColumn",
3344
+ "module": "dist/zinggrid.min.js"
3345
+ }
3346
+ }
3347
+ ]
3348
+ },
3349
+ {
3350
+ "kind": "javascript-module",
3351
+ "path": "dist/zinggrid.min.js",
3352
+ "declarations": [
3353
+ {
3354
+ "kind": "class",
3355
+ "description": "The column resize handle appears when hovering over header to\nresize the column.",
3356
+ "name": "ZGColumnResize",
3357
+ "cssProperties": [
3358
+ {
3359
+ "description": "Sets the background of the resize handle",
3360
+ "name": "--zg-column-resize-background"
3361
+ },
3362
+ {
3363
+ "description": "Sets the height of the resize handle",
3364
+ "name": "--zg-column-resize-height"
3365
+ },
3366
+ {
3367
+ "description": "Sets the top position of the resize handle",
3368
+ "name": "--zg-column-resize-top"
3369
+ },
3370
+ {
3371
+ "description": "Sets the width of the resize handle",
3372
+ "name": "--zg-column-resize-width"
3373
+ }
3374
+ ],
3375
+ "tagName": "zg-column-resize",
3376
+ "customElement": true,
3377
+ "cssParts": [
3368
3378
  {
3369
- "kind": "field",
3370
- "name": "visibilityPriority",
3371
- "type": {
3372
- "text": "number"
3373
- },
3374
- "description": "Used in the case of automatically removing columns on resized. Columns without a priority never gets removed. The rest of the columns are removed from highest priority value to lowest.",
3375
- "attribute": "visibilityPriority"
3379
+ "description": "The resize handle container",
3380
+ "name": "handle"
3376
3381
  },
3377
3382
  {
3378
- "kind": "field",
3379
- "name": "width",
3380
- "type": {
3381
- "text": "\"fit\" | \"fitheader\" | \"fitcontent\" | \"max-content\" | \"min-content\" | \"stretch\" | string | number"
3382
- },
3383
- "description": "The width of the column. Can also be any custom string representing a percentage value (10%) or pixel value (150px).",
3384
- "attribute": "width"
3383
+ "description": "The resize icon",
3384
+ "name": "icon"
3385
3385
  }
3386
3386
  ]
3387
3387
  }
@@ -3389,9 +3389,9 @@
3389
3389
  "exports": [
3390
3390
  {
3391
3391
  "kind": "js",
3392
- "name": "ZGColumn",
3392
+ "name": "ZGColumnResize",
3393
3393
  "declaration": {
3394
- "name": "ZGColumn",
3394
+ "name": "ZGColumnResize",
3395
3395
  "module": "dist/zinggrid.min.js"
3396
3396
  }
3397
3397
  }
@@ -5561,103 +5561,6 @@
5561
5561
  }
5562
5562
  ]
5563
5563
  },
5564
- {
5565
- "kind": "javascript-module",
5566
- "path": "dist/zinggrid.min.js",
5567
- "declarations": [
5568
- {
5569
- "kind": "class",
5570
- "description": "`<zg-no-data>` is used to display a message when there are no records. The \nelement internally wraps any text in a `<div role=\"any\">` tag. The\nelement is stylable with CSS like most ZingGrid elements.",
5571
- "name": "ZGNoData",
5572
- "cssProperties": [
5573
- {
5574
- "description": "Styles the background of empty message when in `<zg-header>`",
5575
- "name": "--zg-no-data-background"
5576
- },
5577
- {
5578
- "description": "Styles the border of empty message when in `<zg-header>`",
5579
- "name": "--zg-no-data-border"
5580
- },
5581
- {
5582
- "description": "Styles the bottom border of empty message when in `<zg-header>`",
5583
- "name": "--zg-no-data-border-bottom"
5584
- },
5585
- {
5586
- "description": "Styles the left border of empty message when in `<zg-header>`",
5587
- "name": "--zg-no-data-border-left"
5588
- },
5589
- {
5590
- "description": "Styles the right border of empty message when in `<zg-header>`",
5591
- "name": "--zg-no-data-border-right"
5592
- },
5593
- {
5594
- "description": "Styles the top border of empty message when in `<zg-header>`",
5595
- "name": "--zg-no-data-border-top"
5596
- },
5597
- {
5598
- "description": "Styles the border radius of empty message",
5599
- "name": "--zg-no-data-border-radius"
5600
- },
5601
- {
5602
- "description": "Sets the font color content inside of empty message when in `<zg-header>`",
5603
- "name": "--zg-no-data-color"
5604
- },
5605
- {
5606
- "description": "Sets the font size of empty message",
5607
- "name": "--zg-no-data-font-size"
5608
- },
5609
- {
5610
- "description": "Sets the font style of empty message",
5611
- "name": "--zg-no-data-font-style"
5612
- },
5613
- {
5614
- "description": "Sets the font weight of empty message",
5615
- "name": "--zg-no-data-font-weight"
5616
- },
5617
- {
5618
- "description": "Sets the line height of empty message",
5619
- "name": "--zg-no-data-line-height"
5620
- },
5621
- {
5622
- "description": "Sets the min-height of empty message",
5623
- "name": "--zg-no-data-min-height"
5624
- },
5625
- {
5626
- "description": "Sets the padding of empty message",
5627
- "name": "--zg-no-data-padding"
5628
- },
5629
- {
5630
- "description": "Sets text alignment of content inside of empty message",
5631
- "name": "--zg-no-data-text-align"
5632
- }
5633
- ],
5634
- "tagName": "zg-no-data",
5635
- "customElement": true,
5636
- "cssParts": [
5637
- {
5638
- "description": "The container for the no data status message",
5639
- "name": "status"
5640
- }
5641
- ],
5642
- "slots": [
5643
- {
5644
- "description": "No data content.",
5645
- "name": ""
5646
- }
5647
- ]
5648
- }
5649
- ],
5650
- "exports": [
5651
- {
5652
- "kind": "js",
5653
- "name": "ZGNoData",
5654
- "declaration": {
5655
- "name": "ZGNoData",
5656
- "module": "dist/zinggrid.min.js"
5657
- }
5658
- }
5659
- ]
5660
- },
5661
5564
  {
5662
5565
  "kind": "javascript-module",
5663
5566
  "path": "dist/zinggrid.min.js",
@@ -5777,6 +5680,103 @@
5777
5680
  }
5778
5681
  ]
5779
5682
  },
5683
+ {
5684
+ "kind": "javascript-module",
5685
+ "path": "dist/zinggrid.min.js",
5686
+ "declarations": [
5687
+ {
5688
+ "kind": "class",
5689
+ "description": "`<zg-no-data>` is used to display a message when there are no records. The \nelement internally wraps any text in a `<div role=\"any\">` tag. The\nelement is stylable with CSS like most ZingGrid elements.",
5690
+ "name": "ZGNoData",
5691
+ "cssProperties": [
5692
+ {
5693
+ "description": "Styles the background of empty message when in `<zg-header>`",
5694
+ "name": "--zg-no-data-background"
5695
+ },
5696
+ {
5697
+ "description": "Styles the border of empty message when in `<zg-header>`",
5698
+ "name": "--zg-no-data-border"
5699
+ },
5700
+ {
5701
+ "description": "Styles the bottom border of empty message when in `<zg-header>`",
5702
+ "name": "--zg-no-data-border-bottom"
5703
+ },
5704
+ {
5705
+ "description": "Styles the left border of empty message when in `<zg-header>`",
5706
+ "name": "--zg-no-data-border-left"
5707
+ },
5708
+ {
5709
+ "description": "Styles the right border of empty message when in `<zg-header>`",
5710
+ "name": "--zg-no-data-border-right"
5711
+ },
5712
+ {
5713
+ "description": "Styles the top border of empty message when in `<zg-header>`",
5714
+ "name": "--zg-no-data-border-top"
5715
+ },
5716
+ {
5717
+ "description": "Styles the border radius of empty message",
5718
+ "name": "--zg-no-data-border-radius"
5719
+ },
5720
+ {
5721
+ "description": "Sets the font color content inside of empty message when in `<zg-header>`",
5722
+ "name": "--zg-no-data-color"
5723
+ },
5724
+ {
5725
+ "description": "Sets the font size of empty message",
5726
+ "name": "--zg-no-data-font-size"
5727
+ },
5728
+ {
5729
+ "description": "Sets the font style of empty message",
5730
+ "name": "--zg-no-data-font-style"
5731
+ },
5732
+ {
5733
+ "description": "Sets the font weight of empty message",
5734
+ "name": "--zg-no-data-font-weight"
5735
+ },
5736
+ {
5737
+ "description": "Sets the line height of empty message",
5738
+ "name": "--zg-no-data-line-height"
5739
+ },
5740
+ {
5741
+ "description": "Sets the min-height of empty message",
5742
+ "name": "--zg-no-data-min-height"
5743
+ },
5744
+ {
5745
+ "description": "Sets the padding of empty message",
5746
+ "name": "--zg-no-data-padding"
5747
+ },
5748
+ {
5749
+ "description": "Sets text alignment of content inside of empty message",
5750
+ "name": "--zg-no-data-text-align"
5751
+ }
5752
+ ],
5753
+ "tagName": "zg-no-data",
5754
+ "customElement": true,
5755
+ "cssParts": [
5756
+ {
5757
+ "description": "The container for the no data status message",
5758
+ "name": "status"
5759
+ }
5760
+ ],
5761
+ "slots": [
5762
+ {
5763
+ "description": "No data content.",
5764
+ "name": ""
5765
+ }
5766
+ ]
5767
+ }
5768
+ ],
5769
+ "exports": [
5770
+ {
5771
+ "kind": "js",
5772
+ "name": "ZGNoData",
5773
+ "declaration": {
5774
+ "name": "ZGNoData",
5775
+ "module": "dist/zinggrid.min.js"
5776
+ }
5777
+ }
5778
+ ]
5779
+ },
5780
5780
  {
5781
5781
  "kind": "javascript-module",
5782
5782
  "path": "dist/zinggrid.min.js",
@@ -7652,7 +7652,7 @@
7652
7652
  },
7653
7653
  {
7654
7654
  "type": {
7655
- "text": "string"
7655
+ "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
7656
  },
7657
7657
  "description": "Sets the icon to display on info column types",
7658
7658
  "name": "cell-tooltip-icon"
@@ -7834,7 +7834,7 @@
7834
7834
  },
7835
7835
  {
7836
7836
  "type": {
7837
- "text": "\"editor\" | \"remover\" | \"creator\" | \"all\" | boolean"
7837
+ "text": "\"all\" | \"creator\" | \"editor\" | \"remover\" | boolean"
7838
7838
  },
7839
7839
  "description": "Adds the controls to the end of the row. By default, it adds edit and remove. Can set individually.",
7840
7840
  "name": "editor-controls"
@@ -7848,7 +7848,7 @@
7848
7848
  },
7849
7849
  {
7850
7850
  "type": {
7851
- "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | string | boolean"
7851
+ "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean"
7852
7852
  },
7853
7853
  "description": "Enables filtering for all grid columns",
7854
7854
  "name": "filter"
@@ -7883,7 +7883,7 @@
7883
7883
  },
7884
7884
  {
7885
7885
  "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"
7886
+ "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
7887
  },
7888
7888
  "description": "The condition to initially display on filter menu open. Can also be any custom string representing a function name.",
7889
7889
  "name": "filter-default-condition"
@@ -7988,7 +7988,7 @@
7988
7988
  },
7989
7989
  {
7990
7990
  "type": {
7991
- "text": "string"
7991
+ "text": "boolean"
7992
7992
  },
7993
7993
  "description": "Hides any header rows",
7994
7994
  "name": "header-row-hide"
@@ -8268,7 +8268,7 @@
8268
8268
  },
8269
8269
  {
8270
8270
  "type": {
8271
- "text": "string | number"
8271
+ "text": "\"auto\" | string | number"
8272
8272
  },
8273
8273
  "description": "Sets the height for each row",
8274
8274
  "name": "row-height"
@@ -8345,7 +8345,7 @@
8345
8345
  },
8346
8346
  {
8347
8347
  "type": {
8348
- "text": "boolean"
8348
+ "text": "boolean | string"
8349
8349
  },
8350
8350
  "description": "Enables static menu for grid",
8351
8351
  "name": "static-menu"
@@ -8436,7 +8436,7 @@
8436
8436
  },
8437
8437
  {
8438
8438
  "type": {
8439
- "text": "string"
8439
+ "text": "object"
8440
8440
  },
8441
8441
  "description": "Sets custom [viewport] breakpoints",
8442
8442
  "name": "viewport-types"
@@ -8641,7 +8641,7 @@
8641
8641
  "kind": "field",
8642
8642
  "name": "cellTooltipIcon",
8643
8643
  "type": {
8644
- "text": "string"
8644
+ "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
8645
  },
8646
8646
  "description": "Sets the icon to display on info column types",
8647
8647
  "attribute": "cellTooltipIcon"
@@ -8979,7 +8979,7 @@
8979
8979
  "kind": "field",
8980
8980
  "name": "editorControls",
8981
8981
  "type": {
8982
- "text": "\"editor\" | \"remover\" | \"creator\" | \"all\" | boolean"
8982
+ "text": "\"all\" | \"creator\" | \"editor\" | \"remover\" | boolean"
8983
8983
  },
8984
8984
  "description": "Adds the controls to the end of the row. By default, it adds edit and remove. Can set individually.",
8985
8985
  "attribute": "editorControls"
@@ -9015,7 +9015,7 @@
9015
9015
  "kind": "field",
9016
9016
  "name": "filter",
9017
9017
  "type": {
9018
- "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | string | boolean"
9018
+ "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean"
9019
9019
  },
9020
9020
  "description": "Enables filtering for all grid columns",
9021
9021
  "attribute": "filter"
@@ -9091,7 +9091,7 @@
9091
9091
  "kind": "field",
9092
9092
  "name": "filterDefaultCondition",
9093
9093
  "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"
9094
+ "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
9095
  },
9096
9096
  "description": "The condition to initially display on filter menu open. Can also be any custom string representing a function name.",
9097
9097
  "attribute": "filterDefaultCondition"
@@ -9995,7 +9995,7 @@
9995
9995
  "kind": "field",
9996
9996
  "name": "headerRowHide",
9997
9997
  "type": {
9998
- "text": "string"
9998
+ "text": "boolean"
9999
9999
  },
10000
10000
  "description": "Hides any header rows",
10001
10001
  "attribute": "headerRowHide"
@@ -10617,7 +10617,7 @@
10617
10617
  "kind": "field",
10618
10618
  "name": "rowHeight",
10619
10619
  "type": {
10620
- "text": "string | number"
10620
+ "text": "\"auto\" | string | number"
10621
10621
  },
10622
10622
  "description": "Sets the height for each row",
10623
10623
  "attribute": "rowHeight"
@@ -11286,7 +11286,7 @@
11286
11286
  "description": "Value to add or remove",
11287
11287
  "name": "activate",
11288
11288
  "type": {
11289
- "text": "boolean"
11289
+ "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean"
11290
11290
  }
11291
11291
  }
11292
11292
  ],
@@ -12022,7 +12022,7 @@
12022
12022
  "description": "CSS height to set for the row height",
12023
12023
  "name": "height",
12024
12024
  "type": {
12025
- "text": "string"
12025
+ "text": "\"auto\" | string | number"
12026
12026
  }
12027
12027
  }
12028
12028
  ],
@@ -12253,7 +12253,7 @@
12253
12253
  "description": "Value to add or remove",
12254
12254
  "name": "activate",
12255
12255
  "type": {
12256
- "text": "boolean"
12256
+ "text": "boolean | string"
12257
12257
  }
12258
12258
  }
12259
12259
  ],
@@ -12316,7 +12316,7 @@
12316
12316
  "description": "Value to indicate which theme to set",
12317
12317
  "name": "theme",
12318
12318
  "type": {
12319
- "text": "string"
12319
+ "text": "\"android\" | \"black\" | \"default\" | \"dark\" | \"ios\" | string"
12320
12320
  }
12321
12321
  }
12322
12322
  ],
@@ -12461,7 +12461,7 @@
12461
12461
  "description": "Sort Direction: asc, desc, or none",
12462
12462
  "name": "direction",
12463
12463
  "type": {
12464
- "text": "string"
12464
+ "text": "\"asc\" | \"desc\" | \"none\""
12465
12465
  }
12466
12466
  }
12467
12467
  ],
@@ -12511,7 +12511,7 @@
12511
12511
  "kind": "field",
12512
12512
  "name": "staticMenu",
12513
12513
  "type": {
12514
- "text": "boolean"
12514
+ "text": "boolean | string"
12515
12515
  },
12516
12516
  "description": "Enables static menu for grid",
12517
12517
  "attribute": "staticMenu"
@@ -12866,7 +12866,7 @@
12866
12866
  "kind": "field",
12867
12867
  "name": "viewportTypes",
12868
12868
  "type": {
12869
- "text": "string"
12869
+ "text": "object"
12870
12870
  },
12871
12871
  "description": "Sets custom [viewport] breakpoints",
12872
12872
  "attribute": "viewportTypes"