@genesislcap/grid-tabulator 14.471.0 → 14.472.0

package/dist/custom-elements.json

@@ -3616,364 +3616,48 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/external/fonts.ts",
+      "path": "src/datasource/client-side.datasource.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "tabulatorDefaultFontFace",
-          "default": "`\n  @font-face {\n    font-family: \"defaultFontFace\";\n  }\n`"
-        },
-        {
-          "kind": "variable",
-          "name": "tabulatorRapidFontFace",
-          "default": "`\n  @font-face {\n    font-family: \"rapidFontFace\";\n  }\n`"
-        },
-        {
-          "kind": "variable",
-          "name": "gridThemeFontFaceMap",
+          "name": "criteriaDelimiter",
           "type": {
-            "text": "GridThemeFontFaceMap"
+            "text": "string"
           },
-          "default": "{\n  [GridTabulatorTheme.default]: tabulatorDefaultFontFace,\n  [GridTabulatorTheme.rapid]: tabulatorRapidFontFace,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultGridTabulatorFontFace",
-          "default": "tabulatorDefaultFontFace"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "tabulatorDefaultFontFace",
-          "declaration": {
-            "name": "tabulatorDefaultFontFace",
-            "module": "src/external/fonts.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "tabulatorRapidFontFace",
-          "declaration": {
-            "name": "tabulatorRapidFontFace",
-            "module": "src/external/fonts.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "gridThemeFontFaceMap",
-          "declaration": {
-            "name": "gridThemeFontFaceMap",
-            "module": "src/external/fonts.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultGridTabulatorFontFace",
-          "declaration": {
-            "name": "defaultGridTabulatorFontFace",
-            "module": "src/external/fonts.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/external/index.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "tabulatorExternalStockStyles",
-          "default": "css`\n  ${tabulatorThemeSimpleCSS}\n`",
-          "description": "External styles for the Tabulator grid.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "tabulatorExternalStockStyles",
-          "declaration": {
-            "name": "tabulatorExternalStockStyles",
-            "module": "src/external/index.ts"
-          }
+          "default": "';'",
+          "description": "Delimiter for criteria in the datasource"
         },
-        {
-          "kind": "js",
-          "name": "tabulatorThemeSimpleCSS",
-          "declaration": {
-            "name": "tabulatorThemeSimpleCSS",
-            "module": "src/external/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/external/tabulator-theme-simple-css.ts",
-      "declarations": [
         {
           "kind": "variable",
-          "name": "tabulatorThemeSimpleCSS",
-          "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    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;\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`",
-          "description": "External styles for the Tabulator grid.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "tabulatorThemeSimpleCSS",
-          "declaration": {
-            "name": "tabulatorThemeSimpleCSS",
-            "module": "src/external/tabulator-theme-simple-css.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/style/colors.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/style/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./colors"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/style/tokens.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./logger"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./string-utils"
-          }
+          "name": "criteriaJoin",
+          "type": {
+            "text": "string"
+          },
+          "default": "' && '",
+          "description": "Join operator for criteria in the datasource"
         },
         {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./test-id-utils"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/logger.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "logger",
-          "description": "Logger for the `grid-tabulator` package",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "logger",
-          "declaration": {
-            "name": "logger",
-            "module": "src/utils/logger.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/string-utils.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "convertToKebabCase",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
+          "kind": "class",
+          "description": "The Genesis Datasource element, for client-side data fetching and used exclusively by the GridTabulator element.",
+          "name": "GridTabulatorClientSideDatasource",
+          "members": [
             {
-              "name": "str",
+              "kind": "field",
+              "name": "auth",
               "type": {
-                "text": "string"
-              },
-              "description": "The string to convert"
-            }
-          ],
-          "description": "Convert a string to kebab case\nExample: convertToKebabCase('helloWorld') // 'hello-world'"
-        },
-        {
-          "kind": "function",
-          "name": "mergeAndDedupColDefWithColumnState",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
+                "text": "Auth"
+              }
+            },
             {
-              "name": "colDefs",
+              "kind": "field",
+              "name": "connect",
               "type": {
-                "text": "any[]"
-              },
-              "description": "The column definitions"
+                "text": "Connect"
+              }
             },
             {
-              "name": "columnState",
-              "type": {
-                "text": "any[]"
-              },
-              "description": "The column state"
-            }
-          ],
-          "description": "Merges and dedupes column definitions with column state"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "convertToKebabCase",
-          "declaration": {
-            "name": "convertToKebabCase",
-            "module": "src/utils/string-utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "mergeAndDedupColDefWithColumnState",
-          "declaration": {
-            "name": "mergeAndDedupColDefWithColumnState",
-            "module": "src/utils/string-utils.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/test-id-utils.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getDataTestId",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "dataTestId",
-              "type": {
-                "text": "((rowData: T) => string) | string | undefined"
-              },
-              "description": "The dataTestId value (string or function)"
-            },
-            {
-              "name": "rowData",
-              "type": {
-                "text": "T"
-              },
-              "description": "The row data to pass to the function if dataTestId is a function"
-            }
-          ],
-          "description": "Resolves a dataTestId value that can be either a string or a function"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "getDataTestId",
-          "declaration": {
-            "name": "getDataTestId",
-            "module": "src/utils/test-id-utils.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/datasource/client-side.datasource.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "criteriaDelimiter",
-          "type": {
-            "text": "string"
-          },
-          "default": "';'",
-          "description": "Delimiter for criteria in the datasource"
-        },
-        {
-          "kind": "variable",
-          "name": "criteriaJoin",
-          "type": {
-            "text": "string"
-          },
-          "default": "' && '",
-          "description": "Join operator for criteria in the datasource"
-        },
-        {
-          "kind": "class",
-          "description": "The Genesis Datasource element, for client-side data fetching and used exclusively by the GridTabulator element.",
-          "name": "GridTabulatorClientSideDatasource",
-          "members": [
-            {
-              "kind": "field",
-              "name": "auth",
-              "type": {
-                "text": "Auth"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "connect",
-              "type": {
-                "text": "Connect"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "datasource",
+              "kind": "field",
+              "name": "datasource",
               "type": {
                 "text": "Datasource"
               }
@@ -4628,238 +4312,554 @@
               }
             },
             {
-              "kind": "field",
-              "name": "styles",
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "ElementStyles | void | null"
+              },
+              "privacy": "public",
+              "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.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "this",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "elementDefinition",
+                  "type": {
+                    "text": "T"
+                  },
+                  "description": "The definition of the element to create the registry\nfunction for."
+                }
+              ],
+              "description": "Defines an element registry function with a set of element definition defaults.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when a datasource error occurs",
+              "name": "gridTabulator:error"
+            },
+            {
+              "description": "Fired when tabulator data is initialized",
+              "name": "dataInit"
+            },
+            {
+              "description": "Fired when layout size changes",
+              "name": "sizeChanged"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "criteria",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "criteria"
+            },
+            {
+              "name": "fields",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "fields"
+            },
+            {
+              "name": "is-snapshot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "isSnapshot"
+            },
+            {
+              "name": "max-rows",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "maxRows"
+            },
+            {
+              "name": "max-view",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "maxView"
+            },
+            {
+              "name": "polling-interval",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "pollingInterval"
+            },
+            {
+              "name": "moving-view",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "movingView"
+            },
+            {
+              "name": "order-by",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "orderBy"
+            },
+            {
+              "name": "resource-name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "resourceName"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "reverse"
+            },
+            {
+              "name": "row-id",
+              "description": "Attribute to set an unique identifier for the row.\n\nDefaults to `ROW_REF` or `RECORD_ID` depending on the resource type.",
+              "fieldName": "rowIdAttr"
+            },
+            {
+              "name": "restart-on-reconnection",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "restartOnReconnection"
+            },
+            {
+              "name": "keep-col-defs-on-clear-row-data",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to keep column definitions when clearing row data",
+              "fieldName": "keepColDefsOnClearRowData"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "LifecycleMixin",
+              "package": "@genesislcap/foundation-utils"
+            },
+            {
+              "name": "DatasourceEventHandler",
+              "package": "@genesislcap/foundation-comms"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "grid-tabulator-client-side-datasource",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "criteriaDelimiter",
+          "declaration": {
+            "name": "criteriaDelimiter",
+            "module": "src/datasource/client-side.datasource.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "criteriaJoin",
+          "declaration": {
+            "name": "criteriaJoin",
+            "module": "src/datasource/client-side.datasource.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GridTabulatorClientSideDatasource",
+          "declaration": {
+            "name": "GridTabulatorClientSideDatasource",
+            "module": "src/datasource/client-side.datasource.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "grid-tabulator-client-side-datasource",
+          "declaration": {
+            "name": "GridTabulatorClientSideDatasource",
+            "module": "src/datasource/client-side.datasource.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/datasource/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./client-side.datasource"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/external/fonts.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "tabulatorDefaultFontFace",
+          "default": "`\n  @font-face {\n    font-family: \"defaultFontFace\";\n  }\n`"
+        },
+        {
+          "kind": "variable",
+          "name": "tabulatorRapidFontFace",
+          "default": "`\n  @font-face {\n    font-family: \"rapidFontFace\";\n  }\n`"
+        },
+        {
+          "kind": "variable",
+          "name": "gridThemeFontFaceMap",
+          "type": {
+            "text": "GridThemeFontFaceMap"
+          },
+          "default": "{\n  [GridTabulatorTheme.default]: tabulatorDefaultFontFace,\n  [GridTabulatorTheme.rapid]: tabulatorRapidFontFace,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultGridTabulatorFontFace",
+          "default": "tabulatorDefaultFontFace"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "tabulatorDefaultFontFace",
+          "declaration": {
+            "name": "tabulatorDefaultFontFace",
+            "module": "src/external/fonts.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tabulatorRapidFontFace",
+          "declaration": {
+            "name": "tabulatorRapidFontFace",
+            "module": "src/external/fonts.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "gridThemeFontFaceMap",
+          "declaration": {
+            "name": "gridThemeFontFaceMap",
+            "module": "src/external/fonts.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultGridTabulatorFontFace",
+          "declaration": {
+            "name": "defaultGridTabulatorFontFace",
+            "module": "src/external/fonts.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/external/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "tabulatorExternalStockStyles",
+          "default": "css`\n  ${tabulatorThemeSimpleCSS}\n`",
+          "description": "External styles for the Tabulator grid.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "tabulatorExternalStockStyles",
+          "declaration": {
+            "name": "tabulatorExternalStockStyles",
+            "module": "src/external/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tabulatorThemeSimpleCSS",
+          "declaration": {
+            "name": "tabulatorThemeSimpleCSS",
+            "module": "src/external/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/external/tabulator-theme-simple-css.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "tabulatorThemeSimpleCSS",
+          "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    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;\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`",
+          "description": "External styles for the Tabulator grid.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "tabulatorThemeSimpleCSS",
+          "declaration": {
+            "name": "tabulatorThemeSimpleCSS",
+            "module": "src/external/tabulator-theme-simple-css.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/style/colors.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/style/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./colors"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/style/tokens.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./logger"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./string-utils"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./test-id-utils"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/logger.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "logger",
+          "description": "Logger for the `grid-tabulator` package",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "logger",
+          "declaration": {
+            "name": "logger",
+            "module": "src/utils/logger.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/string-utils.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "convertToKebabCase",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "str",
               "type": {
-                "text": "ElementStyles | void | null"
-              },
-              "privacy": "public",
-              "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.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "compose",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
-                }
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "this",
-                  "type": {
-                    "text": "K"
-                  }
-                },
-                {
-                  "name": "elementDefinition",
-                  "type": {
-                    "text": "T"
-                  },
-                  "description": "The definition of the element to create the registry\nfunction for."
-                }
-              ],
-              "description": "Defines an element registry function with a set of element definition defaults.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
+              "description": "The string to convert"
             }
           ],
-          "events": [
-            {
-              "description": "Fired when a datasource error occurs",
-              "name": "gridTabulator:error"
-            },
-            {
-              "description": "Fired when tabulator data is initialized",
-              "name": "dataInit"
-            },
-            {
-              "description": "Fired when layout size changes",
-              "name": "sizeChanged"
+          "description": "Convert a string to kebab case\nExample: convertToKebabCase('helloWorld') // 'hello-world'"
+        },
+        {
+          "kind": "function",
+          "name": "mergeAndDedupColDefWithColumnState",
+          "return": {
+            "type": {
+              "text": ""
             }
-          ],
-          "attributes": [
-            {
-              "name": "criteria",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "criteria"
-            },
-            {
-              "name": "fields",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "fields"
-            },
-            {
-              "name": "is-snapshot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "isSnapshot"
-            },
-            {
-              "name": "max-rows",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "maxRows"
-            },
-            {
-              "name": "max-view",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "maxView"
-            },
-            {
-              "name": "polling-interval",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "pollingInterval"
-            },
-            {
-              "name": "moving-view",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "movingView"
-            },
-            {
-              "name": "order-by",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "orderBy"
-            },
-            {
-              "name": "resource-name",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "resourceName"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "reverse"
-            },
-            {
-              "name": "row-id",
-              "description": "Attribute to set an unique identifier for the row.\n\nDefaults to `ROW_REF` or `RECORD_ID` depending on the resource type.",
-              "fieldName": "rowIdAttr"
-            },
+          },
+          "parameters": [
             {
-              "name": "restart-on-reconnection",
+              "name": "colDefs",
               "type": {
-                "text": "boolean"
+                "text": "any[]"
               },
-              "default": "true",
-              "fieldName": "restartOnReconnection"
+              "description": "The column definitions"
             },
             {
-              "name": "keep-col-defs-on-clear-row-data",
+              "name": "columnState",
               "type": {
-                "text": "boolean"
+                "text": "any[]"
               },
-              "default": "false",
-              "description": "Whether to keep column definitions when clearing row data",
-              "fieldName": "keepColDefsOnClearRowData"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "LifecycleMixin",
-              "package": "@genesislcap/foundation-utils"
-            },
-            {
-              "name": "DatasourceEventHandler",
-              "package": "@genesislcap/foundation-comms"
+              "description": "The column state"
             }
           ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "grid-tabulator-client-side-datasource",
-          "customElement": true
+          "description": "Merges and dedupes column definitions with column state"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "criteriaDelimiter",
-          "declaration": {
-            "name": "criteriaDelimiter",
-            "module": "src/datasource/client-side.datasource.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "criteriaJoin",
+          "name": "convertToKebabCase",
           "declaration": {
-            "name": "criteriaJoin",
-            "module": "src/datasource/client-side.datasource.ts"
+            "name": "convertToKebabCase",
+            "module": "src/utils/string-utils.ts"
           }
         },
         {
           "kind": "js",
-          "name": "GridTabulatorClientSideDatasource",
-          "declaration": {
-            "name": "GridTabulatorClientSideDatasource",
-            "module": "src/datasource/client-side.datasource.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "grid-tabulator-client-side-datasource",
+          "name": "mergeAndDedupColDefWithColumnState",
           "declaration": {
-            "name": "GridTabulatorClientSideDatasource",
-            "module": "src/datasource/client-side.datasource.ts"
+            "name": "mergeAndDedupColDefWithColumnState",
+            "module": "src/utils/string-utils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/datasource/index.ts",
-      "declarations": [],
+      "path": "src/utils/test-id-utils.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getDataTestId",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "dataTestId",
+              "type": {
+                "text": "((rowData: T) => string) | string | undefined"
+              },
+              "description": "The dataTestId value (string or function)"
+            },
+            {
+              "name": "rowData",
+              "type": {
+                "text": "T"
+              },
+              "description": "The row data to pass to the function if dataTestId is a function"
+            }
+          ],
+          "description": "Resolves a dataTestId value that can be either a string or a function"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
-          "name": "*",
+          "name": "getDataTestId",
           "declaration": {
-            "name": "*",
-            "package": "./client-side.datasource"
+            "name": "getDataTestId",
+            "module": "src/utils/test-id-utils.ts"
           }
         }
       ]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/grid-tabulator",
   "description": "Genesis Foundation Grid Tabulator",
-  "version": "14.471.0",
+  "version": "14.472.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -41,20 +41,20 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.471.0",
-    "@genesislcap/genx": "14.471.0",
-    "@genesislcap/rollup-builder": "14.471.0",
-    "@genesislcap/ts-builder": "14.471.0",
-    "@genesislcap/uvu-playwright-builder": "14.471.0",
-    "@genesislcap/vite-builder": "14.471.0",
-    "@genesislcap/webpack-builder": "14.471.0",
+    "@genesislcap/foundation-testing": "14.472.0",
+    "@genesislcap/genx": "14.472.0",
+    "@genesislcap/rollup-builder": "14.472.0",
+    "@genesislcap/ts-builder": "14.472.0",
+    "@genesislcap/uvu-playwright-builder": "14.472.0",
+    "@genesislcap/vite-builder": "14.472.0",
+    "@genesislcap/webpack-builder": "14.472.0",
     "@types/tabulator-tables": "6.2.6"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.471.0",
-    "@genesislcap/foundation-logger": "14.471.0",
-    "@genesislcap/foundation-ui": "14.471.0",
-    "@genesislcap/foundation-utils": "14.471.0",
+    "@genesislcap/foundation-comms": "14.472.0",
+    "@genesislcap/foundation-logger": "14.472.0",
+    "@genesislcap/foundation-ui": "14.472.0",
+    "@genesislcap/foundation-utils": "14.472.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -86,5 +86,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "610c348b892f15a2c15140528863aee389801a78"
+  "gitHead": "9518c7fe66db1d4ceafe5555d6e9ded4dd9b249c"
 }