@genesislcap/foundation-zero-grid-tabulator 14.127.4 → 14.127.5

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.
@@ -33,7 +33,7 @@
33
33
  {
34
34
  "kind": "variable",
35
35
  "name": "zeroGridTabulatorStyles",
36
- "default": "css`\n /* All the Tabulator themes */\n\n /* gridTabulatorStyles */\n\n /* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */\n ${themeGenesisRapid}\n ${themeGenesisRapidDark}\n\n :host {\n width: 100%;\n height: 100%;\n }\n\n #grid {\n height: 100%;\n }\n`"
36
+ "default": "css`\n /* All the Tabulator themes */\n\n /* gridTabulatorStyles */\n\n /* 100% custom, CSS based, our own name: tabulator-theme-genesis-rapid */\n ${themeGenesisRapid}\n ${themeGenesisRapidDark}\n\n :host {\n width: 100%;\n height: 100%;\n }\n\n #grid {\n height: 100%;\n }\n`"
37
37
  }
38
38
  ],
39
39
  "exports": [
@@ -769,11 +769,233 @@
769
769
  }
770
770
  ]
771
771
  },
772
+ {
773
+ "kind": "javascript-module",
774
+ "path": "src/cell-renderers/action.renderer.ts",
775
+ "declarations": [
776
+ {
777
+ "kind": "class",
778
+ "description": "",
779
+ "name": "ZeroTabulatorActionRenderer",
780
+ "superclass": {
781
+ "name": "ActionRenderer",
782
+ "package": "@genesislcap/grid-tabulator"
783
+ },
784
+ "tagName": "%%prefix%%-grid-tabulator-action-renderer",
785
+ "customElement": true,
786
+ "members": [
787
+ {
788
+ "kind": "field",
789
+ "name": "params",
790
+ "type": {
791
+ "text": "ActionRendererParams"
792
+ },
793
+ "privacy": "public",
794
+ "inheritedFrom": {
795
+ "name": "ActionRenderer",
796
+ "module": "src/cell-renderers/action.renderer.ts"
797
+ }
798
+ },
799
+ {
800
+ "kind": "field",
801
+ "name": "pendingAction",
802
+ "type": {
803
+ "text": "boolean"
804
+ },
805
+ "privacy": "public",
806
+ "inheritedFrom": {
807
+ "name": "ActionRenderer",
808
+ "module": "src/cell-renderers/action.renderer.ts"
809
+ }
810
+ },
811
+ {
812
+ "kind": "method",
813
+ "name": "init",
814
+ "privacy": "public",
815
+ "parameters": [
816
+ {
817
+ "name": "params",
818
+ "type": {
819
+ "text": "ActionRendererParams"
820
+ }
821
+ }
822
+ ],
823
+ "inheritedFrom": {
824
+ "name": "ActionRenderer",
825
+ "module": "src/cell-renderers/action.renderer.ts"
826
+ }
827
+ },
828
+ {
829
+ "kind": "method",
830
+ "name": "clickHandler",
831
+ "privacy": "public",
832
+ "inheritedFrom": {
833
+ "name": "ActionRenderer",
834
+ "module": "src/cell-renderers/action.renderer.ts"
835
+ }
836
+ },
837
+ {
838
+ "kind": "field",
839
+ "name": "dataTestId",
840
+ "readonly": true,
841
+ "inheritedFrom": {
842
+ "name": "ActionRenderer",
843
+ "module": "src/cell-renderers/action.renderer.ts"
844
+ }
845
+ },
846
+ {
847
+ "kind": "field",
848
+ "name": "_presentation",
849
+ "type": {
850
+ "text": "ComponentPresentation | null | undefined"
851
+ },
852
+ "privacy": "private",
853
+ "default": "void 0",
854
+ "inheritedFrom": {
855
+ "name": "FoundationElement",
856
+ "module": "src/foundation-element/foundation-element.ts"
857
+ }
858
+ },
859
+ {
860
+ "kind": "field",
861
+ "name": "$presentation",
862
+ "type": {
863
+ "text": "ComponentPresentation | null"
864
+ },
865
+ "privacy": "public",
866
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
867
+ "inheritedFrom": {
868
+ "name": "FoundationElement",
869
+ "module": "src/foundation-element/foundation-element.ts"
870
+ }
871
+ },
872
+ {
873
+ "kind": "field",
874
+ "name": "template",
875
+ "type": {
876
+ "text": "ElementViewTemplate | void | null"
877
+ },
878
+ "privacy": "public",
879
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
880
+ "inheritedFrom": {
881
+ "name": "FoundationElement",
882
+ "module": "src/foundation-element/foundation-element.ts"
883
+ }
884
+ },
885
+ {
886
+ "kind": "method",
887
+ "name": "templateChanged",
888
+ "privacy": "protected",
889
+ "return": {
890
+ "type": {
891
+ "text": "void"
892
+ }
893
+ },
894
+ "inheritedFrom": {
895
+ "name": "FoundationElement",
896
+ "module": "src/foundation-element/foundation-element.ts"
897
+ }
898
+ },
899
+ {
900
+ "kind": "field",
901
+ "name": "styles",
902
+ "type": {
903
+ "text": "ElementStyles | void | null"
904
+ },
905
+ "privacy": "public",
906
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
907
+ "inheritedFrom": {
908
+ "name": "FoundationElement",
909
+ "module": "src/foundation-element/foundation-element.ts"
910
+ }
911
+ },
912
+ {
913
+ "kind": "method",
914
+ "name": "stylesChanged",
915
+ "privacy": "protected",
916
+ "return": {
917
+ "type": {
918
+ "text": "void"
919
+ }
920
+ },
921
+ "inheritedFrom": {
922
+ "name": "FoundationElement",
923
+ "module": "src/foundation-element/foundation-element.ts"
924
+ }
925
+ },
926
+ {
927
+ "kind": "method",
928
+ "name": "compose",
929
+ "privacy": "public",
930
+ "static": true,
931
+ "return": {
932
+ "type": {
933
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
934
+ }
935
+ },
936
+ "parameters": [
937
+ {
938
+ "name": "this",
939
+ "type": {
940
+ "text": "K"
941
+ }
942
+ },
943
+ {
944
+ "name": "elementDefinition",
945
+ "type": {
946
+ "text": "T"
947
+ },
948
+ "description": "The definition of the element to create the registry\nfunction for."
949
+ }
950
+ ],
951
+ "description": "Defines an element registry function with a set of element definition defaults.",
952
+ "inheritedFrom": {
953
+ "name": "FoundationElement",
954
+ "module": "src/foundation-element/foundation-element.ts"
955
+ }
956
+ }
957
+ ]
958
+ },
959
+ {
960
+ "kind": "variable",
961
+ "name": "zeroTabulatorActionRenderer",
962
+ "description": "The Zero Action Renderer",
963
+ "privacy": "public"
964
+ }
965
+ ],
966
+ "exports": [
967
+ {
968
+ "kind": "js",
969
+ "name": "ZeroTabulatorActionRenderer",
970
+ "declaration": {
971
+ "name": "ZeroTabulatorActionRenderer",
972
+ "module": "src/cell-renderers/action.renderer.ts"
973
+ }
974
+ },
975
+ {
976
+ "kind": "js",
977
+ "name": "zeroTabulatorActionRenderer",
978
+ "declaration": {
979
+ "name": "zeroTabulatorActionRenderer",
980
+ "module": "src/cell-renderers/action.renderer.ts"
981
+ }
982
+ }
983
+ ]
984
+ },
772
985
  {
773
986
  "kind": "javascript-module",
774
987
  "path": "src/cell-renderers/index.ts",
775
988
  "declarations": [],
776
- "exports": []
989
+ "exports": [
990
+ {
991
+ "kind": "js",
992
+ "name": "*",
993
+ "declaration": {
994
+ "name": "*",
995
+ "package": "./action.renderer"
996
+ }
997
+ }
998
+ ]
777
999
  },
