@genesislcap/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.
Files changed (18) hide show
  1. package/dist/custom-elements.json +243 -3
  2. package/dist/dts/cell-renderers/action.renderer.d.ts +80 -0
  3. package/dist/dts/cell-renderers/action.renderer.d.ts.map +1 -0
  4. package/dist/dts/cell-renderers/index.d.ts +1 -1
  5. package/dist/dts/cell-renderers/index.d.ts.map +1 -1
  6. package/dist/dts/datasource/client-side.datasource.d.ts +9 -8
  7. package/dist/dts/datasource/client-side.datasource.d.ts.map +1 -1
  8. package/dist/dts/grid-tabulator.components.d.ts +9 -0
  9. package/dist/dts/grid-tabulator.components.d.ts.map +1 -1
  10. package/dist/dts/grid-tabulator.types.d.ts +1 -1
  11. package/dist/esm/cell-renderers/action.renderer.js +107 -0
  12. package/dist/esm/cell-renderers/index.js +1 -1
  13. package/dist/esm/datasource/client-side.datasource.js +34 -6
  14. package/dist/esm/external/tabulator-theme-simple-css.js +4 -4
  15. package/dist/esm/grid-tabulator.components.js +7 -8
  16. package/dist/esm/grid-tabulator.types.js +1 -1
  17. package/externals.js +1 -1
  18. package/package.json +11 -9
package/dist/custom-elements.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "type": {
13
13
  "text": "object"
14
14
  },
15
- "default": "{\n // foundationGridProActionRenderer,\n // foundationGridProActionsMenuRenderer,\n // foundationAgBooleanRenderer,\n // foundationAgTextRenderer,\n // foundationAgSelectRenderer,\n foundationGridTabulator,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n this[key]().register(container, ...rest);\n }\n },\n}"
15
+ "default": "{\n foundationGridTabulatorActionRenderer,\n // foundationGridProActionsMenuRenderer,\n // foundationAgBooleanRenderer,\n // foundationAgTextRenderer,\n // foundationAgSelectRenderer,\n foundationGridTabulator,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n this[key]().register(container, ...rest);\n }\n },\n}"
16
16
  }
17
17
  ],
18
18
  "exports": [
@@ -961,11 +961,242 @@
961
961
  "declarations": [],
962
962
  "exports": []
963
963
  },
