@genesislcap/grid-tabulator 14.138.0 → 14.138.1-beta.ce4b104.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/custom-elements.json +257 -257
  2. package/package.json +8 -8
package/dist/custom-elements.json CHANGED
@@ -963,246 +963,122 @@
963
963
  },
964
964
  {
965
965
  "kind": "javascript-module",
966
- "path": "src/cell-renderers/action.renderer.ts",
966
+ "path": "src/column/index.ts",
967
+ "declarations": [],
968
+ "exports": []
969
+ },
970
+ {
971
+ "kind": "javascript-module",
972
+ "path": "src/external/fonts.ts",
967
973
  "declarations": [
968
974
  {
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
975
+ "kind": "variable",
976
+ "name": "tabulatorDefaultFontFace",
977
+ "default": "`\n @font-face {\n font-family: \"defaultFontFace\";\n }\n`"
1130
978
  },
1131
979
  {
1132
980
  "kind": "variable",
1133
- "name": "actionHeightMultiplier",
1134
- "description": "The base height multiplier for the action renderer.",
1135
- "privacy": "public"
981
+ "name": "tabulatorRapidFontFace",
982
+ "default": "`\n @font-face {\n font-family: \"rapidFontFace\";\n }\n`"
1136
983
  },
1137
984
  {
1138
985
  "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"
986
+ "name": "gridThemeFontFaceMap",
987
+ "type": {
988
+ "text": "GridThemeFontFaceMap"
989
+ },
990
+ "default": "{\n [GridTabulatorTheme.default]: tabulatorDefaultFontFace,\n [GridTabulatorTheme.rapid]: tabulatorRapidFontFace,\n}"
1143
991
  },
1144
992
  {
1145
993
  "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"
994
+ "name": "defaultGridTabulatorFontFace",
995
+ "default": "tabulatorDefaultFontFace"
1149
996
  }
1150
997
  ],
1151
998
  "exports": [
1152
999
  {
1153
1000
  "kind": "js",
1154
- "name": "ActionRenderer",
1001
+ "name": "tabulatorDefaultFontFace",
1155
1002
  "declaration": {
1156
- "name": "ActionRenderer",
1157
- "module": "src/cell-renderers/action.renderer.ts"
1003
+ "name": "tabulatorDefaultFontFace",
1004
+ "module": "src/external/fonts.ts"
1158
1005
  }
1159
1006
  },
1160
1007
  {
1161
1008
  "kind": "js",
1162
- "name": "actionHeightMultiplier",
1009
+ "name": "tabulatorRapidFontFace",
1163
1010
  "declaration": {
1164
- "name": "actionHeightMultiplier",
1165
- "module": "src/cell-renderers/action.renderer.ts"
1011
+ "name": "tabulatorRapidFontFace",
1012
+ "module": "src/external/fonts.ts"
1166
1013
  }
1167
1014
  },
1168
1015
  {
1169
1016
  "kind": "js",
1170
- "name": "tabulatorActionRendererStyles",
1017
+ "name": "gridThemeFontFaceMap",
1171
1018
  "declaration": {
1172
- "name": "tabulatorActionRendererStyles",
1173
- "module": "src/cell-renderers/action.renderer.ts"
1019
+ "name": "gridThemeFontFaceMap",
1020
+ "module": "src/external/fonts.ts"
1174
1021
  }
1175
1022
  },
1176
1023
  {
1177
1024
  "kind": "js",
1178
- "name": "foundationGridTabulatorActionRenderer",
1025
+ "name": "defaultGridTabulatorFontFace",
1179
1026
  "declaration": {
1180
- "name": "foundationGridTabulatorActionRenderer",
1181
- "module": "src/cell-renderers/action.renderer.ts"
1027
+ "name": "defaultGridTabulatorFontFace",
1028
+ "module": "src/external/fonts.ts"
1182
1029
  }
1183
1030
  }
1184
1031
  ]
1185
1032
  },
1186
1033
  {
1187
1034
  "kind": "javascript-module",
1188
- "path": "src/cell-renderers/index.ts",
1189
- "declarations": [],
1035
+ "path": "src/external/index.ts",
1036
+ "declarations": [
1037
+ {
1038
+ "kind": "variable",
1039
+ "name": "tabulatorExternalStockStyles",
1040
+ "default": "css`\n ${tabulatorThemeSimpleCSS}\n`"
1041
+ }
1042
+ ],
1190
1043
  "exports": [
1191
1044
  {
1192
1045
  "kind": "js",
1193
- "name": "*",
1046
+ "name": "tabulatorExternalStockStyles",
1194
1047
  "declaration": {
1195
- "name": "*",
1196
- "package": "./action.renderer"
1048
+ "name": "tabulatorExternalStockStyles",
1049
+ "module": "src/external/index.ts"
1050
+ }
1051
+ },
1052
+ {
1053
+ "kind": "js",
1054
+ "name": "tabulatorThemeSimpleCSS",
1055
+ "declaration": {
1056
+ "name": "tabulatorThemeSimpleCSS",
1057
+ "module": "src/external/index.ts"
1197
1058
  }
1198
1059
  }
1199
1060
  ]
1200
1061
  },
