@evergis/uilib-gl 1.0.6 → 1.0.7

package/dist/uilib-gl.esm.js

@@ -19292,7 +19292,7 @@ var setHeight$1 = function setHeight(height) {
   return typeof height === "number" ? height + "px" : typeof height === "undefined" ? "368px" : height;
 };
 
-var TableComponent = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  border-spacing: 0;\n  width: ", ";\n  height: ", ";\n  overflow: scroll;\n  font: ", ";\n  color: ", ";\n  pointer-events: ", ";\n\n  table {\n    display: table;\n    table-layout: fixed;\n    border-collapse: separate;\n    border-spacing: 0;\n  }\n\n  thead {\n    user-select: none;\n  }\n\n  tbody {\n    overflow: auto;\n  }\n\n  tr {\n    :last-child {\n      td {\n        border-bottom: 0;\n      }\n    }\n\n    &.even td {\n      background-color: ", " !important;\n    }\n  }\n\n  th {\n    position: sticky;\n    top: 0;\n    margin: 0;\n    padding: 0 0 0 10px;\n    box-sizing: border-box;\n    background-color: ", ";\n    font-size: 14px;\n    font-weight: 100;\n    color: ", ";\n    z-index: 3;\n\n    &.special {\n      left: 0;\n    }\n\n    &:before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 8px;\n      height: 100%;\n      margin-left: -0.13rem;\n      background-color: ", ";\n    }\n\n    .th-container {\n      display: flex;\n      align-items: stretch;\n\n      .th-cell {\n        width: calc(100% - 8px);\n        color: ", ";\n        user-select: none;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        word-wrap: normal;\n        padding: 10px 10px 10px 0;\n        box-sizing: border-box;\n        text-align: left;\n      }\n\n      .th-resize {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        min-width: 8px;\n        width: 8px;\n        cursor: col-resize;\n\n        .th-resize-ruler {\n          position: fixed;\n          height: ", ";\n          display: none;\n          width: 2px;\n          pointer-events: none;\n          background-color: ", ";\n        }\n\n        &:hover,\n        &:active {\n          .th-resize-ruler {\n            display: block;\n          }\n        }\n      }\n    }\n  }\n\n  td {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    word-wrap: normal;\n    padding: 10px 20px 10px 34px;\n    box-sizing: border-box;\n    height: 40px;\n    font-size: 14px;\n    z-index: 1;\n\n    &.special {\n      position: sticky;\n      left: 0;\n      padding: 0 0 0 10px;\n      z-index: 2;\n      background-color: ", " !important;\n    }\n  }\n"])), function (_ref3) {
+var TableComponent = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  border-spacing: 0;\n  width: ", ";\n  height: ", ";\n  overflow: auto;\n  font: ", ";\n  color: ", ";\n  pointer-events: ", ";\n\n  table {\n    display: table;\n    table-layout: fixed;\n    border-collapse: separate;\n    border-spacing: 0;\n  }\n\n  thead {\n    user-select: none;\n  }\n\n  tbody {\n    overflow: auto;\n\n    :hover td {\n      opacity: 0.28;\n    }\n  }\n\n  tr {\n    td {\n      border-bottom: ", ";\n      transition: all ", ";\n    }\n\n    :hover td {\n      background-color: ", ";\n      border-bottom-color: transparent;\n      opacity: 1;\n    }\n  }\n\n  th {\n    position: sticky;\n    top: 0;\n    margin: 0;\n    padding: 0 0 0 10px;\n    box-sizing: border-box;\n    background-color: ", ";\n    font-size: 14px;\n    font-weight: 100;\n    color: ", ";\n    z-index: 3;\n\n    &.special {\n      left: 0;\n    }\n\n    &:before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 8px;\n      height: 100%;\n      margin-left: -0.13rem;\n      background-color: ", ";\n    }\n\n    .th-container {\n      display: flex;\n      align-items: stretch;\n\n      .th-cell {\n        width: calc(100% - 8px);\n        color: ", ";\n        user-select: none;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        word-wrap: normal;\n        padding: 10px 10px 10px 0;\n        box-sizing: border-box;\n        text-align: left;\n      }\n\n      .th-resize {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        min-width: 8px;\n        width: 8px;\n        cursor: col-resize;\n\n        .th-resize-ruler {\n          position: fixed;\n          height: ", ";\n          display: none;\n          width: 2px;\n          pointer-events: none;\n          background-color: ", ";\n        }\n\n        &:hover,\n        &:active {\n          .th-resize-ruler {\n            display: block;\n          }\n        }\n      }\n    }\n  }\n\n  td {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    word-wrap: normal;\n    padding: 10px 20px 10px 34px;\n    box-sizing: border-box;\n    height: 40px;\n    font-size: 14px;\n    z-index: 1;\n\n    &.special {\n      position: sticky;\n      left: 0;\n      padding: 0 0 0 10px;\n      z-index: 2;\n      background-color: ", ";\n    }\n  }\n"])), function (_ref3) {
   var width = _ref3.tableWidth;
   return setWidth$1(width);
 }, function (_ref4) {
@@ -19309,105 +19309,100 @@ var TableComponent = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObj
   return showTable ? "none" : "auto";
 }, function (_ref8) {
   var theme = _ref8.theme;
-  return theme.palette.elementDarkNoAlpha;
-}, function (_ref9) {
+  return "1px solid " + theme.palette.elementDark;
+}, transition.hover, function (_ref9) {
   var theme = _ref9.theme;
-  return theme.palette.background;
+  return theme.palette.elementDark;
 }, function (_ref10) {
   var theme = _ref10.theme;
-  return theme.palette.textPrimary;
+  return theme.palette.background;
 }, function (_ref11) {
   var theme = _ref11.theme;
-  return theme.palette.background;
+  return theme.palette.textPrimary;
 }, function (_ref12) {
   var theme = _ref12.theme;
-  return theme.palette.textPrimary;
+  return theme.palette.background;
 }, function (_ref13) {
-  var height = _ref13.tableHeight;
-  return setHeight$1(height);
+  var theme = _ref13.theme;
+  return theme.palette.textPrimary;
 }, function (_ref14) {
-  var theme = _ref14.theme;
-  return theme.palette.elementDeep;
+  var height = _ref14.tableHeight;
+  return setHeight$1(height);
 }, function (_ref15) {
   var theme = _ref15.theme;
+  return theme.palette.elementDeep;
+}, function (_ref16) {
+  var theme = _ref16.theme;
   return theme.palette.background;
 });
 var HeaderCellPrefix = /*#__PURE__*/styled.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 16px;\n  height: 16px;\n  margin-right: 8px;\n"])));