964
+ {
965
+ "kind": "javascript-module",
966
+ "path": "src/cell-renderers/action.renderer.ts",
967
+ "declarations": [
968
+ {
969
+ "kind": "class",
970
+ "description": "The Tabulator Action Renderer element.",
971
+ "name": "ActionRenderer",
972
+ "members": [
973
+ {
974
+ "kind": "field",
975
+ "name": "params",
976
+ "type": {
977
+ "text": "ActionRendererParams"
978
+ },
979
+ "privacy": "public"
980
+ },
981
+ {
982
+ "kind": "field",
983
+ "name": "pendingAction",
984
+ "type": {
985
+ "text": "boolean"
986
+ },
987
+ "privacy": "public"
988
+ },
989
+ {
990
+ "kind": "method",
991
+ "name": "init",
992
+ "privacy": "public",
993
+ "parameters": [
994
+ {
995
+ "name": "params",
996
+ "type": {
997
+ "text": "ActionRendererParams"
998
+ }
999
+ }
1000
+ ]
1001
+ },
1002
+ {
1003
+ "kind": "method",
1004
+ "name": "clickHandler",
1005
+ "privacy": "public"
1006
+ },
1007
+ {
1008
+ "kind": "field",
1009
+ "name": "dataTestId",
1010
+ "readonly": true
1011
+ },
1012
+ {
1013
+ "kind": "field",
1014
+ "name": "_presentation",
1015
+ "type": {
1016
+ "text": "ComponentPresentation | null | undefined"
1017
+ },
1018
+ "privacy": "private",
1019
+ "default": "void 0",
1020
+ "inheritedFrom": {
1021
+ "name": "FoundationElement",
1022
+ "module": "src/foundation-element/foundation-element.ts"
1023
+ }
1024
+ },
1025
+ {
1026
+ "kind": "field",
1027
+ "name": "$presentation",
1028
+ "type": {
1029
+ "text": "ComponentPresentation | null"
1030
+ },
1031
+ "privacy": "public",
1032
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1033
+ "inheritedFrom": {
1034
+ "name": "FoundationElement",
1035
+ "module": "src/foundation-element/foundation-element.ts"
1036
+ }
1037
+ },
1038
+ {
1039
+ "kind": "field",
1040
+ "name": "template",
1041
+ "type": {
1042
+ "text": "ElementViewTemplate | void | null"
1043
+ },
1044
+ "privacy": "public",
1045
+ "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.",
1046
+ "inheritedFrom": {
1047
+ "name": "FoundationElement",
1048
+ "module": "src/foundation-element/foundation-element.ts"
1049
+ }
1050
+ },
1051
+ {
1052
+ "kind": "method",
1053
+ "name": "templateChanged",
1054
+ "privacy": "protected",
1055
+ "return": {
1056
+ "type": {
1057
+ "text": "void"
1058
+ }
1059
+ },
1060
+ "inheritedFrom": {
1061
+ "name": "FoundationElement",
1062
+ "module": "src/foundation-element/foundation-element.ts"
1063
+ }
1064
+ },
1065
+ {
1066
+ "kind": "field",
1067
+ "name": "styles",
1068
+ "type": {
1069
+ "text": "ElementStyles | void | null"
1070
+ },
1071
+ "privacy": "public",
1072
+ "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.",
1073
+ "inheritedFrom": {
1074
+ "name": "FoundationElement",
1075
+ "module": "src/foundation-element/foundation-element.ts"
1076
+ }
1077
+ },
1078
+ {
1079
+ "kind": "method",
1080
+ "name": "stylesChanged",
1081
+ "privacy": "protected",
1082
+ "return": {
1083
+ "type": {
1084
+ "text": "void"
1085
+ }
1086
+ },
1087
+ "inheritedFrom": {
1088
+ "name": "FoundationElement",
1089
+ "module": "src/foundation-element/foundation-element.ts"
1090
+ }
1091
+ },
1092
+ {
1093
+ "kind": "method",
1094
+ "name": "compose",
1095
+ "privacy": "public",
1096
+ "static": true,
1097
+ "return": {
1098
+ "type": {
1099
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
1100
+ }
1101
+ },
1102
+ "parameters": [
1103
+ {
1104
+ "name": "this",
1105
+ "type": {
1106
+ "text": "K"
1107
+ }
1108
+ },
1109
+ {
1110
+ "name": "elementDefinition",
1111
+ "type": {
1112
+ "text": "T"
1113
+ },
1114
+ "description": "The definition of the element to create the registry\nfunction for."
1115
+ }
1116
+ ],
1117
+ "description": "Defines an element registry function with a set of element definition defaults.",
1118
+ "inheritedFrom": {
1119
+ "name": "FoundationElement",
1120
+ "module": "src/foundation-element/foundation-element.ts"
1121
+ }
1122
+ }
1123
+ ],
1124
+ "superclass": {
1125
+ "name": "FoundationElement",
1126
+ "package": "@microsoft/fast-foundation"
1127
+ },
1128
+ "tagName": "%%prefix%%-grid-tabulator-action-renderer",
1129
+ "customElement": true
1130
+ },
1131
+ {
1132
+ "kind": "variable",
1133
+ "name": "actionHeightMultiplier",
1134
+ "description": "The base height multiplier for the action renderer.",
1135
+ "privacy": "public"
1136
+ },
1137
+ {
1138
+ "kind": "variable",
1139
+ "name": "tabulatorActionRendererStyles",
1140
+ "default": "css`\n .action-container {\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n }\n .action-renderer {\n align-self: center;\n display: flex;\n height: calc(\n (var(--base-height-multiplier) + var(--density)) * var(--design-unit) *\n var(--action-height-multiplier)\n );\n }\n`",
1141
+ "description": "The Tabulator Action Renderer Styles.",
1142
+ "privacy": "public"
1143
+ },
1144
+ {
1145
+ "kind": "variable",
1146
+ "name": "foundationGridTabulatorActionRenderer",
1147
+ "description": "A function that returns a Foundation Action Renderer for configuring the component with a DesignSystem.",
1148
+ "privacy": "public"
1149
+ }
1150
+ ],
1151
+ "exports": [
1152
+ {
1153
+ "kind": "js",
1154
+ "name": "ActionRenderer",
1155
+ "declaration": {
1156
+ "name": "ActionRenderer",
1157
+ "module": "src/cell-renderers/action.renderer.ts"
1158
+ }
1159
+ },
1160
+ {
1161
+ "kind": "js",
1162
+ "name": "actionHeightMultiplier",
1163
+ "declaration": {
1164
+ "name": "actionHeightMultiplier",
1165
+ "module": "src/cell-renderers/action.renderer.ts"
1166
+ }
1167
+ },
1168
+ {
1169
+ "kind": "js",
1170
+ "name": "tabulatorActionRendererStyles",
1171
+ "declaration": {
1172
+ "name": "tabulatorActionRendererStyles",
1173
+ "module": "src/cell-renderers/action.renderer.ts"
1174
+ }
1175
+ },
1176
+ {
1177
+ "kind": "js",
1178
+ "name": "foundationGridTabulatorActionRenderer",
1179
+ "declaration": {
1180
+ "name": "foundationGridTabulatorActionRenderer",
1181
+ "module": "src/cell-renderers/action.renderer.ts"
1182
+ }
1183
+ }
1184
+ ]
1185
+ },
964
1186
  {
965
1187
  "kind": "javascript-module",
966
1188
  "path": "src/cell-renderers/index.ts",
967
1189
  "declarations": [],
968
- "exports": []
1190
+ "exports": [
1191
+ {
1192
+ "kind": "js",
1193
+ "name": "*",
1194
+ "declaration": {
1195
+ "name": "*",
1196
+ "package": "./action.renderer"
1197
+ }
1198
+ }
1199
+ ]
969
1200
  },
970
1201
  {
971
1202
  "kind": "javascript-module",
@@ -1263,6 +1494,15 @@
1263
1494
  "privacy": "private",
1264
1495
  "readonly": true
1265
1496
  },
