zinggrid-cem 1.0.0 → 1.0.1

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 +475 -421
  2. package/package.json +1 -1
@@ -407,7 +407,7 @@
407
407
  "attributes": [
408
408
  {
409
409
  "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\" | "
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\" | \"page\" | \"pastecell\" | \"prevpage\" | \"reload\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"selectall\" | \"selectcell\" | \"selectrow\" | \"sortcolumn\" | \"submitrecord\" | \"about\""
411
411
  },
412
412
  "description": "The action of the button",
413
413
  "name": "action"
@@ -449,7 +449,7 @@
449
449
  },
450
450
  {
451
451
  "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\" | "
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\""
453
453
  },
454
454
  "description": "The icon for the button to enable styling",
455
455
  "name": "icon"
@@ -460,7 +460,7 @@
460
460
  "kind": "field",
461
461
  "name": "action",
462
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\" | \"pastecell\" | \"prevpage\" | \"reload\" | \"removerecord\" | \"undoremoverecord\" | \"search\" | \"selectall\" | \"selectcell\" | \"selectrow\" | \"sortcolumn\" | \"submitrecord\" | \"about\" | "
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
464
  },
465
465
  "description": "The action of the button",
466
466
  "attribute": "action"
@@ -514,7 +514,7 @@
514
514
  "kind": "field",
515
515
  "name": "icon",
516
516
  "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\" | "
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\""
518
518
  },
519
519
  "description": "The icon for the button to enable styling",
520
520
  "attribute": "icon"
