zinggrid-cem 1.0.1 → 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.
- package/custom-elements.json +835 -835
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -166,372 +166,274 @@
|
|
|
166
166
|
"declarations": [
|
|
167
167
|
{
|
|
168
168
|
"kind": "class",
|
|
169
|
-
"description": "A
|
|
170
|
-
"name": "
|
|
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
171
|
"cssProperties": [
|
|
172
172
|
{
|
|
173
|
-
"description": "Styles the background of
|
|
174
|
-
"name": "--zg-
|
|
175
|
-
},
|
|
176
|
-
{
|
|
177
|
-
"description": "Styles the border of a button",
|
|
178
|
-
"name": "--zg-button-border"
|
|
179
|
-
},
|
|
180
|
-
{
|
|
181
|
-
"description": "Styles the bottom border of a button",
|
|
182
|
-
"name": "--zg-button-border-bottom"
|
|
183
|
-
},
|
|
184
|
-
{
|
|
185
|
-
"description": "Styles the left border of a button",
|
|
186
|
-
"name": "--zg-button-border-left"
|
|
187
|
-
},
|
|
188
|
-
{
|
|
189
|
-
"description": "Styles the right border of a button",
|
|
190
|
-
"name": "--zg-button-border-right"
|
|
191
|
-
},
|
|
192
|
-
{
|
|
193
|
-
"description": "Styles the top border of a button",
|
|
194
|
-
"name": "--zg-button-border-top"
|
|
195
|
-
},
|
|
196
|
-
{
|
|
197
|
-
"description": "Styles the box-shadow of the button",
|
|
198
|
-
"name": "--zg-button-box-shadow"
|
|
199
|
-
},
|
|
200
|
-
{
|
|
201
|
-
"description": "Sets the font color of button",
|
|
202
|
-
"name": "--zg-button-color"
|
|
203
|
-
},
|
|
204
|
-
{
|
|
205
|
-
"description": "Sets the font family of button",
|
|
206
|
-
"name": "--zg-button-font-family"
|
|
173
|
+
"description": "Styles the background of caption",
|
|
174
|
+
"name": "--zg-caption-background"
|
|
207
175
|
},
|
|
208
176
|
{
|
|
209
|
-
"description": "
|
|
210
|
-
"name": "--zg-
|
|
177
|
+
"description": "Styles the border of caption",
|
|
178
|
+
"name": "--zg-caption-border"
|
|
211
179
|
},
|
|
212
180
|
{
|
|
213
|
-
"description": "
|
|
214
|
-
"name": "--zg-
|
|
181
|
+
"description": "Styles the bottom border of caption",
|
|
182
|
+
"name": "--zg-caption-border-bottom"
|
|
215
183
|
},
|
|
216
184
|
{
|
|
217
|
-
"description": "
|
|
218
|
-
"name": "--zg-
|
|
185
|
+
"description": "Styles the left border of caption",
|
|
186
|
+
"name": "--zg-caption-border-left"
|
|
219
187
|
},
|
|
220
188
|
{
|
|
221
|
-
"description": "
|
|
222
|
-
"name": "--zg-
|
|
189
|
+
"description": "Styles the right border of caption",
|
|
190
|
+
"name": "--zg-caption-border-right"
|
|
223
191
|
},
|
|
224
192
|
{
|
|
225
|
-
"description": "
|
|
226
|
-
"name": "--zg-
|
|
193
|
+
"description": "Styles the top border of caption",
|
|
194
|
+
"name": "--zg-caption-border-top"
|
|
227
195
|
},
|
|
228
196
|
{
|
|
229
|
-
"description": "
|
|
230
|
-
"name": "--zg-
|
|
197
|
+
"description": "Applies a border-radius to the caption",
|
|
198
|
+
"name": "--zg-caption-border-radius"
|
|
231
199
|
},
|
|
232
200
|
{
|
|
233
|
-
"description": "
|
|
234
|
-
"name": "--zg-
|
|
201
|
+
"description": "Applies a top-left border-radius to the caption",
|
|
202
|
+
"name": "--zg-caption-border-top-left-radius"
|
|
235
203
|
},
|
|
236
204
|
{
|
|
237
|
-
"description": "
|
|
238
|
-
"name": "--zg-
|
|
205
|
+
"description": "Applies a top-right border-radius to the caption",
|
|
206
|
+
"name": "--zg-caption-border-top-right-radius"
|
|
239
207
|
},
|
|
240
208
|
{
|
|
241
|
-
"description": "
|
|
242
|
-
"name": "--zg-
|
|
209
|
+
"description": "Applies a bottom-left border-radius to the caption",
|
|
210
|
+
"name": "--zg-caption-border-bottom-left-radius"
|
|
243
211
|
},
|
|
244
212
|
{
|
|
245
|
-
"description": "
|
|
246
|
-
"name": "--zg-
|
|
213
|
+
"description": "Applies a bottom-right border-radius to the caption",
|
|
214
|
+
"name": "--zg-caption-border-bottom-right-radius"
|
|
247
215
|
},
|
|
248
216
|
{
|
|
249
|
-
"description": "
|
|
250
|
-
"name": "--zg-
|
|
217
|
+
"description": "Applies a box shadow behind caption",
|
|
218
|
+
"name": "--zg-caption-box-shadow"
|
|
251
219
|
},
|
|
252
220
|
{
|
|
253
|
-
"description": "
|
|
254
|
-
"name": "--zg-
|
|
221
|
+
"description": "Sets the font color of caption",
|
|
222
|
+
"name": "--zg-caption-color"
|
|
255
223
|
},
|
|
256
224
|
{
|
|
257
|
-
"description": "
|
|
258
|
-
"name": "--zg-
|
|
225
|
+
"description": "Sets the font family of caption",
|
|
226
|
+
"name": "--zg-caption-font-family"
|
|
259
227
|
},
|
|
260
228
|
{
|
|
261
|
-
"description": "
|
|
262
|
-
"name": "--zg-
|
|
229
|
+
"description": "Sets the font size of caption",
|
|
230
|
+
"name": "--zg-caption-font-size"
|
|
263
231
|
},
|
|
264
232
|
{
|
|
265
|
-
"description": "
|
|
266
|
-
"name": "--zg-
|
|
233
|
+
"description": "Sets the font style of caption",
|
|
234
|
+
"name": "--zg-caption-font-style"
|
|
267
235
|
},
|
|
268
236
|
{
|
|
269
|
-
"description": "Sets the
|
|
270
|
-
"name": "--zg-
|
|
237
|
+
"description": "Sets the font weight of caption",
|
|
238
|
+
"name": "--zg-caption-font-weight"
|
|
271
239
|
},
|
|
272
240
|
{
|
|
273
|
-
"description": "
|
|
274
|
-
"name": "--zg-
|
|
241
|
+
"description": "Sets the margin of caption",
|
|
242
|
+
"name": "--zg-caption-margin"
|
|
275
243
|
},
|
|
276
244
|
{
|
|
277
|
-
"description": "
|
|
278
|
-
"name": "--zg-
|
|
245
|
+
"description": "Sets the opacity of caption",
|
|
246
|
+
"name": "--zg-caption-opacity"
|
|
279
247
|
},
|
|
280
248
|
{
|
|
281
|
-
"description": "
|
|
282
|
-
"name": "--zg-
|
|
249
|
+
"description": "Sets the padding of caption",
|
|
250
|
+
"name": "--zg-caption-padding"
|
|
283
251
|
},
|
|
284
252
|
{
|
|
285
|
-
"description": "
|
|
286
|
-
"name": "--zg-
|
|
253
|
+
"description": "Sets the transition of caption",
|
|
254
|
+
"name": "--zg-caption-transition"
|
|
287
255
|
},
|
|
288
256
|
{
|
|
289
|
-
"description": "
|
|
290
|
-
"name": "--zg-
|
|
257
|
+
"description": "Sets the vertical alignment of items (title and toolbar) in caption",
|
|
258
|
+
"name": "--zg-caption-align-items"
|
|
291
259
|
},
|
|
292
260
|
{
|
|
293
|
-
"description": "
|
|
294
|
-
"name": "--zg-
|
|
261
|
+
"description": "Sets the flex direction of items (title and toolbar) in caption",
|
|
262
|
+
"name": "--zg-caption-flex-direction"
|
|
295
263
|
},
|
|
296
264
|
{
|
|
297
|
-
"description": "
|
|
298
|
-
"name": "--zg-
|
|
265
|
+
"description": "Sets the height of caption",
|
|
266
|
+
"name": "--zg-caption-height"
|
|
299
267
|
},
|
|
300
268
|
{
|
|
301
|
-
"description": "
|
|
302
|
-
"name": "--zg-
|
|
269
|
+
"description": "Sets vertical alignment of items in caption title",
|
|
270
|
+
"name": "--zg-caption-title-align-self"
|
|
303
271
|
},
|
|
304
272
|
{
|
|
305
|
-
"description": "
|
|
306
|
-
"name": "--zg-
|
|
273
|
+
"description": "Sets how items are flexed in caption title",
|
|
274
|
+
"name": "--zg-caption-title-flex"
|
|
307
275
|
},
|
|
308
276
|
{
|
|
309
|
-
"description": "
|
|
310
|
-
"name": "--zg-
|
|
277
|
+
"description": "Sets the font-family of caption title",
|
|
278
|
+
"name": "--zg-caption-title-font-family"
|
|
311
279
|
},
|
|
312
280
|
{
|
|
313
|
-
"description": "
|
|
314
|
-
"name": "--zg-
|
|
281
|
+
"description": "Sets the font size of caption title",
|
|
282
|
+
"name": "--zg-caption-title-font-size"
|
|
315
283
|
},
|
|
316
284
|
{
|
|
317
|
-
"description": "
|
|
318
|
-
"name": "--zg-
|
|
285
|
+
"description": "Sets the font style of caption title",
|
|
286
|
+
"name": "--zg-caption-title-font-style"
|
|
319
287
|
},
|
|
320
288
|
{
|
|
321
|
-
"description": "
|
|
322
|
-
"name": "--zg-
|
|
289
|
+
"description": "Sets the font weight of caption title",
|
|
290
|
+
"name": "--zg-caption-title-font-weight"
|
|
323
291
|
},
|
|
324
292
|
{
|
|
325
|
-
"description": "
|
|
326
|
-
"name": "--zg-
|
|
293
|
+
"description": "Sets the margin of caption title",
|
|
294
|
+
"name": "--zg-caption-title-margin"
|
|
327
295
|
},
|
|
328
296
|
{
|
|
329
|
-
"description": "
|
|
330
|
-
"name": "--zg-
|
|
297
|
+
"description": "Sets the padding of caption title",
|
|
298
|
+
"name": "--zg-caption-title-padding"
|
|
331
299
|
},
|
|
332
300
|
{
|
|
333
|
-
"description": "
|
|
334
|
-
"name": "--zg-
|
|
301
|
+
"description": "Sets the order of caption title with respect to caption toolbar",
|
|
302
|
+
"name": "--zg-caption-title-order"
|
|
335
303
|
},
|
|
336
304
|
{
|
|
337
|
-
"description": "
|
|
338
|
-
"name": "--zg-
|
|
305
|
+
"description": "Sets the text alignment of caption title",
|
|
306
|
+
"name": "--zg-caption-title-text-align"
|
|
339
307
|
},
|
|
340
308
|
{
|
|
341
|
-
"description": "
|
|
342
|
-
"name": "--zg-
|
|
309
|
+
"description": "Sets the transform of caption title",
|
|
310
|
+
"name": "--zg-caption-title-transform"
|
|
343
311
|
},
|
|
344
312
|
{
|
|
345
|
-
"description": "
|
|
346
|
-
"name": "--zg-
|
|
313
|
+
"description": "Sets the width of caption title",
|
|
314
|
+
"name": "--zg-caption-title-width"
|
|
347
315
|
},
|
|
348
316
|
{
|
|
349
|
-
"description": "
|
|
350
|
-
"name": "--zg-
|
|
317
|
+
"description": "Sets vertical alignment of items in caption toolbar",
|
|
318
|
+
"name": "--zg-caption-toolbar-align-self"
|
|
351
319
|
},
|
|
352
320
|
{
|
|
353
|
-
"description": "
|
|
354
|
-
"name": "--zg-
|
|
321
|
+
"description": "Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.",
|
|
322
|
+
"name": "--zg-caption-toolbar-bottom"
|
|
355
323
|
},
|
|
356
324
|
{
|
|
357
|
-
"description": "
|
|
358
|
-
"name": "--zg-
|
|
325
|
+
"description": "Sets the horizontal alignment of contents in caption toolbar",
|
|
326
|
+
"name": "--zg-caption-toolbar-justify-content"
|
|
359
327
|
},
|
|
360
328
|
{
|
|
361
|
-
"description": "
|
|
362
|
-
"name": "--zg-
|
|
329
|
+
"description": "Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.",
|
|
330
|
+
"name": "--zg-caption-toolbar-left"
|
|
363
331
|
},
|
|
364
332
|
{
|
|
365
|
-
"description": "Sets the
|
|
366
|
-
"name": "--zg-
|
|
333
|
+
"description": "Sets the margin of caption toolbar",
|
|
334
|
+
"name": "--zg-caption-toolbar-margin"
|
|
367
335
|
},
|
|
368
336
|
{
|
|
369
|
-
"description": "
|
|
370
|
-
"name": "--zg-
|
|
337
|
+
"description": "Sets the position of caption toolbar",
|
|
338
|
+
"name": "--zg-caption-toolbar-position"
|
|
371
339
|
},
|
|
372
340
|
{
|
|
373
|
-
"description": "
|
|
374
|
-
"name": "--zg-
|
|
341
|
+
"description": "Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.",
|
|
342
|
+
"name": "--zg-caption-toolbar-right"
|
|
375
343
|
},
|
|
376
344
|
{
|
|
377
|
-
"description": "
|
|
378
|
-
"name": "--zg-
|
|
345
|
+
"description": "Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.",
|
|
346
|
+
"name": "--zg-caption-toolbar-top"
|
|
379
347
|
},
|
|
380
348
|
{
|
|
381
|
-
"description": "
|
|
382
|
-
"name": "--zg-
|
|
349
|
+
"description": "Sets the transform of caption toolbar",
|
|
350
|
+
"name": "--zg-caption-toolbar-transform"
|
|
383
351
|
},
|
|
384
352
|
{
|
|
385
|
-
"description": "Sets the
|
|
386
|
-
"name": "--zg-
|
|
353
|
+
"description": "Sets the width of caption toolbar",
|
|
354
|
+
"name": "--zg-caption-toolbar-width"
|
|
387
355
|
},
|
|
388
356
|
{
|
|
389
|
-
"description": "Styles the background of
|
|
390
|
-
"name": "--zg-button-
|
|
357
|
+
"description": "Styles the background of button in caption",
|
|
358
|
+
"name": "--zg-caption-button-background"
|
|
391
359
|
},
|
|
392
360
|
{
|
|
393
|
-
"description": "Styles the
|
|
394
|
-
"name": "--zg-button-
|
|
361
|
+
"description": "Styles the background of button in caption when the button is in a `focus` state",
|
|
362
|
+
"name": "--zg-caption-button-background_focus"
|
|
395
363
|
},
|
|
396
364
|
{
|
|
397
|
-
"description": "
|
|
398
|
-
"name": "--zg-button-
|
|
365
|
+
"description": "Styles the background of button in caption when the button is in a `hover` state",
|
|
366
|
+
"name": "--zg-caption-button-background_hover"
|
|
399
367
|
},
|
|
400
368
|
{
|
|
401
|
-
"description": "
|
|
402
|
-
"name": "--zg-button-
|
|
369
|
+
"description": "Styles the background of button in caption when the button is in an `active` state",
|
|
370
|
+
"name": "--zg-caption-button-background_active"
|
|
403
371
|
}
|
|
404
372
|
],
|
|
405
|
-
"tagName": "zg-
|
|
373
|
+
"tagName": "zg-caption",
|
|
406
374
|
"customElement": true,
|
|
407
375
|
"attributes": [
|
|
408
376
|
{
|
|
409
377
|
"type": {
|
|
410
|
-
"text": "\"
|
|
378
|
+
"text": "\"start\" | \"center\" | \"left\" | \"right\""
|
|
411
379
|
},
|
|
412
|
-
"description": "The
|
|
413
|
-
"name": "
|
|
380
|
+
"description": "The alignment of the default content in the caption",
|
|
381
|
+
"name": "align"
|
|
414
382
|
},
|
|
415
383
|
{
|
|
416
384
|
"type": {
|
|
417
|
-
"text": "
|
|
385
|
+
"text": "\"top\" | \"bottom\" | \"both\""
|
|
418
386
|
},
|
|
419
|
-
"description": "
|
|
420
|
-
"name": "
|
|
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"
|
|
421
395
|
},
|
|
422
396
|
{
|
|
423
|
-
"
|
|
424
|
-
|
|
425
|
-
},
|
|
426
|
-
"description": "A custom tooltip to set on the button",
|
|
427
|
-
"name": "custom-tooltip"
|
|
428
|
-
},
|
|
429
|
-
{
|
|
430
|
-
"type": {
|
|
431
|
-
"text": "boolean"
|
|
432
|
-
},
|
|
433
|
-
"description": "Whether the button is disabled or not",
|
|
434
|
-
"name": "disabled"
|
|
435
|
-
},
|
|
436
|
-
{
|
|
437
|
-
"type": {
|
|
438
|
-
"text": "string | boolean"
|
|
439
|
-
},
|
|
440
|
-
"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\"]`",
|
|
441
|
-
"name": "force-border"
|
|
442
|
-
},
|
|
443
|
-
{
|
|
444
|
-
"type": {
|
|
445
|
-
"text": "string"
|
|
446
|
-
},
|
|
447
|
-
"description": "A custom function to call on button click",
|
|
448
|
-
"name": "handler"
|
|
397
|
+
"description": "The title container",
|
|
398
|
+
"name": "title"
|
|
449
399
|
},
|
|
450
400
|
{
|
|
451
|
-
"
|
|
452
|
-
|
|
453
|
-
},
|
|
454
|
-
"description": "The icon for the button to enable styling",
|
|
455
|
-
"name": "icon"
|
|
401
|
+
"description": "The toolbar container",
|
|
402
|
+
"name": "toolbar"
|
|
456
403
|
}
|
|
457
404
|
],
|
|
458
405
|
"members": [
|
|
459
406
|
{
|
|
460
407
|
"kind": "field",
|
|
461
|
-
"name": "
|
|
462
|
-
"type": {
|
|
463
|
-
"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\""
|
|
464
|
-
},
|
|
465
|
-
"description": "The action of the button",
|
|
466
|
-
"attribute": "action"
|
|
467
|
-
},
|
|
468
|
-
{
|
|
469
|
-
"kind": "field",
|
|
470
|
-
"name": "customDisabled",
|
|
471
|
-
"type": {
|
|
472
|
-
"text": "string"
|
|
473
|
-
},
|
|
474
|
-
"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",
|
|
475
|
-
"attribute": "customDisabled"
|
|
476
|
-
},
|
|
477
|
-
{
|
|
478
|
-
"kind": "field",
|
|
479
|
-
"name": "customTooltip",
|
|
480
|
-
"type": {
|
|
481
|
-
"text": "string"
|
|
482
|
-
},
|
|
483
|
-
"description": "A custom tooltip to set on the button",
|
|
484
|
-
"attribute": "customTooltip"
|
|
485
|
-
},
|
|
486
|
-
{
|
|
487
|
-
"kind": "field",
|
|
488
|
-
"name": "disabled",
|
|
489
|
-
"type": {
|
|
490
|
-
"text": "boolean"
|
|
491
|
-
},
|
|
492
|
-
"description": "Whether the button is disabled or not",
|
|
493
|
-
"attribute": "disabled"
|
|
494
|
-
},
|
|
495
|
-
{
|
|
496
|
-
"kind": "field",
|
|
497
|
-
"name": "forceBorder",
|
|
498
|
-
"type": {
|
|
499
|
-
"text": "string | boolean"
|
|
500
|
-
},
|
|
501
|
-
"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\"]`",
|
|
502
|
-
"attribute": "forceBorder"
|
|
503
|
-
},
|
|
504
|
-
{
|
|
505
|
-
"kind": "field",
|
|
506
|
-
"name": "handler",
|
|
408
|
+
"name": "align",
|
|
507
409
|
"type": {
|
|
508
|
-
"text": "
|
|
410
|
+
"text": "\"start\" | \"center\" | \"left\" | \"right\""
|
|
509
411
|
},
|
|
510
|
-
"description": "
|
|
511
|
-
"attribute": "
|
|
412
|
+
"description": "The alignment of the default content in the caption",
|
|
413
|
+
"attribute": "align"
|
|
512
414
|
},
|
|
513
415
|
{
|
|
514
416
|
"kind": "field",
|
|
515
|
-
"name": "
|
|
417
|
+
"name": "position",
|
|
516
418
|
"type": {
|
|
517
|
-
"text": "\"
|
|
419
|
+
"text": "\"top\" | \"bottom\" | \"both\""
|
|
518
420
|
},
|
|
519
|
-
"description": "
|
|
520
|
-
"attribute": "
|
|
421
|
+
"description": "Indicates whether to attach the caption to the top or the bottom of the grid",
|
|
422
|
+
"attribute": "position"
|
|
521
423
|
}
|
|
522
424
|
],
|
|
523
425
|
"slots": [
|
|
524
426
|
{
|
|
525
|
-
"description": "
|
|
427
|
+
"description": "Caption title.",
|
|
526
428
|
"name": ""
|
|
527
429
|
},
|
|
528
430
|
{
|
|
529
|
-
"description": "
|
|
530
|
-
"name": "
|
|
431
|
+
"description": "Caption title. Use when using a feature that enables caption toolbar ([contextMenu], [search], [staticMenu]).",
|
|
432
|
+
"name": "message"
|
|
531
433
|
},
|
|
532
434
|
{
|
|
533
|
-
"description": "
|
|
534
|
-
"name": "
|
|
435
|
+
"description": "Caption toolbar, which is added to the rightmost of caption by default.",
|
|
436
|
+
"name": "tool"
|
|
535
437
|
}
|
|
536
438
|
]
|
|
537
439
|
}
|
|
@@ -539,9 +441,9 @@
|
|
|
539
441
|
"exports": [
|
|
540
442
|
{
|
|
541
443
|
"kind": "js",
|
|
542
|
-
"name": "
|
|
444
|
+
"name": "ZGCaption",
|
|
543
445
|
"declaration": {
|
|
544
|
-
"name": "
|
|
446
|
+
"name": "ZGCaption",
|
|
545
447
|
"module": "dist/zinggrid.min.js"
|
|
546
448
|
}
|
|
547
449
|
}
|
|
@@ -553,399 +455,545 @@
|
|
|
553
455
|
"declarations": [
|
|
554
456
|
{
|
|
555
457
|
"kind": "class",
|
|
556
|
-
"description": "
|
|
557
|
-
"name": "
|
|
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",
|
|
558
460
|
"cssProperties": [
|
|
559
461
|
{
|
|
560
|
-
"description": "Styles the background of
|
|
561
|
-
"name": "--zg-
|
|
462
|
+
"description": "Styles the background of button",
|
|
463
|
+
"name": "--zg-button-background"
|
|
562
464
|
},
|
|
563
465
|
{
|
|
564
|
-
"description": "Styles the border of
|
|
565
|
-
"name": "--zg-
|
|
466
|
+
"description": "Styles the border of a button",
|
|
467
|
+
"name": "--zg-button-border"
|
|
566
468
|
},
|
|
567
469
|
{
|
|
568
|
-
"description": "Styles the bottom border of
|
|
569
|
-
"name": "--zg-
|
|
470
|
+
"description": "Styles the bottom border of a button",
|
|
471
|
+
"name": "--zg-button-border-bottom"
|
|
570
472
|
},
|
|
571
473
|
{
|
|
572
|
-
"description": "Styles the left border of
|
|
573
|
-
"name": "--zg-
|
|
474
|
+
"description": "Styles the left border of a button",
|
|
475
|
+
"name": "--zg-button-border-left"
|
|
574
476
|
},
|
|
575
477
|
{
|
|
576
|
-
"description": "Styles the right border of
|
|
577
|
-
"name": "--zg-
|
|
478
|
+
"description": "Styles the right border of a button",
|
|
479
|
+
"name": "--zg-button-border-right"
|
|
578
480
|
},
|
|
579
481
|
{
|
|
580
|
-
"description": "Styles the top border of
|
|
581
|
-
"name": "--zg-
|
|
482
|
+
"description": "Styles the top border of a button",
|
|
483
|
+
"name": "--zg-button-border-top"
|
|
582
484
|
},
|
|
583
485
|
{
|
|
584
|
-
"description": "
|
|
585
|
-
"name": "--zg-
|
|
486
|
+
"description": "Styles the box-shadow of the button",
|
|
487
|
+
"name": "--zg-button-box-shadow"
|
|
586
488
|
},
|
|
587
489
|
{
|
|
588
|
-
"description": "Sets the font
|
|
589
|
-
"name": "--zg-
|
|
490
|
+
"description": "Sets the font color of button",
|
|
491
|
+
"name": "--zg-button-color"
|
|
590
492
|
},
|
|
591
493
|
{
|
|
592
|
-
"description": "Sets the font
|
|
593
|
-
"name": "--zg-
|
|
494
|
+
"description": "Sets the font family of button",
|
|
495
|
+
"name": "--zg-button-font-family"
|
|
594
496
|
},
|
|
595
497
|
{
|
|
596
|
-
"description": "Sets the font
|
|
597
|
-
"name": "--zg-
|
|
498
|
+
"description": "Sets the font size of button",
|
|
499
|
+
"name": "--zg-button-font-size"
|
|
598
500
|
},
|
|
599
501
|
{
|
|
600
|
-
"description": "Sets the font
|
|
601
|
-
"name": "--zg-
|
|
502
|
+
"description": "Sets the font style of button",
|
|
503
|
+
"name": "--zg-button-font-style"
|
|
602
504
|
},
|
|
603
505
|
{
|
|
604
|
-
"description": "Sets the
|
|
605
|
-
"name": "--zg-
|
|
506
|
+
"description": "Sets the font weight of button",
|
|
507
|
+
"name": "--zg-button-font-weight"
|
|
606
508
|
},
|
|
607
509
|
{
|
|
608
|
-
"description": "Sets the line height of
|
|
609
|
-
"name": "--zg-
|
|
510
|
+
"description": "Sets the line height of button",
|
|
511
|
+
"name": "--zg-button-line-height"
|
|
610
512
|
},
|
|
611
513
|
{
|
|
612
|
-
"description": "Sets the
|
|
613
|
-
"name": "--zg-
|
|
514
|
+
"description": "Sets the margin of button",
|
|
515
|
+
"name": "--zg-button-margin"
|
|
614
516
|
},
|
|
615
517
|
{
|
|
616
|
-
"description": "Sets the
|
|
617
|
-
"name": "--zg-
|
|
518
|
+
"description": "Sets the padding of button",
|
|
519
|
+
"name": "--zg-button-padding"
|
|
618
520
|
},
|
|
619
521
|
{
|
|
620
|
-
"description": "
|
|
621
|
-
"name": "--zg-
|
|
622
|
-
}
|
|
623
|
-
],
|
|
624
|
-
"tagName": "zg-card",
|
|
625
|
-
"customElement": true,
|
|
626
|
-
"attributes": [
|
|
522
|
+
"description": "Styles the background of the icon in a button on hover state",
|
|
523
|
+
"name": "--zg-button-icon-background_hover"
|
|
524
|
+
},
|
|
627
525
|
{
|
|
628
|
-
"
|
|
629
|
-
|
|
630
|
-
},
|
|
631
|
-
"description": "Sets the custom editor",
|
|
632
|
-
"name": "editor"
|
|
526
|
+
"description": "Styles the background of button on hover",
|
|
527
|
+
"name": "--zg-button-background_hover"
|
|
633
528
|
},
|
|
634
529
|
{
|
|
635
|
-
"
|
|
636
|
-
|
|
637
|
-
},
|
|
638
|
-
"description": "Points to an external template element to be used as the template for the card's editor",
|
|
639
|
-
"name": "editor-template"
|
|
530
|
+
"description": "Styles the border of a button on hover state",
|
|
531
|
+
"name": "--zg-button-border_hover"
|
|
640
532
|
},
|
|
641
533
|
{
|
|
642
|
-
"
|
|
643
|
-
|
|
644
|
-
},
|
|
645
|
-
"description": "Whatever is returned from the method will be set as the innerHTMl of the card",
|
|
646
|
-
"name": "renderer"
|
|
534
|
+
"description": "Styles the bottom border of a button on hover",
|
|
535
|
+
"name": "--zg-button-border-bottom_hover"
|
|
647
536
|
},
|
|
648
537
|
{
|
|
649
|
-
"
|
|
650
|
-
|
|
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": [
|
|
538
|
+
"description": "Styles the left border of a button on hover",
|
|
539
|
+
"name": "--zg-button-border-left_hover"
|
|
540
|
+
},
|
|
657
541
|
{
|
|
658
|
-
"
|
|
659
|
-
"name": "
|
|
660
|
-
"type": {
|
|
661
|
-
"text": "string"
|
|
662
|
-
},
|
|
663
|
-
"description": "Sets the custom editor",
|
|
664
|
-
"attribute": "editor"
|
|
542
|
+
"description": "Styles the right border of a button on hover",
|
|
543
|
+
"name": "--zg-button-border-right_hover"
|
|
665
544
|
},
|
|
666
545
|
{
|
|
667
|
-
"
|
|
668
|
-
"name": "
|
|
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"
|
|
546
|
+
"description": "Styles the top border of a button on hover",
|
|
547
|
+
"name": "--zg-button-border-top_hover"
|
|
674
548
|
},
|
|
675
549
|
{
|
|
676
|
-
"
|
|
677
|
-
"name": "
|
|
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"
|
|
550
|
+
"description": "Styles the box-shadow of the button on hover",
|
|
551
|
+
"name": "--zg-button-box-shadow_hover"
|
|
683
552
|
},
|
|
684
553
|
{
|
|
685
|
-
"
|
|
686
|
-
"name": "
|
|
687
|
-
|
|
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": [
|
|
554
|
+
"description": "Styles the color of the button on hover",
|
|
555
|
+
"name": "--zg-button-color_hover"
|
|
556
|
+
},
|
|
695
557
|
{
|
|
696
|
-
"description": "
|
|
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": [
|
|
558
|
+
"description": "Sets the transition speed of button",
|
|
559
|
+
"name": "--zg-button-transition_speed"
|
|
560
|
+
},
|
|
722
561
|
{
|
|
723
|
-
"description": "Styles the background of
|
|
724
|
-
"name": "--zg-
|
|
562
|
+
"description": "Styles the background of button on focus",
|
|
563
|
+
"name": "--zg-button-background_focus"
|
|
725
564
|
},
|
|
726
565
|
{
|
|
727
|
-
"description": "Styles the
|
|
728
|
-
"name": "--zg-
|
|
566
|
+
"description": "Styles the border of a button on focus state",
|
|
567
|
+
"name": "--zg-button-border_focus"
|
|
729
568
|
},
|
|
730
569
|
{
|
|
731
|
-
"description": "Styles the border of
|
|
732
|
-
"name": "--zg-
|
|
570
|
+
"description": "Styles the bottom border of a button on focus",
|
|
571
|
+
"name": "--zg-button-border-bottom_focus"
|
|
733
572
|
},
|
|
734
573
|
{
|
|
735
|
-
"description": "Styles the
|
|
736
|
-
"name": "--zg-
|
|
574
|
+
"description": "Styles the left border of a button on focus",
|
|
575
|
+
"name": "--zg-button-border-left_focus"
|
|
737
576
|
},
|
|
738
577
|
{
|
|
739
|
-
"description": "Styles the border of
|
|
740
|
-
"name": "--zg-
|
|
578
|
+
"description": "Styles the right border of a button on focus",
|
|
579
|
+
"name": "--zg-button-border-right_focus"
|
|
741
580
|
},
|
|
742
581
|
{
|
|
743
|
-
"description": "Styles the
|
|
744
|
-
"name": "--zg-
|
|
582
|
+
"description": "Styles the top border of a button on focus",
|
|
583
|
+
"name": "--zg-button-border-top_focus"
|
|
745
584
|
},
|
|
746
585
|
{
|
|
747
|
-
"description": "Styles the
|
|
748
|
-
"name": "--zg-
|
|
586
|
+
"description": "Styles the box-shadow of the button on focus",
|
|
587
|
+
"name": "--zg-button-box-shadow_focus"
|
|
749
588
|
},
|
|
750
589
|
{
|
|
751
|
-
"description": "Styles the
|
|
752
|
-
"name": "--zg-
|
|
590
|
+
"description": "Styles the color of the button on focus",
|
|
591
|
+
"name": "--zg-button-color_focus"
|
|
753
592
|
},
|
|
754
593
|
{
|
|
755
|
-
"description": "Styles
|
|
756
|
-
"name": "--zg-
|
|
594
|
+
"description": "Styles of background of button on active state",
|
|
595
|
+
"name": "--zg-button-background_active"
|
|
757
596
|
},
|
|
758
597
|
{
|
|
759
|
-
"description": "Styles the
|
|
760
|
-
"name": "--zg-
|
|
598
|
+
"description": "Styles the border of a button on active state",
|
|
599
|
+
"name": "--zg-button-border_active"
|
|
761
600
|
},
|
|
762
601
|
{
|
|
763
|
-
"description": "Styles the
|
|
764
|
-
"name": "--zg-
|
|
602
|
+
"description": "Styles the bottom border of a button on active state",
|
|
603
|
+
"name": "--zg-button-border-bottom_active"
|
|
765
604
|
},
|
|
766
605
|
{
|
|
767
|
-
"description": "Styles the
|
|
768
|
-
"name": "--zg-
|
|
606
|
+
"description": "Styles the left border of a button on active state",
|
|
607
|
+
"name": "--zg-button-border-left_active"
|
|
769
608
|
},
|
|
770
609
|
{
|
|
771
|
-
"description": "Styles
|
|
772
|
-
"name": "--zg-
|
|
610
|
+
"description": "Styles the right border of a button on active state",
|
|
611
|
+
"name": "--zg-button-border-right_active"
|
|
773
612
|
},
|
|
774
613
|
{
|
|
775
|
-
"description": "Styles
|
|
776
|
-
"name": "--zg-
|
|
614
|
+
"description": "Styles the top border of a button on active state",
|
|
615
|
+
"name": "--zg-button-border-top_active"
|
|
777
616
|
},
|
|
778
617
|
{
|
|
779
|
-
"description": "
|
|
780
|
-
"name": "--zg-
|
|
618
|
+
"description": "Styles the box-shadow of the button on activation",
|
|
619
|
+
"name": "--zg-button-box-shadow_active"
|
|
781
620
|
},
|
|
782
621
|
{
|
|
783
|
-
"description": "
|
|
784
|
-
"name": "--zg-
|
|
622
|
+
"description": "Styles the color of the button on active state",
|
|
623
|
+
"name": "--zg-button-color_active"
|
|
785
624
|
},
|
|
786
625
|
{
|
|
787
|
-
"description": "
|
|
788
|
-
"name": "--zg-
|
|
626
|
+
"description": "Styles the opacity of disabled button or button on hover",
|
|
627
|
+
"name": "--zg-button-opacity_disabled"
|
|
789
628
|
},
|
|
790
629
|
{
|
|
791
|
-
"description": "
|
|
792
|
-
"name": "--zg-
|
|
630
|
+
"description": "Styles the background of custom button",
|
|
631
|
+
"name": "--zg-button-background_custom"
|
|
793
632
|
},
|
|
794
633
|
{
|
|
795
|
-
"description": "
|
|
796
|
-
"name": "--zg-
|
|
634
|
+
"description": "Styles the border of custom button",
|
|
635
|
+
"name": "--zg-button-border_custom"
|
|
797
636
|
},
|
|
798
637
|
{
|
|
799
|
-
"description": "
|
|
800
|
-
"name": "--zg-
|
|
638
|
+
"description": "Applies a box shadow behind custom button",
|
|
639
|
+
"name": "--zg-button-box-shadow_custom"
|
|
801
640
|
},
|
|
802
641
|
{
|
|
803
|
-
"description": "
|
|
804
|
-
"name": "--zg-
|
|
642
|
+
"description": "Styles the background of custom button on focus",
|
|
643
|
+
"name": "--zg-button-background_custom_focus"
|
|
805
644
|
},
|
|
806
645
|
{
|
|
807
|
-
"description": "
|
|
808
|
-
"name": "--zg-
|
|
646
|
+
"description": "Styles the border of custom button on focus",
|
|
647
|
+
"name": "--zg-button-border_custom_focus"
|
|
809
648
|
},
|
|
810
649
|
{
|
|
811
|
-
"description": "
|
|
812
|
-
"name": "--zg-
|
|
650
|
+
"description": "Applies a box shadow behind custom button on focus",
|
|
651
|
+
"name": "--zg-button-box-shadow_custom_focus"
|
|
813
652
|
},
|
|
814
653
|
{
|
|
815
|
-
"description": "Sets
|
|
816
|
-
"name": "--zg-
|
|
654
|
+
"description": "Sets the font color of custom button on focus",
|
|
655
|
+
"name": "--zg-button-color_custom_focus"
|
|
817
656
|
},
|
|
818
657
|
{
|
|
819
|
-
"description": "
|
|
820
|
-
"name": "--zg-
|
|
658
|
+
"description": "Styles the background of icon in custom button on hover",
|
|
659
|
+
"name": "--zg-button-icon-background_custom_hover"
|
|
821
660
|
},
|
|
822
661
|
{
|
|
823
|
-
"description": "
|
|
824
|
-
"name": "--zg-
|
|
662
|
+
"description": "Styles the background of custom button on hover",
|
|
663
|
+
"name": "--zg-button-background_custom_hover"
|
|
825
664
|
},
|
|
826
665
|
{
|
|
827
|
-
"description": "
|
|
828
|
-
"name": "--zg-
|
|
666
|
+
"description": "Styles the border of custom button on hover",
|
|
667
|
+
"name": "--zg-button-border_custom_hover"
|
|
829
668
|
},
|
|
830
669
|
{
|
|
831
|
-
"description": "
|
|
832
|
-
"name": "--zg-
|
|
670
|
+
"description": "Applies a box shadow behing custom button on hover",
|
|
671
|
+
"name": "--zg-button-box-shadow_custom_hover"
|
|
833
672
|
},
|
|
834
673
|
{
|
|
835
|
-
"description": "Sets the
|
|
836
|
-
"name": "--zg-
|
|
674
|
+
"description": "Sets the font color of custom button on hover",
|
|
675
|
+
"name": "--zg-button-color_custom_hover"
|
|
837
676
|
},
|
|
838
677
|
{
|
|
839
|
-
"description": "
|
|
840
|
-
"name": "--zg-
|
|
678
|
+
"description": "Styles the background of custom button on active state",
|
|
679
|
+
"name": "--zg-button-background_custom_active"
|
|
841
680
|
},
|
|
842
681
|
{
|
|
843
|
-
"description": "
|
|
844
|
-
"name": "--zg-
|
|
682
|
+
"description": "Styles the border of custom button on active state",
|
|
683
|
+
"name": "--zg-button-border_custom_active"
|
|
845
684
|
},
|
|
846
685
|
{
|
|
847
|
-
"description": "
|
|
848
|
-
"name": "--zg-
|
|
686
|
+
"description": "Applies a box shadow behind custom button on active state",
|
|
687
|
+
"name": "--zg-button-box-shadow_custom_active"
|
|
849
688
|
},
|
|
850
689
|
{
|
|
851
|
-
"description": "
|
|
852
|
-
"name": "--zg-
|
|
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"
|
|
853
703
|
},
|
|
854
704
|
{
|
|
855
|
-
"
|
|
856
|
-
|
|
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"
|
|
857
710
|
},
|
|
858
711
|
{
|
|
859
|
-
"
|
|
860
|
-
|
|
712
|
+
"type": {
|
|
713
|
+
"text": "string"
|
|
714
|
+
},
|
|
715
|
+
"description": "A custom tooltip to set on the button",
|
|
716
|
+
"name": "custom-tooltip"
|
|
861
717
|
},
|
|
862
718
|
{
|
|
863
|
-
"
|
|
864
|
-
|
|
719
|
+
"type": {
|
|
720
|
+
"text": "boolean"
|
|
721
|
+
},
|
|
722
|
+
"description": "Whether the button is disabled or not",
|
|
723
|
+
"name": "disabled"
|
|
865
724
|
},
|
|
866
725
|
{
|
|
867
|
-
"
|
|
868
|
-
|
|
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"
|
|
869
731
|
},
|
|
870
732
|
{
|
|
871
|
-
"
|
|
872
|
-
|
|
733
|
+
"type": {
|
|
734
|
+
"text": "string"
|
|
735
|
+
},
|
|
736
|
+
"description": "A custom function to call on button click",
|
|
737
|
+
"name": "handler"
|
|
873
738
|
},
|
|
874
739
|
{
|
|
875
|
-
"
|
|
876
|
-
|
|
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"
|
|
877
756
|
},
|
|
878
757
|
{
|
|
879
|
-
"
|
|
880
|
-
"name": "
|
|
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"
|
|
881
765
|
},
|
|
882
766
|
{
|
|
883
|
-
"
|
|
884
|
-
"name": "
|
|
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"
|
|
774
|
+
},
|
|
775
|
+
{
|
|
776
|
+
"kind": "field",
|
|
777
|
+
"name": "disabled",
|
|
778
|
+
"type": {
|
|
779
|
+
"text": "boolean"
|
|
780
|
+
},
|
|
781
|
+
"description": "Whether the button is disabled or not",
|
|
782
|
+
"attribute": "disabled"
|
|
783
|
+
},
|
|
784
|
+
{
|
|
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"
|
|
792
|
+
},
|
|
793
|
+
{
|
|
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"
|
|
801
|
+
},
|
|
802
|
+
{
|
|
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": ""
|
|
816
|
+
},
|
|
817
|
+
{
|
|
818
|
+
"description": "Button icon. Replaces the default slot.",
|
|
819
|
+
"name": "icon"
|
|
820
|
+
},
|
|
821
|
+
{
|
|
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"
|
|
851
|
+
},
|
|
852
|
+
{
|
|
853
|
+
"description": "Styles the border of cards in 'card' layout-mode",
|
|
854
|
+
"name": "--zg-cell-border_layout_card"
|
|
855
|
+
},
|
|
856
|
+
{
|
|
857
|
+
"description": "Styles the bottom border of cards in 'card' layout-mode",
|
|
858
|
+
"name": "--zg-cell-border-bottom_layout_card"
|
|
859
|
+
},
|
|
860
|
+
{
|
|
861
|
+
"description": "Styles the left border of cards in 'card' layout-mode",
|
|
862
|
+
"name": "--zg-cell-border-left_layout_card"
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"description": "Styles the right border of cards in 'card' layout-mode",
|
|
866
|
+
"name": "--zg-cell-border-right_layout_card"
|
|
867
|
+
},
|
|
868
|
+
{
|
|
869
|
+
"description": "Styles the top border of cards in 'card' layout-mode",
|
|
870
|
+
"name": "--zg-cell-border-top_layout_card"
|
|
871
|
+
},
|
|
872
|
+
{
|
|
873
|
+
"description": "Sets the font color of cards in 'card' layout-mode",
|
|
874
|
+
"name": "--zg-cell-color_layout_card"
|
|
875
|
+
},
|
|
876
|
+
{
|
|
877
|
+
"description": "Sets the font family of cards in 'card' layout-mode",
|
|
878
|
+
"name": "--zg-cell-font-family_layout_card"
|
|
879
|
+
},
|
|
880
|
+
{
|
|
881
|
+
"description": "Sets the font size of cards in 'card' layout-mode",
|
|
882
|
+
"name": "--zg-cell-font-size_layout_card"
|
|
883
|
+
},
|
|
884
|
+
{
|
|
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
|
|
888
|
-
"name": "--zg-cell-
|
|
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
|
|
892
|
-
"name": "--zg-cell-
|
|
893
|
+
"description": "Sets the height of cards in 'card' layout-mode",
|
|
894
|
+
"name": "--zg-cell-height_layout_card"
|
|
893
895
|
},
|
|
894
896
|
{
|
|
895
|
-
"description": "
|
|
896
|
-
"name": "--zg-cell-
|
|
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": "
|
|
900
|
-
"name": "--zg-cell-
|
|
901
|
+
"description": "Sets the padding of cards in 'card' layout-mode",
|
|
902
|
+
"name": "--zg-cell-padding_layout_card"
|
|
901
903
|
},
|
|
902
904
|
{
|
|
903
|
-
"description": "
|
|
904
|
-
"name": "--zg-cell-
|
|
905
|
+
"description": "Sets the transition of cards in 'card' layout-mode",
|
|
906
|
+
"name": "--zg-cell-transition_layout_card"
|
|
905
907
|
},
|
|
906
908
|
{
|
|
907
|
-
"description": "
|
|
908
|
-
"name": "--zg-cell-
|
|
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
|
-
"
|
|
912
|
-
|
|
917
|
+
"type": {
|
|
918
|
+
"text": "string"
|
|
919
|
+
},
|
|
920
|
+
"description": "Sets the custom editor",
|
|
921
|
+
"name": "editor"
|
|
913
922
|
},
|
|
914
923
|
{
|
|
915
|
-
"
|
|
916
|
-
|
|
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
|
-
"
|
|
920
|
-
|
|
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
|
-
"
|
|
924
|
-
|
|
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
|
-
"
|
|
928
|
-
"name": "
|
|
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
|
-
"
|
|
932
|
-
"name": "
|
|
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
|
-
"
|
|
936
|
-
"name": "
|
|
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
|
-
"
|
|
940
|
-
|
|
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": "
|
|
994
|
+
"name": "ZGCard",
|
|
947
995
|
"declaration": {
|
|
948
|
-
"name": "
|
|
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": "
|
|
961
|
-
"name": "
|
|
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
|
|
965
|
-
"name": "--zg-
|
|
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"
|
|
1012
|
+
"description": "Styles the background of cells",
|
|
1013
|
+
"name": "--zg-cell-background"
|
|
986
1014
|
},
|
|
987
1015
|
{
|
|
988
|
-
"description": "
|
|
989
|
-
"name": "--zg-
|
|
1016
|
+
"description": "Styles the background of cells in 'row' layout-mode",
|
|
1017
|
+
"name": "--zg-cell-background_layout_row"
|
|
990
1018
|
},
|
|
991
1019
|
{
|
|
992
|
-
"description": "
|
|
993
|
-
"name": "--zg-
|
|
1020
|
+
"description": "Styles the border of cells",
|
|
1021
|
+
"name": "--zg-cell-border"
|
|
994
1022
|
},
|
|
995
1023
|
{
|
|
996
|
-
"description": "
|
|
997
|
-
"name": "--zg-
|
|
1024
|
+
"description": "Styles the bottom border of cells",
|
|
1025
|
+
"name": "--zg-cell-border-bottom"
|
|
998
1026
|
},
|
|
999
1027
|
{
|
|
1000
|
-
"description": "
|
|
1001
|
-
"name": "--zg-
|
|
1028
|
+
"description": "Styles the border of cells in 'row' layout-mode",
|
|
1029
|
+
"name": "--zg-cell-border_layout_row"
|
|
1002
1030
|
},
|
|
1003
1031
|
{
|
|
1004
|
-
"description": "
|
|
1005
|
-
"name": "--zg-
|
|
1032
|
+
"description": "Styles the bottom border of cells in 'row' layout-mode",
|
|
1033
|
+
"name": "--zg-cell-border-bottom_layout_row"
|
|
1006
1034
|
},
|
|
1007
1035
|
{
|
|
1008
|
-
"description": "
|
|
1009
|
-
"name": "--zg-
|
|
1036
|
+
"description": "Styles the left border of cells",
|
|
1037
|
+
"name": "--zg-cell-border-left"
|
|
1010
1038
|
},
|
|
1011
1039
|
{
|
|
1012
|
-
"description": "
|
|
1013
|
-
"name": "--zg-
|
|
1040
|
+
"description": "Styles the left border of cells in 'row' layout-mode",
|
|
1041
|
+
"name": "--zg-cell-border-left_layout_row"
|
|
1014
1042
|
},
|
|
1015
1043
|
{
|
|
1016
|
-
"description": "
|
|
1017
|
-
"name": "--zg-
|
|
1044
|
+
"description": "Styles the right border of cells",
|
|
1045
|
+
"name": "--zg-cell-border-right"
|
|
1018
1046
|
},
|
|
1019
1047
|
{
|
|
1020
|
-
"description": "
|
|
1021
|
-
"name": "--zg-
|
|
1048
|
+
"description": "Styles the right border of cells in 'row' layout-mode",
|
|
1049
|
+
"name": "--zg-cell-border-right_layout_row"
|
|
1022
1050
|
},
|
|
1023
1051
|
{
|
|
1024
|
-
"description": "
|
|
1025
|
-
"name": "--zg-
|
|
1052
|
+
"description": "Styles the top border of cells",
|
|
1053
|
+
"name": "--zg-cell-border-top"
|
|
1026
1054
|
},
|
|
1027
1055
|
{
|
|
1028
|
-
"description": "
|
|
1029
|
-
"name": "--zg-
|
|
1056
|
+
"description": "Styles the top border of cells in 'row' layout-mode",
|
|
1057
|
+
"name": "--zg-cell-border-top_layout_row"
|
|
1030
1058
|
},
|
|
1031
1059
|
{
|
|
1032
|
-
"description": "
|
|
1033
|
-
"name": "--zg-
|
|
1060
|
+
"description": "Styles font color of text in cells",
|
|
1061
|
+
"name": "--zg-cell-color"
|
|
1034
1062
|
},
|
|
1035
1063
|
{
|
|
1036
|
-
"description": "
|
|
1037
|
-
"name": "--zg-
|
|
1064
|
+
"description": "Styles font color of text in cells in 'row' layout-mode",
|
|
1065
|
+
"name": "--zg-cell-color_layout_row"
|
|
1038
1066
|
},
|
|
1039
1067
|
{
|
|
1040
|
-
"description": "Sets the
|
|
1041
|
-
"name": "--zg-
|
|
1068
|
+
"description": "Sets the font family in cells",
|
|
1069
|
+
"name": "--zg-cell-font-family"
|
|
1042
1070
|
},
|
|
1043
1071
|
{
|
|
1044
|
-
"description": "Sets the
|
|
1045
|
-
"name": "--zg-
|
|
1072
|
+
"description": "Sets the font family in cells in 'row' layout-mode",
|
|
1073
|
+
"name": "--zg-cell-font-family_layout_row"
|
|
1046
1074
|
},
|
|
1047
1075
|
{
|
|
1048
|
-
"description": "Sets the
|
|
1049
|
-
"name": "--zg-
|
|
1076
|
+
"description": "Sets the font size in cells",
|
|
1077
|
+
"name": "--zg-cell-font-size"
|
|
1050
1078
|
},
|
|
1051
1079
|
{
|
|
1052
|
-
"description": "Sets the
|
|
1053
|
-
"name": "--zg-
|
|
1080
|
+
"description": "Sets the font size in cells in 'row' layout-mode",
|
|
1081
|
+
"name": "--zg-cell-font-size_layout_row"
|
|
1054
1082
|
},
|
|
1055
1083
|
{
|
|
1056
|
-
"description": "Sets the
|
|
1057
|
-
"name": "--zg-
|
|
1084
|
+
"description": "Sets the font style in cells",
|
|
1085
|
+
"name": "--zg-cell-font-style"
|
|
1058
1086
|
},
|
|
1059
1087
|
{
|
|
1060
|
-
"description": "Sets
|
|
1061
|
-
"name": "--zg-
|
|
1088
|
+
"description": "Sets the font style in cells in 'row' layout-mode",
|
|
1089
|
+
"name": "--zg-cell-font-style_layout_row"
|
|
1062
1090
|
},
|
|
1063
1091
|
{
|
|
1064
|
-
"description": "Sets
|
|
1065
|
-
"name": "--zg-
|
|
1092
|
+
"description": "Sets the font weight in cells",
|
|
1093
|
+
"name": "--zg-cell-font-weight"
|
|
1066
1094
|
},
|
|
1067
1095
|
{
|
|
1068
|
-
"description": "Sets the font
|
|
1069
|
-
"name": "--zg-
|
|
1096
|
+
"description": "Sets the font weight in cells in 'row' layout-mode",
|
|
1097
|
+
"name": "--zg-cell-font-weight_layout_row"
|
|
1070
1098
|
},
|
|
1071
1099
|
{
|
|
1072
|
-
"description": "Sets
|
|
1073
|
-
"name": "--zg-
|
|
1100
|
+
"description": "Sets height of cells",
|
|
1101
|
+
"name": "--zg-cell-height"
|
|
1074
1102
|
},
|
|
1075
1103
|
{
|
|
1076
|
-
"description": "Sets
|
|
1077
|
-
"name": "--zg-
|
|
1104
|
+
"description": "Sets height of cells in 'row' layout-mode",
|
|
1105
|
+
"name": "--zg-cell-height_layout_row"
|
|
1078
1106
|
},
|
|
1079
1107
|
{
|
|
1080
|
-
"description": "Sets
|
|
1081
|
-
"name": "--zg-
|
|
1108
|
+
"description": "Sets line height of cells",
|
|
1109
|
+
"name": "--zg-cell-line-height"
|
|
1082
1110
|
},
|
|
1083
1111
|
{
|
|
1084
|
-
"description": "Sets
|
|
1085
|
-
"name": "--zg-
|
|
1112
|
+
"description": "Sets line height of cells in 'row' layout-mode",
|
|
1113
|
+
"name": "--zg-cell-line-height_layout_row"
|
|
1086
1114
|
},
|
|
1087
1115
|
{
|
|
1088
|
-
"description": "Sets
|
|
1089
|
-
"name": "--zg-
|
|
1116
|
+
"description": "Sets padding of cells",
|
|
1117
|
+
"name": "--zg-cell-padding"
|
|
1090
1118
|
},
|
|
1091
1119
|
{
|
|
1092
|
-
"description": "Sets
|
|
1093
|
-
"name": "--zg-
|
|
1120
|
+
"description": "Sets padding of cells in 'row' layout-mode",
|
|
1121
|
+
"name": "--zg-cell-padding_layout_row"
|
|
1094
1122
|
},
|
|
1095
1123
|
{
|
|
1096
|
-
"description": "Sets the
|
|
1097
|
-
"name": "--zg-
|
|
1124
|
+
"description": "Sets the transition of cells",
|
|
1125
|
+
"name": "--zg-cell-transition"
|
|
1098
1126
|
},
|
|
1099
1127
|
{
|
|
1100
|
-
"description": "Sets the
|
|
1101
|
-
"name": "--zg-
|
|
1128
|
+
"description": "Sets the transition of cells in 'row' layout-mode",
|
|
1129
|
+
"name": "--zg-cell-transition_layout_row"
|
|
1102
1130
|
},
|
|
1103
1131
|
{
|
|
1104
|
-
"description": "Sets
|
|
1105
|
-
"name": "--zg-
|
|
1132
|
+
"description": "Sets vertical alignment of items in cells",
|
|
1133
|
+
"name": "--zg-cell-vertical-align"
|
|
1106
1134
|
},
|
|
1107
1135
|
{
|
|
1108
|
-
"description": "Sets vertical alignment of items in
|
|
1109
|
-
"name": "--zg-
|
|
1136
|
+
"description": "Sets vertical alignment of items in cells in 'row' layout-mode",
|
|
1137
|
+
"name": "--zg-cell-vertical-align_layout_row"
|
|
1110
1138
|
},
|
|
1111
1139
|
{
|
|
1112
|
-
"description": "
|
|
1113
|
-
"name": "--zg-
|
|
1140
|
+
"description": "Styles the background of cells in sorted column",
|
|
1141
|
+
"name": "--zg-cell-background_sorted"
|
|
1114
1142
|
},
|
|
1115
1143
|
{
|
|
1116
|
-
"description": "
|
|
1117
|
-
"name": "--zg-
|
|
1144
|
+
"description": "Styles the background of cells in sorted column in 'row' layout-mode",
|
|
1145
|
+
"name": "--zg-cell-background_layout_row_sorted"
|
|
1118
1146
|
},
|
|
1119
1147
|
{
|
|
1120
|
-
"description": "Sets the
|
|
1121
|
-
"name": "--zg-
|
|
1148
|
+
"description": "Sets the font color of cells in sorted column",
|
|
1149
|
+
"name": "--zg-cell-color_sorted"
|
|
1122
1150
|
},
|
|
1123
1151
|
{
|
|
1124
|
-
"description": "Sets the
|
|
1125
|
-
"name": "--zg-
|
|
1152
|
+
"description": "Sets the font color of cells in sorted column in 'row' layout-mode",
|
|
1153
|
+
"name": "--zg-cell-color_layout_row_sorted"
|
|
1126
1154
|
},
|
|
1127
1155
|
{
|
|
1128
|
-
"description": "Sets
|
|
1129
|
-
"name": "--zg-
|
|
1156
|
+
"description": "Sets font color of label in cards in 'card' layout-mode",
|
|
1157
|
+
"name": "--zg-cell-label-color_layout_card"
|
|
1130
1158
|
},
|
|
1131
1159
|
{
|
|
1132
|
-
"description": "Sets the
|
|
1133
|
-
"name": "--zg-
|
|
1160
|
+
"description": "Sets the display of label in cards in 'card' layout-mode",
|
|
1161
|
+
"name": "--zg-cell-label-display_layout_card"
|
|
1134
1162
|
},
|
|
1135
1163
|
{
|
|
1136
|
-
"description": "Sets
|
|
1137
|
-
"name": "--zg-
|
|
1164
|
+
"description": "Sets font size of label in cards in 'card' layout-mode",
|
|
1165
|
+
"name": "--zg-cell-label-font-size_layout_card"
|
|
1138
1166
|
},
|
|
1139
1167
|
{
|
|
1140
|
-
"description": "Sets the
|
|
1141
|
-
"name": "--zg-
|
|
1168
|
+
"description": "Sets the margin of label in cards in 'card' layout-mode",
|
|
1169
|
+
"name": "--zg-cell-label-margin_layout_card"
|
|
1142
1170
|
},
|
|
1143
1171
|
{
|
|
1144
|
-
"description": "Sets the
|
|
1145
|
-
"name": "--zg-
|
|
1172
|
+
"description": "Sets the overflow of label in cards in 'card' layout-mode",
|
|
1173
|
+
"name": "--zg-cell-label-overflow_layout_card"
|
|
1146
1174
|
},
|
|
1147
1175
|
{
|
|
1148
|
-
"description": "
|
|
1149
|
-
"name": "--zg-
|
|
1176
|
+
"description": "Sets transform of label in cards in 'card' layout-mode",
|
|
1177
|
+
"name": "--zg-cell-label-transform_layout_card"
|
|
1150
1178
|
},
|
|
1151
1179
|
{
|
|
1152
|
-
"description": "
|
|
1153
|
-
"name": "--zg-
|
|
1180
|
+
"description": "Sets font weight of label in cards in 'card' layout-mode",
|
|
1181
|
+
"name": "--zg-cell-label-font-weight_layout_card"
|
|
1154
1182
|
},
|
|
1155
1183
|
{
|
|
1156
|
-
"description": "Styles the
|
|
1157
|
-
"name": "--zg-
|
|
1184
|
+
"description": "Styles the border of card items in 'card' layout-mode",
|
|
1185
|
+
"name": "--zg-cell-content-border_layout_card"
|
|
1158
1186
|
},
|
|
1159
1187
|
{
|
|
1160
|
-
"description": "Styles the
|
|
1161
|
-
"name": "--zg-
|
|
1162
|
-
}
|
|
1163
|
-
],
|
|
1164
|
-
"tagName": "zg-caption",
|
|
1165
|
-
"customElement": true,
|
|
1166
|
-
"attributes": [
|
|
1167
|
-
{
|
|
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
|
-
"
|
|
1176
|
-
|
|
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": "
|
|
1185
|
-
"name": "
|
|
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": "
|
|
1189
|
-
"name": "
|
|
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": "
|
|
1193
|
-
"name": "
|
|
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
|
-
"
|
|
1199
|
-
"name": "
|
|
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
|
-
"
|
|
1208
|
-
"name": "
|
|
1209
|
-
|
|
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": "
|
|
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": "
|
|
1223
|
-
"name": "
|
|
1220
|
+
"description": "Styles font color of cells on hover",
|
|
1221
|
+
"name": "--zg-cell-color_hover"
|
|
1224
1222
|
},
|
|
1225
1223
|
{
|
|
1226
|
-
"description": "
|
|
1227
|
-
"name": "
|
|
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": "
|
|
1235
|
+
"name": "ZGCell",
|
|
1236
1236
|
"declaration": {
|
|
1237
|
-
"name": "
|
|
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\" | \"
|
|
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
|
|
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\"
|
|
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": "
|
|
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\" | \"
|
|
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
|
|
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\"
|
|
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": "
|
|
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"
|
|
@@ -3366,22 +3315,73 @@
|
|
|
3366
3315
|
"attribute": "validator"
|
|
3367
3316
|
},
|
|
3368
3317
|
{
|
|
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"
|
|
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": [
|
|
3378
|
+
{
|
|
3379
|
+
"description": "The resize handle container",
|
|
3380
|
+
"name": "handle"
|
|
3376
3381
|
},
|
|
3377
3382
|
{
|
|
3378
|
-
"
|
|
3379
|
-
"name": "
|
|
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": "
|
|
3392
|
+
"name": "ZGColumnResize",
|
|
3393
3393
|
"declaration": {
|
|
3394
|
-
"name": "
|
|
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": "
|
|
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"
|
|
@@ -7743,7 +7743,7 @@
|
|
|
7743
7743
|
},
|
|
7744
7744
|
{
|
|
7745
7745
|
"type": {
|
|
7746
|
-
"text": "
|
|
7746
|
+
"text": "array"
|
|
7747
7747
|
},
|
|
7748
7748
|
"description": "Specifies the columns of the grid. More appropriate to use `<zg-column>` in most cases or set the property programmatically.",
|
|
7749
7749
|
"name": "columns"
|
|
@@ -7834,7 +7834,7 @@
|
|
|
7834
7834
|
},
|
|
7835
7835
|
{
|
|
7836
7836
|
"type": {
|
|
7837
|
-
"text": "\"
|
|
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\" |
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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"
|
|
@@ -8792,7 +8792,7 @@
|
|
|
8792
8792
|
"kind": "field",
|
|
8793
8793
|
"name": "columns",
|
|
8794
8794
|
"type": {
|
|
8795
|
-
"text": "
|
|
8795
|
+
"text": "array"
|
|
8796
8796
|
},
|
|
8797
8797
|
"description": "Specifies the columns of the grid. More appropriate to use `<zg-column>` in most cases or set the property programmatically.",
|
|
8798
8798
|
"attribute": "columns"
|
|
@@ -8979,7 +8979,7 @@
|
|
|
8979
8979
|
"kind": "field",
|
|
8980
8980
|
"name": "editorControls",
|
|
8981
8981
|
"type": {
|
|
8982
|
-
"text": "\"
|
|
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\" |
|
|
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": "
|
|
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": "
|
|
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": "
|
|
12869
|
+
"text": "object"
|
|
12870
12870
|
},
|
|
12871
12871
|
"description": "Sets custom [viewport] breakpoints",
|
|
12872
12872
|
"attribute": "viewportTypes"
|