778
1000
  {
779
1001
  "kind": "javascript-module",
@@ -884,7 +1106,7 @@
884
1106
  {
885
1107
  "kind": "variable",
886
1108
  "name": "themeGenesisRapidCSS",
887
- "default": "css`\n .tabulator {\n position: relative;\n /* border: 1px solid #999; */\n background-color: #1f2126;\n font-size: 14px;\n text-align: left;\n overflow: hidden;\n -webkit-transform: translateZ(0);\n -moz-transform: translateZ(0);\n -ms-transform: translateZ(0);\n -o-transform: translateZ(0);\n transform: translateZ(0);\n scrollbar-color: rgb(46 48 53) rgb(31 33 38);\n }\n\n .tabulator[tabulator-layout='fitDataFill'] .tabulator-tableholder .tabulator-table {\n min-width: 100%;\n }\n\n .tabulator[tabulator-layout='fitDataTable'] {\n display: inline-block;\n }\n\n .tabulator.tabulator-block-select {\n user-select: none;\n }\n\n .tabulator .tabulator-header {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n border-bottom: 1px solid #7e9aa5;\n background-color: #202126;\n color: #879ba6;\n font-weight: bold;\n white-space: nowrap;\n overflow: hidden;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -o-user-select: none;\n }\n\n .tabulator .tabulator-header.tabulator-header-hidden {\n display: none;\n }\n\n .tabulator .tabulator-header .tabulator-header-contents {\n position: relative;\n overflow: hidden;\n }\n\n .tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {\n display: inline-block;\n }\n\n .tabulator .tabulator-header .tabulator-col {\n display: inline-flex;\n position: relative;\n box-sizing: border-box;\n flex-direction: column;\n justify-content: flex-start;\n border-right: 1px solid #7e9aa5;\n background-color: #202126;\n color: #879ba6;\n text-align: left;\n vertical-align: bottom;\n overflow: hidden;\n }\n\n .tabulator .tabulator-header .tabulator-col.tabulator-moving {\n position: absolute;\n border: 1px solid #999;\n background: #cdcdcd;\n pointer-events: none;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-col-content {\n box-sizing: border-box;\n position: relative;\n padding: 4px;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-header-popup-button {\n padding: 0 8px;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-header-popup-button:hover {\n cursor: pointer;\n opacity: 0.6;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {\n position: relative;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {\n box-sizing: border-box;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-col-title.tabulator-col-title-wrap {\n white-space: normal;\n text-overflow: initial;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-col-title\n .tabulator-title-editor {\n box-sizing: border-box;\n width: 100%;\n border: 1px solid #999;\n padding: 1px;\n background: #fff;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-col-title\n .tabulator-header-popup-button\n + .tabulator-title-editor {\n width: calc(100% - 22px);\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 4px;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-col-sorter\n .tabulator-arrow {\n width: 0;\n height: 0;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid #bbb;\n }\n\n .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {\n position: relative;\n display: flex;\n border-top: 1px solid #aaa;\n overflow: hidden;\n margin-right: -1px;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {\n position: relative;\n box-sizing: border-box;\n margin-top: 2px;\n width: 100%;\n text-align: center;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {\n height: auto !important;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {\n margin-top: 3px;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {\n width: 0;\n height: 0;\n }\n\n .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {\n padding-right: 25px;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {\n cursor: pointer;\n background-color: #2d2e34;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='none']\n .tabulator-col-content\n .tabulator-col-sorter {\n color: #bbb;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='none']\n .tabulator-col-content\n .tabulator-col-sorter.tabulator-col-sorter-element\n .tabulator-arrow:hover {\n cursor: pointer;\n border-bottom: 6px solid #555;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='none']\n .tabulator-col-content\n .tabulator-col-sorter\n .tabulator-arrow {\n border-top: none;\n border-bottom: 6px solid #bbb;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='ascending']\n .tabulator-col-content\n .tabulator-col-sorter {\n color: #666;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='ascending']\n .tabulator-col-content\n .tabulator-col-sorter.tabulator-col-sorter-element\n .tabulator-arrow:hover {\n cursor: pointer;\n border-bottom: 6px solid #555;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='ascending']\n .tabulator-col-content\n .tabulator-col-sorter\n .tabulator-arrow {\n border-top: none;\n border-bottom: 6px solid #666;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='descending']\n .tabulator-col-content\n .tabulator-col-sorter {\n color: #666;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='descending']\n .tabulator-col-content\n .tabulator-col-sorter.tabulator-col-sorter-element\n .tabulator-arrow:hover {\n cursor: pointer;\n border-top: 6px solid #555;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='descending']\n .tabulator-col-content\n .tabulator-col-sorter\n .tabulator-arrow {\n border-bottom: none;\n border-top: 6px solid #666;\n color: #666;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-col-vertical\n .tabulator-col-content\n .tabulator-col-title {\n writing-mode: vertical-rl;\n text-orientation: mixed;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip\n .tabulator-col-title {\n transform: rotate(180deg);\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-col-vertical.tabulator-sortable\n .tabulator-col-title {\n padding-right: 0;\n padding-top: 20px;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip\n .tabulator-col-title {\n padding-right: 0;\n padding-bottom: 20px;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-col-vertical.tabulator-sortable\n .tabulator-col-sorter {\n justify-content: center;\n left: 0;\n right: 0;\n top: 4px;\n bottom: auto;\n }\n\n .tabulator .tabulator-header .tabulator-frozen {\n position: sticky;\n left: 0;\n z-index: 10;\n }\n\n .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {\n border-right: 2px solid #aaa;\n }\n\n .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {\n border-left: 2px solid #aaa;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder {\n box-sizing: border-box;\n background: #f3f3f3 !important;\n border-top: 1px solid #aaa;\n border-bottom: 1px solid #aaa;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {\n background: #f3f3f3 !important;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {\n display: none;\n }\n\n .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {\n display: none;\n }\n\n .tabulator .tabulator-tableholder {\n position: relative;\n width: 100%;\n white-space: nowrap;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .tabulator-tableholder::-webkit-scrollbar {\n width: 12px;\n /* width of the entire scrollbar */\n }\n\n .tabulator-tableholder::-webkit-scrollbar-track {\n background: #333;\n /* color of the tracking area */\n }\n\n .tabulator-tableholder::-webkit-scrollbar-thumb {\n background-color: #666;\n /* color of the scroll thumb */\n border-radius: 20px;\n /* roundness of the scroll thumb */\n border: 3px solid #333;\n /* creates padding around scroll thumb */\n }\n\n .tabulator-tableholder::-webkit-scrollbar-corner {\n background: #222;\n }\n\n .tabulator .tabulator-tableholder:focus {\n outline: none;\n }\n\n .tabulator .tabulator-tableholder .tabulator-placeholder {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n }\n\n .tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode='virtual'] {\n min-height: 100%;\n min-width: 100%;\n }\n\n .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {\n display: inline-block;\n text-align: center;\n padding: 10px;\n color: #ccc;\n font-weight: bold;\n font-size: 20px;\n white-space: normal;\n }\n\n .tabulator .tabulator-tableholder .tabulator-table {\n position: relative;\n display: inline-block;\n background-color: #fff;\n white-space: nowrap;\n overflow: visible;\n color: #333;\n }\n\n .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {\n font-weight: bold;\n background: #e2e2e2 !important;\n }\n\n .tabulator\n .tabulator-tableholder\n .tabulator-table\n .tabulator-row.tabulator-calcs.tabulator-calcs-top {\n border-bottom: 2px solid #aaa;\n }\n\n .tabulator\n .tabulator-tableholder\n .tabulator-table\n .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {\n border-top: 2px solid #aaa;\n }\n\n .tabulator .tabulator-footer {\n border-top: 1px solid #999;\n background-color: #e6e6e6;\n color: #555;\n font-weight: bold;\n white-space: nowrap;\n user-select: none;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -o-user-select: none;\n }\n\n .tabulator .tabulator-footer .tabulator-footer-contents {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 5px 10px;\n }\n\n .tabulator .tabulator-footer .tabulator-footer-contents:empty {\n display: none;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder {\n box-sizing: border-box;\n width: 100%;\n text-align: left;\n background: #f3f3f3 !important;\n border-bottom: 1px solid #aaa;\n border-top: 1px solid #aaa;\n overflow: hidden;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {\n display: inline-block;\n background: #f3f3f3 !important;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {\n display: none;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {\n margin-bottom: -5px;\n border-bottom: none;\n }\n\n .tabulator .tabulator-footer > * + .tabulator-page-counter {\n margin-left: 10px;\n }\n\n .tabulator .tabulator-footer .tabulator-page-counter {\n font-weight: normal;\n }\n\n .tabulator .tabulator-footer .tabulator-paginator {\n flex: 1;\n text-align: right;\n color: #555;\n font-family: inherit;\n font-weight: inherit;\n font-size: inherit;\n }\n\n .tabulator .tabulator-footer .tabulator-page-size {\n display: inline-block;\n margin: 0 5px;\n padding: 2px 5px;\n border: 1px solid #aaa;\n border-radius: 3px;\n }\n\n .tabulator .tabulator-footer .tabulator-pages {\n margin: 0 7px;\n }\n\n .tabulator .tabulator-footer .tabulator-page {\n display: inline-block;\n margin: 0 2px;\n padding: 2px 5px;\n border: 1px solid #aaa;\n border-radius: 3px;\n background: rgba(255, 255, 255, 0.2);\n }\n\n .tabulator .tabulator-footer .tabulator-page.active {\n color: #d00;\n }\n\n .tabulator .tabulator-footer .tabulator-page:disabled {\n opacity: 0.5;\n }\n\n .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {\n cursor: pointer;\n background: rgba(0, 0, 0, 0.2);\n color: #fff;\n }\n\n .tabulator .tabulator-col-resize-handle {\n position: relative;\n display: inline-block;\n width: 6px;\n margin-left: -3px;\n margin-right: -3px;\n z-index: 10;\n vertical-align: middle;\n }\n\n .tabulator .tabulator-col-resize-handle:hover {\n cursor: ew-resize;\n }\n\n .tabulator .tabulator-col-resize-handle:last-of-type {\n width: 3px;\n margin-right: 0;\n }\n\n .tabulator .tabulator-alert {\n position: absolute;\n display: flex;\n align-items: center;\n top: 0;\n left: 0;\n z-index: 100;\n height: 100%;\n width: 100%;\n background: rgba(0, 0, 0, 0.4);\n text-align: center;\n }\n\n .tabulator .tabulator-alert .tabulator-alert-msg {\n display: inline-block;\n margin: 0 auto;\n padding: 10px 20px;\n border-radius: 10px;\n background: #fff;\n font-weight: bold;\n font-size: 16px;\n }\n\n .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {\n border: 4px solid #333;\n color: #000;\n }\n\n .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {\n border: 4px solid #d00;\n color: #590000;\n }\n\n .tabulator-row {\n position: relative;\n box-sizing: border-box;\n min-height: 22px;\n background-color: #1f2126;\n color: #cccccc;\n border-bottom: 1px solid #2f3237;\n }\n\n .tabulator-row.tabulator-row-even {\n background-color: #1f2126;\n }\n\n .tabulator-row.tabulator-selectable:hover {\n background-color: #2d2e34;\n cursor: pointer;\n }\n\n .tabulator-row.tabulator-selected {\n background-color: #9abcea;\n }\n\n .tabulator-row.tabulator-selected:hover {\n background-color: #769bcc;\n cursor: pointer;\n }\n\n .tabulator-row.tabulator-row-moving {\n border: 1px solid #000;\n background: #fff;\n }\n\n .tabulator-row.tabulator-moving {\n position: absolute;\n border-top: 1px solid #aaa;\n border-bottom: 1px solid #aaa;\n pointer-events: none;\n z-index: 15;\n }\n\n .tabulator-row .tabulator-row-resize-handle {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 5px;\n }\n\n .tabulator-row .tabulator-row-resize-handle.prev {\n top: 0;\n bottom: auto;\n }\n\n .tabulator-row .tabulator-row-resize-handle:hover {\n cursor: ns-resize;\n }\n\n .tabulator-row .tabulator-responsive-collapse {\n box-sizing: border-box;\n padding: 5px;\n border-top: 1px solid #aaa;\n border-bottom: 1px solid #aaa;\n }\n\n .tabulator-row .tabulator-responsive-collapse:empty {\n display: none;\n }\n\n .tabulator-row .tabulator-responsive-collapse table {\n font-size: 14px;\n }\n\n .tabulator-row .tabulator-responsive-collapse table tr td {\n position: relative;\n }\n\n .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {\n padding-right: 10px;\n }\n\n .tabulator-row .tabulator-cell {\n background-color: inherit;\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n padding: 4px;\n /* border-right: 1px solid #aaa; */\n vertical-align: middle;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .tabulator-row .tabulator-cell.tabulator-frozen {\n display: inline-block;\n position: sticky;\n left: 0;\n background-color: inherit;\n z-index: 10;\n }\n\n .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {\n border-right: 2px solid #aaa;\n }\n\n .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {\n border-left: 2px solid #aaa;\n }\n\n .tabulator-row .tabulator-cell.tabulator-editing {\n border: 1px solid #1d68cd;\n outline: none;\n padding: 0;\n }\n\n .tabulator-row .tabulator-cell.tabulator-editing input,\n .tabulator-row .tabulator-cell.tabulator-editing select {\n border: 1px;\n background: transparent;\n outline: none;\n }\n\n .tabulator-row .tabulator-cell.tabulator-validation-fail {\n border: 1px solid #dd0000;\n }\n\n .tabulator-row .tabulator-cell.tabulator-validation-fail input,\n .tabulator-row .tabulator-cell.tabulator-validation-fail select {\n border: 1px;\n background: transparent;\n color: #dd0000;\n }\n\n .tabulator-row .tabulator-cell.tabulator-row-handle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -o-user-select: none;\n }\n\n .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {\n width: 80%;\n }\n\n .tabulator-row\n .tabulator-cell.tabulator-row-handle\n .tabulator-row-handle-box\n .tabulator-row-handle-bar {\n width: 100%;\n height: 3px;\n margin-top: 2px;\n background: #666;\n }\n\n .tabulator-row .tabulator-cell .tabulator-data-tree-branch {\n display: inline-block;\n vertical-align: middle;\n height: 9px;\n width: 7px;\n margin-top: -9px;\n margin-right: 5px;\n border-bottom-left-radius: 1px;\n border-left: 2px solid #aaa;\n border-bottom: 2px solid #aaa;\n }\n\n .tabulator-row .tabulator-cell .tabulator-data-tree-control {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n vertical-align: middle;\n height: 11px;\n width: 11px;\n margin-right: 5px;\n border: 1px solid #333;\n border-radius: 2px;\n background: rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n\n .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {\n cursor: pointer;\n background: rgba(0, 0, 0, 0.2);\n }\n\n .tabulator-row\n .tabulator-cell\n .tabulator-data-tree-control\n .tabulator-data-tree-control-collapse {\n display: inline-block;\n position: relative;\n height: 7px;\n width: 1px;\n background: transparent;\n }\n\n .tabulator-row\n .tabulator-cell\n .tabulator-data-tree-control\n .tabulator-data-tree-control-collapse:after {\n position: absolute;\n content: '';\n left: -3px;\n top: 3px;\n height: 1px;\n width: 7px;\n background: #333;\n }\n\n .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {\n display: inline-block;\n position: relative;\n height: 7px;\n width: 1px;\n background: #333;\n }\n\n .tabulator-row\n .tabulator-cell\n .tabulator-data-tree-control\n .tabulator-data-tree-control-expand:after {\n position: absolute;\n content: '';\n left: -3px;\n top: 3px;\n height: 1px;\n width: 7px;\n background: #333;\n }\n\n .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -o-user-select: none;\n height: 15px;\n width: 15px;\n border-radius: 20px;\n background: #666;\n color: #fff;\n font-weight: bold;\n font-size: 1.1em;\n }\n\n .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {\n opacity: 0.7;\n cursor: pointer;\n }\n\n .tabulator-row\n .tabulator-cell\n .tabulator-responsive-collapse-toggle.open\n .tabulator-responsive-collapse-toggle-close {\n display: initial;\n }\n\n .tabulator-row\n .tabulator-cell\n .tabulator-responsive-collapse-toggle.open\n .tabulator-responsive-collapse-toggle-open {\n display: none;\n }\n\n .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {\n stroke: #fff;\n }\n\n .tabulator-row\n .tabulator-cell\n .tabulator-responsive-collapse-toggle\n .tabulator-responsive-collapse-toggle-close {\n display: none;\n }\n\n .tabulator-row .tabulator-cell .tabulator-traffic-light {\n display: inline-block;\n height: 14px;\n width: 14px;\n border-radius: 14px;\n }\n\n .tabulator-row.tabulator-group {\n box-sizing: border-box;\n border-bottom: 1px solid #999;\n border-right: 1px solid #aaa;\n border-top: 1px solid #999;\n padding: 5px;\n padding-left: 10px;\n background: #ccc;\n font-weight: bold;\n min-width: 100%;\n }\n\n .tabulator-row.tabulator-group:hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.1);\n }\n\n .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {\n margin-right: 10px;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-top: 6px solid #666;\n border-bottom: 0;\n }\n\n .tabulator-row.tabulator-group.tabulator-group-level-1 {\n padding-left: 30px;\n }\n\n .tabulator-row.tabulator-group.tabulator-group-level-2 {\n padding-left: 50px;\n }\n\n .tabulator-row.tabulator-group.tabulator-group-level-3 {\n padding-left: 70px;\n }\n\n .tabulator-row.tabulator-group.tabulator-group-level-4 {\n padding-left: 90px;\n }\n\n .tabulator-row.tabulator-group.tabulator-group-level-5 {\n padding-left: 110px;\n }\n\n .tabulator-row.tabulator-group .tabulator-group-toggle {\n display: inline-block;\n }\n\n .tabulator-row.tabulator-group .tabulator-arrow {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: 16px;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 0;\n border-left: 6px solid #666;\n vertical-align: middle;\n }\n\n .tabulator-row.tabulator-group span {\n margin-left: 10px;\n color: #d00;\n }\n\n .tabulator-popup-container {\n position: absolute;\n display: inline-block;\n box-sizing: border-box;\n background: #fff;\n border: 1px solid #aaa;\n box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);\n font-size: 14px;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n z-index: 10000;\n }\n\n .tabulator-popup {\n padding: 5px;\n border-radius: 3px;\n }\n\n .tabulator-tooltip {\n max-width: Min(500px, 100%);\n padding: 3px 5px;\n border-radius: 2px;\n box-shadow: none;\n font-size: 12px;\n pointer-events: none;\n }\n\n .tabulator-menu .tabulator-menu-item {\n position: relative;\n box-sizing: border-box;\n padding: 5px 10px;\n user-select: none;\n }\n\n .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {\n opacity: 0.5;\n }\n\n .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {\n cursor: pointer;\n background: #efefef;\n }\n\n .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {\n padding-right: 25px;\n }\n\n .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after {\n display: inline-block;\n position: absolute;\n top: calc(5px + 0.4em);\n right: 10px;\n height: 7px;\n width: 7px;\n content: '';\n border-width: 1px 1px 0 0;\n border-style: solid;\n border-color: #aaa;\n vertical-align: top;\n transform: rotate(45deg);\n }\n\n .tabulator-menu .tabulator-menu-separator {\n border-top: 1px solid #aaa;\n }\n\n .tabulator-edit-list {\n max-height: 200px;\n font-size: 14px;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item {\n padding: 4px;\n color: #333;\n outline: none;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.active {\n color: #fff;\n background: #1d68cd;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.active.focused {\n outline: 1px solid rgba(255, 255, 255, 0.5);\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.focused {\n outline: 1px solid #1d68cd;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item:hover {\n cursor: pointer;\n color: #fff;\n background: #1d68cd;\n }\n\n .tabulator-edit-list .tabulator-edit-list-placeholder {\n padding: 4px;\n color: #333;\n text-align: center;\n }\n\n .tabulator-edit-list .tabulator-edit-list-group {\n border-bottom: 1px solid #aaa;\n padding: 4px;\n padding-top: 6px;\n color: #333;\n font-weight: bold;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2,\n .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2 {\n padding-left: 12px;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3,\n .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3 {\n padding-left: 20px;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4,\n .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4 {\n padding-left: 28px;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5,\n .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5 {\n padding-left: 36px;\n }\n\n .tabulator.tabulator-ltr {\n direction: ltr;\n }\n\n .tabulator.tabulator-rtl {\n text-align: initial;\n direction: rtl;\n }\n\n .tabulator.tabulator-rtl .tabulator-header .tabulator-col {\n text-align: initial;\n border-left: 1px solid #aaa;\n border-right: initial;\n }\n\n .tabulator.tabulator-rtl\n .tabulator-header\n .tabulator-col.tabulator-col-group\n .tabulator-col-group-cols {\n margin-right: initial;\n margin-left: -1px;\n }\n\n .tabulator.tabulator-rtl\n .tabulator-header\n .tabulator-col.tabulator-sortable\n .tabulator-col-title {\n padding-right: 0;\n padding-left: 25px;\n }\n\n .tabulator.tabulator-rtl\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-col-sorter {\n left: 8px;\n right: initial;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {\n border-right: initial;\n border-left: 1px solid #aaa;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {\n margin-right: initial;\n margin-left: 5px;\n border-bottom-left-radius: initial;\n border-bottom-right-radius: 1px;\n border-left: initial;\n border-right: 2px solid #aaa;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {\n margin-right: initial;\n margin-left: 5px;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {\n border-left: 2px solid #aaa;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {\n border-right: 2px solid #aaa;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {\n width: 3px;\n margin-left: 0;\n margin-right: -3px;\n }\n\n .tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {\n text-align: initial;\n }\n\n .tabulator-print-fullscreen {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 10000;\n }\n\n body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {\n display: none !important;\n }\n\n .tabulator-print-table {\n border-collapse: collapse;\n }\n\n .tabulator-print-table .tabulator-data-tree-branch {\n display: inline-block;\n vertical-align: middle;\n height: 9px;\n width: 7px;\n margin-top: -9px;\n margin-right: 5px;\n border-bottom-left-radius: 1px;\n border-left: 2px solid #aaa;\n border-bottom: 2px solid #aaa;\n }\n\n .tabulator-print-table .tabulator-print-table-group {\n box-sizing: border-box;\n border-bottom: 1px solid #999;\n border-right: 1px solid #aaa;\n border-top: 1px solid #999;\n padding: 5px;\n padding-left: 10px;\n background: #ccc;\n font-weight: bold;\n min-width: 100%;\n }\n\n .tabulator-print-table .tabulator-print-table-group:hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.1);\n }\n\n .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {\n margin-right: 10px;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-top: 6px solid #666;\n border-bottom: 0;\n }\n\n .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {\n padding-left: 30px !important;\n }\n\n .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {\n padding-left: 50px !important;\n }\n\n .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {\n padding-left: 70px !important;\n }\n\n .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {\n padding-left: 90px !important;\n }\n\n .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {\n padding-left: 110px !important;\n }\n\n .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {\n display: inline-block;\n }\n\n .tabulator-print-table .tabulator-print-table-group .tabulator-arrow {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: 16px;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 0;\n border-left: 6px solid #666;\n vertical-align: middle;\n }\n\n .tabulator-print-table .tabulator-print-table-group span {\n margin-left: 10px;\n color: #d00;\n }\n\n .tabulator-print-table .tabulator-data-tree-control {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n vertical-align: middle;\n height: 11px;\n width: 11px;\n margin-right: 5px;\n border: 1px solid #333;\n border-radius: 2px;\n background: rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n\n .tabulator-print-table .tabulator-data-tree-control:hover {\n cursor: pointer;\n background: rgba(0, 0, 0, 0.2);\n }\n\n .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {\n display: inline-block;\n position: relative;\n height: 7px;\n width: 1px;\n background: transparent;\n }\n\n .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {\n position: absolute;\n content: '';\n left: -3px;\n top: 3px;\n height: 1px;\n width: 7px;\n background: #333;\n }\n\n .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {\n display: inline-block;\n position: relative;\n height: 7px;\n width: 1px;\n background: #333;\n }\n\n .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {\n position: absolute;\n content: '';\n left: -3px;\n top: 3px;\n height: 1px;\n width: 7px;\n background: #333;\n }\n\n /*# sourceMappingURL=tabulator.css.map */\n`"
1109
+ "default": "css`\n .tabulator {\n position: relative;\n /* border: 1px solid #999; */\n background-color: #1f2126;\n font-size: 14px;\n text-align: left;\n overflow: hidden;\n -webkit-transform: translateZ(0);\n -moz-transform: translateZ(0);\n -ms-transform: translateZ(0);\n -o-transform: translateZ(0);\n transform: translateZ(0);\n scrollbar-color: rgb(46 48 53) rgb(31 33 38);\n }\n\n .tabulator[tabulator-layout='fitDataFill'] .tabulator-tableholder .tabulator-table {\n min-width: 100%;\n }\n\n .tabulator[tabulator-layout='fitDataTable'] {\n display: inline-block;\n }\n\n .tabulator.tabulator-block-select {\n user-select: none;\n }\n\n .tabulator .tabulator-header {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n border-bottom: 1px solid #7e9aa5;\n background-color: #202126;\n color: #879ba6;\n font-weight: bold;\n white-space: nowrap;\n overflow: hidden;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -o-user-select: none;\n }\n\n .tabulator .tabulator-header.tabulator-header-hidden {\n display: none;\n }\n\n .tabulator .tabulator-header .tabulator-header-contents {\n position: relative;\n overflow: hidden;\n }\n\n .tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {\n display: inline-block;\n }\n\n .tabulator .tabulator-header .tabulator-col {\n display: inline-flex;\n position: relative;\n box-sizing: border-box;\n flex-direction: column;\n justify-content: flex-start;\n border-right: 1px solid #7e9aa5;\n background-color: #202126;\n color: #879ba6;\n text-align: left;\n vertical-align: bottom;\n overflow: hidden;\n }\n\n .tabulator .tabulator-header .tabulator-col.tabulator-moving {\n position: absolute;\n border: 1px solid #999;\n background: #cdcdcd;\n pointer-events: none;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-col-content {\n box-sizing: border-box;\n position: relative;\n padding: 4px;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-header-popup-button {\n padding: 0 8px;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-header-popup-button:hover {\n cursor: pointer;\n opacity: 0.6;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {\n position: relative;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {\n box-sizing: border-box;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-col-title.tabulator-col-title-wrap {\n white-space: normal;\n text-overflow: initial;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-col-title\n .tabulator-title-editor {\n box-sizing: border-box;\n width: 100%;\n border: 1px solid #999;\n padding: 1px;\n background: #fff;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-col-title\n .tabulator-header-popup-button\n + .tabulator-title-editor {\n width: calc(100% - 22px);\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 4px;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-col-sorter\n .tabulator-arrow {\n width: 0;\n height: 0;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid #bbb;\n }\n\n .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {\n position: relative;\n display: flex;\n border-top: 1px solid #aaa;\n overflow: hidden;\n margin-right: -1px;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {\n position: relative;\n box-sizing: border-box;\n margin-top: 2px;\n width: 100%;\n text-align: center;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {\n height: auto !important;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {\n margin-top: 3px;\n }\n\n .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {\n width: 0;\n height: 0;\n }\n\n .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {\n padding-right: 25px;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {\n cursor: pointer;\n background-color: #2d2e34;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='none']\n .tabulator-col-content\n .tabulator-col-sorter {\n color: #bbb;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='none']\n .tabulator-col-content\n .tabulator-col-sorter.tabulator-col-sorter-element\n .tabulator-arrow:hover {\n cursor: pointer;\n border-bottom: 6px solid #555;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='none']\n .tabulator-col-content\n .tabulator-col-sorter\n .tabulator-arrow {\n border-top: none;\n border-bottom: 6px solid #bbb;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='ascending']\n .tabulator-col-content\n .tabulator-col-sorter {\n color: #666;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='ascending']\n .tabulator-col-content\n .tabulator-col-sorter.tabulator-col-sorter-element\n .tabulator-arrow:hover {\n cursor: pointer;\n border-bottom: 6px solid #555;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='ascending']\n .tabulator-col-content\n .tabulator-col-sorter\n .tabulator-arrow {\n border-top: none;\n border-bottom: 6px solid #666;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='descending']\n .tabulator-col-content\n .tabulator-col-sorter {\n color: #666;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='descending']\n .tabulator-col-content\n .tabulator-col-sorter.tabulator-col-sorter-element\n .tabulator-arrow:hover {\n cursor: pointer;\n border-top: 6px solid #555;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable[aria-sort='descending']\n .tabulator-col-content\n .tabulator-col-sorter\n .tabulator-arrow {\n border-bottom: none;\n border-top: 6px solid #666;\n color: #666;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-col-vertical\n .tabulator-col-content\n .tabulator-col-title {\n writing-mode: vertical-rl;\n text-orientation: mixed;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip\n .tabulator-col-title {\n transform: rotate(180deg);\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-col-vertical.tabulator-sortable\n .tabulator-col-title {\n padding-right: 0;\n padding-top: 20px;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip\n .tabulator-col-title {\n padding-right: 0;\n padding-bottom: 20px;\n }\n\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-col-vertical.tabulator-sortable\n .tabulator-col-sorter {\n justify-content: center;\n left: 0;\n right: 0;\n top: 4px;\n bottom: auto;\n }\n\n .tabulator .tabulator-header .tabulator-frozen {\n position: sticky;\n left: 0;\n z-index: 10;\n }\n\n .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {\n border-right: 2px solid #aaa;\n }\n\n .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {\n border-left: 2px solid #aaa;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder {\n box-sizing: border-box;\n background: #f3f3f3 !important;\n border-top: 1px solid #aaa;\n border-bottom: 1px solid #aaa;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {\n background: #f3f3f3 !important;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {\n display: none;\n }\n\n .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {\n display: none;\n }\n\n .tabulator .tabulator-tableholder {\n position: relative;\n width: 100%;\n white-space: nowrap;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .tabulator-tableholder::-webkit-scrollbar {\n width: 12px;\n /* width of the entire scrollbar */\n }\n\n .tabulator-tableholder::-webkit-scrollbar-track {\n background: #333;\n /* color of the tracking area */\n }\n\n .tabulator-tableholder::-webkit-scrollbar-thumb {\n background-color: #666;\n /* color of the scroll thumb */\n border-radius: 20px;\n /* roundness of the scroll thumb */\n border: 3px solid #333;\n /* creates padding around scroll thumb */\n }\n\n .tabulator-tableholder::-webkit-scrollbar-corner {\n background: #222;\n }\n\n .tabulator .tabulator-tableholder:focus {\n outline: none;\n }\n\n .tabulator .tabulator-tableholder .tabulator-placeholder {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n }\n\n .tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode='virtual'] {\n min-height: 100%;\n min-width: 100%;\n }\n\n .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {\n display: inline-block;\n text-align: center;\n padding: 10px;\n color: #ccc;\n font-weight: bold;\n font-size: 20px;\n white-space: normal;\n }\n\n .tabulator .tabulator-tableholder .tabulator-table {\n position: relative;\n display: inline-block;\n background-color: #fff;\n white-space: nowrap;\n overflow: visible;\n color: #333;\n }\n\n .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {\n font-weight: bold;\n background: #e2e2e2 !important;\n }\n\n .tabulator\n .tabulator-tableholder\n .tabulator-table\n .tabulator-row.tabulator-calcs.tabulator-calcs-top {\n border-bottom: 2px solid #aaa;\n }\n\n .tabulator\n .tabulator-tableholder\n .tabulator-table\n .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {\n border-top: 2px solid #aaa;\n }\n\n .tabulator .tabulator-footer {\n border-top: 1px solid #999;\n background-color: #e6e6e6;\n color: #555;\n font-weight: bold;\n white-space: nowrap;\n user-select: none;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -o-user-select: none;\n }\n\n .tabulator .tabulator-footer .tabulator-footer-contents {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 5px 10px;\n }\n\n .tabulator .tabulator-footer .tabulator-footer-contents:empty {\n display: none;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder {\n box-sizing: border-box;\n width: 100%;\n text-align: left;\n background: #f3f3f3 !important;\n border-bottom: 1px solid #aaa;\n border-top: 1px solid #aaa;\n overflow: hidden;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {\n display: inline-block;\n background: #f3f3f3 !important;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {\n display: none;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {\n margin-bottom: -5px;\n border-bottom: none;\n }\n\n .tabulator .tabulator-footer > * + .tabulator-page-counter {\n margin-left: 10px;\n }\n\n .tabulator .tabulator-footer .tabulator-page-counter {\n font-weight: normal;\n }\n\n .tabulator .tabulator-footer .tabulator-paginator {\n flex: 1;\n text-align: right;\n color: #555;\n font-family: inherit;\n font-weight: inherit;\n font-size: inherit;\n }\n\n .tabulator .tabulator-footer .tabulator-page-size {\n display: inline-block;\n margin: 0 5px;\n padding: 2px 5px;\n border: 1px solid #aaa;\n border-radius: 3px;\n }\n\n .tabulator .tabulator-footer .tabulator-pages {\n margin: 0 7px;\n }\n\n .tabulator .tabulator-footer .tabulator-page {\n display: inline-block;\n margin: 0 2px;\n padding: 2px 5px;\n border: 1px solid #aaa;\n border-radius: 3px;\n background: rgba(255, 255, 255, 0.2);\n }\n\n .tabulator .tabulator-footer .tabulator-page.active {\n color: #d00;\n }\n\n .tabulator .tabulator-footer .tabulator-page:disabled {\n opacity: 0.5;\n }\n\n .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {\n cursor: pointer;\n background: rgba(0, 0, 0, 0.2);\n color: #fff;\n }\n\n .tabulator .tabulator-col-resize-handle {\n position: relative;\n display: inline-block;\n width: 6px;\n margin-left: -3px;\n margin-right: -3px;\n z-index: 10;\n vertical-align: middle;\n }\n\n .tabulator .tabulator-col-resize-handle:hover {\n cursor: ew-resize;\n }\n\n .tabulator .tabulator-col-resize-handle:last-of-type {\n width: 3px;\n margin-right: 0;\n }\n\n .tabulator .tabulator-alert {\n position: absolute;\n display: flex;\n align-items: center;\n top: 0;\n left: 0;\n z-index: 100;\n height: 100%;\n width: 100%;\n background: rgba(0, 0, 0, 0.4);\n text-align: center;\n }\n\n .tabulator .tabulator-alert .tabulator-alert-msg {\n display: inline-block;\n margin: 0 auto;\n padding: 10px 20px;\n border-radius: 10px;\n background: #fff;\n font-weight: bold;\n font-size: 16px;\n }\n\n .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {\n border: 4px solid #333;\n color: #000;\n }\n\n .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {\n border: 4px solid #d00;\n color: #590000;\n }\n\n .tabulator-row {\n position: relative;\n box-sizing: border-box;\n min-height: 22px;\n background-color: #1f2126;\n color: #cccccc;\n border-bottom: 1px solid #2f3237;\n }\n\n .tabulator-row.tabulator-row-even {\n background-color: #1f2126;\n }\n\n .tabulator-row.tabulator-selectable:hover {\n background-color: #2d2e34;\n cursor: pointer;\n }\n\n .tabulator-row.tabulator-selected {\n background-color: #9abcea;\n }\n\n .tabulator-row.tabulator-selected:hover {\n background-color: #769bcc;\n cursor: pointer;\n }\n\n .tabulator-row.tabulator-row-moving {\n border: 1px solid #000;\n background: #fff;\n }\n\n .tabulator-row.tabulator-moving {\n position: absolute;\n border-top: 1px solid #aaa;\n border-bottom: 1px solid #aaa;\n pointer-events: none;\n z-index: 15;\n }\n\n .tabulator-row .tabulator-row-resize-handle {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 5px;\n }\n\n .tabulator-row .tabulator-row-resize-handle.prev {\n top: 0;\n bottom: auto;\n }\n\n .tabulator-row .tabulator-row-resize-handle:hover {\n cursor: ns-resize;\n }\n\n .tabulator-row .tabulator-responsive-collapse {\n box-sizing: border-box;\n padding: 5px;\n border-top: 1px solid #aaa;\n border-bottom: 1px solid #aaa;\n }\n\n .tabulator-row .tabulator-responsive-collapse:empty {\n display: none;\n }\n\n .tabulator-row .tabulator-responsive-collapse table {\n font-size: 14px;\n }\n\n .tabulator-row .tabulator-responsive-collapse table tr td {\n position: relative;\n }\n\n .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {\n padding-right: 10px;\n }\n\n .tabulator-row .tabulator-cell {\n align-items: center;\n background-color: inherit;\n display: inline-flex;\n position: unset;\n box-sizing: border-box;\n padding: 4px 8px;\n /* border-right: 1px solid #aaa; */\n vertical-align: middle;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .tabulator-row .tabulator-cell.tabulator-frozen {\n display: inline-flex;\n position: sticky;\n left: 0;\n background-color: inherit;\n z-index: 10;\n }\n\n .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {\n border-right: 2px solid #aaa;\n }\n\n .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {\n border-left: 2px solid #aaa;\n }\n\n .tabulator-row .tabulator-cell.tabulator-editing {\n border: 1px solid #1d68cd;\n outline: none;\n padding: 0;\n }\n\n .tabulator-row .tabulator-cell.tabulator-editing input,\n .tabulator-row .tabulator-cell.tabulator-editing select {\n border: 1px;\n background: transparent;\n outline: none;\n }\n\n .tabulator-row .tabulator-cell.tabulator-validation-fail {\n border: 1px solid #dd0000;\n }\n\n .tabulator-row .tabulator-cell.tabulator-validation-fail input,\n .tabulator-row .tabulator-cell.tabulator-validation-fail select {\n border: 1px;\n background: transparent;\n color: #dd0000;\n }\n\n .tabulator-row .tabulator-cell.tabulator-row-handle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -o-user-select: none;\n }\n\n .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {\n width: 80%;\n }\n\n .tabulator-row\n .tabulator-cell.tabulator-row-handle\n .tabulator-row-handle-box\n .tabulator-row-handle-bar {\n width: 100%;\n height: 3px;\n margin-top: 2px;\n background: #666;\n }\n\n .tabulator-row .tabulator-cell .tabulator-data-tree-branch {\n display: inline-block;\n vertical-align: middle;\n height: 9px;\n width: 7px;\n margin-top: -9px;\n margin-right: 5px;\n border-bottom-left-radius: 1px;\n border-left: 2px solid #aaa;\n border-bottom: 2px solid #aaa;\n }\n\n .tabulator-row .tabulator-cell .tabulator-data-tree-control {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n vertical-align: middle;\n height: 11px;\n width: 11px;\n margin-right: 5px;\n border: 1px solid #333;\n border-radius: 2px;\n background: rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n\n .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {\n cursor: pointer;\n background: rgba(0, 0, 0, 0.2);\n }\n\n .tabulator-row\n .tabulator-cell\n .tabulator-data-tree-control\n .tabulator-data-tree-control-collapse {\n display: inline-block;\n position: relative;\n height: 7px;\n width: 1px;\n background: transparent;\n }\n\n .tabulator-row\n .tabulator-cell\n .tabulator-data-tree-control\n .tabulator-data-tree-control-collapse:after {\n position: absolute;\n content: '';\n left: -3px;\n top: 3px;\n height: 1px;\n width: 7px;\n background: #333;\n }\n\n .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {\n display: inline-block;\n position: relative;\n height: 7px;\n width: 1px;\n background: #333;\n }\n\n .tabulator-row\n .tabulator-cell\n .tabulator-data-tree-control\n .tabulator-data-tree-control-expand:after {\n position: absolute;\n content: '';\n left: -3px;\n top: 3px;\n height: 1px;\n width: 7px;\n background: #333;\n }\n\n .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -o-user-select: none;\n height: 15px;\n width: 15px;\n border-radius: 20px;\n background: #666;\n color: #fff;\n font-weight: bold;\n font-size: 1.1em;\n }\n\n .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {\n opacity: 0.7;\n cursor: pointer;\n }\n\n .tabulator-row\n .tabulator-cell\n .tabulator-responsive-collapse-toggle.open\n .tabulator-responsive-collapse-toggle-close {\n display: initial;\n }\n\n .tabulator-row\n .tabulator-cell\n .tabulator-responsive-collapse-toggle.open\n .tabulator-responsive-collapse-toggle-open {\n display: none;\n }\n\n .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {\n stroke: #fff;\n }\n\n .tabulator-row\n .tabulator-cell\n .tabulator-responsive-collapse-toggle\n .tabulator-responsive-collapse-toggle-close {\n display: none;\n }\n\n .tabulator-row .tabulator-cell .tabulator-traffic-light {\n display: inline-block;\n height: 14px;\n width: 14px;\n border-radius: 14px;\n }\n\n .tabulator-row.tabulator-group {\n box-sizing: border-box;\n border-bottom: 1px solid #999;\n border-right: 1px solid #aaa;\n border-top: 1px solid #999;\n padding: 5px;\n padding-left: 10px;\n background: #ccc;\n font-weight: bold;\n min-width: 100%;\n }\n\n .tabulator-row.tabulator-group:hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.1);\n }\n\n .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {\n margin-right: 10px;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-top: 6px solid #666;\n border-bottom: 0;\n }\n\n .tabulator-row.tabulator-group.tabulator-group-level-1 {\n padding-left: 30px;\n }\n\n .tabulator-row.tabulator-group.tabulator-group-level-2 {\n padding-left: 50px;\n }\n\n .tabulator-row.tabulator-group.tabulator-group-level-3 {\n padding-left: 70px;\n }\n\n .tabulator-row.tabulator-group.tabulator-group-level-4 {\n padding-left: 90px;\n }\n\n .tabulator-row.tabulator-group.tabulator-group-level-5 {\n padding-left: 110px;\n }\n\n .tabulator-row.tabulator-group .tabulator-group-toggle {\n display: inline-block;\n }\n\n .tabulator-row.tabulator-group .tabulator-arrow {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: 16px;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 0;\n border-left: 6px solid #666;\n vertical-align: middle;\n }\n\n .tabulator-row.tabulator-group span {\n margin-left: 10px;\n color: #d00;\n }\n\n .tabulator-popup-container {\n position: absolute;\n display: inline-block;\n box-sizing: border-box;\n background: #fff;\n border: 1px solid #aaa;\n box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);\n font-size: 14px;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n z-index: 10000;\n }\n\n .tabulator-popup {\n padding: 5px;\n border-radius: 3px;\n }\n\n .tabulator-tooltip {\n max-width: Min(500px, 100%);\n padding: 3px 5px;\n border-radius: 2px;\n box-shadow: none;\n font-size: 12px;\n pointer-events: none;\n }\n\n .tabulator-menu .tabulator-menu-item {\n position: relative;\n box-sizing: border-box;\n padding: 5px 10px;\n user-select: none;\n }\n\n .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {\n opacity: 0.5;\n }\n\n .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {\n cursor: pointer;\n background: #efefef;\n }\n\n .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {\n padding-right: 25px;\n }\n\n .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after {\n display: inline-block;\n position: absolute;\n top: calc(5px + 0.4em);\n right: 10px;\n height: 7px;\n width: 7px;\n content: '';\n border-width: 1px 1px 0 0;\n border-style: solid;\n border-color: #aaa;\n vertical-align: top;\n transform: rotate(45deg);\n }\n\n .tabulator-menu .tabulator-menu-separator {\n border-top: 1px solid #aaa;\n }\n\n .tabulator-edit-list {\n max-height: 200px;\n font-size: 14px;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item {\n padding: 4px;\n color: #333;\n outline: none;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.active {\n color: #fff;\n background: #1d68cd;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.active.focused {\n outline: 1px solid rgba(255, 255, 255, 0.5);\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.focused {\n outline: 1px solid #1d68cd;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item:hover {\n cursor: pointer;\n color: #fff;\n background: #1d68cd;\n }\n\n .tabulator-edit-list .tabulator-edit-list-placeholder {\n padding: 4px;\n color: #333;\n text-align: center;\n }\n\n .tabulator-edit-list .tabulator-edit-list-group {\n border-bottom: 1px solid #aaa;\n padding: 4px;\n padding-top: 6px;\n color: #333;\n font-weight: bold;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2,\n .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2 {\n padding-left: 12px;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3,\n .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3 {\n padding-left: 20px;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4,\n .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4 {\n padding-left: 28px;\n }\n\n .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5,\n .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5 {\n padding-left: 36px;\n }\n\n .tabulator.tabulator-ltr {\n direction: ltr;\n }\n\n .tabulator.tabulator-rtl {\n text-align: initial;\n direction: rtl;\n }\n\n .tabulator.tabulator-rtl .tabulator-header .tabulator-col {\n text-align: initial;\n border-left: 1px solid #aaa;\n border-right: initial;\n }\n\n .tabulator.tabulator-rtl\n .tabulator-header\n .tabulator-col.tabulator-col-group\n .tabulator-col-group-cols {\n margin-right: initial;\n margin-left: -1px;\n }\n\n .tabulator.tabulator-rtl\n .tabulator-header\n .tabulator-col.tabulator-sortable\n .tabulator-col-title {\n padding-right: 0;\n padding-left: 25px;\n }\n\n .tabulator.tabulator-rtl\n .tabulator-header\n .tabulator-col\n .tabulator-col-content\n .tabulator-col-sorter {\n left: 8px;\n right: initial;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {\n border-right: initial;\n border-left: 1px solid #aaa;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {\n margin-right: initial;\n margin-left: 5px;\n border-bottom-left-radius: initial;\n border-bottom-right-radius: 1px;\n border-left: initial;\n border-right: 2px solid #aaa;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {\n margin-right: initial;\n margin-left: 5px;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {\n border-left: 2px solid #aaa;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {\n border-right: 2px solid #aaa;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {\n width: 3px;\n margin-left: 0;\n margin-right: -3px;\n }\n\n .tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {\n text-align: initial;\n }\n\n .tabulator-print-fullscreen {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 10000;\n }\n\n body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {\n display: none !important;\n }\n\n .tabulator-print-table {\n border-collapse: collapse;\n }\n\n .tabulator-print-table .tabulator-data-tree-branch {\n display: inline-block;\n vertical-align: middle;\n height: 9px;\n width: 7px;\n margin-top: -9px;\n margin-right: 5px;\n border-bottom-left-radius: 1px;\n border-left: 2px solid #aaa;\n border-bottom: 2px solid #aaa;\n }\n\n .tabulator-print-table .tabulator-print-table-group {\n box-sizing: border-box;\n border-bottom: 1px solid #999;\n border-right: 1px solid #aaa;\n border-top: 1px solid #999;\n padding: 5px;\n padding-left: 10px;\n background: #ccc;\n font-weight: bold;\n min-width: 100%;\n }\n\n .tabulator-print-table .tabulator-print-table-group:hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.1);\n }\n\n .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {\n margin-right: 10px;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-top: 6px solid #666;\n border-bottom: 0;\n }\n\n .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {\n padding-left: 30px !important;\n }\n\n .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {\n padding-left: 50px !important;\n }\n\n .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {\n padding-left: 70px !important;\n }\n\n .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {\n padding-left: 90px !important;\n }\n\n .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {\n padding-left: 110px !important;\n }\n\n .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {\n display: inline-block;\n }\n\n .tabulator-print-table .tabulator-print-table-group .tabulator-arrow {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: 16px;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 0;\n border-left: 6px solid #666;\n vertical-align: middle;\n }\n\n .tabulator-print-table .tabulator-print-table-group span {\n margin-left: 10px;\n color: #d00;\n }\n\n .tabulator-print-table .tabulator-data-tree-control {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n vertical-align: middle;\n height: 11px;\n width: 11px;\n margin-right: 5px;\n border: 1px solid #333;\n border-radius: 2px;\n background: rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n\n .tabulator-print-table .tabulator-data-tree-control:hover {\n cursor: pointer;\n background: rgba(0, 0, 0, 0.2);\n }\n\n .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {\n display: inline-block;\n position: relative;\n height: 7px;\n width: 1px;\n background: transparent;\n }\n\n .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {\n position: absolute;\n content: '';\n left: -3px;\n top: 3px;\n height: 1px;\n width: 7px;\n background: #333;\n }\n\n .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {\n display: inline-block;\n position: relative;\n height: 7px;\n width: 1px;\n background: #333;\n }\n\n .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {\n position: absolute;\n content: '';\n left: -3px;\n top: 3px;\n height: 1px;\n width: 7px;\n background: #333;\n }\n\n /*# sourceMappingURL=tabulator.css.map */\n`"
888
1110
  }
889
1111
  ],