1201
1062
  {
1202
1063
  "kind": "javascript-module",
1203
- "path": "src/column/index.ts",
1204
- "declarations": [],
1205
- "exports": []
1064
+ "path": "src/external/tabulator-theme-simple-css.ts",
1065
+ "declarations": [
1066
+ {
1067
+ "kind": "variable",
1068
+ "name": "tabulatorThemeSimpleCSS",
1069
+ "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`"
1070
+ }
1071
+ ],
1072
+ "exports": [
1073
+ {
1074
+ "kind": "js",
1075
+ "name": "tabulatorThemeSimpleCSS",
1076
+ "declaration": {
1077
+ "name": "tabulatorThemeSimpleCSS",
1078
+ "module": "src/external/tabulator-theme-simple-css.ts"
1079
+ }
1080
+ }
1081
+ ]
1206
1082
  },
1207
1083
  {
1208
1084
  "kind": "javascript-module",
@@ -2011,113 +1887,237 @@
2011
1887
  },
2012
1888
  {
2013
1889
  "kind": "javascript-module",
2014
- "path": "src/external/fonts.ts",
1890
+ "path": "src/cell-renderers/action.renderer.ts",
2015
1891
  "declarations": [
2016
1892
  {
2017
- "kind": "variable",
2018
- "name": "tabulatorDefaultFontFace",
2019
- "default": "`\n @font-face {\n font-family: \"defaultFontFace\";\n }\n`"
1893
+ "kind": "class",
1894
+ "description": "The Tabulator Action Renderer element.",
1895
+ "name": "ActionRenderer",
1896
+ "members": [
1897
+ {
1898
+ "kind": "field",
1899
+ "name": "params",
1900
+ "type": {
1901
+ "text": "ActionRendererParams"
1902
+ },
1903
+ "privacy": "public"
1904
+ },
1905
+ {
1906
+ "kind": "field",
1907
+ "name": "pendingAction",
1908
+ "type": {
1909
+ "text": "boolean"
1910
+ },
1911
+ "privacy": "public"
1912
+ },
1913
+ {
1914
+ "kind": "method",
1915
+ "name": "init",
1916
+ "privacy": "public",
1917
+ "parameters": [
1918
+ {
1919
+ "name": "params",
1920
+ "type": {
1921
+ "text": "ActionRendererParams"
1922
+ }
1923
+ }
1924
+ ]
1925
+ },
1926
+ {
1927
+ "kind": "method",
1928
+ "name": "clickHandler",
1929
+ "privacy": "public"
1930
+ },
1931
+ {
1932
+ "kind": "field",
1933
+ "name": "dataTestId",
1934
+ "readonly": true
1935
+ },
1936
+ {
1937
+ "kind": "field",
1938
+ "name": "_presentation",
1939
+ "type": {
1940
+ "text": "ComponentPresentation | null | undefined"
1941
+ },
1942
+ "privacy": "private",
1943
+ "default": "void 0",
1944
+ "inheritedFrom": {
1945
+ "name": "FoundationElement",
1946
+ "module": "src/foundation-element/foundation-element.ts"
1947
+ }
1948
+ },
1949
+ {
1950
+ "kind": "field",
1951
+ "name": "$presentation",
1952
+ "type": {
1953
+ "text": "ComponentPresentation | null"
1954
+ },
1955
+ "privacy": "public",
1956
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1957
+ "inheritedFrom": {
1958
+ "name": "FoundationElement",
1959
+ "module": "src/foundation-element/foundation-element.ts"
1960
+ }
1961
+ },
1962
+ {
1963
+ "kind": "field",
1964
+ "name": "template",
1965
+ "type": {
1966
+ "text": "ElementViewTemplate | void | null"
1967
+ },
1968
+ "privacy": "public",
1969
+ "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.",
1970
+ "inheritedFrom": {
1971
+ "name": "FoundationElement",
1972
+ "module": "src/foundation-element/foundation-element.ts"
1973
+ }
1974
+ },
1975
+ {
1976
+ "kind": "method",
1977
+ "name": "templateChanged",
1978
+ "privacy": "protected",
1979
+ "return": {
1980
+ "type": {
1981
+ "text": "void"
1982
+ }
1983
+ },
1984
+ "inheritedFrom": {
1985
+ "name": "FoundationElement",
1986
+ "module": "src/foundation-element/foundation-element.ts"
1987
+ }
1988
+ },
1989
+ {
1990
+ "kind": "field",
1991
+ "name": "styles",
1992
+ "type": {
1993
+ "text": "ElementStyles | void | null"
1994
+ },
1995
+ "privacy": "public",
1996
+ "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.",
1997
+ "inheritedFrom": {
1998
+ "name": "FoundationElement",
1999
+ "module": "src/foundation-element/foundation-element.ts"
2000
+ }
2001
+ },
2002
+ {
2003
+ "kind": "method",
2004
+ "name": "stylesChanged",
2005
+ "privacy": "protected",
2006
+ "return": {
2007
+ "type": {
2008
+ "text": "void"
2009
+ }
2010
+ },
2011
+ "inheritedFrom": {
2012
+ "name": "FoundationElement",
2013
+ "module": "src/foundation-element/foundation-element.ts"
2014
+ }
2015
+ },
2016
+ {
2017
+ "kind": "method",
2018
+ "name": "compose",
2019
+ "privacy": "public",
2020
+ "static": true,
2021
+ "return": {
2022
+ "type": {
2023
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
2024
+ }
2025
+ },
2026
+ "parameters": [
2027
+ {
2028
+ "name": "this",
2029
+ "type": {
2030
+ "text": "K"
2031
+ }
2032
+ },
2033
+ {
2034
+ "name": "elementDefinition",
2035
+ "type": {
2036
+ "text": "T"
2037
+ },
2038
+ "description": "The definition of the element to create the registry\nfunction for."
2039
+ }
2040
+ ],
2041
+ "description": "Defines an element registry function with a set of element definition defaults.",
2042
+ "inheritedFrom": {
2043
+ "name": "FoundationElement",
2044
+ "module": "src/foundation-element/foundation-element.ts"
2045
+ }
2046
+ }
2047
+ ],
2048
+ "superclass": {
2049
+ "name": "FoundationElement",
2050
+ "package": "@microsoft/fast-foundation"
2051
+ },
2052
+ "tagName": "%%prefix%%-grid-tabulator-action-renderer",
2053
+ "customElement": true
2020
2054
  },
2021
2055
  {
2022
2056
  "kind": "variable",
2023
- "name": "tabulatorRapidFontFace",
2024
- "default": "`\n @font-face {\n font-family: \"rapidFontFace\";\n }\n`"
2057
+ "name": "actionHeightMultiplier",
2058
+ "description": "The base height multiplier for the action renderer.",
2059
+ "privacy": "public"
2025
2060
  },
2026
2061
  {
2027
2062
  "kind": "variable",
2028
- "name": "gridThemeFontFaceMap",
2029
- "type": {
2030
- "text": "GridThemeFontFaceMap"
2031
- },
2032
- "default": "{\n [GridTabulatorTheme.default]: tabulatorDefaultFontFace,\n [GridTabulatorTheme.rapid]: tabulatorRapidFontFace,\n}"
2063
+ "name": "tabulatorActionRendererStyles",
2064
+ "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`",
2065
+ "description": "The Tabulator Action Renderer Styles.",
2066
+ "privacy": "public"
2033
2067
  },
2034
2068
  {
2035
2069
  "kind": "variable",
2036
- "name": "defaultGridTabulatorFontFace",
2037
- "default": "tabulatorDefaultFontFace"
2070
+ "name": "foundationGridTabulatorActionRenderer",
2071
+ "description": "A function that returns a Foundation Action Renderer for configuring the component with a DesignSystem.",
2072
+ "privacy": "public"
2038
2073
  }
2039
2074
  ],
2040
2075
  "exports": [
2041
2076
  {
2042
2077
  "kind": "js",
2043
- "name": "tabulatorDefaultFontFace",
2044
- "declaration": {
2045
- "name": "tabulatorDefaultFontFace",
2046
- "module": "src/external/fonts.ts"
2047
- }
2048
- },
2049
- {
2050
- "kind": "js",
2051
- "name": "tabulatorRapidFontFace",
2078
+ "name": "ActionRenderer",
2052
2079
  "declaration": {
2053
- "name": "tabulatorRapidFontFace",
2054
- "module": "src/external/fonts.ts"
2080
+ "name": "ActionRenderer",
2081
+ "module": "src/cell-renderers/action.renderer.ts"
2055
2082
  }
2056
2083
  },
2057
2084
  {
2058
2085
  "kind": "js",
2059
- "name": "gridThemeFontFaceMap",
2086
+ "name": "actionHeightMultiplier",
2060
2087
  "declaration": {
2061
- "name": "gridThemeFontFaceMap",
2062
- "module": "src/external/fonts.ts"
2088
+ "name": "actionHeightMultiplier",
2089
+ "module": "src/cell-renderers/action.renderer.ts"
2063
2090
  }
2064
2091
  },
2065
2092
  {
2066
2093
  "kind": "js",
2067
- "name": "defaultGridTabulatorFontFace",
2068
- "declaration": {
2069
- "name": "defaultGridTabulatorFontFace",
2070
- "module": "src/external/fonts.ts"
2071
- }
2072
- }
2073
- ]
2074
- },
2075
- {
2076
- "kind": "javascript-module",
2077
- "path": "src/external/index.ts",
2078
- "declarations": [
2079
- {
2080
- "kind": "variable",
2081
- "name": "tabulatorExternalStockStyles",
2082
- "default": "css`\n ${tabulatorThemeSimpleCSS}\n`"
2083
- }
2084
- ],
2085
- "exports": [
2086
- {
2087
- "kind": "js",
2088
- "name": "tabulatorExternalStockStyles",
2094
+ "name": "tabulatorActionRendererStyles",
2089
2095
  "declaration": {
2090
- "name": "tabulatorExternalStockStyles",
2091
- "module": "src/external/index.ts"
2096
+ "name": "tabulatorActionRendererStyles",
2097
+ "module": "src/cell-renderers/action.renderer.ts"
2092
2098
  }
2093
2099
  },
2094
2100
  {
2095
2101
  "kind": "js",
2096
- "name": "tabulatorThemeSimpleCSS",
2102
+ "name": "foundationGridTabulatorActionRenderer",
2097
2103
  "declaration": {
2098
- "name": "tabulatorThemeSimpleCSS",
2099
- "module": "src/external/index.ts"
2104
+ "name": "foundationGridTabulatorActionRenderer",
2105
+ "module": "src/cell-renderers/action.renderer.ts"
2100
2106
  }
2101
2107
  }
2102
2108
  ]
2103
2109
  },
