@dataloop-ai/components 0.19.151 → 0.19.153

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.19.151",
+  "version": "0.19.153",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/assets/globals.scss

@@ -205,7 +205,7 @@ body {
     --dl-color-fill-third: #fbfbfb;
     --dl-color-link: #20abfa;
     --dl-color-cell-background: #fffae2;
-    --dl-color-disabled-slider: #e4e4e4;
+    --dl-color-disabled-slider: #B3B3B3;
     --q-color-positive: #38d079;
     --q-color-warning: #e1b75b;
 

package/src/components/compound/DlSearches/DlSmartSearch/components/DlSmartSearchInput.vue

@@ -468,13 +468,15 @@ export default defineComponent({
             emit('focus')
         }
 
-        const processBlur = () => {
+        const processBlur = (force: boolean = false) => {
             input.value.scrollLeft = 0
             input.value.scrollTop = 0
             focused.value = false
             expanded.value = true
-            updateJSONQuery()
-            emit('blur')
+            if (!force) {
+                updateJSONQuery()
+                emit('blur')
+            }
         }
 
         const blur = (
@@ -497,7 +499,7 @@ export default defineComponent({
                     return
                 }
 
-                processBlur()
+                processBlur(force)
             } else {
                 focus()
                 cancelBlur.value = cancelBlur.value - 1

package/src/components/compound/DlTable/hooks/tablePagination.ts

@@ -97,8 +97,8 @@ export function useTablePaginationState(
     const computedPagination = computed(() => {
         const pag = pagination.value
             ? {
-                  ...innerPagination.value,
-                  ...pagination.value
+                  ...pagination.value,
+                  ...innerPagination.value
               }
             : innerPagination.value
 

package/src/components/compound/DlTable/styles/dl-table-styles.scss

@@ -364,14 +364,6 @@
                 bottom: 0;
                 pointer-events: none;
             }
-
-            &:before {
-                // background-color: var(--dl-color-fill-hover);
-            }
-
-            &:after {
-                // background-color: var(--dl-color-fill);
-            }
         }
 
         tr.selected td:after {

package/src/demos/DlInputDemo.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div style="padding-bottom: 10px">
+        <div style="padding-bottom: 10px; max-width: 100px">
             <div>Number input</div>
             <dl-input
                 v-model="numberVal"

package/src/demos/DlTableDemo.vue

@@ -100,7 +100,8 @@
                 :draggable="draggable"
                 :dense="dense"
                 :pagination="{
-                    rowsPerPage: 10
+                    rowsPerPage: 10,
+                    page: 2
                 }"
                 class="sticky-header"
                 :filter="filter"