1497
+ {
1498
+ "kind": "field",
1499
+ "name": "defaultRowIdByResourceType",
1500
+ "type": {
1501
+ "text": "string"
1502
+ },
1503
+ "privacy": "private",
1504
+ "readonly": true
1505
+ },
1266
1506
  {
1267
1507
  "kind": "method",
1268
1508
  "name": "init",
@@ -1868,7 +2108,7 @@
1868
2108
  {
1869
2109
  "kind": "variable",
1870
2110
  "name": "tabulatorThemeSimpleCSS",
1871
- "default": "css`\n .tabulator {\n position: relative;\n border: 1px solid #999;\n background-color: #fff;\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 }\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 #999;\n background-color: #fff;\n color: #555;\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 #ddd;\n background: #fff;\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: #e6e6e6;\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 #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {\n cursor: pointer;\n background-color: #e6e6e6;\n }\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 @media (hover: hover) and (pointer: fine) {\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\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 @media (hover: hover) and (pointer: fine) {\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\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 @media (hover: hover) and (pointer: fine) {\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\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: 11;\n }\n\n .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {\n border-right: 2px solid #ddd;\n }\n\n .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {\n border-left: 2px solid #ddd;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder {\n box-sizing: border-box;\n background: white !important;\n border-top: 1px solid #ddd;\n border-bottom: 1px solid #ddd;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {\n background: white !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 .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: #f2f2f2 !important;\n }\n\n .tabulator\n .tabulator-tableholder\n .tabulator-table\n .tabulator-row.tabulator-calcs.tabulator-calcs-top {\n border-bottom: 2px solid #ddd;\n }\n\n .tabulator\n .tabulator-tableholder\n .tabulator-table\n .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {\n border-top: 2px solid #ddd;\n }\n\n .tabulator .tabulator-footer {\n border-top: 1px solid #999;\n background-color: #fff;\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: white !important;\n border-bottom: 1px solid #ddd;\n border-top: 1px solid #ddd;\n overflow: hidden;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {\n display: inline-block;\n background: white !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 @media (hover: hover) and (pointer: fine) {\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\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 @media (hover: hover) and (pointer: fine) {\n .tabulator .tabulator-col-resize-handle:hover {\n cursor: ew-resize;\n }\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: #fff;\n }\n\n .tabulator-row.tabulator-row-even {\n background-color: #fff;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .tabulator-row.tabulator-selectable:hover {\n background-color: #bbb;\n cursor: pointer;\n }\n }\n\n .tabulator-row.tabulator-selected {\n background-color: #9abcea;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .tabulator-row.tabulator-selected:hover {\n background-color: #769bcc;\n cursor: pointer;\n }\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 #ddd;\n border-bottom: 1px solid #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-row .tabulator-row-resize-handle:hover {\n cursor: ns-resize;\n }\n }\n\n .tabulator-row .tabulator-responsive-collapse {\n box-sizing: border-box;\n padding: 5px;\n border-top: 1px solid #ddd;\n border-bottom: 1px solid #ddd;\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 display: inline-block;\n position: relative;\n box-sizing: border-box;\n padding: 4px;\n border-right: 1px solid #ddd;\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: 11;\n }\n\n .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {\n border-right: 2px solid #ddd;\n }\n\n .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {\n border-left: 2px solid #ddd;\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-empty {\n display: inline-block;\n width: 7px;\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 #ddd;\n border-bottom: 2px solid #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {\n cursor: pointer;\n background: rgba(0, 0, 0, 0.2);\n }\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {\n opacity: 0.7;\n cursor: pointer;\n }\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 #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-row.tabulator-group:hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.1);\n }\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 #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {\n cursor: pointer;\n background: #fff;\n }\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: #ddd;\n vertical-align: top;\n transform: rotate(45deg);\n }\n\n .tabulator-menu .tabulator-menu-separator {\n border-top: 1px solid #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-edit-list .tabulator-edit-list-item:hover {\n cursor: pointer;\n color: #fff;\n background: #1d68cd;\n }\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 #ddd;\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 #ddd;\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 #ddd;\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 #ddd;\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 #ddd;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {\n border-right: 2px solid #ddd;\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 #ddd;\n border-bottom: 2px solid #ddd;\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 #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-print-table .tabulator-print-table-group:hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.1);\n }\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-print-table .tabulator-data-tree-control:hover {\n cursor: pointer;\n background: rgba(0, 0, 0, 0.2);\n }\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 .tabulator {\n border: none;\n background-color: #fff;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder {\n background: #f2f2f2 !important;\n border-bottom: 1px solid #999;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {\n background: #f2f2f2 !important;\n }\n\n .tabulator .tabulator-tableholder .tabulator-placeholder span {\n color: #000;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder {\n background: #f2f2f2 !important;\n border-bottom: 1px solid #fff;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {\n background: #f2f2f2 !important;\n }\n\n .tabulator-row {\n border-bottom: 1px solid #ddd;\n }\n\n .tabulator-row .tabulator-cell:last-of-type {\n border-right: none;\n }\n\n .tabulator-row.tabulator-group span {\n color: #666;\n }\n\n .tabulator-print-table .tabulator-print-table-group span {\n margin-left: 10px;\n color: #666;\n }\n\n /*# sourceMappingURL=tabulator_simple.css.map */\n`"
2111
+ "default": "css`\n .tabulator {\n position: relative;\n border: 1px solid #999;\n background-color: #fff;\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 }\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 #999;\n background-color: #fff;\n color: #555;\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 #ddd;\n background: #fff;\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: #e6e6e6;\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 #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator\n .tabulator-header\n .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {\n cursor: pointer;\n background-color: #e6e6e6;\n }\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 @media (hover: hover) and (pointer: fine) {\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\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 @media (hover: hover) and (pointer: fine) {\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\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 @media (hover: hover) and (pointer: fine) {\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\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: 11;\n }\n\n .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {\n border-right: 2px solid #ddd;\n }\n\n .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {\n border-left: 2px solid #ddd;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder {\n box-sizing: border-box;\n background: white !important;\n border-top: 1px solid #ddd;\n border-bottom: 1px solid #ddd;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {\n background: white !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 .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: #f2f2f2 !important;\n }\n\n .tabulator\n .tabulator-tableholder\n .tabulator-table\n .tabulator-row.tabulator-calcs.tabulator-calcs-top {\n border-bottom: 2px solid #ddd;\n }\n\n .tabulator\n .tabulator-tableholder\n .tabulator-table\n .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {\n border-top: 2px solid #ddd;\n }\n\n .tabulator .tabulator-footer {\n border-top: 1px solid #999;\n background-color: #fff;\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: white !important;\n border-bottom: 1px solid #ddd;\n border-top: 1px solid #ddd;\n overflow: hidden;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {\n display: inline-block;\n background: white !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 @media (hover: hover) and (pointer: fine) {\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\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 @media (hover: hover) and (pointer: fine) {\n .tabulator .tabulator-col-resize-handle:hover {\n cursor: ew-resize;\n }\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: #fff;\n }\n\n .tabulator-row.tabulator-row-even {\n background-color: #fff;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .tabulator-row.tabulator-selectable:hover {\n background-color: #bbb;\n cursor: pointer;\n }\n }\n\n .tabulator-row.tabulator-selected {\n background-color: #9abcea;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .tabulator-row.tabulator-selected:hover {\n background-color: #769bcc;\n cursor: pointer;\n }\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 #ddd;\n border-bottom: 1px solid #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-row .tabulator-row-resize-handle:hover {\n cursor: ns-resize;\n }\n }\n\n .tabulator-row .tabulator-responsive-collapse {\n box-sizing: border-box;\n padding: 5px;\n border-top: 1px solid #ddd;\n border-bottom: 1px solid #ddd;\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 display: inline-flex;\n position: unset;\n box-sizing: border-box;\n padding: 4px 8px;\n border-right: 1px solid #ddd;\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: 11;\n }\n\n .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {\n border-right: 2px solid #ddd;\n }\n\n .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {\n border-left: 2px solid #ddd;\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-empty {\n display: inline-block;\n width: 7px;\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 #ddd;\n border-bottom: 2px solid #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {\n cursor: pointer;\n background: rgba(0, 0, 0, 0.2);\n }\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {\n opacity: 0.7;\n cursor: pointer;\n }\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 #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-row.tabulator-group:hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.1);\n }\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 #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {\n cursor: pointer;\n background: #fff;\n }\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: #ddd;\n vertical-align: top;\n transform: rotate(45deg);\n }\n\n .tabulator-menu .tabulator-menu-separator {\n border-top: 1px solid #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-edit-list .tabulator-edit-list-item:hover {\n cursor: pointer;\n color: #fff;\n background: #1d68cd;\n }\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 #ddd;\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 #ddd;\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 #ddd;\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 #ddd;\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 #ddd;\n }\n\n .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {\n border-right: 2px solid #ddd;\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 #ddd;\n border-bottom: 2px solid #ddd;\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 #ddd;\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-print-table .tabulator-print-table-group:hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.1);\n }\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 @media (hover: hover) and (pointer: fine) {\n .tabulator-print-table .tabulator-data-tree-control:hover {\n cursor: pointer;\n background: rgba(0, 0, 0, 0.2);\n }\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 .tabulator {\n border: none;\n background-color: #fff;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder {\n background: #f2f2f2 !important;\n border-bottom: 1px solid #999;\n }\n\n .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {\n background: #f2f2f2 !important;\n }\n\n .tabulator .tabulator-tableholder .tabulator-placeholder span {\n color: #000;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder {\n background: #f2f2f2 !important;\n border-bottom: 1px solid #fff;\n }\n\n .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {\n background: #f2f2f2 !important;\n }\n\n .tabulator-row {\n border-bottom: 1px solid #ddd;\n }\n\n .tabulator-row .tabulator-cell:last-of-type {\n border-right: none;\n }\n\n .tabulator-row.tabulator-group span {\n color: #666;\n }\n\n .tabulator-print-table .tabulator-print-table-group span {\n margin-left: 10px;\n color: #666;\n }\n\n /*# sourceMappingURL=tabulator_simple.css.map */\n`"
1872
2112
  }
1873
2113
  ],