890
1112
  "exports": [
@@ -916,7 +1138,7 @@
916
1138
  "type": {
917
1139
  "text": "string"
918
1140
  },
919
- "default": "'ag-theme-genesis-rapid'"
1141
+ "default": "'tabulator-theme-genesis-rapid'"
920
1142
  },
921
1143
  {
922
1144
  "kind": "variable",
@@ -934,7 +1156,7 @@
934
1156
  {
935
1157
  "kind": "variable",
936
1158
  "name": "themeGenesisRapidDark",
937
- "default": "css`\n ${themeGenesisRapidCSS}\n ${themeTokenMapCSS(themeGenesisRapidDarkName, themeGenesisRapidTokenMap)}\n\n .${themeGenesisRapidDarkName} {\n ${mixinRobotoFont()}\n }\n\n .${themeGenesisRapidDarkName} .ag-header {\n border-bottom-color: var(--rapid-ag-header-foreground-color);\n font-weight: bold;\n }\n\n .${themeGenesisRapidDarkName} .ag-cell {\n line-height: var(--ag-line-height, 32px);\n }\n\n .${themeGenesisRapidDarkName} .ag-root-wrapper {\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n`"
1159
+ "default": "css`\n ${themeGenesisRapidCSS}\n ${themeTokenMapCSS(themeGenesisRapidDarkName, themeGenesisRapidTokenMap)}\n\n .${themeGenesisRapidDarkName} {\n ${mixinRobotoFont()}\n }\n`"
938
1160
  }
939
1161
  ],