-var HeaderCellComponent = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  cursor: ", ";\n  align-items: center;\n  max-width: 100%;\n\n  &[data-sorted=\"true\"] {\n    ", " {\n      display: none;\n    }\n  }\n\n  & > ", " {\n    opacity: 0;\n    margin-right: 8px;\n    display: ", ";\n  }\n\n  &[data-sorted=\"true\"] {\n    & > ", " {\n      opacity: 1;\n    }\n\n    color: ", ";\n  }\n"])), function (_ref16) {
-  var noSort = _ref16.noSort;
-  return noSort ? "default" : "pointer";
-}, HeaderCellPrefix, Icon, function (_ref17) {
+var HeaderCellComponent = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  cursor: ", ";\n  align-items: center;\n  max-width: 100%;\n\n  &[data-sorted=\"true\"] {\n    ", " {\n      display: none;\n    }\n  }\n\n  & > ", " {\n    opacity: 0;\n    margin-right: 8px;\n    display: ", ";\n  }\n\n  &[data-sorted=\"true\"] {\n    & > ", " {\n      opacity: 1;\n    }\n\n    color: ", ";\n  }\n"])), function (_ref17) {
   var noSort = _ref17.noSort;
+  return noSort ? "default" : "pointer";
+}, HeaderCellPrefix, Icon, function (_ref18) {
+  var noSort = _ref18.noSort;
   return noSort && "none";
-}, Icon, function (_ref18) {
-  var palette = _ref18.theme.palette;
+}, Icon, function (_ref19) {
+  var palette = _ref19.theme.palette;
   return palette.primary;
 });
 var FilterContainer = /*#__PURE__*/styled.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  margin-top: 1rem;\n"])));
-var TableFooter = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 1rem 0 1.5rem;\n  min-height: 2rem;\n  max-height: 2rem;\n  box-shadow: ", ";\n  box-sizing: border-box;\n"])), function (_ref19) {
-  var theme = _ref19.theme;
-  return theme.shadows.top;
-});
-var TableFooterSummary = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font: ", ";\n  color: ", ";\n"])), function (_ref20) {
+var TableFooter = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 1rem 0 1.5rem;\n  min-height: 2rem;\n  max-height: 2rem;\n  box-sizing: border-box;\n  border-top: ", ";\n"])), function (_ref20) {
   var theme = _ref20.theme;
-  return theme.fonts.description;
-}, function (_ref21) {
+  return "2px solid " + theme.palette.elementDark;
+});
+var TableFooterSummary = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font: ", ";\n  color: ", ";\n"])), function (_ref21) {
   var theme = _ref21.theme;
+  return theme.fonts.description;
+}, function (_ref22) {
+  var theme = _ref22.theme;
   return theme.palette.textSecondary;
 });
-var TableFooterControls = /*#__PURE__*/styled.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  font: ", ";\n  color: ", ";\n"])), function (_ref22) {
-  var theme = _ref22.theme;
-  return theme.fonts.description;
-}, function (_ref23) {
+var TableFooterControls = /*#__PURE__*/styled.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  font: ", ";\n  color: ", ";\n"])), function (_ref23) {
   var theme = _ref23.theme;
+  return theme.fonts.description;
+}, function (_ref24) {
+  var theme = _ref24.theme;
   return theme.palette.textPrimary;
 });