2104
2110
  {
2105
2111
  "kind": "javascript-module",
2106
- "path": "src/external/tabulator-theme-simple-css.ts",
2107
- "declarations": [
2108
- {
2109
- "kind": "variable",
2110
- "name": "tabulatorThemeSimpleCSS",
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`"
2112
- }
2113
- ],
2112
+ "path": "src/cell-renderers/index.ts",
2113
+ "declarations": [],
2114
2114
  "exports": [
2115
2115
  {
2116
2116
  "kind": "js",
2117
- "name": "tabulatorThemeSimpleCSS",
2117
+ "name": "*",
2118
2118
  "declaration": {
2119
- "name": "tabulatorThemeSimpleCSS",
2120
- "module": "src/external/tabulator-theme-simple-css.ts"
2119
+ "name": "*",
2120
+ "package": "./action.renderer"
2121
2121
  }
2122
2122
  }
2123
2123
  ]
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.138.0",
4
+ "version": "14.138.1-beta.ce4b104.1",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -31,16 +31,16 @@
31
31
  "test:debug": "genx test --debug"
32
32
  },
33
33
  "devDependencies": {
34
- "@genesislcap/foundation-testing": "14.138.0",
35
- "@genesislcap/genx": "14.138.0",
34
+ "@genesislcap/foundation-testing": "14.138.1-beta.ce4b104.1",
35
+ "@genesislcap/genx": "14.138.1-beta.ce4b104.1",
36
36
  "@types/tabulator-tables": "^5.5.2",
37
37
  "rimraf": "^3.0.2"
38
38
  },
39
39
  "dependencies": {
40
- "@genesislcap/foundation-comms": "14.138.0",
41
- "@genesislcap/foundation-logger": "14.138.0",
42
- "@genesislcap/foundation-ui": "14.138.0",
43
- "@genesislcap/foundation-utils": "14.138.0",
40
+ "@genesislcap/foundation-comms": "14.138.1-beta.ce4b104.1",
41
+ "@genesislcap/foundation-logger": "14.138.1-beta.ce4b104.1",
42
+ "@genesislcap/foundation-ui": "14.138.1-beta.ce4b104.1",
43
+ "@genesislcap/foundation-utils": "14.138.1-beta.ce4b104.1",
44
44
  "@microsoft/fast-colors": "^5.3.1",
45
45
  "@microsoft/fast-components": "^2.30.6",
46
46
  "@microsoft/fast-element": "^1.12.0",
@@ -61,5 +61,5 @@
61
61
  "access": "public"
62
62
  },
63
63
  "customElements": "dist/custom-elements.json",
64
- "gitHead": "216927472cee1a5088da5f2442878ece50d398d4"
64
+ "gitHead": "77ba0250b83ac3dd8e7f75570354d6f4954bd995"
65
65
  }