@@ -553,373 +553,399 @@
553
553
  "declarations": [
554
554
  {
555
555
  "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",
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
558
  "cssProperties": [
559
559
  {
560
- "description": "Styles the background of caption",
561
- "name": "--zg-caption-background"
560
+ "description": "Styles the background of cards in 'card' layout-mode",
561
+ "name": "--zg-cell-background_layout_card"
562
562
  },
563
563
  {
564
- "description": "Styles the border of caption",
565
- "name": "--zg-caption-border"
564
+ "description": "Styles the border of cards in 'card' layout-mode",
565
+ "name": "--zg-cell-border_layout_card"
566
566
  },
567
567
  {
568
- "description": "Styles the bottom border of caption",
569
- "name": "--zg-caption-border-bottom"
568
+ "description": "Styles the bottom border of cards in 'card' layout-mode",
569
+ "name": "--zg-cell-border-bottom_layout_card"
570
570
  },
571
571
  {
572
- "description": "Styles the left border of caption",
573
- "name": "--zg-caption-border-left"
572
+ "description": "Styles the left border of cards in 'card' layout-mode",
573
+ "name": "--zg-cell-border-left_layout_card"
574
574
  },
575
575
  {
576
- "description": "Styles the right border of caption",
577
- "name": "--zg-caption-border-right"
576
+ "description": "Styles the right border of cards in 'card' layout-mode",
577
+ "name": "--zg-cell-border-right_layout_card"
578
578
  },
579
579
  {
580
- "description": "Styles the top border of caption",
581
- "name": "--zg-caption-border-top"
580
+ "description": "Styles the top border of cards in 'card' layout-mode",
581
+ "name": "--zg-cell-border-top_layout_card"
582
582
  },
583
583
  {
584
- "description": "Applies a border-radius to the caption",
585
- "name": "--zg-caption-border-radius"
584
+ "description": "Sets the font color of cards in 'card' layout-mode",
585
+ "name": "--zg-cell-color_layout_card"
586
586
  },
587
587
  {
588
- "description": "Applies a top-left border-radius to the caption",
589
- "name": "--zg-caption-border-top-left-radius"
588
+ "description": "Sets the font family of cards in 'card' layout-mode",
589
+ "name": "--zg-cell-font-family_layout_card"
590
590
  },
591
591
  {
592
- "description": "Applies a top-right border-radius to the caption",
593
- "name": "--zg-caption-border-top-right-radius"
592
+ "description": "Sets the font size of cards in 'card' layout-mode",
593
+ "name": "--zg-cell-font-size_layout_card"
594
594
  },
595
595
  {
596
- "description": "Applies a bottom-left border-radius to the caption",
597
- "name": "--zg-caption-border-bottom-left-radius"
596
+ "description": "Sets the font family of cards in 'card' layout-mode",
597
+ "name": "--zg-cell-font-style_layout_card"
598
598
  },
599
599
  {
600
- "description": "Applies a bottom-right border-radius to the caption",
601
- "name": "--zg-caption-border-bottom-right-radius"
600
+ "description": "Sets the font weight of cards in 'card' layout-mode",
601
+ "name": "--zg-cell-font-weight_layout_card"
602
602
  },
603
603
  {
604
- "description": "Applies a box shadow behind caption",
605
- "name": "--zg-caption-box-shadow"
604
+ "description": "Sets the height of cards in 'card' layout-mode",
605
+ "name": "--zg-cell-height_layout_card"
606
606
  },
607
607
  {
608
- "description": "Sets the font color of caption",
609
- "name": "--zg-caption-color"
608
+ "description": "Sets the line height of cards in 'card' layout-mode",
609
+ "name": "--zg-cell-line-height_layout_card"
610
610
  },
611
611
  {
612
- "description": "Sets the font family of caption",
613
- "name": "--zg-caption-font-family"
612
+ "description": "Sets the padding of cards in 'card' layout-mode",
613
+ "name": "--zg-cell-padding_layout_card"
614
614
  },
615
615
  {
616
- "description": "Sets the font size of caption",
617
- "name": "--zg-caption-font-size"
616
+ "description": "Sets the transition of cards in 'card' layout-mode",
617
+ "name": "--zg-cell-transition_layout_card"
618
618
  },
619
619
  {
620
- "description": "Sets the font style of caption",
621
- "name": "--zg-caption-font-style"
622
- },
620
+ "description": "Sets the word break of items in cards in 'card' layout-mode",
621
+ "name": "--zg-cell-word-break_layout_card"
622
+ }
623
+ ],
624
+ "tagName": "zg-card",
625
+ "customElement": true,
626
+ "attributes": [
623
627
  {
624
- "description": "Sets the font weight of caption",
625
- "name": "--zg-caption-font-weight"
628
+ "type": {
629
+ "text": "string"
630
+ },
631
+ "description": "Sets the custom editor",
632
+ "name": "editor"
626
633
  },
627
634
  {
628
- "description": "Sets the margin of caption",
629
- "name": "--zg-caption-margin"
635
+ "type": {
636
+ "text": "string"
637
+ },
638
+ "description": "Points to an external template element to be used as the template for the card's editor",
639
+ "name": "editor-template"
630
640
  },
631
641
  {
632
- "description": "Sets the opacity of caption",
633
- "name": "--zg-caption-opacity"
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"
634
647
  },
635
648
  {
636
- "description": "Sets the padding of caption",
637
- "name": "--zg-caption-padding"
649
+ "type": {
650
+ "text": "string"
651
+ },
652
+ "description": "Points to an external template element to be used as the template for the card's renderer",
653
+ "name": "renderer-template"
654
+ }
655
+ ],
656
+ "members": [
657
+ {
658
+ "kind": "field",
659
+ "name": "editor",
660
+ "type": {
661
+ "text": "string"
662
+ },
663
+ "description": "Sets the custom editor",
664
+ "attribute": "editor"
638
665
  },
639
666
  {
640
- "description": "Sets the transition of caption",
641
- "name": "--zg-caption-transition"
667
+ "kind": "field",
668
+ "name": "editorTemplate",
669
+ "type": {
670
+ "text": "string"
671
+ },
672
+ "description": "Points to an external template element to be used as the template for the card's editor",
673
+ "attribute": "editorTemplate"
642
674
  },
643
675
  {
644
- "description": "Sets the vertical alignment of items (title and toolbar) in caption",
645
- "name": "--zg-caption-align-items"
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"
646
683
  },
647
684
  {
648
- "description": "Sets the flex direction of items (title and toolbar) in caption",
649
- "name": "--zg-caption-flex-direction"
685
+ "kind": "field",
686
+ "name": "rendererTemplate",
687
+ "type": {
688
+ "text": "string"
689
+ },
690
+ "description": "Points to an external template element to be used as the template for the card's renderer",
691
+ "attribute": "rendererTemplate"
692
+ }
693
+ ],
694
+ "slots": [
695
+ {
696
+ "description": "Card content.",
697
+ "name": ""
698
+ }
699
+ ]
700
+ }
701
+ ],
702
+ "exports": [
703
+ {
704
+ "kind": "js",
705
+ "name": "ZGCard",
706
+ "declaration": {
707
+ "name": "ZGCard",
708
+ "module": "dist/zinggrid.min.js"
709
+ }
710
+ }
711
+ ]
712
+ },
713
+ {
714
+ "kind": "javascript-module",
715
+ "path": "dist/zinggrid.min.js",
716
+ "declarations": [
717
+ {
718
+ "kind": "class",
719
+ "description": "`<zg-cell>` is the container for a single cell;\nit corresponds to the `<td>` tag on an HTML table. It is automatically inserted and should not \nbe placed directly in the user's HTML. `<zg-cell>` can be styled via CSS.",
720
+ "name": "ZGCell",
721
+ "cssProperties": [
722
+ {
723
+ "description": "Styles the background of cells",
724
+ "name": "--zg-cell-background"
650
725
  },
651
726
  {
652
- "description": "Sets the height of caption",
653
- "name": "--zg-caption-height"
727
+ "description": "Styles the background of cells in 'row' layout-mode",
728
+ "name": "--zg-cell-background_layout_row"
654
729
  },
655
730
  {
656
- "description": "Sets vertical alignment of items in caption title",
657
- "name": "--zg-caption-title-align-self"
731
+ "description": "Styles the border of cells",
732
+ "name": "--zg-cell-border"
658
733
  },
659
734
  {
660
- "description": "Sets how items are flexed in caption title",
661
- "name": "--zg-caption-title-flex"
735
+ "description": "Styles the bottom border of cells",
736
+ "name": "--zg-cell-border-bottom"
662
737
  },
663
738
  {
664
- "description": "Sets the font-family of caption title",
665
- "name": "--zg-caption-title-font-family"
739
+ "description": "Styles the border of cells in 'row' layout-mode",
740
+ "name": "--zg-cell-border_layout_row"
666
741
  },
667
742
  {
668
- "description": "Sets the font size of caption title",
669
- "name": "--zg-caption-title-font-size"
743
+ "description": "Styles the bottom border of cells in 'row' layout-mode",
744
+ "name": "--zg-cell-border-bottom_layout_row"
670
745
  },
671
746
  {
672
- "description": "Sets the font style of caption title",
673
- "name": "--zg-caption-title-font-style"
747
+ "description": "Styles the left border of cells",
748
+ "name": "--zg-cell-border-left"
674
749
  },
675
750
  {
676
- "description": "Sets the font weight of caption title",
677
- "name": "--zg-caption-title-font-weight"
751
+ "description": "Styles the left border of cells in 'row' layout-mode",
752
+ "name": "--zg-cell-border-left_layout_row"
678
753
  },
679
754
  {
680
- "description": "Sets the margin of caption title",
681
- "name": "--zg-caption-title-margin"
755
+ "description": "Styles the right border of cells",
756
+ "name": "--zg-cell-border-right"
682
757
  },
683
758
  {
684
- "description": "Sets the padding of caption title",
685
- "name": "--zg-caption-title-padding"
759
+ "description": "Styles the right border of cells in 'row' layout-mode",
760
+ "name": "--zg-cell-border-right_layout_row"
686
761
  },
687
762
  {
688
- "description": "Sets the order of caption title with respect to caption toolbar",
689
- "name": "--zg-caption-title-order"
763
+ "description": "Styles the top border of cells",
764
+ "name": "--zg-cell-border-top"
690
765
  },
691
766
  {
692
- "description": "Sets the text alignment of caption title",
693
- "name": "--zg-caption-title-text-align"
767
+ "description": "Styles the top border of cells in 'row' layout-mode",
768
+ "name": "--zg-cell-border-top_layout_row"
694
769
  },
695
770
  {
696
- "description": "Sets the transform of caption title",
697
- "name": "--zg-caption-title-transform"
771
+ "description": "Styles font color of text in cells",
772
+ "name": "--zg-cell-color"
698
773
  },
699
774
  {
700
- "description": "Sets the width of caption title",
701
- "name": "--zg-caption-title-width"
775
+ "description": "Styles font color of text in cells in 'row' layout-mode",
776
+ "name": "--zg-cell-color_layout_row"
702
777
  },
703
778
  {
704
- "description": "Sets vertical alignment of items in caption toolbar",
705
- "name": "--zg-caption-toolbar-align-self"
779
+ "description": "Sets the font family in cells",
780
+ "name": "--zg-cell-font-family"
706
781
  },
707
782
  {
708
- "description": "Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.",
709
- "name": "--zg-caption-toolbar-bottom"
783
+ "description": "Sets the font family in cells in 'row' layout-mode",
784
+ "name": "--zg-cell-font-family_layout_row"
710
785
  },
711
786
  {
712
- "description": "Sets the horizontal alignment of contents in caption toolbar",
713
- "name": "--zg-caption-toolbar-justify-content"
787
+ "description": "Sets the font size in cells",
788
+ "name": "--zg-cell-font-size"
714
789
  },
715
790
  {
716
- "description": "Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.",
717
- "name": "--zg-caption-toolbar-left"
791
+ "description": "Sets the font size in cells in 'row' layout-mode",
792
+ "name": "--zg-cell-font-size_layout_row"
718
793
  },
719
794
  {
720
- "description": "Sets the margin of caption toolbar",
721
- "name": "--zg-caption-toolbar-margin"
795
+ "description": "Sets the font style in cells",
796
+ "name": "--zg-cell-font-style"
722
797
  },
723
798
  {
724
- "description": "Sets the position of caption toolbar",
725
- "name": "--zg-caption-toolbar-position"
799
+ "description": "Sets the font style in cells in 'row' layout-mode",
800
+ "name": "--zg-cell-font-style_layout_row"
726
801
  },
727
802
  {
728
- "description": "Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.",
729
- "name": "--zg-caption-toolbar-right"
803
+ "description": "Sets the font weight in cells",
804
+ "name": "--zg-cell-font-weight"
730
805
  },
731
806
  {
732
- "description": "Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.",
733
- "name": "--zg-caption-toolbar-top"
807
+ "description": "Sets the font weight in cells in 'row' layout-mode",
808
+ "name": "--zg-cell-font-weight_layout_row"
734
809
  },
735
810
  {
736
- "description": "Sets the transform of caption toolbar",
737
- "name": "--zg-caption-toolbar-transform"
811
+ "description": "Sets height of cells",
812
+ "name": "--zg-cell-height"
738
813
  },
739
814
  {
740
- "description": "Sets the width of caption toolbar",
741
- "name": "--zg-caption-toolbar-width"
815
+ "description": "Sets height of cells in 'row' layout-mode",
816
+ "name": "--zg-cell-height_layout_row"
742
817
  },
743
818
  {
744
- "description": "Styles the background of button in caption",
745
- "name": "--zg-caption-button-background"
819
+ "description": "Sets line height of cells",
820
+ "name": "--zg-cell-line-height"
746
821
  },
747
822
  {
748
- "description": "Styles the background of button in caption when the button is in a `focus` state",
749
- "name": "--zg-caption-button-background_focus"
823
+ "description": "Sets line height of cells in 'row' layout-mode",
824
+ "name": "--zg-cell-line-height_layout_row"
750
825
  },
751
826
  {
752
- "description": "Styles the background of button in caption when the button is in a `hover` state",
753
- "name": "--zg-caption-button-background_hover"
827
+ "description": "Sets padding of cells",
828
+ "name": "--zg-cell-padding"
754
829
  },
755
830
  {
756
- "description": "Styles the background of button in caption when the button is in an `active` state",
757
- "name": "--zg-caption-button-background_active"
758
- }
759
- ],
760
- "tagName": "zg-caption",
761
- "customElement": true,
762
- "attributes": [
831
+ "description": "Sets padding of cells in 'row' layout-mode",
832
+ "name": "--zg-cell-padding_layout_row"
833
+ },
763
834
  {
764
- "type": {
765
- "text": "\"start\" | \"left\" | \"right\" | \"center\" | "
766
- },
767
- "description": "The alignment of the default content in the caption",
768
- "name": "align"
835
+ "description": "Sets the transition of cells",
836
+ "name": "--zg-cell-transition"
769
837
  },
770
838
  {
771
- "type": {
772
- "text": "\"top\" | \"bottom\" | \"both\" | "
773
- },
774
- "description": "Indicates whether to attach the caption to the top or the bottom of the grid",
775
- "name": "position"
776
- }
777
- ],
778
- "cssParts": [
839
+ "description": "Sets the transition of cells in 'row' layout-mode",
840
+ "name": "--zg-cell-transition_layout_row"
841
+ },
779
842
  {
780
- "description": "Caption container",
781
- "name": "caption"
843
+ "description": "Sets vertical alignment of items in cells",
844
+ "name": "--zg-cell-vertical-align"
782
845
  },
783
846
  {
784
- "description": "The title container",
785
- "name": "title"
847
+ "description": "Sets vertical alignment of items in cells in 'row' layout-mode",
848
+ "name": "--zg-cell-vertical-align_layout_row"
786
849
  },
787
850
  {
788
- "description": "The toolbar container",
789
- "name": "toolbar"
790
- }
791
- ],
792
- "members": [
851
+ "description": "Styles the background of cells in sorted column",
852
+ "name": "--zg-cell-background_sorted"
853
+ },
793
854
  {
794
- "kind": "field",
795
- "name": "align",
796
- "type": {
797
- "text": "\"start\" | \"left\" | \"right\" | \"center\" | "
798
- },
799
- "description": "The alignment of the default content in the caption",
800
- "attribute": "align"
855
+ "description": "Styles the background of cells in sorted column in 'row' layout-mode",
856
+ "name": "--zg-cell-background_layout_row_sorted"
801
857
  },
802
858
  {
803
- "kind": "field",
804
- "name": "position",
805
- "type": {
806
- "text": "\"top\" | \"bottom\" | \"both\" | "
807
- },
808
- "description": "Indicates whether to attach the caption to the top or the bottom of the grid",
809
- "attribute": "position"
810
- }
811
- ],
812
- "slots": [
859
+ "description": "Sets the font color of cells in sorted column",
860
+ "name": "--zg-cell-color_sorted"
861
+ },
813
862
  {
814
- "description": "Caption title.",
815
- "name": ""
863
+ "description": "Sets the font color of cells in sorted column in 'row' layout-mode",
864
+ "name": "--zg-cell-color_layout_row_sorted"
816
865
  },