1874
2114
  "exports": [
package/dist/dts/cell-renderers/action.renderer.d.ts ADDED
@@ -0,0 +1,80 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ /**
3
+ * Parameters for the {@link @genesislcap/grid-tabulator#GridTabulator} action renderer.
4
+ * @remarks For single action button scenarios.
5
+ * @public
6
+ */
7
+ export type ActionRendererParams = {
8
+ /**
9
+ * Callback function triggered when the action button is clicked.
10
+ * @param rowData - The data associated with the row.
11
+ */
12
+ actionClick?: (rowData: any) => void;
13
+ /**
14
+ * The name or label of the action button.
15
+ */
16
+ actionName?: string;
17
+ /**
18
+ * The appearance style of the action button.
19
+ * @remarks This is a {@link @microsoft/fast-foundation#Button.appearance | Button appearance} value. Defaults to `neutral`. May have other values depending on the design system.
20
+ */
21
+ appearance?: string;
22
+ /**
23
+ * The data-test-id attribute value to be used for E2E testing.
24
+ */
25
+ dataTestId?: string;
26
+ /**
27
+ * Function to determine whether the action button should be disabled for a specific row.
28
+ * @param rowData - The data associated with the row.
29
+ * @returns A boolean indicating whether the button should be disabled.
30
+ */
31
+ isDisabled?: (rowData: any) => boolean;
32
+ /**
33
+ * A unique field name used to identify the action button used for E2E testing, so that the data-testid attribute value can be unique.
34
+ */
35
+ uniqueFieldName?: string;
36
+ /**
37
+ * Used to render some arbitrary content inside the action renderer button.
38
+ */
39
+ contentTemplate?: string;
40
+ };
41
+ /**
42
+ * The Tabulator Action Renderer element.
43
+ * @public
44
+ * @tagname %%prefix%%-grid-tabulator-action-renderer
45
+ */
46
+ export declare class ActionRenderer extends FoundationElement {
47
+ params: ActionRendererParams;
48
+ pendingAction: boolean;
49
+ init(params: ActionRendererParams): void;
50
+ clickHandler(): Promise<void>;
51
+ get dataTestId(): any;
52
+ }
53
+ /**
54
+ * The base height multiplier for the action renderer.
55
+ * @remarks Results in `--action-height-multiplier`. This is a DesignToken {@link https://www.fast.design/docs/design-systems/design-tokens/#what-is-a-design-token} value. Defaults to `0.6px`. May have other values depending on the design system or can be set to a different value.
56
+ * @public
57
+ */
58
+ export declare const actionHeightMultiplier: import("@microsoft/fast-foundation").CSSDesignToken<string>;
59
+ /**
60
+ * The Tabulator Action Renderer Styles.
61
+ * @public
62
+ */
63
+ export declare const tabulatorActionRendererStyles: import("@microsoft/fast-element").ElementStyles;
64
+ /**
65
+ * A function that returns a Foundation Action Renderer for configuring the component with a DesignSystem.
66
+ *
67
+ * @public
68
+ * @remarks
69
+ * HTML Element: \<foundation-grid-tabulator-action-renderer\>
70
+ */
71
+ export declare const foundationGridTabulatorActionRenderer: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
72
+ baseName: string;
73
+ styles: import("@microsoft/fast-element").ElementStyles;
74
+ template: import("@microsoft/fast-element").ViewTemplate<ActionRenderer, any>;
75
+ }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
76
+ baseName: string;
77
+ styles: import("@microsoft/fast-element").ElementStyles;
78
+ template: import("@microsoft/fast-element").ViewTemplate<ActionRenderer, any>;
79
+ }, typeof ActionRenderer>;
80
+ //# sourceMappingURL=action.renderer.d.ts.map
package/dist/dts/cell-renderers/action.renderer.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"action.renderer.d.ts","sourceRoot":"","sources":["../../../src/cell-renderers/action.renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG5E;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAErC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC;IAEvC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,iBAAiB;IAE5C,MAAM,EAAE,oBAAoB,CAAC;IAG7B,aAAa,EAAE,OAAO,CAAC;IAEvB,IAAI,CAAC,MAAM,EAAE,oBAAoB;IAkC3B,YAAY;IAMzB,IAAI,UAAU,QAMb;CACF;AAID;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,6DAElC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,6BAA6B,iDAezC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qCAAqC;;;;;;;;yBAehD,CAAC"}
package/dist/dts/cell-renderers/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export {};
1
+ export * from './action.renderer';
2
2
  //# sourceMappingURL=index.d.ts.map
