zinggrid-cem 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/custom-elements.json +571 -517
  2. package/package.json +1 -1
package/custom-elements.json CHANGED
@@ -59,107 +59,6 @@
59
59
  }
60
60
  ]
61
61
  },
62
- {
63
- "kind": "javascript-module",
64
- "path": "dist/zinggrid.min.js",
65
- "declarations": [
66
- {
67
- "kind": "class",
68
- "description": "`<zg-body>` is created dynamically by the ZingGrid library, and as such should not be manually added by the\ndeveloper. However the user can style `<zg-body>` using CSS.",
69
- "name": "ZGBody",
70
- "cssProperties": [
71
- {
72
- "description": "Styles the left border of grid body",
73
- "name": "--zg-body-border-left"
74
- },
75
- {
76
- "description": "Styles the right border of grid body",
77
- "name": "--zg-body-border-right"
78
- },
79
- {
80
- "description": "Sets the font family of contents inside grid body",
81
- "name": "--zg-body-font-family"
82
- },
83
- {
84
- "description": "Sets the font size of contents inside grid body",
85
- "name": "--zg-body-font-size"
86
- },
87
- {
88
- "description": "Sets the font style of contents inside grid body",
89
- "name": "--zg-body-font-style"
90
- },
91
- {
92
- "description": "Sets the font weight of contents inside grid body",
93
- "name": "--zg-body-font-weight"
94
- },
95
- {
96
- "description": "Sets the line-height of contents inside of grid body",
97
- "name": "--zg-body-line-height"
98
- },
99
- {
100
- "description": "Styles the background of grid body in 'card' layout-mode",
101
- "name": "--zg-body-card-background"
102
- },
103
- {
104
- "description": "Styles the border of grid body in 'card' layout-mode",
105
- "name": "--zg-body-card-border"
106
- },
107
- {
108
- "description": "Styles the bottom border of grid body in 'card' layout-mode",
109
- "name": "--zg-body-card-border-bottom"
110
- },
111
- {
112
- "description": "Styles the left border of grid body in 'card' layout-mode",
113
- "name": "--zg-body-card-border-left"
114
- },
115
- {
116
- "description": "Styles the right border of grid body in 'card' layout-mode",
117
- "name": "--zg-body-card-border-right"
118
- },
119
- {
120
- "description": "Styles the top border of grid body in 'card' layout-mode. Note: If `--zg-row-border-top` set in 'card' layout-mode it will override `--zg-body-border-top`.",
121
- "name": "--zg-body-card-border-top"
122
- },
123
- {
124
- "description": "Sets display of grid body in 'card' layout-mode",
125
- "name": "--zg-body-card-display"
126
- },
127
- {
128
- "description": "Styles the top border of grid body. Note: If `--zg-row-border-top` set, it will override `--zg-body-border-top`.",
129
- "name": "--zg-body-border-top"
130
- },
131
- {
132
- "description": "Styles the border of grid body",
133
- "name": "--zg-body-border"
134
- },
135
- {
136
- "description": "Styles the bottom border of grid body",
137
- "name": "--zg-body-border-bottom"
138
- },
139
- {
140
- "description": "Styles the background of grid body",
141
- "name": "--zg-body-background"
142
- },
143
- {
144
- "description": "Sets the font color of contents inside grid body",
145
- "name": "--zg-body-color"
146
- }
147
- ],
148
- "tagName": "zg-body",
149
- "customElement": true
150
- }
151
- ],
152
- "exports": [
153
- {
154
- "kind": "js",
155
- "name": "ZGBody",
156
- "declaration": {
157
- "name": "ZGBody",
158
- "module": "dist/zinggrid.min.js"
159
- }
160
- }
161
- ]
162
- },
163
62
  {
164
63
  "kind": "javascript-module",
165
64
  "path": "dist/zinggrid.min.js",
@@ -407,7 +306,7 @@
407
306
  "attributes": [
408
307
  {
409
308
  "type": {
410
- "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\" | \"pastecell\" | \"prevpage\" | \"reload\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"selectall\" | \"selectcell\" | \"selectrow\" | \"sortcolumn\" | \"submitrecord\" | \"about\" | "
309
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checkbox\" | \"closerowdetails\" | \"closerowgroup\" | \"copycell\" | \"createrecord\" | \"createrecordend\" | \"createrecordstart\" | \"deselect\" | \"duplicaterecord\" | \"editcell\" | \"editrecord\" | \"editrow\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"freezecolumnleft\" | \"freezecolumnright\" | \"unfreezecolumn\" | \"hidecolumn\" | \"freezerowtop\" | \"freezerowbottom\" | \"unfreezerow\" | \"getselection\" | \"insertrecord\" | \"layoutrow\" | \"layoutcard\" | \"resetstate\" | \"lastpage\" | \"menu\" | \"nextpage\" | \"openrowdetails\" | \"openrowgroup\" | \"page\" | \"pastecell\" | \"prevpage\" | \"reload\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"selectall\" | \"selectcell\" | \"selectrow\" | \"sortcolumn\" | \"submitrecord\" | \"about\""
411
310
  },
412
311
  "description": "The action of the button",
413
312
  "name": "action"
@@ -449,7 +348,7 @@
449
348
  },
450
349
  {
451
350
  "type": {
452
- "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\" | "
351
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"firstpage\" | \"fixedmenu\" | \"filter\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
453
352
  },
454
353
  "description": "The icon for the button to enable styling",
455
354
  "name": "icon"
@@ -460,7 +359,7 @@
460
359
  "kind": "field",
461
360
  "name": "action",
462
361
  "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\" | \"pastecell\" | \"prevpage\" | \"reload\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"selectall\" | \"selectcell\" | \"selectrow\" | \"sortcolumn\" | \"submitrecord\" | \"about\" | "
362
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checkbox\" | \"closerowdetails\" | \"closerowgroup\" | \"copycell\" | \"createrecord\" | \"createrecordend\" | \"createrecordstart\" | \"deselect\" | \"duplicaterecord\" | \"editcell\" | \"editrecord\" | \"editrow\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"freezecolumnleft\" | \"freezecolumnright\" | \"unfreezecolumn\" | \"hidecolumn\" | \"freezerowtop\" | \"freezerowbottom\" | \"unfreezerow\" | \"getselection\" | \"insertrecord\" | \"layoutrow\" | \"layoutcard\" | \"resetstate\" | \"lastpage\" | \"menu\" | \"nextpage\" | \"openrowdetails\" | \"openrowgroup\" | \"page\" | \"pastecell\" | \"prevpage\" | \"reload\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"selectall\" | \"selectcell\" | \"selectrow\" | \"sortcolumn\" | \"submitrecord\" | \"about\""
464
363
  },
465
364
  "description": "The action of the button",
466
365
  "attribute": "action"
@@ -514,7 +413,7 @@
514
413
  "kind": "field",
515
414
  "name": "icon",
516
415
  "type": {
517
- "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\" | "
416
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"firstpage\" | \"fixedmenu\" | \"filter\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
518
417
  },
519
418
  "description": "The icon for the button to enable styling",
520
419
  "attribute": "icon"
@@ -553,274 +452,249 @@
553
452
  "declarations": [
554
453
  {
555
454
  "kind": "class",
556
- "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.",
557
- "name": "ZGCaption",
455
+ "description": "`<zg-body>` is created dynamically by the ZingGrid library, and as such should not be manually added by the\ndeveloper. However the user can style `<zg-body>` using CSS.",
456
+ "name": "ZGBody",
558
457
  "cssProperties": [
559
458
  {
560
- "description": "Styles the background of caption",
561
- "name": "--zg-caption-background"
459
+ "description": "Styles the left border of grid body",
460
+ "name": "--zg-body-border-left"
562
461
  },
563
462
  {
564
- "description": "Styles the border of caption",
565
- "name": "--zg-caption-border"
463
+ "description": "Styles the right border of grid body",
464
+ "name": "--zg-body-border-right"
566
465
  },
567
466
  {
568
- "description": "Styles the bottom border of caption",
569
- "name": "--zg-caption-border-bottom"
467
+ "description": "Sets the font family of contents inside grid body",
468
+ "name": "--zg-body-font-family"
570
469
  },
571
470
  {
572
- "description": "Styles the left border of caption",
573
- "name": "--zg-caption-border-left"
471
+ "description": "Sets the font size of contents inside grid body",
472
+ "name": "--zg-body-font-size"
574
473
  },
575
474
  {
576
- "description": "Styles the right border of caption",
577
- "name": "--zg-caption-border-right"
475
+ "description": "Sets the font style of contents inside grid body",
476
+ "name": "--zg-body-font-style"
578
477
  },
579
478
  {
580
- "description": "Styles the top border of caption",
581
- "name": "--zg-caption-border-top"
479
+ "description": "Sets the font weight of contents inside grid body",
480
+ "name": "--zg-body-font-weight"
582
481
  },
583
482
  {
584
- "description": "Applies a border-radius to the caption",
585
- "name": "--zg-caption-border-radius"
483
+ "description": "Sets the line-height of contents inside of grid body",
484
+ "name": "--zg-body-line-height"
586
485
  },
587
486
  {
588
- "description": "Applies a top-left border-radius to the caption",
589
- "name": "--zg-caption-border-top-left-radius"
487
+ "description": "Styles the background of grid body in 'card' layout-mode",
488
+ "name": "--zg-body-card-background"
590
489
  },
591
490
  {
592
- "description": "Applies a top-right border-radius to the caption",
593
- "name": "--zg-caption-border-top-right-radius"
491
+ "description": "Styles the border of grid body in 'card' layout-mode",
492
+ "name": "--zg-body-card-border"
594
493
  },
595
494
  {
596
- "description": "Applies a bottom-left border-radius to the caption",
597
- "name": "--zg-caption-border-bottom-left-radius"
495
+ "description": "Styles the bottom border of grid body in 'card' layout-mode",
496
+ "name": "--zg-body-card-border-bottom"
598
497
  },
599
498
  {
600
- "description": "Applies a bottom-right border-radius to the caption",
601
- "name": "--zg-caption-border-bottom-right-radius"
499
+ "description": "Styles the left border of grid body in 'card' layout-mode",
500
+ "name": "--zg-body-card-border-left"
602
501
  },
603
502
  {
604
- "description": "Applies a box shadow behind caption",
605
- "name": "--zg-caption-box-shadow"
503
+ "description": "Styles the right border of grid body in 'card' layout-mode",
504
+ "name": "--zg-body-card-border-right"
606
505
  },
607
506
  {
608
- "description": "Sets the font color of caption",
609
- "name": "--zg-caption-color"
507
+ "description": "Styles the top border of grid body in 'card' layout-mode. Note: If `--zg-row-border-top` set in 'card' layout-mode it will override `--zg-body-border-top`.",
508
+ "name": "--zg-body-card-border-top"
610
509
  },
611
510
  {
612
- "description": "Sets the font family of caption",
613
- "name": "--zg-caption-font-family"
511
+ "description": "Sets display of grid body in 'card' layout-mode",
512
+ "name": "--zg-body-card-display"
614
513
  },
615
514
  {
616
- "description": "Sets the font size of caption",
617
- "name": "--zg-caption-font-size"
515
+ "description": "Styles the top border of grid body. Note: If `--zg-row-border-top` set, it will override `--zg-body-border-top`.",
516
+ "name": "--zg-body-border-top"
618
517
  },
619
518
  {
620
- "description": "Sets the font style of caption",
621
- "name": "--zg-caption-font-style"
519
+ "description": "Styles the border of grid body",
520
+ "name": "--zg-body-border"
622
521
  },
623
522
  {
624
- "description": "Sets the font weight of caption",
625
- "name": "--zg-caption-font-weight"
523
+ "description": "Styles the bottom border of grid body",
524
+ "name": "--zg-body-border-bottom"
626
525
  },
627
526
  {
628
- "description": "Sets the margin of caption",
629
- "name": "--zg-caption-margin"
527
+ "description": "Styles the background of grid body",
528
+ "name": "--zg-body-background"
630
529
  },
631
530
  {
632
- "description": "Sets the opacity of caption",
633
- "name": "--zg-caption-opacity"
634
- },
531
+ "description": "Sets the font color of contents inside grid body",
532
+ "name": "--zg-body-color"
533
+ }
534
+ ],
535
+ "tagName": "zg-body",
536
+ "customElement": true
537
+ }
538
+ ],
539
+ "exports": [
540
+ {
541
+ "kind": "js",
542
+ "name": "ZGBody",
543
+ "declaration": {
544
+ "name": "ZGBody",
545
+ "module": "dist/zinggrid.min.js"
546
+ }
547
+ }
548
+ ]
549
+ },
550
+ {
551
+ "kind": "javascript-module",
552
+ "path": "dist/zinggrid.min.js",
553
+ "declarations": [
554
+ {
555
+ "kind": "class",
556
+ "description": "The container for a card template that holds a custom template for card mode. This custom template\nwill be rendered per row. `<zg-card>` can be styled via CSS or the `--zg-card-*` selectors. Please reference\nthe \"Template\" section for more details on templates.",
557
+ "name": "ZGCard",
558
+ "cssProperties": [
635
559
  {
636
- "description": "Sets the padding of caption",
637
- "name": "--zg-caption-padding"
560
+ "description": "Styles the background of cards in 'card' layout-mode",
561
+ "name": "--zg-cell-background_layout_card"
638
562
  },
639
563
  {
640
- "description": "Sets the transition of caption",
641
- "name": "--zg-caption-transition"
564
+ "description": "Styles the border of cards in 'card' layout-mode",
565
+ "name": "--zg-cell-border_layout_card"
642
566
  },
643
567
  {
644
- "description": "Sets the vertical alignment of items (title and toolbar) in caption",
645
- "name": "--zg-caption-align-items"
568
+ "description": "Styles the bottom border of cards in 'card' layout-mode",
569
+ "name": "--zg-cell-border-bottom_layout_card"
646
570
  },
647
571
  {
648
- "description": "Sets the flex direction of items (title and toolbar) in caption",
649
- "name": "--zg-caption-flex-direction"
572
+ "description": "Styles the left border of cards in 'card' layout-mode",
573
+ "name": "--zg-cell-border-left_layout_card"
650
574
  },
651
575
  {
652
- "description": "Sets the height of caption",
653
- "name": "--zg-caption-height"
576
+ "description": "Styles the right border of cards in 'card' layout-mode",
577
+ "name": "--zg-cell-border-right_layout_card"
654
578
  },
655
579
  {
656
- "description": "Sets vertical alignment of items in caption title",
657
- "name": "--zg-caption-title-align-self"
580
+ "description": "Styles the top border of cards in 'card' layout-mode",
581
+ "name": "--zg-cell-border-top_layout_card"
658
582
  },
659
583
  {
660
- "description": "Sets how items are flexed in caption title",
661
- "name": "--zg-caption-title-flex"
584
+ "description": "Sets the font color of cards in 'card' layout-mode",
585
+ "name": "--zg-cell-color_layout_card"
662
586
  },
663
587
  {
664
- "description": "Sets the font-family of caption title",
665
- "name": "--zg-caption-title-font-family"
588
+ "description": "Sets the font family of cards in 'card' layout-mode",
589
+ "name": "--zg-cell-font-family_layout_card"
666
590
  },
667
591
  {
668
- "description": "Sets the font size of caption title",
669
- "name": "--zg-caption-title-font-size"
592
+ "description": "Sets the font size of cards in 'card' layout-mode",
593
+ "name": "--zg-cell-font-size_layout_card"
670
594
  },
671
595
  {
672
- "description": "Sets the font style of caption title",
673
- "name": "--zg-caption-title-font-style"
596
+ "description": "Sets the font family of cards in 'card' layout-mode",
597
+ "name": "--zg-cell-font-style_layout_card"
674
598
  },
675
599
  {
676
- "description": "Sets the font weight of caption title",
677
- "name": "--zg-caption-title-font-weight"
600
+ "description": "Sets the font weight of cards in 'card' layout-mode",
601
+ "name": "--zg-cell-font-weight_layout_card"
678
602
  },
679
603
  {
680
- "description": "Sets the margin of caption title",
681
- "name": "--zg-caption-title-margin"
604
+ "description": "Sets the height of cards in 'card' layout-mode",
605
+ "name": "--zg-cell-height_layout_card"
682
606
  },
683
607
  {
684
- "description": "Sets the padding of caption title",
685
- "name": "--zg-caption-title-padding"
686
- },
687
- {
688
- "description": "Sets the order of caption title with respect to caption toolbar",
689
- "name": "--zg-caption-title-order"
690
- },
691
- {
692
- "description": "Sets the text alignment of caption title",
693
- "name": "--zg-caption-title-text-align"
694
- },
695
- {
696
- "description": "Sets the transform of caption title",
697
- "name": "--zg-caption-title-transform"
698
- },
699
- {
700
- "description": "Sets the width of caption title",
701
- "name": "--zg-caption-title-width"
702
- },
703
- {
704
- "description": "Sets vertical alignment of items in caption toolbar",
705
- "name": "--zg-caption-toolbar-align-self"
706
- },
707
- {
708
- "description": "Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.",
709
- "name": "--zg-caption-toolbar-bottom"
710
- },
711
- {
712
- "description": "Sets the horizontal alignment of contents in caption toolbar",
713
- "name": "--zg-caption-toolbar-justify-content"
714
- },
715
- {
716
- "description": "Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.",
717
- "name": "--zg-caption-toolbar-left"
718
- },
719
- {
720
- "description": "Sets the margin of caption toolbar",
721
- "name": "--zg-caption-toolbar-margin"
722
- },
723
- {
724
- "description": "Sets the position of caption toolbar",
725
- "name": "--zg-caption-toolbar-position"
726
- },
727
- {
728
- "description": "Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.",
729
- "name": "--zg-caption-toolbar-right"
730
- },
731
- {
732
- "description": "Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.",
733
- "name": "--zg-caption-toolbar-top"
734
- },
735
- {
736
- "description": "Sets the transform of caption toolbar",
737
- "name": "--zg-caption-toolbar-transform"
738
- },
739
- {
740
- "description": "Sets the width of caption toolbar",
741
- "name": "--zg-caption-toolbar-width"
742
- },
743
- {
744
- "description": "Styles the background of button in caption",
745
- "name": "--zg-caption-button-background"
608
+ "description": "Sets the line height of cards in 'card' layout-mode",
609
+ "name": "--zg-cell-line-height_layout_card"
746
610
  },
747
611
  {
748
- "description": "Styles the background of button in caption when the button is in a `focus` state",
749
- "name": "--zg-caption-button-background_focus"
612
+ "description": "Sets the padding of cards in 'card' layout-mode",
613
+ "name": "--zg-cell-padding_layout_card"
750
614
  },
751
615
  {
752
- "description": "Styles the background of button in caption when the button is in a `hover` state",
753
- "name": "--zg-caption-button-background_hover"
616
+ "description": "Sets the transition of cards in 'card' layout-mode",
617
+ "name": "--zg-cell-transition_layout_card"
754
618
  },
755
619
  {
756
- "description": "Styles the background of button in caption when the button is in an `active` state",
757
- "name": "--zg-caption-button-background_active"
620
+ "description": "Sets the word break of items in cards in 'card' layout-mode",
621
+ "name": "--zg-cell-word-break_layout_card"
758
622
  }
759
623
  ],
760
- "tagName": "zg-caption",
624
+ "tagName": "zg-card",
761
625
  "customElement": true,
762
626
  "attributes": [
763
627
  {
764
628
  "type": {
765
- "text": "\"start\" | \"left\" | \"right\" | \"center\" | "
629
+ "text": "string"
766
630
  },
767
- "description": "The alignment of the default content in the caption",
768
- "name": "align"
631
+ "description": "Sets the custom editor",
632
+ "name": "editor"
769
633
  },
770
634
  {
771
635
  "type": {
772
- "text": "\"top\" | \"bottom\" | \"both\" | "
636
+ "text": "string"
773
637
  },
774
- "description": "Indicates whether to attach the caption to the top or the bottom of the grid",
775
- "name": "position"
776
- }
777
- ],
778
- "cssParts": [
779
- {
780
- "description": "Caption container",
781
- "name": "caption"
638
+ "description": "Points to an external template element to be used as the template for the card's editor",
639
+ "name": "editor-template"
782
640
  },
783
641
  {
784
- "description": "The title container",
785
- "name": "title"
642
+ "type": {
643
+ "text": "string"
644
+ },
645
+ "description": "Whatever is returned from the method will be set as the innerHTMl of the card",
646
+ "name": "renderer"
786
647
  },
787
648
  {
788
- "description": "The toolbar container",
789
- "name": "toolbar"
649
+ "type": {
650
+ "text": "string"
651
+ },
652
+ "description": "Points to an external template element to be used as the template for the card's renderer",
653
+ "name": "renderer-template"
790
654
  }
791
655
  ],
792
656
  "members": [
793
657
  {
794
658
  "kind": "field",
795
- "name": "align",
659
+ "name": "editor",
796
660
  "type": {
797
- "text": "\"start\" | \"left\" | \"right\" | \"center\" | "
661
+ "text": "string"
798
662
  },
799
- "description": "The alignment of the default content in the caption",
800
- "attribute": "align"
663
+ "description": "Sets the custom editor",
664
+ "attribute": "editor"
801
665
  },
802
666
  {
803
667
  "kind": "field",
804
- "name": "position",
668
+ "name": "editorTemplate",
805
669
  "type": {
806
- "text": "\"top\" | \"bottom\" | \"both\" | "
670
+ "text": "string"
807
671
  },
808
- "description": "Indicates whether to attach the caption to the top or the bottom of the grid",
809
- "attribute": "position"
672
+ "description": "Points to an external template element to be used as the template for the card's editor",
673
+ "attribute": "editorTemplate"
674
+ },
675
+ {
676
+ "kind": "field",
677
+ "name": "renderer",
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"
683
+ },
684
+ {
685
+ "kind": "field",
686
+ "name": "rendererTemplate",
687
+ "type": {
688
+ "text": "string"
689
+ },
690
+ "description": "Points to an external template element to be used as the template for the card's renderer",
691
+ "attribute": "rendererTemplate"
810
692
  }
811
693
  ],
812
694
  "slots": [
813
695
  {
814
- "description": "Caption title.",
696
+ "description": "Card content.",
815
697
  "name": ""
816
- },
817
- {
818
- "description": "Caption title. Use when using a feature that enables caption toolbar ([contextMenu], [search], [staticMenu]).",
819
- "name": "message"
820
- },
821
- {
822
- "description": "Caption toolbar, which is added to the rightmost of caption by default.",
823
- "name": "tool"
824
698
  }
825
699
  ]
826
700
  }
@@ -828,9 +702,9 @@
828
702
  "exports": [
829
703
  {
830
704
  "kind": "js",
831
- "name": "ZGCaption",
705
+ "name": "ZGCard",
832
706
  "declaration": {
833
- "name": "ZGCaption",
707
+ "name": "ZGCard",
834
708
  "module": "dist/zinggrid.min.js"
835
709
  }
836
710
  }
@@ -842,84 +716,236 @@
842
716
  "declarations": [
843
717
  {
844
718
  "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",
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",
847
721
  "cssProperties": [
848
722
  {
849
- "description": "Styles the background of cards in 'card' layout-mode",
850
- "name": "--zg-cell-background_layout_card"
723
+ "description": "Styles the background of cells",
724
+ "name": "--zg-cell-background"
851
725
  },
852
726
  {
853
- "description": "Styles the border of cards in 'card' layout-mode",
854
- "name": "--zg-cell-border_layout_card"
727
+ "description": "Styles the background of cells in 'row' layout-mode",
728
+ "name": "--zg-cell-background_layout_row"
855
729
  },
856
730
  {
857
- "description": "Styles the bottom border of cards in 'card' layout-mode",
858
- "name": "--zg-cell-border-bottom_layout_card"
731
+ "description": "Styles the border of cells",
732
+ "name": "--zg-cell-border"
859
733
  },
860
734
  {
861
- "description": "Styles the left border of cards in 'card' layout-mode",
862
- "name": "--zg-cell-border-left_layout_card"
735
+ "description": "Styles the bottom border of cells",
736
+ "name": "--zg-cell-border-bottom"
863
737
  },
864
738
  {
865
- "description": "Styles the right border of cards in 'card' layout-mode",
866
- "name": "--zg-cell-border-right_layout_card"
739
+ "description": "Styles the border of cells in 'row' layout-mode",
740
+ "name": "--zg-cell-border_layout_row"
867
741
  },
868
742
  {
869
- "description": "Styles the top border of cards in 'card' layout-mode",
870
- "name": "--zg-cell-border-top_layout_card"
743
+ "description": "Styles the bottom border of cells in 'row' layout-mode",
744
+ "name": "--zg-cell-border-bottom_layout_row"
871
745
  },
872
746
  {
873
- "description": "Sets the font color of cards in 'card' layout-mode",
874
- "name": "--zg-cell-color_layout_card"
747
+ "description": "Styles the left border of cells",
748
+ "name": "--zg-cell-border-left"
875
749
  },
876
750
  {
877
- "description": "Sets the font family of cards in 'card' layout-mode",
878
- "name": "--zg-cell-font-family_layout_card"
751
+ "description": "Styles the left border of cells in 'row' layout-mode",
752
+ "name": "--zg-cell-border-left_layout_row"
879
753
  },
880
754
  {
881
- "description": "Sets the font size of cards in 'card' layout-mode",
882
- "name": "--zg-cell-font-size_layout_card"
755
+ "description": "Styles the right border of cells",
756
+ "name": "--zg-cell-border-right"
883
757
  },
884
758
  {
885
- "description": "Sets the font family of cards in 'card' layout-mode",
886
- "name": "--zg-cell-font-style_layout_card"
759
+ "description": "Styles the right border of cells in 'row' layout-mode",
760
+ "name": "--zg-cell-border-right_layout_row"
887
761
  },
888
762
  {
889
- "description": "Sets the font weight of cards in 'card' layout-mode",
890
- "name": "--zg-cell-font-weight_layout_card"
763
+ "description": "Styles the top border of cells",
764
+ "name": "--zg-cell-border-top"
891
765
  },
892
766
  {
893
- "description": "Sets the height of cards in 'card' layout-mode",
894
- "name": "--zg-cell-height_layout_card"
767
+ "description": "Styles the top border of cells in 'row' layout-mode",
768
+ "name": "--zg-cell-border-top_layout_row"
895
769
  },
896
770
  {
897
- "description": "Sets the line height of cards in 'card' layout-mode",
898
- "name": "--zg-cell-line-height_layout_card"
771
+ "description": "Styles font color of text in cells",
772
+ "name": "--zg-cell-color"
773
+ },
774
+ {
775
+ "description": "Styles font color of text in cells in 'row' layout-mode",
776
+ "name": "--zg-cell-color_layout_row"
777
+ },
778
+ {
779
+ "description": "Sets the font family in cells",
780
+ "name": "--zg-cell-font-family"
781
+ },
782
+ {
783
+ "description": "Sets the font family in cells in 'row' layout-mode",
784
+ "name": "--zg-cell-font-family_layout_row"
785
+ },
786
+ {
787
+ "description": "Sets the font size in cells",
788
+ "name": "--zg-cell-font-size"
789
+ },
790
+ {
791
+ "description": "Sets the font size in cells in 'row' layout-mode",
792
+ "name": "--zg-cell-font-size_layout_row"
793
+ },
794
+ {
795
+ "description": "Sets the font style in cells",
796
+ "name": "--zg-cell-font-style"
797
+ },
798
+ {
799
+ "description": "Sets the font style in cells in 'row' layout-mode",
800
+ "name": "--zg-cell-font-style_layout_row"
801
+ },
802
+ {
803
+ "description": "Sets the font weight in cells",
804
+ "name": "--zg-cell-font-weight"
805
+ },
806
+ {
807
+ "description": "Sets the font weight in cells in 'row' layout-mode",
808
+ "name": "--zg-cell-font-weight_layout_row"
809
+ },
810
+ {
811
+ "description": "Sets height of cells",
812
+ "name": "--zg-cell-height"
813
+ },
814
+ {
815
+ "description": "Sets height of cells in 'row' layout-mode",
816
+ "name": "--zg-cell-height_layout_row"
817
+ },
818
+ {
819
+ "description": "Sets line height of cells",
820
+ "name": "--zg-cell-line-height"
821
+ },
822
+ {
823
+ "description": "Sets line height of cells in 'row' layout-mode",
824
+ "name": "--zg-cell-line-height_layout_row"
825
+ },
826
+ {
827
+ "description": "Sets padding of cells",
828
+ "name": "--zg-cell-padding"
829
+ },
830
+ {
831
+ "description": "Sets padding of cells in 'row' layout-mode",
832
+ "name": "--zg-cell-padding_layout_row"
833
+ },
834
+ {
835
+ "description": "Sets the transition of cells",
836
+ "name": "--zg-cell-transition"
837
+ },
838
+ {
839
+ "description": "Sets the transition of cells in 'row' layout-mode",
840
+ "name": "--zg-cell-transition_layout_row"
841
+ },
842
+ {
843
+ "description": "Sets vertical alignment of items in cells",
844
+ "name": "--zg-cell-vertical-align"
845
+ },
846
+ {
847
+ "description": "Sets vertical alignment of items in cells in 'row' layout-mode",
848
+ "name": "--zg-cell-vertical-align_layout_row"
849
+ },
850
+ {
851
+ "description": "Styles the background of cells in sorted column",
852
+ "name": "--zg-cell-background_sorted"
853
+ },
854
+ {
855
+ "description": "Styles the background of cells in sorted column in 'row' layout-mode",
856
+ "name": "--zg-cell-background_layout_row_sorted"
857
+ },
858
+ {
859
+ "description": "Sets the font color of cells in sorted column",
860
+ "name": "--zg-cell-color_sorted"
861
+ },
862
+ {
863
+ "description": "Sets the font color of cells in sorted column in 'row' layout-mode",
864
+ "name": "--zg-cell-color_layout_row_sorted"
865
+ },
866
+ {
867
+ "description": "Sets font color of label in cards in 'card' layout-mode",
868
+ "name": "--zg-cell-label-color_layout_card"
869
+ },
870
+ {
871
+ "description": "Sets the display of label in cards in 'card' layout-mode",
872
+ "name": "--zg-cell-label-display_layout_card"
873
+ },
874
+ {
875
+ "description": "Sets font size of label in cards in 'card' layout-mode",
876
+ "name": "--zg-cell-label-font-size_layout_card"
877
+ },
878
+ {
879
+ "description": "Sets the margin of label in cards in 'card' layout-mode",
880
+ "name": "--zg-cell-label-margin_layout_card"
881
+ },
882
+ {
883
+ "description": "Sets the overflow of label in cards in 'card' layout-mode",
884
+ "name": "--zg-cell-label-overflow_layout_card"
885
+ },
886
+ {
887
+ "description": "Sets transform of label in cards in 'card' layout-mode",
888
+ "name": "--zg-cell-label-transform_layout_card"
889
+ },
890
+ {
891
+ "description": "Sets font weight of label in cards in 'card' layout-mode",
892
+ "name": "--zg-cell-label-font-weight_layout_card"
893
+ },
894
+ {
895
+ "description": "Styles the border of card items in 'card' layout-mode",
896
+ "name": "--zg-cell-content-border_layout_card"
897
+ },
898
+ {
899
+ "description": "Styles the bottom border of card items in 'card' layout-mode",
900
+ "name": "--zg-cell-content-border-bottom_layout_card"
901
+ },
902
+ {
903
+ "description": "Styles the left border of card items in 'card' layout-mode",
904
+ "name": "--zg-cell-content-border-left_layout_card"
905
+ },
906
+ {
907
+ "description": "Styles the right border of card items in 'card' layout-mode",
908
+ "name": "--zg-cell-content-border-right_layout_card"
909
+ },
910
+ {
911
+ "description": "Styles the top border of card items in 'card' layout-mode",
912
+ "name": "--zg-cell-content-border-top_layout_card"
913
+ },
914
+ {
915
+ "description": "Sets the font size of cards in 'card' layout-mode",
916
+ "name": "--zg-cell-content-font-size_layout_card"
899
917
  },
900
918
  {
901
919
  "description": "Sets the padding of cards in 'card' layout-mode",
902
- "name": "--zg-cell-padding_layout_card"
920
+ "name": "--zg-cell-content-padding_layout_card"
903
921
  },
904
922
  {
905
- "description": "Sets the transition of cards in 'card' layout-mode",
906
- "name": "--zg-cell-transition_layout_card"
923
+ "description": "Styles the background of cells on hover",
924
+ "name": "--zg-cell-background_hover"
907
925
  },
908
926
  {
909
- "description": "Sets the word break of items in cards in 'card' layout-mode",
910
- "name": "--zg-cell-word-break_layout_card"
927
+ "description": "Styles the background of cells in 'row' layout-mode on hover",
928
+ "name": "--zg-cell-background_hover_layout_row"
929
+ },
930
+ {
931
+ "description": "Styles font color of cells on hover",
932
+ "name": "--zg-cell-color_hover"
933
+ },
934
+ {
935
+ "description": "Styles font color of cells in 'row' layout-mode on hover",
936
+ "name": "--zg-cell-color_hover_layout_row"
911
937
  }
912
938
  ],
913
- "tagName": "zg-card",
939
+ "tagName": "zg-cell",
914
940
  "customElement": true
915
941
  }
916
942
  ],
917
943
  "exports": [
918
944
  {
919
945
  "kind": "js",
920
- "name": "ZGCard",
946
+ "name": "ZGCell",
921
947
  "declaration": {
922
- "name": "ZGCard",
948
+ "name": "ZGCell",
923
949
  "module": "dist/zinggrid.min.js"
924
950
  }
925
951
  }
@@ -931,236 +957,284 @@
931
957
  "declarations": [
932
958
  {
933
959
  "kind": "class",
934
- "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.",
935
- "name": "ZGCell",
960
+ "description": "A caption can be manually inserted inside the `<zing-grid>` tag as slotted content or automatically\ninserted when the `caption` is enabled. `<zg-caption>` is stylable via CSS.",
961
+ "name": "ZGCaption",
936
962
  "cssProperties": [
937
963
  {
938
- "description": "Styles the background of cells",
939
- "name": "--zg-cell-background"
964
+ "description": "Styles the background of caption",
965
+ "name": "--zg-caption-background"
940
966
  },
941
967
  {
942
- "description": "Styles the background of cells in 'row' layout-mode",
943
- "name": "--zg-cell-background_layout_row"
968
+ "description": "Styles the border of caption",
969
+ "name": "--zg-caption-border"
944
970
  },
945
971
  {
946
- "description": "Styles the border of cells",
947
- "name": "--zg-cell-border"
972
+ "description": "Styles the bottom border of caption",
973
+ "name": "--zg-caption-border-bottom"
948
974
  },
949
975
  {
950
- "description": "Styles the bottom border of cells",
951
- "name": "--zg-cell-border-bottom"
976
+ "description": "Styles the left border of caption",
977
+ "name": "--zg-caption-border-left"
952
978
  },
953
979
  {
954
- "description": "Styles the border of cells in 'row' layout-mode",
955
- "name": "--zg-cell-border_layout_row"
980
+ "description": "Styles the right border of caption",
981
+ "name": "--zg-caption-border-right"
956
982
  },
957
983
  {
958
- "description": "Styles the bottom border of cells in 'row' layout-mode",
959
- "name": "--zg-cell-border-bottom_layout_row"
984
+ "description": "Styles the top border of caption",
985
+ "name": "--zg-caption-border-top"
960
986
  },
961
987
  {
962
- "description": "Styles the left border of cells",
963
- "name": "--zg-cell-border-left"
988
+ "description": "Applies a border-radius to the caption",
989
+ "name": "--zg-caption-border-radius"
964
990
  },
965
991
  {
966
- "description": "Styles the left border of cells in 'row' layout-mode",
967
- "name": "--zg-cell-border-left_layout_row"
992
+ "description": "Applies a top-left border-radius to the caption",
993
+ "name": "--zg-caption-border-top-left-radius"
968
994
  },
969
995
  {
970
- "description": "Styles the right border of cells",
971
- "name": "--zg-cell-border-right"
996
+ "description": "Applies a top-right border-radius to the caption",
997
+ "name": "--zg-caption-border-top-right-radius"
972
998
  },
973
999
  {
974
- "description": "Styles the right border of cells in 'row' layout-mode",
975
- "name": "--zg-cell-border-right_layout_row"
1000
+ "description": "Applies a bottom-left border-radius to the caption",
1001
+ "name": "--zg-caption-border-bottom-left-radius"
976
1002
  },
977
1003
  {
978
- "description": "Styles the top border of cells",
979
- "name": "--zg-cell-border-top"
1004
+ "description": "Applies a bottom-right border-radius to the caption",
1005
+ "name": "--zg-caption-border-bottom-right-radius"
980
1006
  },
981
1007
  {
982
- "description": "Styles the top border of cells in 'row' layout-mode",
983
- "name": "--zg-cell-border-top_layout_row"
1008
+ "description": "Applies a box shadow behind caption",
1009
+ "name": "--zg-caption-box-shadow"
984
1010
  },
985
1011
  {
986
- "description": "Styles font color of text in cells",
987
- "name": "--zg-cell-color"
1012
+ "description": "Sets the font color of caption",
1013
+ "name": "--zg-caption-color"
988
1014
  },
989
1015
  {
990
- "description": "Styles font color of text in cells in 'row' layout-mode",
991
- "name": "--zg-cell-color_layout_row"
1016
+ "description": "Sets the font family of caption",
1017
+ "name": "--zg-caption-font-family"
992
1018
  },
993
1019
  {
994
- "description": "Sets the font family in cells",
995
- "name": "--zg-cell-font-family"
1020
+ "description": "Sets the font size of caption",
1021
+ "name": "--zg-caption-font-size"
996
1022
  },
997
1023
  {
998
- "description": "Sets the font family in cells in 'row' layout-mode",
999
- "name": "--zg-cell-font-family_layout_row"
1024
+ "description": "Sets the font style of caption",
1025
+ "name": "--zg-caption-font-style"
1000
1026
  },
1001
1027
  {
1002
- "description": "Sets the font size in cells",
1003
- "name": "--zg-cell-font-size"
1028
+ "description": "Sets the font weight of caption",
1029
+ "name": "--zg-caption-font-weight"
1004
1030
  },
1005
1031
  {
1006
- "description": "Sets the font size in cells in 'row' layout-mode",
1007
- "name": "--zg-cell-font-size_layout_row"
1032
+ "description": "Sets the margin of caption",
1033
+ "name": "--zg-caption-margin"
1008
1034
  },
1009
1035
  {
1010
- "description": "Sets the font style in cells",
1011
- "name": "--zg-cell-font-style"
1036
+ "description": "Sets the opacity of caption",
1037
+ "name": "--zg-caption-opacity"
1012
1038
  },
1013
1039
  {
1014
- "description": "Sets the font style in cells in 'row' layout-mode",
1015
- "name": "--zg-cell-font-style_layout_row"
1040
+ "description": "Sets the padding of caption",
1041
+ "name": "--zg-caption-padding"
1042
+ },
1043
+ {
1044
+ "description": "Sets the transition of caption",
1045
+ "name": "--zg-caption-transition"
1046
+ },
1047
+ {
1048
+ "description": "Sets the vertical alignment of items (title and toolbar) in caption",
1049
+ "name": "--zg-caption-align-items"
1016
1050
  },
1017
1051
  {
1018
- "description": "Sets the font weight in cells",
1019
- "name": "--zg-cell-font-weight"
1052
+ "description": "Sets the flex direction of items (title and toolbar) in caption",
1053
+ "name": "--zg-caption-flex-direction"
1020
1054
  },
1021
1055
  {
1022
- "description": "Sets the font weight in cells in 'row' layout-mode",
1023
- "name": "--zg-cell-font-weight_layout_row"
1056
+ "description": "Sets the height of caption",
1057
+ "name": "--zg-caption-height"
1024
1058
  },
1025
1059
  {
1026
- "description": "Sets height of cells",
1027
- "name": "--zg-cell-height"
1060
+ "description": "Sets vertical alignment of items in caption title",
1061
+ "name": "--zg-caption-title-align-self"
1028
1062
  },
1029
1063
  {
1030
- "description": "Sets height of cells in 'row' layout-mode",
1031
- "name": "--zg-cell-height_layout_row"
1064
+ "description": "Sets how items are flexed in caption title",
1065
+ "name": "--zg-caption-title-flex"
1032
1066
  },
1033
1067
  {
1034
- "description": "Sets line height of cells",
1035
- "name": "--zg-cell-line-height"
1068
+ "description": "Sets the font-family of caption title",
1069
+ "name": "--zg-caption-title-font-family"
1036
1070
  },
1037
1071
  {
1038
- "description": "Sets line height of cells in 'row' layout-mode",
1039
- "name": "--zg-cell-line-height_layout_row"
1072
+ "description": "Sets the font size of caption title",
1073
+ "name": "--zg-caption-title-font-size"
1040
1074
  },
1041
1075
  {
1042
- "description": "Sets padding of cells",
1043
- "name": "--zg-cell-padding"
1076
+ "description": "Sets the font style of caption title",
1077
+ "name": "--zg-caption-title-font-style"
1044
1078
  },
1045
1079
  {
1046
- "description": "Sets padding of cells in 'row' layout-mode",
1047
- "name": "--zg-cell-padding_layout_row"
1080
+ "description": "Sets the font weight of caption title",
1081
+ "name": "--zg-caption-title-font-weight"
1048
1082
  },
1049
1083
  {
1050
- "description": "Sets the transition of cells",
1051
- "name": "--zg-cell-transition"
1084
+ "description": "Sets the margin of caption title",
1085
+ "name": "--zg-caption-title-margin"
1052
1086
  },
1053
1087
  {
1054
- "description": "Sets the transition of cells in 'row' layout-mode",
1055
- "name": "--zg-cell-transition_layout_row"
1088
+ "description": "Sets the padding of caption title",
1089
+ "name": "--zg-caption-title-padding"
1056
1090
  },
1057
1091
  {
1058
- "description": "Sets vertical alignment of items in cells",
1059
- "name": "--zg-cell-vertical-align"
1092
+ "description": "Sets the order of caption title with respect to caption toolbar",
1093
+ "name": "--zg-caption-title-order"
1060
1094
  },
1061
1095
  {
1062
- "description": "Sets vertical alignment of items in cells in 'row' layout-mode",
1063
- "name": "--zg-cell-vertical-align_layout_row"
1096
+ "description": "Sets the text alignment of caption title",
1097
+ "name": "--zg-caption-title-text-align"
1064
1098
  },
1065
1099
  {
1066
- "description": "Styles the background of cells in sorted column",
1067
- "name": "--zg-cell-background_sorted"
1100
+ "description": "Sets the transform of caption title",
1101
+ "name": "--zg-caption-title-transform"
1068
1102
  },
1069
1103
  {
1070
- "description": "Styles the background of cells in sorted column in 'row' layout-mode",
1071
- "name": "--zg-cell-background_layout_row_sorted"
1104
+ "description": "Sets the width of caption title",
1105
+ "name": "--zg-caption-title-width"
1072
1106
  },
1073
1107
  {
1074
- "description": "Sets the font color of cells in sorted column",
1075
- "name": "--zg-cell-color_sorted"
1108
+ "description": "Sets vertical alignment of items in caption toolbar",
1109
+ "name": "--zg-caption-toolbar-align-self"
1076
1110
  },
1077
1111
  {
1078
- "description": "Sets the font color of cells in sorted column in 'row' layout-mode",
1079
- "name": "--zg-cell-color_layout_row_sorted"
1112
+ "description": "Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.",
1113
+ "name": "--zg-caption-toolbar-bottom"
1080
1114
  },
1081
1115
  {
1082
- "description": "Sets font color of label in cards in 'card' layout-mode",
1083
- "name": "--zg-cell-label-color_layout_card"
1116
+ "description": "Sets the horizontal alignment of contents in caption toolbar",
1117
+ "name": "--zg-caption-toolbar-justify-content"
1084
1118
  },
1085
1119
  {
1086
- "description": "Sets the display of label in cards in 'card' layout-mode",
1087
- "name": "--zg-cell-label-display_layout_card"
1120
+ "description": "Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.",
1121
+ "name": "--zg-caption-toolbar-left"
1088
1122
  },
1089
1123
  {
1090
- "description": "Sets font size of label in cards in 'card' layout-mode",
1091
- "name": "--zg-cell-label-font-size_layout_card"
1124
+ "description": "Sets the margin of caption toolbar",
1125
+ "name": "--zg-caption-toolbar-margin"
1092
1126
  },
1093
1127
  {
1094
- "description": "Sets the margin of label in cards in 'card' layout-mode",
1095
- "name": "--zg-cell-label-margin_layout_card"
1128
+ "description": "Sets the position of caption toolbar",
1129
+ "name": "--zg-caption-toolbar-position"
1096
1130
  },
1097
1131
  {
1098
- "description": "Sets the overflow of label in cards in 'card' layout-mode",
1099
- "name": "--zg-cell-label-overflow_layout_card"
1132
+ "description": "Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.",
1133
+ "name": "--zg-caption-toolbar-right"
1100
1134
  },
1101
1135
  {
1102
- "description": "Sets transform of label in cards in 'card' layout-mode",
1103
- "name": "--zg-cell-label-transform_layout_card"
1136
+ "description": "Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.",
1137
+ "name": "--zg-caption-toolbar-top"
1104
1138
  },
1105
1139
  {
1106
- "description": "Sets font weight of label in cards in 'card' layout-mode",
1107
- "name": "--zg-cell-label-font-weight_layout_card"
1140
+ "description": "Sets the transform of caption toolbar",
1141
+ "name": "--zg-caption-toolbar-transform"
1108
1142
  },
1109
1143
  {
1110
- "description": "Styles the border of card items in 'card' layout-mode",
1111
- "name": "--zg-cell-content-border_layout_card"
1144
+ "description": "Sets the width of caption toolbar",
1145
+ "name": "--zg-caption-toolbar-width"
1112
1146
  },
1113
1147
  {
1114
- "description": "Styles the bottom border of card items in 'card' layout-mode",
1115
- "name": "--zg-cell-content-border-bottom_layout_card"
1148
+ "description": "Styles the background of button in caption",
1149
+ "name": "--zg-caption-button-background"
1116
1150
  },
1117
1151
  {
1118
- "description": "Styles the left border of card items in 'card' layout-mode",
1119
- "name": "--zg-cell-content-border-left_layout_card"
1152
+ "description": "Styles the background of button in caption when the button is in a `focus` state",
1153
+ "name": "--zg-caption-button-background_focus"
1120
1154
  },
1121
1155
  {
1122
- "description": "Styles the right border of card items in 'card' layout-mode",
1123
- "name": "--zg-cell-content-border-right_layout_card"
1156
+ "description": "Styles the background of button in caption when the button is in a `hover` state",
1157
+ "name": "--zg-caption-button-background_hover"
1124
1158
  },
1125
1159
  {
1126
- "description": "Styles the top border of card items in 'card' layout-mode",
1127
- "name": "--zg-cell-content-border-top_layout_card"
1160
+ "description": "Styles the background of button in caption when the button is in an `active` state",
1161
+ "name": "--zg-caption-button-background_active"
1162
+ }
1163
+ ],
1164
+ "tagName": "zg-caption",
1165
+ "customElement": true,
1166
+ "attributes": [
1167
+ {
1168
+ "type": {
1169
+ "text": "\"start\" | \"left\" | \"right\" | \"center\""
1170
+ },
1171
+ "description": "The alignment of the default content in the caption",
1172
+ "name": "align"
1128
1173
  },
1129
1174
  {
1130
- "description": "Sets the font size of cards in 'card' layout-mode",
1131
- "name": "--zg-cell-content-font-size_layout_card"
1175
+ "type": {
1176
+ "text": "\"top\" | \"bottom\" | \"both\""
1177
+ },
1178
+ "description": "Indicates whether to attach the caption to the top or the bottom of the grid",
1179
+ "name": "position"
1180
+ }
1181
+ ],
1182
+ "cssParts": [
1183
+ {
1184
+ "description": "Caption container",
1185
+ "name": "caption"
1132
1186
  },
1133
1187
  {
1134
- "description": "Sets the padding of cards in 'card' layout-mode",
1135
- "name": "--zg-cell-content-padding_layout_card"
1188
+ "description": "The title container",
1189
+ "name": "title"
1136
1190
  },
1137
1191
  {
1138
- "description": "Styles the background of cells on hover",
1139
- "name": "--zg-cell-background_hover"
1192
+ "description": "The toolbar container",
1193
+ "name": "toolbar"
1194
+ }
1195
+ ],
1196
+ "members": [
1197
+ {
1198
+ "kind": "field",
1199
+ "name": "align",
1200
+ "type": {
1201
+ "text": "\"start\" | \"left\" | \"right\" | \"center\""
1202
+ },
1203
+ "description": "The alignment of the default content in the caption",
1204
+ "attribute": "align"
1140
1205
  },
1141
1206
  {
1142
- "description": "Styles the background of cells in 'row' layout-mode on hover",
1143
- "name": "--zg-cell-background_hover_layout_row"
1207
+ "kind": "field",
1208
+ "name": "position",
1209
+ "type": {
1210
+ "text": "\"top\" | \"bottom\" | \"both\""
1211
+ },
1212
+ "description": "Indicates whether to attach the caption to the top or the bottom of the grid",
1213
+ "attribute": "position"
1214
+ }
1215
+ ],
1216
+ "slots": [
1217
+ {
1218
+ "description": "Caption title.",
1219
+ "name": ""
1144
1220
  },
1145
1221
  {
1146
- "description": "Styles font color of cells on hover",
1147
- "name": "--zg-cell-color_hover"
1222
+ "description": "Caption title. Use when using a feature that enables caption toolbar ([contextMenu], [search], [staticMenu]).",
1223
+ "name": "message"
1148
1224
  },
1149
1225
  {
1150
- "description": "Styles font color of cells in 'row' layout-mode on hover",
1151
- "name": "--zg-cell-color_hover_layout_row"
1226
+ "description": "Caption toolbar, which is added to the rightmost of caption by default.",
1227
+ "name": "tool"
1152
1228
  }
1153
- ],
1154
- "tagName": "zg-cell",
1155
- "customElement": true
1229
+ ]
1156
1230
  }
1157
1231
  ],
1158
1232
  "exports": [
1159
1233
  {
1160
1234
  "kind": "js",
1161
- "name": "ZGCell",
1235
+ "name": "ZGCaption",
1162
1236
  "declaration": {
1163
- "name": "ZGCell",
1237
+ "name": "ZGCaption",
1164
1238
  "module": "dist/zinggrid.min.js"
1165
1239
  }
1166
1240
  }
@@ -1362,7 +1436,7 @@
1362
1436
  },
1363
1437
  {
1364
1438
  "type": {
1365
- "text": "boolean | string"
1439
+ "text": "\"disabled\""
1366
1440
  },
1367
1441
  "description": "Presence of attribute forces a border on the button. Setting to `disabled` removes the default border.",
1368
1442
  "name": "button-border"
@@ -1397,7 +1471,7 @@
1397
1471
  },
1398
1472
  {
1399
1473
  "type": {
1400
- "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"up\" | \"warning\" | "
1474
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"up\" | \"warning\""
1401
1475
  },
1402
1476
  "description": "Sets the icon to display on the info column type",
1403
1477
  "name": "cell-tooltip-icon"
@@ -1495,14 +1569,14 @@
1495
1569
  },
1496
1570
  {
1497
1571
  "type": {
1498
- "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean | string | boolean"
1572
+ "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean | string"
1499
1573
  },
1500
1574
  "description": "Whether the filter is enabled for the column",
1501
1575
  "name": "filter"
1502
1576
  },
1503
1577
  {
1504
1578
  "type": {
1505
- "text": "string | array"
1579
+ "text": "\"reset\" | \"close\" | \"apply\" | string"
1506
1580
  },
1507
1581
  "description": "Comma separated list of buttons to display on the filter menu",
1508
1582
  "name": "filter-buttons"
@@ -1607,14 +1681,14 @@
1607
1681
  },
1608
1682
  {
1609
1683
  "type": {
1610
- "text": "string"
1684
+ "text": "\"sum\" | \"avg\" | \"max\" | \"min\" | \"count\" | string"
1611
1685
  },
1612
1686
  "description": "The aggregate function to evaluate for the head cell of the column in a grouped row.",
1613
1687
  "name": "group-head-cell"
1614
1688
  },
1615
1689
  {
1616
1690
  "type": {
1617
- "text": "string"
1691
+ "text": "\"sum\" | \"avg\" | \"max\" | \"min\" | \"count\" | string"
1618
1692
  },
1619
1693
  "description": "The aggregate function to evaluate for the head cell of the column.",
1620
1694
  "name": "head-cell"
@@ -1628,7 +1702,7 @@
1628
1702
  },
1629
1703
  {
1630
1704
  "type": {
1631
- "text": "string"
1705
+ "text": "\"disabled\" | string"
1632
1706
  },
1633
1707
  "description": "By default, header will convert camel, dash, and kebab case to properly spaced and capitalized typography. Set to `disabled` to turn off formatting of header.",
1634
1708
  "name": "header-auto-format"
@@ -1642,7 +1716,7 @@
1642
1716
  },
1643
1717
  {
1644
1718
  "type": {
1645
- "text": "string"
1719
+ "text": "\"left\" | \"right\" | \"after-text\""
1646
1720
  },
1647
1721
  "description": "Sets the header icon position in the header cells",
1648
1722
  "name": "header-icon-position"
@@ -1852,7 +1926,7 @@
1852
1926
  },
1853
1927
  {
1854
1928
  "type": {
1855
- "text": "\"aggregate\" | \"boolean\" | \"button\" | \"checkbox\" | \"color\" | \"currency\" | \"custom\" | \"date\" | \"duplicate\" | \"editor\" | \"element\" | \"email\" | \"emoji\" | \"icon\" | \"image\" | \"iframe\" | \"number\" | \"password\" | \"percentage\" | \"radio\" | \"range\" | \"remover\" | \"row-group\" | \"row-number\" | \"select\" | \"selector\" | \"tel\" | \"text\" | \"toggle\" | \"url\""
1929
+ "text": "\"aggregate\" | \"boolean\" | \"button\" | \"checkbox\" | \"color\" | \"currency\" | \"custom\" | \"date\" | \"duplicate\" | \"editor\" | \"element\" | \"email\" | \"emoji\" | \"icon\" | \"image\" | \"iframe\" | \"number\" | \"password\" | \"percentage\" | \"radio\" | \"range\" | \"remover\" | \"row-details\" | \"row-group\" | \"row-number\" | \"select\" | \"selector\" | \"tel\" | \"text\" | \"toggle\" | \"url\""
1856
1930
  },
1857
1931
  "description": "The type of the data stored in the column. The column renderer/editor will behave based on the column type.",
1858
1932
  "name": "type"
@@ -1929,14 +2003,14 @@
1929
2003
  },
1930
2004
  {
1931
2005
  "type": {
1932
- "text": "boolean"
2006
+ "text": "\"disabled\""
1933
2007
  },
1934
2008
  "description": "Sets the color mode to configure the color picker. Choose between HSL, RGBA, and the default Hex",
1935
2009
  "name": "type-color-preview"
1936
2010
  },
1937
2011
  {
1938
2012
  "type": {
1939
- "text": "string"
2013
+ "text": "\"\""
1940
2014
  },
1941
2015
  "description": "By default, spaces are added into the color when in RGB or HSL mode. Turn the spaces off by setting to `disabled`",
1942
2016
  "name": "type-color-spaces"
@@ -1999,7 +2073,7 @@
1999
2073
  },
2000
2074
  {
2001
2075
  "type": {
2002
- "text": "string"
2076
+ "text": "\"square\""
2003
2077
  },
2004
2078
  "description": "Sets a `square` ratio instead of the default `16:9`",
2005
2079
  "name": "type-iframe-ratio"
@@ -2013,7 +2087,7 @@
2013
2087
  },
2014
2088
  {
2015
2089
  "type": {
2016
- "text": "string"
2090
+ "text": "\"circle\""
2017
2091
  },
2018
2092
  "description": "The alternative shape to mask the image",
2019
2093
  "name": "type-image-mask"
@@ -2111,7 +2185,7 @@
2111
2185
  },
2112
2186
  {
2113
2187
  "type": {
2114
- "text": "string | array"
2188
+ "text": "array | string"
2115
2189
  },
2116
2190
  "description": "The comma separated list of strings for the select box. Used with the `select` column type.",
2117
2191
  "name": "type-select-options"
@@ -2234,7 +2308,7 @@
2234
2308
  "kind": "field",
2235
2309
  "name": "buttonBorder",
2236
2310
  "type": {
2237
- "text": "boolean | string"
2311
+ "text": "\"disabled\""
2238
2312
  },
2239
2313
  "description": "Presence of attribute forces a border on the button. Setting to `disabled` removes the default border.",
2240
2314
  "attribute": "buttonBorder"
@@ -2279,7 +2353,7 @@
2279
2353
  "kind": "field",
2280
2354
  "name": "cellTooltipIcon",
2281
2355
  "type": {
2282
- "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"up\" | \"warning\" | "
2356
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"up\" | \"warning\""
2283
2357
  },
2284
2358
  "description": "Sets the icon to display on the info column type",
2285
2359
  "attribute": "cellTooltipIcon"
@@ -2405,7 +2479,7 @@
2405
2479
  "kind": "field",
2406
2480
  "name": "filter",
2407
2481
  "type": {
2408
- "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean | string | boolean"
2482
+ "text": "\"menu\" | \"inline\" | \"both\" | \"disabled\" | boolean | string"
2409
2483
  },
2410
2484
  "description": "Whether the filter is enabled for the column",
2411
2485
  "attribute": "filter"
@@ -2414,7 +2488,7 @@
2414
2488
  "kind": "field",
2415
2489
  "name": "filterButtons",
2416
2490
  "type": {
2417
- "text": "string | array"
2491
+ "text": "\"reset\" | \"close\" | \"apply\" | string"
2418
2492
  },
2419
2493
  "description": "Comma separated list of buttons to display on the filter menu",
2420
2494
  "attribute": "filterButtons"
@@ -2549,7 +2623,7 @@
2549
2623
  "kind": "field",
2550
2624
  "name": "groupHeadCell",
2551
2625
  "type": {
2552
- "text": "string"
2626
+ "text": "\"sum\" | \"avg\" | \"max\" | \"min\" | \"count\" | string"
2553
2627
  },
2554
2628
  "description": "The aggregate function to evaluate for the head cell of the column in a grouped row.",
2555
2629
  "attribute": "groupHeadCell"
@@ -2558,7 +2632,7 @@
2558
2632
  "kind": "field",
2559
2633
  "name": "headCell",
2560
2634
  "type": {
2561
- "text": "string"
2635
+ "text": "\"sum\" | \"avg\" | \"max\" | \"min\" | \"count\" | string"
2562
2636
  },
2563
2637
  "description": "The aggregate function to evaluate for the head cell of the column.",
2564
2638
  "attribute": "headCell"
@@ -2576,7 +2650,7 @@
2576
2650
  "kind": "field",
2577
2651
  "name": "headerAutoFormat",
2578
2652
  "type": {
2579
- "text": "string"
2653
+ "text": "\"disabled\" | string"
2580
2654
  },
2581
2655
  "description": "By default, header will convert camel, dash, and kebab case to properly spaced and capitalized typography. Set to `disabled` to turn off formatting of header.",
2582
2656
  "attribute": "headerAutoFormat"
@@ -2594,7 +2668,7 @@
2594
2668
  "kind": "field",
2595
2669
  "name": "headerIconPosition",
2596
2670
  "type": {
2597
- "text": "string"
2671
+ "text": "\"left\" | \"right\" | \"after-text\""
2598
2672
  },
2599
2673
  "description": "Sets the header icon position in the header cells",
2600
2674
  "attribute": "headerIconPosition"
@@ -2864,7 +2938,7 @@
2864
2938
  "kind": "field",
2865
2939
  "name": "type",
2866
2940
  "type": {
2867
- "text": "\"aggregate\" | \"boolean\" | \"button\" | \"checkbox\" | \"color\" | \"currency\" | \"custom\" | \"date\" | \"duplicate\" | \"editor\" | \"element\" | \"email\" | \"emoji\" | \"icon\" | \"image\" | \"iframe\" | \"number\" | \"password\" | \"percentage\" | \"radio\" | \"range\" | \"remover\" | \"row-group\" | \"row-number\" | \"select\" | \"selector\" | \"tel\" | \"text\" | \"toggle\" | \"url\""
2941
+ "text": "\"aggregate\" | \"boolean\" | \"button\" | \"checkbox\" | \"color\" | \"currency\" | \"custom\" | \"date\" | \"duplicate\" | \"editor\" | \"element\" | \"email\" | \"emoji\" | \"icon\" | \"image\" | \"iframe\" | \"number\" | \"password\" | \"percentage\" | \"radio\" | \"range\" | \"remover\" | \"row-details\" | \"row-group\" | \"row-number\" | \"select\" | \"selector\" | \"tel\" | \"text\" | \"toggle\" | \"url\""
2868
2942
  },
2869
2943
  "description": "The type of the data stored in the column. The column renderer/editor will behave based on the column type.",
2870
2944
  "attribute": "type"
@@ -2963,7 +3037,7 @@
2963
3037
  "kind": "field",
2964
3038
  "name": "typeColorPreview",
2965
3039
  "type": {
2966
- "text": "boolean"
3040
+ "text": "\"disabled\""
2967
3041
  },
2968
3042
  "description": "Sets the color mode to configure the color picker. Choose between HSL, RGBA, and the default Hex",
2969
3043
  "attribute": "typeColorPreview"
@@ -2972,7 +3046,7 @@
2972
3046
  "kind": "field",
2973
3047
  "name": "typeColorSpaces",
2974
3048
  "type": {
2975
- "text": "string"
3049
+ "text": "\"\""
2976
3050
  },
2977
3051
  "description": "By default, spaces are added into the color when in RGB or HSL mode. Turn the spaces off by setting to `disabled`",
2978
3052
  "attribute": "typeColorSpaces"
@@ -3053,7 +3127,7 @@
3053
3127
  "kind": "field",
3054
3128
  "name": "typeIframeRatio",
3055
3129
  "type": {
3056
- "text": "string"
3130
+ "text": "\"square\""
3057
3131
  },
3058
3132
  "description": "Sets a `square` ratio instead of the default `16:9`",
3059
3133
  "attribute": "typeIframeRatio"
@@ -3071,7 +3145,7 @@
3071
3145
  "kind": "field",
3072
3146
  "name": "typeImageMask",
3073
3147
  "type": {
3074
- "text": "string"
3148
+ "text": "\"circle\""
3075
3149
  },
3076
3150
  "description": "The alternative shape to mask the image",
3077
3151
  "attribute": "typeImageMask"
@@ -3197,7 +3271,7 @@
3197
3271
  "kind": "field",
3198
3272
  "name": "typeSelectOptions",
3199
3273
  "type": {
3200
- "text": "string | array"
3274
+ "text": "array | string"
3201
3275
  },
3202
3276
  "description": "The comma separated list of strings for the select box. Used with the `select` column type.",
3203
3277
  "attribute": "typeSelectOptions"
@@ -3435,14 +3509,14 @@
3435
3509
  "attributes": [
3436
3510
  {
3437
3511
  "type": {
3438
- "text": "string"
3512
+ "text": "\"firebase\" | \"graphql\" | string"
3439
3513
  },
3440
3514
  "description": "The adapter to automatically set properties for the data. Currently supports `graphql` and `firebase`",
3441
3515
  "name": "adapter"
3442
3516
  },
3443
3517
  {
3444
3518
  "type": {
3445
- "text": "object"
3519
+ "text": "array | object"
3446
3520
  },
3447
3521
  "description": "The actual data for the grid. Accepts arrays, objects, array of objects and array of arrays.",
3448
3522
  "name": "data"
@@ -3476,7 +3550,7 @@
3476
3550
  "kind": "field",
3477
3551
  "name": "adapter",
3478
3552
  "type": {
3479
- "text": "string"
3553
+ "text": "\"firebase\" | \"graphql\" | string"
3480
3554
  },
3481
3555
  "description": "The adapter to automatically set properties for the data. Currently supports `graphql` and `firebase`",
3482
3556
  "attribute": "adapter"
@@ -3485,7 +3559,7 @@
3485
3559
  "kind": "field",
3486
3560
  "name": "data",
3487
3561
  "type": {
3488
- "text": "object"
3562
+ "text": "array | object"
3489
3563
  },
3490
3564
  "description": "The actual data for the grid. Accepts arrays, objects, array of objects and array of arrays.",
3491
3565
  "attribute": "data"
@@ -4007,15 +4081,6 @@
4007
4081
  ],
4008
4082
  "tagName": "zg-filter",
4009
4083
  "customElement": true,
4010
- "attributes": [
4011
- {
4012
- "type": {
4013
- "text": "number"
4014
- },
4015
- "description": "The index of the cell with the filter",
4016
- "name": "cellindex"
4017
- }
4018
- ],
4019
4084
  "cssParts": [
4020
4085
  {
4021
4086
  "description": "Filter container.",
@@ -4025,17 +4090,6 @@
4025
4090
  "description": "Wrapper for the filter field",
4026
4091
  "name": "filter-wrapper"
4027
4092
  }
4028
- ],
4029
- "members": [
4030
- {
4031
- "kind": "field",
4032
- "name": "cellindex",
4033
- "type": {
4034
- "text": "number"
4035
- },
4036
- "description": "The index of the cell with the filter",
4037
- "attribute": "cellindex"
4038
- }
4039
4093
  ]
4040
4094
  }
4041
4095
  ],
@@ -4969,7 +5023,7 @@
4969
5023
  "attributes": [
4970
5024
  {
4971
5025
  "type": {
4972
- "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\" | "
5026
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
4973
5027
  },
4974
5028
  "description": "The name of the icon",
4975
5029
  "name": "name"
@@ -4980,7 +5034,7 @@
4980
5034
  "kind": "field",
4981
5035
  "name": "name",
4982
5036
  "type": {
4983
- "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\" | "
5037
+ "text": "\"batchedit\" | \"batcheditcancel\" | \"batcheditsave\" | \"cancel\" | \"cancelrecord\" | \"checked\" | \"checkmark\" | \"close\" | \"createrecord\" | \"down\" | \"duplicaterecord\" | \"edit\" | \"editrecord\" | \"error\" | \"error-tmp\" | \"filter\" | \"firstpage\" | \"fixedmenu\" | \"info\" | \"lastpage\" | \"layoutcard\" | \"layoutrow\" | \"link\" | \"menu\" | \"nextpage\" | \"outsidearrow\" | \"prevpage\" | \"reload\" | \"remove\" | \"removerecord\" | \"search\" | \"sort\" | \"submitrecord\" | \"success\" | \"unchecked\" | \"undoremoverecord\" | \"up\" | \"warning\""
4984
5038
  },
4985
5039
  "description": "The name of the icon",
4986
5040
  "attribute": "name"
@@ -5128,14 +5182,14 @@
5128
5182
  "attributes": [
5129
5183
  {
5130
5184
  "type": {
5131
- "text": "\"currpage\" | "
5185
+ "text": "\"currpage\""
5132
5186
  },
5133
5187
  "description": "The action of the input. Currently only `currpage` is accepted here.",
5134
5188
  "name": "action"
5135
5189
  },
5136
5190
  {
5137
5191
  "type": {
5138
- "text": "string"
5192
+ "text": "\"button\" | \"checkbox\" | \"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"hidden\" | \"image\" | \"month\" | \"number\" | \"password\" | \"radio\" | \"range\" | \"reset\" | \"search\" | \"submit\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\""
5139
5193
  },
5140
5194
  "description": "The type of the input if not using a built-in action",
5141
5195
  "name": "type"
@@ -5159,7 +5213,7 @@
5159
5213
  "kind": "field",
5160
5214
  "name": "action",
5161
5215
  "type": {
5162
- "text": "\"currpage\" | "
5216
+ "text": "\"currpage\""
5163
5217
  },
5164
5218
  "description": "The action of the input. Currently only `currpage` is accepted here.",
5165
5219
  "attribute": "action"
@@ -5168,7 +5222,7 @@
5168
5222
  "kind": "field",
5169
5223
  "name": "type",
5170
5224
  "type": {
5171
- "text": "string"
5225
+ "text": "\"button\" | \"checkbox\" | \"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"hidden\" | \"image\" | \"month\" | \"number\" | \"password\" | \"radio\" | \"range\" | \"reset\" | \"search\" | \"submit\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\""
5172
5226
  },
5173
5227
  "description": "The type of the input if not using a built-in action",
5174
5228
  "attribute": "type"
@@ -5934,14 +5988,14 @@
5934
5988
  },
5935
5989
  {
5936
5990
  "type": {
5937
- "text": "\"button-text\" | \"button-arrows\" | "
5991
+ "text": "\"button-text\" | \"button-arrows\""
5938
5992
  },
5939
5993
  "description": "Determines which type of pagination to use, input or buttons",
5940
5994
  "name": "pager-type"
5941
5995
  },
5942
5996
  {
5943
5997
  "type": {
5944
- "text": "\"top\" | \"bottom\" | "
5998
+ "text": "\"top\" | \"bottom\""
5945
5999
  },
5946
6000
  "description": "Indicates whether to attach the pager to the top or the bottom of the grid",
5947
6001
  "name": "position"
@@ -5990,7 +6044,7 @@
5990
6044
  "kind": "field",
5991
6045
  "name": "pagerType",
5992
6046
  "type": {
5993
- "text": "\"button-text\" | \"button-arrows\" | "
6047
+ "text": "\"button-text\" | \"button-arrows\""
5994
6048
  },
5995
6049
  "description": "Determines which type of pagination to use, input or buttons",
5996
6050
  "attribute": "pagerType"
@@ -6026,7 +6080,7 @@
6026
6080
  "kind": "field",
6027
6081
  "name": "position",
6028
6082
  "type": {
6029
- "text": "\"top\" | \"bottom\" | "
6083
+ "text": "\"top\" | \"bottom\""
6030
6084
  },
6031
6085
  "description": "Indicates whether to attach the pager to the top or the bottom of the grid",
6032
6086
  "attribute": "position"
@@ -6623,7 +6677,7 @@
6623
6677
  "attributes": [
6624
6678
  {
6625
6679
  "type": {
6626
- "text": "\"pagesize\" | "
6680
+ "text": "\"pagesize\""
6627
6681
  },
6628
6682
  "description": "The actions of the select dropdown. The current option is pagesize.",
6629
6683
  "name": "action"
@@ -6666,7 +6720,7 @@
6666
6720
  "kind": "field",
6667
6721
  "name": "action",
6668
6722
  "type": {
6669
- "text": "\"pagesize\" | "
6723
+ "text": "\"pagesize\""
6670
6724
  },
6671
6725
  "description": "The actions of the select dropdown. The current option is pagesize.",
6672
6726
  "attribute": "action"
@@ -7019,7 +7073,7 @@
7019
7073
  "attributes": [
7020
7074
  {
7021
7075
  "type": {
7022
- "text": "\"top\" | \"bottom\" | \"both\" | "
7076
+ "text": "\"top\" | \"bottom\" | \"both\""
7023
7077
  },
7024
7078
  "description": "Indicates where to position the source",
7025
7079
  "name": "position"
@@ -7036,7 +7090,7 @@
7036
7090
  "kind": "field",
7037
7091
  "name": "position",
7038
7092
  "type": {
7039
- "text": "\"top\" | \"bottom\" | \"both\" | "
7093
+ "text": "\"top\" | \"bottom\" | \"both\""
7040
7094
  },
7041
7095
  "description": "Indicates where to position the source",
7042
7096
  "attribute": "position"
@@ -7507,7 +7561,7 @@
7507
7561
  "attributes": [
7508
7562
  {
7509
7563
  "type": {
7510
- "text": "\"sum\" | \"avg\" | \"max\" | \"min\" | \"count\" | string | string"
7564
+ "text": "\"sum\" | \"avg\" | \"max\" | \"min\" | \"count\" | string"
7511
7565
  },
7512
7566
  "description": "Adds an aggregate column with the specifed aggregate value",
7513
7567
  "name": "aggregate"
@@ -7689,7 +7743,7 @@
7689
7743
  },
7690
7744
  {
7691
7745
  "type": {
7692
- "text": "object"
7746
+ "text": "array"
7693
7747
  },
7694
7748
  "description": "Specifies the columns of the grid. More appropriate to use `<zg-column>` in most cases or set the property programmatically.",
7695
7749
  "name": "columns"
@@ -7745,7 +7799,7 @@
7745
7799
  },
7746
7800
  {
7747
7801
  "type": {
7748
- "text": "object"
7802
+ "text": "array | object"
7749
7803
  },
7750
7804
  "description": "The data for the grid",
7751
7805
  "name": "data"
@@ -7766,14 +7820,14 @@
7766
7820
  },
7767
7821
  {
7768
7822
  "type": {
7769
- "text": "string"
7823
+ "text": "\"ltr\" | \"rtl\""
7770
7824
  },
7771
7825
  "description": "HTML standard direction",
7772
7826
  "name": "dir"
7773
7827
  },
7774
7828
  {
7775
7829
  "type": {
7776
- "text": "\"modal\" | boolean"
7830
+ "text": "\"inline\" | \"modal\" | boolean"
7777
7831
  },
7778
7832
  "description": "Enables column editing/sets edit control. Default is double click to edit.",
7779
7833
  "name": "editor"
@@ -7801,7 +7855,7 @@
7801
7855
  },
7802
7856
  {
7803
7857
  "type": {
7804
- "text": "string | array"
7858
+ "text": "\"reset\" | \"close\" | \"apply\" | string"
7805
7859
  },
7806
7860
  "description": "Comma separated list of buttons to display on the filter menu",
7807
7861
  "name": "filter-buttons"
@@ -7927,7 +7981,7 @@
7927
7981
  },
7928
7982
  {
7929
7983
  "type": {
7930
- "text": "string"
7984
+ "text": "\"disabled\" | string"
7931
7985
  },
7932
7986
  "description": "Automatically converts the header's text to proper capitalization and spacing",
7933
7987
  "name": "header-auto-format"
@@ -8067,7 +8121,7 @@
8067
8121
  },
8068
8122
  {
8069
8123
  "type": {
8070
- "text": "string"
8124
+ "text": "\"/\" | \"disabled\" | string"
8071
8125
  },
8072
8126
  "description": "Indicates separator that should be used for nested headers and data paths.",
8073
8127
  "name": "nested-data-separator"
@@ -8125,7 +8179,7 @@
8125
8179
  "type": {
8126
8180
  "text": "\"top\" | \"bottom\""
8127
8181
  },
8128
- "description": "Determines max number of page buttons to display. Default is 5.",
8182
+ "description": "Sets pager controls position",
8129
8183
  "name": "pager-position"
8130
8184
  },
8131
8185
  {
@@ -8221,7 +8275,7 @@
8221
8275
  },
8222
8276
  {
8223
8277
  "type": {
8224
- "text": "string"
8278
+ "text": "\"data\" | \"headers\" | \"all\""
8225
8279
  },
8226
8280
  "description": "If `[rowHeight]` is set, it specifies which rows to apply row height to",
8227
8281
  "name": "row-height-scope"
@@ -8407,7 +8461,7 @@
8407
8461
  "kind": "field",
8408
8462
  "name": "aggregate",
8409
8463
  "type": {
8410
- "text": "\"sum\" | \"avg\" | \"max\" | \"min\" | \"count\" | string | string"
8464
+ "text": "\"sum\" | \"avg\" | \"max\" | \"min\" | \"count\" | string"
8411
8465
  },
8412
8466
  "description": "Adds an aggregate column with the specifed aggregate value",
8413
8467
  "attribute": "aggregate"
@@ -8738,7 +8792,7 @@
8738
8792
  "kind": "field",
8739
8793
  "name": "columns",
8740
8794
  "type": {
8741
- "text": "object"
8795
+ "text": "array"
8742
8796
  },
8743
8797
  "description": "Specifies the columns of the grid. More appropriate to use `<zg-column>` in most cases or set the property programmatically.",
8744
8798
  "attribute": "columns"
@@ -8844,7 +8898,7 @@
8844
8898
  "kind": "field",
8845
8899
  "name": "data",
8846
8900
  "type": {
8847
- "text": "object"
8901
+ "text": "array | object"
8848
8902
  },
8849
8903
  "description": "The data for the grid",
8850
8904
  "attribute": "data"
@@ -8907,7 +8961,7 @@
8907
8961
  "kind": "field",
8908
8962
  "name": "dir",
8909
8963
  "type": {
8910
- "text": "string"
8964
+ "text": "\"ltr\" | \"rtl\""
8911
8965
  },
8912
8966
  "description": "HTML standard direction",
8913
8967
  "attribute": "dir"
@@ -8916,7 +8970,7 @@
8916
8970
  "kind": "field",
8917
8971
  "name": "editor",
8918
8972
  "type": {
8919
- "text": "\"modal\" | boolean"
8973
+ "text": "\"inline\" | \"modal\" | boolean"
8920
8974
  },
8921
8975
  "description": "Enables column editing/sets edit control. Default is double click to edit.",
8922
8976
  "attribute": "editor"
@@ -8970,7 +9024,7 @@
8970
9024
  "kind": "field",
8971
9025
  "name": "filterButtons",
8972
9026
  "type": {
8973
- "text": "string | array"
9027
+ "text": "\"reset\" | \"close\" | \"apply\" | string"
8974
9028
  },
8975
9029
  "description": "Comma separated list of buttons to display on the filter menu",
8976
9030
  "attribute": "filterButtons"
@@ -9932,7 +9986,7 @@
9932
9986
  "kind": "field",
9933
9987
  "name": "headerAutoFormat",
9934
9988
  "type": {
9935
- "text": "string"
9989
+ "text": "\"disabled\" | string"
9936
9990
  },
9937
9991
  "description": "Automatically converts the header's text to proper capitalization and spacing",
9938
9992
  "attribute": "headerAutoFormat"
@@ -10219,7 +10273,7 @@
10219
10273
  "kind": "field",
10220
10274
  "name": "nestedDataSeparator",
10221
10275
  "type": {
10222
- "text": "string"
10276
+ "text": "\"/\" | \"disabled\" | string"
10223
10277
  },
10224
10278
  "description": "Indicates separator that should be used for nested headers and data paths.",
10225
10279
  "attribute": "nestedDataSeparator"
@@ -10280,7 +10334,7 @@
10280
10334
  "type": {
10281
10335
  "text": "\"top\" | \"bottom\""
10282
10336
  },
10283
- "description": "Determines max number of page buttons to display. Default is 5.",
10337
+ "description": "Sets pager controls position",
10284
10338
  "attribute": "pagerPosition"
10285
10339
  },
10286
10340
  {
@@ -10572,7 +10626,7 @@
10572
10626
  "kind": "field",
10573
10627
  "name": "rowHeightScope",
10574
10628
  "type": {
10575
- "text": "string"
10629
+ "text": "\"data\" | \"headers\" | \"all\""
10576
10630
  },
10577
10631
  "description": "If `[rowHeight]` is set, it specifies which rows to apply row height to",
10578
10632
  "attribute": "rowHeightScope"
@@ -10892,7 +10946,7 @@
10892
10946
  "description": "Type of cell-break",
10893
10947
  "name": "type",
10894
10948
  "type": {
10895
- "text": "enum"
10949
+ "text": "\"all\" | \"ellipsis\" | \"normal\" | \"word\""
10896
10950
  }
10897
10951
  }
10898
10952
  ],
@@ -10976,7 +11030,7 @@
10976
11030
  "description": "Type of drag to enable",
10977
11031
  "name": "type",
10978
11032
  "type": {
10979
- "text": "enum"
11033
+ "text": "\"reorder\" | \"hide\" | \"both\""
10980
11034
  }
10981
11035
  }
10982
11036
  ],
@@ -11169,7 +11223,7 @@
11169
11223
  "description": "Type of dir",
11170
11224
  "name": "type",
11171
11225
  "type": {
11172
- "text": "enum"
11226
+ "text": "\"ltr\" | \"rtl\""
11173
11227
  }
11174
11228
  }
11175
11229
  ],
@@ -11379,7 +11433,7 @@
11379
11433
  "description": "Type of gridlines to set on the grid",
11380
11434
  "name": "type",
11381
11435
  "type": {
11382
- "text": "enum"
11436
+ "text": "\"both\" | \"horz\" | \"horizontal\" | \"vert\" | \"vertical\""
11383
11437
  }
11384
11438
  }
11385
11439
  ],
@@ -11548,7 +11602,7 @@
11548
11602
  "description": "Value to indicate the grid layout",
11549
11603
  "name": "type",
11550
11604
  "type": {
11551
- "text": "enum"
11605
+ "text": "\"card\" | \"row\""
11552
11606
  }
11553
11607
  }
11554
11608
  ],
@@ -11989,7 +12043,7 @@
11989
12043
  "description": "Set to 'data', 'headers', or 'all'",
11990
12044
  "name": "scope",
11991
12045
  "type": {
11992
- "text": "enum"
12046
+ "text": "\"data\" | \"headers\" | \"all\""
11993
12047
  }
11994
12048
  }
11995
12049
  ],