940
1162
  "exports": [
@@ -0,0 +1,23 @@
1
+ import { ActionRenderer } from '@genesislcap/grid-tabulator';
2
+ /**
3
+ * @tagname %%prefix%%-grid-tabulator-action-renderer
4
+ */
5
+ export declare class ZeroTabulatorActionRenderer extends ActionRenderer {
6
+ }
7
+ /**
8
+ * The Zero Action Renderer
9
+ *
10
+ * @public
11
+ * @remarks
12
+ * HTML Element: \<zero-grid-tabulator-action-renderer\>
13
+ */
14
+ export declare const zeroTabulatorActionRenderer: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
15
+ baseName: string;
16
+ styles: import("@microsoft/fast-element").ElementStyles;
17
+ template: import("@microsoft/fast-element").ViewTemplate<ZeroTabulatorActionRenderer, any>;
18
+ }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
19
+ baseName: string;
20
+ styles: import("@microsoft/fast-element").ElementStyles;
21
+ template: import("@microsoft/fast-element").ViewTemplate<ZeroTabulatorActionRenderer, any>;
22
+ }, typeof ZeroTabulatorActionRenderer>;
23
+ //# sourceMappingURL=action.renderer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"action.renderer.d.ts","sourceRoot":"","sources":["../../../src/cell-renderers/action.renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiC,MAAM,6BAA6B,CAAC;AAG5F;;GAEG;AACH,qBAAa,2BAA4B,SAAQ,cAAc;CAAG;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B;;;;;;;;sCAyBtC,CAAC"}
@@ -1,2 +1,2 @@
1
- export {};
1
+ export * from './action.renderer';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cell-renderers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cell-renderers/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
@@ -1,5 +1,5 @@
1
- import { GridOptions } from '@ag-grid-community/core';
2
1
  import { GridTabulator } from '@genesislcap/grid-tabulator';