package/dist/dts/cell-renderers/index.d.ts.map CHANGED
@@ -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"}
package/dist/dts/datasource/client-side.datasource.d.ts CHANGED
@@ -104,12 +104,7 @@ declare const GridTabulatorClientSideDatasource_base: (new (...args: any[]) => {
104
104
  insertAdjacentHTML(position: InsertPosition, text: string): void;
105
105
  insertAdjacentText(where: InsertPosition, data: string): void;
106
106
  matches(selectors: string): boolean;
107
- releasePointerCapture(pointerId: number): void; /**
108
- * Clears the rowData and columnDefs for the grid.
109
- * @remarks This is called when `reloadResourceData` happens, on criteria and filters change or full `reset`.
110
- * @param withColumnDefs - Whether to clear the columnDefs as well. Defaults to true.
111
- * @internal
112
- */
107
+ releasePointerCapture(pointerId: number): void;
113
108
  removeAttribute(qualifiedName: string): void;
114
109
  removeAttributeNS(namespace: string, localName: string): void;
115
110
  removeAttributeNode(attr: Attr): Attr;
@@ -394,11 +389,17 @@ export declare class GridTabulatorClientSideDatasource extends GridTabulatorClie
394
389
  deepClone(): Node;
395
390
  private get gridTabulator();
396
391
  /**
397
- * Returns the row id attribute, depending on the resource type.
392
+ * Returns the `row-id` attribute, depending on the resource type.
398
393
  * @remarks Will favour the `row-id` attribute if set.
399
394
  * @internal
400
395
  */
401
396
  private get rowId();
397
+ /**
398
+ * Returns whether the `row-id` attribute is the default one, depending on the resource type.
399
+ * @internal
400
+ */
401
+ private get hasDefaultRowId();
402
+ private get defaultRowIdByResourceType();
402
403
  /**
403
404
  * Initializes the datasource.
404
405
  * @public
@@ -446,7 +447,7 @@ export declare class GridTabulatorClientSideDatasource extends GridTabulatorClie
446
447
  private setRowData;
447
448
  /**
448
449
  * Resets the grid data while keeping columnDefs and sends a DATA_LOGOFF message if it's a stream.
449
- * Proxies to {@link @genesislcap/grid-pro#GridProGenesisDatasource.loadResourceData} but without the full init (no metadata fetch).
450
+ * Proxies to {@link @genesislcap/grid-tabulator#GridTabulatorClientSideDatasource.loadResourceData} but without the full init (no metadata fetch).
450
451
  * @remarks This is used when the grid is already initialized and we want to reload the data due to a criteria/filter change.
451
452
  * @internal
452
453
  */
package/dist/dts/datasource/client-side.datasource.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"client-side.datasource.d.ts","sourceRoot":"","sources":["../../../src/datasource/client-side.datasource.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,OAAO,EAEP,UAAU,EAUX,MAAM,+BAA+B,CAAC;AAGvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAW3C,MAAM,WAAW,kBAAkB,CAAC,KAAK,GAAG,GAAG;IAC7C,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,kBAAkB;IAClB,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACrB,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACxB,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;CACzB;;;;;;;;IAoDC;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAwNH;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjRL;;;GAGG;AACH,qBAGa,iCAAkC,SAAQ,sCAAiC;IAChF,IAAI,EAAG,IAAI,CAAC;IACT,OAAO,EAAG,OAAO,CAAC;IACf,UAAU,EAAG,UAAU,CAAC;IAExB,mBAAmB,EAAE,OAAO,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM;IASlD,MAAM,EAAE,MAAM,CAAC;IACgC,UAAU,UAAS;IACvC,OAAO,EAAE,MAAM,CAAmC;IAClD,OAAO,EAAE,MAAM,CAAoC;IAC3C,eAAe,EAAE,MAAM,CACf;IACI,UAAU,UAAS;IACvC,OAAO,EAAE,MAAM,CAAC;IACrC,OAAO,EAAE,GAAG,CAAC;IACa,YAAY,EAAE,MAAM,CAAC;IAC3D,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK3B,OAAO,UAAS;IAE3C;;;;;OAKG;IAC4B,SAAS,MAAC;IAEwB,qBAAqB,UAAS;IAE/F;;OAEG;IACS,aAAa,EAAE,QAAQ,CAAC;IAEpC,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,SAAS,CAAe;IAChC,OAAO,CAAC,aAAa,CAAe;IAEpC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,6BAA6B,CAAQ;IAC7C,OAAO,CAAC,mBAAmB,CAAS;IAEpC,OAAO,CAAC,IAAI,CAA+B;IAC3C,OAAO,CAAC,eAAe,CAAqB;IAE5C,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,mBAAmB,CAAkC;IAC7D,OAAO,CAAC,MAAM,CAAwE;IAEtF,iBAAiB;IAuBjB,oBAAoB;IASX,SAAS,IAAI,IAAI;IAM1B,OAAO,KAAK,aAAa,GAExB;IAID;;;;OAIG;IACH,OAAO,KAAK,KAAK,GAIhB;IAED;;;;OAIG;IACG,IAAI;IAgEV;;;OAGG;IACH,MAAM;IAIN;;;;OAIG;IACH,KAAK;IA6BL;;;OAGG;IACH,OAAO;IAKP;;OAEG;IACH,WAAW;IAIX;;;;OAIG;IACH,OAAO,CAAC,UAAU;IAUlB;;;;;OAKG;IACH,OAAO,CAAC,YAAY;IAUpB;;;;OAIG;IACH,OAAO,CAAC,UAAU;IAYlB;;;;;OAKG;YACW,kBAAkB;IAWhC;;;;;;OAMG;IACG,gBAAgB,CAAC,YAAY,UAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IA4C1D,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,sBAAsB;IA2C9B,OAAO,CAAC,mBAAmB;IAqB3B,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB;IAwD3B,OAAO,CAAC,aAAa;IAMd,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM;IAK9C,YAAY,CAAC,SAAS,EAAE,MAAM;CAItC"}
1
+ {"version":3,"file":"client-side.datasource.d.ts","sourceRoot":"","sources":["../../../src/datasource/client-side.datasource.ts"],"names":[],"mappings":"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"}
package/dist/dts/grid-tabulator.components.d.ts CHANGED
@@ -1,5 +1,14 @@
1
1
  import type { Container } from '@microsoft/fast-foundation';
2
2
  export declare const foundationGridTabulatorComponents: {
3
+ foundationGridTabulatorActionRenderer: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
4
+ baseName: string;
5
+ styles: import("@microsoft/fast-element").ElementStyles;
6
+ template: import("@microsoft/fast-element").ViewTemplate<import("./cell-renderers").ActionRenderer, any>;
7
+ }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
8
+ baseName: string;
9
+ styles: import("@microsoft/fast-element").ElementStyles;
10
+ template: import("@microsoft/fast-element").ViewTemplate<import("./cell-renderers").ActionRenderer, any>;
11
+ }, typeof import("./cell-renderers").ActionRenderer>;
3
12
  foundationGridTabulator: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
4
13
  shadowOptions: any;
5
14
  baseName: string;
package/dist/dts/grid-tabulator.components.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"grid-tabulator.components.d.ts","sourceRoot":"","sources":["../../src/grid-tabulator.components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAU5D,eAAO,MAAM,iCAAiC;;;;;;;;;;;;yBAOvB,SAAS,WAAW,GAAG,EAAE;CAa/C,CAAC"}
1
+ {"version":3,"file":"grid-tabulator.components.d.ts","sourceRoot":"","sources":["../../src/grid-tabulator.components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAU5D,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;;;yBAOvB,SAAS,WAAW,GAAG,EAAE;CAa/C,CAAC"}
package/dist/dts/grid-tabulator.types.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare const themeTokenMapClassname: (themeName: string) => string;
13
13
  export declare const themeFontsId: (themeName: string) => string;
14
14
  export declare const themeTokenMapCSS: (themeName: string, tokenMap: CSSVarTokenMap<any>) => import("@microsoft/fast-element").ElementStyles;
15
15
  /**
16
- * The available Grid Pro Renderer Types
16
+ * The available Grid Tabulator Renderer Types
17
17
  * @public
18
18
  */
19
19
  export declare enum GridTabulatorCellRendererTypes {
package/dist/esm/cell-renderers/action.renderer.js ADDED
@@ -0,0 +1,107 @@
1
+ import { __awaiter, __decorate } from "tslib";
2
+ import { css, html, observable } from '@microsoft/fast-element';
3
+ import { DesignToken, FoundationElement } from '@microsoft/fast-foundation';
4
+ /**
5
+ * The Tabulator Action Renderer element.
6
+ * @public
7
+ * @tagname %%prefix%%-grid-tabulator-action-renderer
8
+ */
9
+ export class ActionRenderer extends FoundationElement {
10
+ init(params) {
11
+ if (!params)
12
+ return;
13
+ this.params = params;
14
+ // params.eGridCell.addEventListener('keydown', (event: KeyboardEvent) => {
15
+ // if (event.key === KeyCode.ENTER) {
16
+ // this.clickHandler();
17
+ // }
18
+ // });
19
+ }
20
+ // TODO: implement alternatives from Tabulator
21
+ // public getGui(): HTMLElement {
22
+ // return this;
23
+ // }
24
+ // public refresh(params: ICellRendererParams) {
25
+ // this.params = params;
26
+ // return true;
27
+ // }
28
+ // public isDisabled(data): boolean {
29
+ // if (typeof this.params?.isDisabled === 'function') {
30
+ // try {
31
+ // return this.params.isDisabled(data);
32
+ // } catch (error) {
33
+ // logger.error('Error executing grid action cell renderer isDisabled callback:', error);
34
+ // }
35
+ // }
36
+ // return false;
37
+ // }
38
+ clickHandler() {
39
+ return __awaiter(this, void 0, void 0, function* () {
40
+ this.pendingAction = true;
41
+ // await this.params.actionClick(this.params.data);
42
+ this.pendingAction = false;
43
+ });
44
+ }
45
+ get dataTestId() {
46
+ // if (this.params.dataTestId) {
47
+ // return this.params.dataTestId + (this.params.data[this.params.uniqueFieldName] ?? '');
48
+ // }
49
+ return undefined;
50
+ }
51
+ }
52
+ __decorate([
53
+ observable
54
+ ], ActionRenderer.prototype, "params", void 0);
55
+ __decorate([
56
+ observable
57
+ ], ActionRenderer.prototype, "pendingAction", void 0);
58
+ const { create } = DesignToken;
59
+ /**
60
+ * The base height multiplier for the action renderer.
61
+ * @remarks Results in `--action-height-multiplier`. This is a DesignToken {@link https://www.fast.design/docs/design-systems/design-tokens/#what-is-a-design-token} value. Defaults to `0.6px`. May have other values depending on the design system or can be set to a different value.
62
+ * @public
63
+ */
64
+ export const actionHeightMultiplier = create('action-height-multiplier').withDefault('0.6px');
65
+ /**
66
+ * The Tabulator Action Renderer Styles.
67
+ * @public
68
+ */
69
+ export const tabulatorActionRendererStyles = css `
70
+ .action-container {
71
+ align-items: center;
72
+ display: flex;
73
+ height: 100%;
74
+ justify-content: center;
75
+ }
76
+ .action-renderer {
77
+ align-self: center;
78
+ display: flex;
79
+ height: calc(
80
+ (var(--base-height-multiplier) + var(--density)) * var(--design-unit) *
81
+ var(--action-height-multiplier)
82
+ );
83
+ }
84
+ `;
85
+ /**
86
+ * A function that returns a Foundation Action Renderer for configuring the component with a DesignSystem.
87
+ *
88
+ * @public
89
+ * @remarks
90
+ * HTML Element: \<foundation-grid-tabulator-action-renderer\>
91
+ */
92
+ export const foundationGridTabulatorActionRenderer = ActionRenderer.compose({
93
+ baseName: 'grid-tabulator-action-renderer',
94
+ styles: css `
95
+ ${tabulatorActionRendererStyles}
96
+ `,
97
+ template: html `
98
+ <div class="action-container" part="action-container">
99
+ <foundation-button
100
+ class="action-renderer"
101
+ part="action-renderer"
102
+ data-test-id="${(x) => x.dataTestId}"
103
+ ?disabled=${(x) => x.pendingAction}
104
+ appearance="${(x) => x.params.appearance}"
105
+ @click=${(x) => x.clickHandler()}">${(x) => x.params.actionName}</foundation-button>
106
+ </div>`,
107
+ });
package/dist/esm/cell-renderers/index.js CHANGED
@@ -1 +1 @@
1
- export {};
1
+ export * from './action.renderer';
package/dist/esm/datasource/client-side.datasource.js CHANGED
@@ -82,7 +82,7 @@ let GridTabulatorClientSideDatasource = class GridTabulatorClientSideDatasource
82
82
  }
83
83
  // Genesis Specific
84
84
  /**
85
- * Returns the row id attribute, depending on the resource type.
85
+ * Returns the `row-id` attribute, depending on the resource type.
86
86
  * @remarks Will favour the `row-id` attribute if set.
87
87
  * @internal
88
88
  */
@@ -93,6 +93,20 @@ let GridTabulatorClientSideDatasource = class GridTabulatorClientSideDatasource
93
93
  return DatasourceDefaults.REQUEST_SERVER_ROW_ID;
94
94
  return DatasourceDefaults.DATASERVER_ROW_ID;
95
95
  }
96
+ /**
97
+ * Returns whether the `row-id` attribute is the default one, depending on the resource type.
98
+ * @internal
99
+ */
100
+ get hasDefaultRowId() {
101
+ return (!this.rowIdAttr ||
102
+ this.rowIdAttr === DatasourceDefaults.REQUEST_SERVER_ROW_ID ||
103
+ this.rowIdAttr === DatasourceDefaults.DATASERVER_ROW_ID);
104
+ }
105
+ get defaultRowIdByResourceType() {
106
+ return this.isRequestServer
107
+ ? DatasourceDefaults.REQUEST_SERVER_ROW_ID
108
+ : DatasourceDefaults.DATASERVER_ROW_ID;
109
+ }
96
110
  /**
97
111
  * Initializes the datasource.
98
112
  * @public
@@ -229,7 +243,7 @@ let GridTabulatorClientSideDatasource = class GridTabulatorClientSideDatasource
229
243
  }
230
244
  /**
231
245
  * Resets the grid data while keeping columnDefs and sends a DATA_LOGOFF message if it's a stream.
232
- * Proxies to {@link @genesislcap/grid-pro#GridProGenesisDatasource.loadResourceData} but without the full init (no metadata fetch).
246
+ * Proxies to {@link @genesislcap/grid-tabulator#GridTabulatorClientSideDatasource.loadResourceData} but without the full init (no metadata fetch).
233
247
  * @remarks This is used when the grid is already initialized and we want to reload the data due to a criteria/filter change.
234
248
  * @internal
235
249
  */
@@ -406,15 +420,29 @@ let GridTabulatorClientSideDatasource = class GridTabulatorClientSideDatasource
406
420
  }
