react-autoql 7.2.1-alpha.7 → 7.2.1-alpha.9

package/dist/autoql.esm.css

@@ -576,6 +576,8 @@ span.react-autoql-icon {
     .react-autoql-table-container .react-autoql-tabulator-container .tabulator-cell,
     .react-autoql-table-container .react-autoql-tabulator-container .tabulator-col {
       color: var(--react-autoql-text-color-primary); }
+  .react-autoql-table-container.loading {
+    pointer-events: none; }
   .react-autoql-table-container.hidden {
     visibility: hidden;
     position: absolute;
@@ -600,11 +602,13 @@ span.react-autoql-icon {
     width: 100vw; }
     .react-autoql-table-container.resizing .react-autoql-table {
       visibility: hidden;
-      opacity: 0; }
+      opacity: 0;
+      pointer-events: none; }
   .react-autoql-table-container.infinite .tabulator-col.DATE_STRING .tabulator-header-filter,
   .react-autoql-table-container .tabulator-col.DRILLDOWN .tabulator-header-filter {
     visibility: hidden;
-    opacity: 0; }
+    opacity: 0;
+    pointer-events: none; }
   .react-autoql-table-container.limited .tabulator-col .tabulator-header-filter,
   .react-autoql-table-container.infinite .tabulator-col:not(.DATE_STRING) .tabulator-header-filter {
     visibility: visible;
@@ -631,7 +635,8 @@ span.react-autoql-icon {
     height: 35px; }
   .react-autoql-table-container:not(.filtering) .tabulator-header-filter input {
     opacity: 0;
-    visibility: hidden; }
+    visibility: hidden;
+    pointer-events: none; }
   .react-autoql-table-container:not(.filtering) .react-autoql-tabulator-container .tabulator-tableholder {
     min-height: calc(100% - 37px) !important;
     height: calc(100% - 37px) !important;
@@ -656,7 +661,9 @@ span.react-autoql-icon {
   .react-autoql-table-container:not(.supports-drilldown) .react-autoql-table.tabulator .tabulator-row .tabulator-cell {
     cursor: text; }
   .react-autoql-table-container.animating .react-autoql-table {
-    visibility: hidden; }
+    visibility: hidden;
+    pointer-events: none;
+    opacity: 0; }
   .react-autoql-table-container .react-autoql-table.tabulator {
     background-color: inherit;
     border-color: transparent;
@@ -764,7 +771,8 @@ span.react-autoql-icon {
     top: 0;
     bottom: 0;
     right: 0;
-    left: 0; }
+    left: 0;
+    pointer-events: none; }
     .table-loader.table-page-loader .page-loader-spinner {
       display: flex;
       justify-content: center;
@@ -1173,7 +1181,8 @@ g.legendOrdinal .legendTitle tspan {
     visibility: hidden;
     flex: 0 0 0;
     opacity: 0;
-    flex-basis: 0 !important; }
+    flex-basis: 0 !important;
+    pointer-events: none; }
   .react-autoql-chart-container svg {
     background: transparent !important;
     color: var(--react-autoql-text-color-primary) !important; }
@@ -1301,7 +1310,8 @@ g.legendOrdinal .legendTitle tspan {
   opacity: 0.6;
   background-color: var(--react-autoql-background-color-primary);
   color: var(--react-autoql-accent-color);
-  border-radius: 10%; }
+  border-radius: 10%;
+  pointer-events: none; }
   .chart-loader.chart-page-loader {
     top: 25%;
     bottom: 0;
@@ -1517,7 +1527,7 @@ g.legendOrdinal .legendTitle tspan {
   line-height: 22px;
   font-size: 13px;
   padding: 7px 15px;
-  transition: all 0.2s ease !important;
+  transition: left 0.2s ease, top 0.2s ease !important;
   text-align: left !important;
   opacity: 1 !important;
   z-index: 999999 !important;
@@ -1760,8 +1770,7 @@ g.legendOrdinal .legendTitle tspan {
   display: flex;
   flex-direction: column;
   padding: 20px 10px;
-  flex: 1;
-  overflow: hidden !important; }
+  flex: 1; }
   .react-autoql-modal-body h3 {
     color: var(--react-autoql-text-color-primary); }
 
@@ -2881,19 +2890,25 @@ g.legendOrdinal .legendTitle tspan {
   position: absolute;
   height: 100%;
   width: 100%;
-  padding-bottom: 155px; }
+  padding-bottom: 158px; }
 
 .react-autoql-drawer .response-loading-container {
   position: absolute;
   bottom: 102px;
-  left: 20px; }
+  left: 20px;
+  z-index: 1; }
 
 .react-autoql-drawer .chat-bar-container {
   position: absolute;
   bottom: 0;
   padding: 10px;
-  height: 102px;
-  width: 100%; }
+  padding-top: 0;
+  height: 92px;
+  width: 100%;
+  background: var(--react-autoql-background-color-primary);
+  -webkit-clip-path: inset(-200px 0px 0px 0px);
+          clip-path: inset(-200px 0px 0px 0px);
+  box-shadow: 0 0px 3px 10px var(--react-autoql-background-color-primary); }
 
 .react-autoql-drawer .watermark {
   color: var(--react-autoql-text-color-placeholder);
@@ -4620,7 +4635,8 @@ g.legendOrdinal .legendTitle tspan {
   background: var(--react-autoql-background-color-primary);
   height: 100%;
   width: 100%;
-  overflow: hidden; }
+  overflow: hidden;
+  padding-top: 3px; }
 
 .react-autoql-dashboard-container.edit-mode {
   padding-bottom: 200px; }