817
866
  {
818
- "description": "Caption title. Use when using a feature that enables caption toolbar ([contextMenu], [search], [staticMenu]).",
819
- "name": "message"
867
+ "description": "Sets font color of label in cards in 'card' layout-mode",
868
+ "name": "--zg-cell-label-color_layout_card"
820
869
  },
821
870
  {
822
- "description": "Caption toolbar, which is added to the rightmost of caption by default.",
823
- "name": "tool"
824
- }
825
- ]
826
- }
827
- ],
828
- "exports": [
829
- {
830
- "kind": "js",
831
- "name": "ZGCaption",
832
- "declaration": {
833
- "name": "ZGCaption",
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": [
871
+ "description": "Sets the display of label in cards in 'card' layout-mode",
872
+ "name": "--zg-cell-label-display_layout_card"
873
+ },
848
874
  {
849
- "description": "Styles the background of cards in 'card' layout-mode",
850
- "name": "--zg-cell-background_layout_card"
875
+ "description": "Sets font size of label in cards in 'card' layout-mode",
876
+ "name": "--zg-cell-label-font-size_layout_card"
851
877
  },
852
878
  {
853
- "description": "Styles the border of cards in 'card' layout-mode",
854
- "name": "--zg-cell-border_layout_card"
879
+ "description": "Sets the margin of label in cards in 'card' layout-mode",
880
+ "name": "--zg-cell-label-margin_layout_card"
855
881
  },
856
882
  {
857
- "description": "Styles the bottom border of cards in 'card' layout-mode",
858
- "name": "--zg-cell-border-bottom_layout_card"
883
+ "description": "Sets the overflow of label in cards in 'card' layout-mode",
884
+ "name": "--zg-cell-label-overflow_layout_card"
859
885
  },
860
886
  {
861
- "description": "Styles the left border of cards in 'card' layout-mode",
862
- "name": "--zg-cell-border-left_layout_card"
887
+ "description": "Sets transform of label in cards in 'card' layout-mode",
888
+ "name": "--zg-cell-label-transform_layout_card"
863
889
  },
864
890
  {
865
- "description": "Styles the right border of cards in 'card' layout-mode",
866
- "name": "--zg-cell-border-right_layout_card"
891
+ "description": "Sets font weight of label in cards in 'card' layout-mode",
892
+ "name": "--zg-cell-label-font-weight_layout_card"
867
893
  },
868
894
  {
869
- "description": "Styles the top border of cards in 'card' layout-mode",
870
- "name": "--zg-cell-border-top_layout_card"
895
+ "description": "Styles the border of card items in 'card' layout-mode",
896
+ "name": "--zg-cell-content-border_layout_card"
871
897
  },
872
898
  {
873
- "description": "Sets the font color of cards in 'card' layout-mode",
874
- "name": "--zg-cell-color_layout_card"
899
+ "description": "Styles the bottom border of card items in 'card' layout-mode",
900
+ "name": "--zg-cell-content-border-bottom_layout_card"
875
901
  },
876
902
  {
877
- "description": "Sets the font family of cards in 'card' layout-mode",
878
- "name": "--zg-cell-font-family_layout_card"
903
+ "description": "Styles the left border of card items in 'card' layout-mode",
904
+ "name": "--zg-cell-content-border-left_layout_card"
879
905
  },
880
906
  {
881
- "description": "Sets the font size of cards in 'card' layout-mode",
882
- "name": "--zg-cell-font-size_layout_card"
907
+ "description": "Styles the right border of card items in 'card' layout-mode",
908
+ "name": "--zg-cell-content-border-right_layout_card"
883
909
  },
884
910
  {
885
- "description": "Sets the font family of cards in 'card' layout-mode",
886
- "name": "--zg-cell-font-style_layout_card"
911
+ "description": "Styles the top border of card items in 'card' layout-mode",
912
+ "name": "--zg-cell-content-border-top_layout_card"
887
913
  },
888
914
  {
889
- "description": "Sets the font weight of cards in 'card' layout-mode",
890
- "name": "--zg-cell-font-weight_layout_card"
915
+ "description": "Sets the font size of cards in 'card' layout-mode",
916
+ "name": "--zg-cell-content-font-size_layout_card"
891
917
  },
892
918
  {
893
- "description": "Sets the height of cards in 'card' layout-mode",
894
- "name": "--zg-cell-height_layout_card"
919
+ "description": "Sets the padding of cards in 'card' layout-mode",
920
+ "name": "--zg-cell-content-padding_layout_card"
895
921
  },
896
922
  {
897
- "description": "Sets the line height of cards in 'card' layout-mode",
898
- "name": "--zg-cell-line-height_layout_card"
923
+ "description": "Styles the background of cells on hover",
924
+ "name": "--zg-cell-background_hover"
899
925
  },
900
926
  {
901
- "description": "Sets the padding of cards in 'card' layout-mode",
902
- "name": "--zg-cell-padding_layout_card"
927
+ "description": "Styles the background of cells in 'row' layout-mode on hover",
928
+ "name": "--zg-cell-background_hover_layout_row"
903
929
  },
904
930
  {
905
- "description": "Sets the transition of cards in 'card' layout-mode",
906
- "name": "--zg-cell-transition_layout_card"
931
+ "description": "Styles font color of cells on hover",
932
+ "name": "--zg-cell-color_hover"
907
933
  },
908
934
  {
909
- "description": "Sets the word break of items in cards in 'card' layout-mode",
910
- "name": "--zg-cell-word-break_layout_card"
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"
1038
+ },
1039
+ {
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"
1012
1046
  },
1013
1047
  {
1014
- "description": "Sets the font style in cells in 'row' layout-mode",
1015
- "name": "--zg-cell-font-style_layout_row"
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"
@@ -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"
@@ -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
  ],