407
421
  handleStreamDeletes(deletedRows) {
408
422
  deletedRows === null || deletedRows === void 0 ? void 0 : deletedRows.forEach((deleteData) => {
409
- this.gridTransaction.remove.push({ [this.rowId]: deleteData[this.rowId] });
423
+ if (this.hasDefaultRowId || this.isRequestServer) {
424
+ this.gridTransaction.remove.push({ [this.rowId]: deleteData[this.rowId] });
425
+ }
426
+ else {
427
+ const rowToBeDeleted = Object.values(Object.fromEntries(this.rows)).find((obj) => obj[this.defaultRowIdByResourceType] === deleteData[this.defaultRowIdByResourceType]);
428
+ this.gridTransaction.remove.push({ [this.rowId]: rowToBeDeleted[this.rowId] });
429
+ }
410
430
  this.rows.delete(deleteData[this.rowId]);
411
431
  });
412
432
  }
413
433
  handleStreamUpdates(updatedRows) {
414
434
  updatedRows === null || updatedRows === void 0 ? void 0 : updatedRows.forEach((updateData) => {
415
- const rowToBeUpdated = this.rows.get(updateData[this.rowId]);
416
- const updatedRow = Object.assign(Object.assign({}, rowToBeUpdated), updateData);
417
- this.gridTransaction.update.push(updatedRow);
435
+ let updatedRow;
436
+ if (this.hasDefaultRowId || this.isRequestServer) {
437
+ const rowToBeUpdated = this.rows.get(updateData[this.rowId]);
438
+ updatedRow = Object.assign(Object.assign({}, rowToBeUpdated), updateData);
439
+ this.gridTransaction.update.push(updatedRow);
440
+ }
441
+ else {
442
+ const rowToBeUpdated = Object.values(Object.fromEntries(this.rows)).find((obj) => obj[this.defaultRowIdByResourceType] === updateData[this.defaultRowIdByResourceType]);
443
+ updatedRow = Object.assign(Object.assign({}, rowToBeUpdated), updateData);
444
+ this.gridTransaction.update.push(updatedRow);
445
+ }
418
446
  this.rows.set(updateData[this.rowId], updatedRow);
419
447
  });
420
448
  }