-var TableContainer = /*#__PURE__*/styled.div(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n\n  thead {\n    height: ", ";\n\n    th {\n      box-shadow: ", ";\n      border-bottom: ", ";\n\n      &.special {\n        box-shadow: ", ";\n        z-index: ", ";\n        border-right: ", ";\n      }\n    }\n\n    .th-container {\n      height: ", ";\n    }\n  }\n\n  td {\n    &.special {\n      border-right: ", ";\n      z-index: ", ";\n    }\n  }\n\n  ", " {\n    width: ", ";\n    min-height: ", ";\n  }\n\n  ", " {\n    width: ", ";\n  }\n"])), function (_ref24) {
-  var filtersOn = _ref24.filtersOn;
+var TableContainer = /*#__PURE__*/styled.div(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n\n  thead {\n    height: ", ";\n\n    th {\n      border-bottom: ", ";\n\n      &.special {\n        z-index: ", ";\n        border-right: ", ";\n      }\n    }\n\n    .th-container {\n      height: ", ";\n    }\n  }\n\n  td {\n    &.special {\n      border-right: ", ";\n      z-index: ", ";\n    }\n  }\n\n  ", " {\n    width: ", ";\n    min-height: ", ";\n  }\n\n  ", " {\n    width: ", ";\n  }\n"])), function (_ref25) {
+  var filtersOn = _ref25.filtersOn;
   return !filtersOn ? "37px" : "85px";
-}, function (_ref25) {
-  var $loading = _ref25.$loading,
-      shadows = _ref25.theme.shadows;
-  return $loading ? "none" : shadows.normal;
 }, function (_ref26) {
   var $loading = _ref26.$loading,
       theme = _ref26.theme;
-  return $loading ? "1px solid transparent" : "1px solid " + theme.palette.elementDeep;
+  return $loading ? "2px solid transparent" : "2px solid " + theme.palette.elementDark;
 }, function (_ref27) {
-  var $loading = _ref27.$loading,
-      shadows = _ref27.theme.shadows;
-  return $loading ? "none" : shadows.normalExtra;
-}, function (_ref28) {
-  var scrolled = _ref28.scrolled;
+  var scrolled = _ref27.scrolled;
   return scrolled && 4;
+}, function (_ref28) {
+  var scrolled = _ref28.scrolled,
+      theme = _ref28.theme;
+  return scrolled ? "1px solid " + theme.palette.elementDark : "none";
 }, function (_ref29) {
-  var scrolled = _ref29.scrolled,
-      theme = _ref29.theme;
-  return scrolled ? "1px solid " + theme.palette.elementDeep : "none";
-}, function (_ref30) {
-  var filtersOn = _ref30.filtersOn;
+  var filtersOn = _ref29.filtersOn;
   return !filtersOn ? "37px" : "85px";
-}, function (_ref31) {
-  var scrolled = _ref31.scrolled,
-      theme = _ref31.theme;
+}, function (_ref30) {
+  var scrolled = _ref30.scrolled,
+      theme = _ref30.theme;
   return scrolled ? "1px solid " + theme.palette.elementDeep : "none";
-}, function (_ref32) {
-  var scrolled = _ref32.scrolled;
+}, function (_ref31) {
+  var scrolled = _ref31.scrolled;
   return scrolled && 3;
-}, LoadingContainer, function (_ref33) {
-  var width = _ref33.width;
+}, LoadingContainer, function (_ref32) {
+  var width = _ref32.width;
   return setWidth$1(width);
-}, function (_ref34) {
-  var $loading = _ref34.$loading;
+}, function (_ref33) {
+  var $loading = _ref33.$loading;
   return !$loading ? "0" : "40px";
-}, TableFooter, function (_ref35) {
-  var width = _ref35.width;
+}, TableFooter, function (_ref34) {
+  var width = _ref34.width;
   return setWidth$1(width);
 });
 var SpecialHeadCellContent = /*#__PURE__*/styled.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  margin-left: auto;\n  align-items: center;\n  padding-left: 0.25rem;\n"])));
 var SpecialBodyCellContent = /*#__PURE__*/styled.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n"])));
-var Tbody = /*#__PURE__*/styled.tbody(_templateObject12$2 || (_templateObject12$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  opacity: ", ";\n"])), function (_ref36) {
-  var showTable = _ref36.showTable;
+var Tbody = /*#__PURE__*/styled.tbody(_templateObject12$2 || (_templateObject12$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  opacity: ", ";\n"])), function (_ref35) {
+  var showTable = _ref35.showTable;
   return showTable ? 0.64 : 1;
 });
 var ColName = /*#__PURE__*/styled.div(_templateObject13$2 || (_templateObject13$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n"])), /*#__PURE__*/ellipsis());