2
+ import { Options } from 'tabulator-tables';
3
3
  /**
4
4
  * @tagname %%prefix%%-grid-tabulator
5
5
  */
@@ -14,7 +14,7 @@ export declare class ZeroGridTabulator extends GridTabulator {
14
14
  * Handles extra ZERO configs
15
15
  * @override
16
16
  */
17
- set gridOptions(options: GridOptions);
17
+ set gridOptions(options: Options);
18
18
  }
19
19
  export declare const zeroGridTabulatorShadowOptions: ShadowRootInit;
20
20
  export declare const zeroGridTabulatorDefaultConfig: {
@@ -1 +1 @@
1
- {"version":3,"file":"grid-tabulator.d.ts","sourceRoot":"","sources":["../../src/grid-tabulator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EACL,aAAa,EAGd,MAAM,6BAA6B,CAAC;AASrC;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,aAAa;IAClD;;;OAGG;IACH,KAAK,SAAqB;IAC1B,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK/C;;;OAGG;IACH,IAAI,WAAW,CAAC,OAAO,EAAE,WAAW,EAgBnC;CACF;AAGD,eAAO,MAAM,8BAA8B,EAAE,cAA2C,CAAC;AACzF,eAAO,MAAM,8BAA8B;;CAA6B,CAAC;AAEzE,eAAO,MAAM,iBAAiB;;;;;;;;;;4BAM5B,CAAC"}
1
+ {"version":3,"file":"grid-tabulator.d.ts","sourceRoot":"","sources":["../../src/grid-tabulator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAGd,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAQ3C;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,aAAa;IAClD;;;OAGG;IACH,KAAK,SAAqB;IAC1B,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK/C;;;OAGG;IACH,IAAI,WAAW,CAAC,OAAO,EAAE,OAAO,EAgB/B;CACF;AAGD,eAAO,MAAM,8BAA8B,EAAE,cAA2C,CAAC;AACzF,eAAO,MAAM,8BAA8B;;CAA6B,CAAC;AAEzE,eAAO,MAAM,iBAAiB;;;;;;;;;;4BAM5B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"theme-genesis-rapid-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/genesis-rapid/theme-genesis-rapid-css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,iDA4yChC,CAAC"}
1
+ {"version":3,"file":"theme-genesis-rapid-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/genesis-rapid/theme-genesis-rapid-css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,iDA6yChC,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { CSSVarTokenMap } from '@genesislcap/foundation-ui';
2
2
  import { GridCSSVars } from '@genesislcap/grid-tabulator';
3
3
  export declare const themeGenesisRapidTokenMap: CSSVarTokenMap<GridCSSVars | string>;
4
- export declare const themeGenesisRapidName = "ag-theme-genesis-rapid";
4
+ export declare const themeGenesisRapidName = "tabulator-theme-genesis-rapid";
5
5
  export declare const themeGenesisRapid: import("@microsoft/fast-element").ElementStyles;
6
6
  export declare const themeGenesisRapidDarkName = "tabulator-theme-genesis-rapid-dark";
7
7
  export declare const themeGenesisRapidDark: import("@microsoft/fast-element").ElementStyles;
@@ -1 +1 @@
1
- {"version":3,"file":"theme-genesis-rapid.d.ts","sourceRoot":"","sources":["../../../../src/themes/genesis-rapid/theme-genesis-rapid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAoB,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAM5E,eAAO,MAAM,yBAAyB,EAAE,cAAc,CAAC,WAAW,GAAG,MAAM,CAc1E,CAAC;AAEF,eAAO,MAAM,qBAAqB,2BAA2B,CAAC;AAE9D,eAAO,MAAM,iBAAiB,iDAO7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,uCAAuC,CAAC;AAE9E,eAAO,MAAM,qBAAqB,iDAoBjC,CAAC"}
1
+ {"version":3,"file":"theme-genesis-rapid.d.ts","sourceRoot":"","sources":["../../../../src/themes/genesis-rapid/theme-genesis-rapid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAoB,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAM5E,eAAO,MAAM,yBAAyB,EAAE,cAAc,CAAC,WAAW,GAAG,MAAM,CAc1E,CAAC;AAEF,eAAO,MAAM,qBAAqB,kCAAkC,CAAC;AAErE,eAAO,MAAM,iBAAiB,iDAO7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,uCAAuC,CAAC;AAE9E,eAAO,MAAM,qBAAqB,iDAOjC,CAAC"}
@@ -0,0 +1,39 @@
1
+ import { ActionRenderer, tabulatorActionRendererStyles } from '@genesislcap/grid-tabulator';
2
+ import { css, html } from '@microsoft/fast-element';
3
+ /**
4
+ * @tagname %%prefix%%-grid-tabulator-action-renderer
5
+ */
6
+ export class ZeroTabulatorActionRenderer extends ActionRenderer {
7
+ }
8
+ /**
9
+ * The Zero Action Renderer
10
+ *
11
+ * @public
12
+ * @remarks
13
+ * HTML Element: \<zero-grid-tabulator-action-renderer\>
14
+ */
15
+ export const zeroTabulatorActionRenderer = ZeroTabulatorActionRenderer.compose({
16
+ baseName: 'grid-tabulator-action-renderer',
17
+ styles: css `
18
+ ${tabulatorActionRendererStyles}
19
+ `,
20
+ template: html `
21
+ <div class="action-container" part="action-container">
22
+ <zero-button
23
+ class="action-renderer"
24
+ part="action-renderer"
25
+ aria-label=${(x) => x.params.actionName}
26
+ data-test-id="${(x) => x.dataTestId}"
27
+ ?disabled=${(x) => x.pendingAction}
28
+ appearance="${(x) => x.params.appearance}"
29
+ @click=${(x) => x.clickHandler()}
30
+ >
31
+ ${(x) => x.params.contentTemplate
32
+ ? html `
33
+ ${x.params.contentTemplate}
34
+ `
35
+ : x.params.actionName}
36
+ </zero-button>
37
+ </div>
38
+ `,
39
+ });
@@ -1 +1 @@
1
- export {};
1
+ export * from './action.renderer';
@@ -2,7 +2,7 @@ import { GridTabulator, defaultGridTabulatorConfig, gridTabulatorShadowOptions,
2
2
  import { zeroGridTabulatorStyles as styles } from './grid-tabulator.styles';
3
3
  import { zeroGridTabulatorTemplate as template } from './grid-tabulator.template';
4
4
  import { themeGenesisRapidDarkName, themeGenesisRapidName } from './themes';
5
- const defaultRowHeaderHeight = 34;
5
+ const defaultRowHeaderHeight = 40;
6
6
  const defaultRapidTheme = 'tabulator-theme-genesis-rapid-dark';
7
7
  /**
8
8
  * @tagname %%prefix%%-grid-tabulator
@@ -6,7 +6,7 @@ export const zeroGridTabulatorStyles = css `
6
6
 
7
7
  /* gridTabulatorStyles */
8
8
 
9
- /* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
9
+ /* 100% custom, CSS based, our own name: tabulator-theme-genesis-rapid */
10
10
  ${themeGenesisRapid}
11
11
  ${themeGenesisRapidDark}
12
12
 
@@ -691,11 +691,12 @@ export const themeGenesisRapidCSS = css `
691
691
  }
692
692
 
693
693
  .tabulator-row .tabulator-cell {
694
+ align-items: center;
694
695
  background-color: inherit;
695
- display: inline-block;
696
- position: relative;
696
+ display: inline-flex;
697
+ position: unset;
697
698
  box-sizing: border-box;
698
- padding: 4px;
699
+ padding: 4px 8px;
699
700
  /* border-right: 1px solid #aaa; */
700
701
  vertical-align: middle;
701
702
  white-space: nowrap;
@@ -704,7 +705,7 @@ export const themeGenesisRapidCSS = css `
704
705
  }
705
706
 
706
707
  .tabulator-row .tabulator-cell.tabulator-frozen {
707
- display: inline-block;
708
+ display: inline-flex;
708
709
  position: sticky;
709
710
  left: 0;
710
711
  background-color: inherit;
@@ -18,7 +18,7 @@ export const themeGenesisRapidTokenMap = {
18
18
  // [GridCSSVars.inputFocusBorderColor]: gridThemeGenesisRapidTokens.headerForegroundColor,
19
19
  // [GridCSSVars.headerColumnResizeHandleColor]: gridThemeGenesisRapidTokens.headerForegroundColor,
20
20
  };
21
- export const themeGenesisRapidName = 'ag-theme-genesis-rapid';
21
+ export const themeGenesisRapidName = 'tabulator-theme-genesis-rapid';
22
22
  export const themeGenesisRapid = css `
23
23
  ${themeGenesisRapidCSS}
24
24
  ${themeTokenMapCSS(themeGenesisRapidName, themeGenesisRapidTokenMap)}
@@ -35,17 +35,4 @@ export const themeGenesisRapidDark = css `
35
35
  .${themeGenesisRapidDarkName} {
36
36
  ${mixinRobotoFont()}
37
37
  }
38
-
39
- .${themeGenesisRapidDarkName} .ag-header {
40
- border-bottom-color: var(--rapid-ag-header-foreground-color);
41
- font-weight: bold;
42
- }
43
-
44
- .${themeGenesisRapidDarkName} .ag-cell {
45
- line-height: var(--ag-line-height, 32px);
46
- }
47
-
48
- .${themeGenesisRapidDarkName} .ag-root-wrapper {
49
- border-radius: calc(var(--control-corner-radius) * 1px);
50
- }
51
38
  `;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-zero-grid-tabulator",
3
3
  "description": "Genesis Foundation Zero Grid Tabulator",
4
- "version": "14.127.4",
4
+ "version": "14.127.5",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "license": "SEE LICENSE IN license.txt",
@@ -25,15 +25,15 @@
25
25
  "serve": "genx serve"
26
26
  },
27
27
  "devDependencies": {
28
- "@genesislcap/genx": "14.127.4",
28
+ "@genesislcap/genx": "14.127.5",
29
29
  "rimraf": "^3.0.2"
30
30
  },
31
31
  "dependencies": {
32
- "@genesislcap/foundation-comms": "14.127.4",
33
- "@genesislcap/foundation-ui": "14.127.4",
34
- "@genesislcap/foundation-utils": "14.127.4",
35
- "@genesislcap/foundation-zero": "14.127.4",
36
- "@genesislcap/grid-tabulator": "14.127.4",
32
+ "@genesislcap/foundation-comms": "14.127.5",
33
+ "@genesislcap/foundation-ui": "14.127.5",
34
+ "@genesislcap/foundation-utils": "14.127.5",
35
+ "@genesislcap/foundation-zero": "14.127.5",
36
+ "@genesislcap/grid-tabulator": "14.127.5",
37
37
  "@microsoft/fast-colors": "^5.3.1",
38
38
  "@microsoft/fast-components": "^2.30.6",
39
39
  "@microsoft/fast-element": "^1.12.0",
@@ -42,9 +42,7 @@
42
42
  "tslib": "^2.3.1"
43
43
  },
44
44
  "peerDependencies": {
45
- "@ag-grid-community/client-side-row-model": "29.2.0",
46
- "@ag-grid-community/core": "29.2.0",
47
- "@ag-grid-community/csv-export": "29.2.0"
45
+ "tabulator-tables": "^5.5.2"
48
46
  },
49
47
  "repository": {
50
48
  "type": "git",
@@ -55,5 +53,5 @@
55
53
  "access": "public"
56
54
  },
57
55
  "customElements": "dist/custom-elements.json",
58
- "gitHead": "c33b055140917037d95b26b0a6c7e4be4132f354"
56
+ "gitHead": "0264e691e3bb631c39ec62f560950d0ca3dcdafa"
59
57
  }