package/dist/esm/external/tabulator-theme-simple-css.js CHANGED
@@ -682,10 +682,10 @@ export const tabulatorThemeSimpleCSS = css `
682
682
  }
683
683
 
684
684
  .tabulator-row .tabulator-cell {
685
- display: inline-block;
686
- position: relative;
685
+ display: inline-flex;
686
+ position: unset;
687
687
  box-sizing: border-box;
688
- padding: 4px;
688
+ padding: 4px 8px;
689
689
  border-right: 1px solid #ddd;
690
690
  vertical-align: middle;
691
691
  white-space: nowrap;
@@ -694,7 +694,7 @@ export const tabulatorThemeSimpleCSS = css `
694
694
  }
695
695
 
696
696
  .tabulator-row .tabulator-cell.tabulator-frozen {
697
- display: inline-block;
697
+ display: inline-flex;
698
698
  position: sticky;
699
699
  left: 0;
700
700
  background-color: inherit;
package/dist/esm/grid-tabulator.components.js CHANGED
@@ -1,13 +1,12 @@
1
- // import {
2
- // foundationGridProActionRenderer,
3
- // foundationGridProActionsMenuRenderer,
4
- // foundationAgBooleanRenderer,
5
- // foundationAgSelectRenderer,
6
- // foundationAgTextRenderer,
7
- // } from './cell-renderers';
1
+ import { foundationGridTabulatorActionRenderer,
2
+ // foundationGridProActionsMenuRenderer,
3
+ // foundationAgBooleanRenderer,
4
+ // foundationAgSelectRenderer,
5
+ // foundationAgTextRenderer,
6
+ } from './cell-renderers';
8
7
  import { foundationGridTabulator } from './grid-tabulator';
9
8
  export const foundationGridTabulatorComponents = {
10
- // foundationGridProActionRenderer,
9
+ foundationGridTabulatorActionRenderer,
11
10
  // foundationGridProActionsMenuRenderer,
12
11
  // foundationAgBooleanRenderer,
13
12
  // foundationAgTextRenderer,
package/dist/esm/grid-tabulator.types.js CHANGED
@@ -64,7 +64,7 @@ export const themeTokenMapCSS = (themeName, tokenMap) => css `
64
64
  }
65
65
  `;
66
66
  /**
67
- * The available Grid Pro Renderer Types
67
+ * The available Grid Tabulator Renderer Types
68
68
  * @public
69
69
  */
70
70
  export var GridTabulatorCellRendererTypes;
package/externals.js CHANGED
@@ -1,5 +1,5 @@
1
1
  module.exports = {
2
2
  externals: {
3
- // TODO: Externals like the ones in <grid-pro>
3
+ // TODO: Externals like the ones in <grid-tabulator>
4
4
  },
5
5
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/grid-tabulator",
3
3
  "description": "Genesis Foundation Grid Tabulator",
4
- "version": "14.127.4",
4
+ "version": "14.127.5",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -31,25 +31,27 @@
31
31
  "test:debug": "genx test --debug"
32
32
  },
33
33
  "devDependencies": {
34
- "@genesislcap/foundation-testing": "14.127.4",
35
- "@genesislcap/genx": "14.127.4",
34
+ "@genesislcap/foundation-testing": "14.127.5",
35
+ "@genesislcap/genx": "14.127.5",
36
36
  "@types/tabulator-tables": "^5.5.2",
37
37
  "rimraf": "^3.0.2"
38
38
  },
39
39
  "dependencies": {
40
- "@genesislcap/foundation-comms": "14.127.4",
41
- "@genesislcap/foundation-logger": "14.127.4",
42
- "@genesislcap/foundation-ui": "14.127.4",
43
- "@genesislcap/foundation-utils": "14.127.4",
40
+ "@genesislcap/foundation-comms": "14.127.5",
41
+ "@genesislcap/foundation-logger": "14.127.5",
42
+ "@genesislcap/foundation-ui": "14.127.5",
43
+ "@genesislcap/foundation-utils": "14.127.5",
44
44
  "@microsoft/fast-colors": "^5.3.1",
45
45
  "@microsoft/fast-components": "^2.30.6",
46
46
  "@microsoft/fast-element": "^1.12.0",
47
47
  "@microsoft/fast-foundation": "^2.49.4",
48
48
  "@microsoft/fast-web-utilities": "^5.4.1",
49
49
  "rxjs": "^7.5.4",
50
- "tabulator-tables": "^5.5.2",
51
50
  "tslib": "^2.3.1"
52
51
  },
52
+ "peerDependencies": {
53
+ "tabulator-tables": "^5.5.2"
54
+ },
53
55
  "repository": {
54
56
  "type": "git",
55
57
  "url": "git+https://github.com/genesislcap/foundation-ui.git",
@@ -59,5 +61,5 @@
59
61
  "access": "public"
60
62
  },
61
63
  "customElements": "dist/custom-elements.json",
62
- "gitHead": "c33b055140917037d95b26b0a6c7e4be4132f354"
64
+ "gitHead": "0264e691e3bb631c39ec62f560950d0ca3dcdafa"
63
65
  }