@zeedhi/common 1.101.0 → 1.102.0

package/dist/zd-common.esm.js

@@ -2054,7 +2054,7 @@ class Input extends ComponentRender {
                 if (typeof mask === 'function') {
                     mask = mask(this.internalValue);
                 }
-                this.internalDisplayValue = Mask.convertAll(mask, this.internalValue);
+                this.internalDisplayValue = Mask.convertAll(mask, value);
                 this.internalValue = this.parser(this.internalDisplayValue);
             }
             else {
@@ -5807,8 +5807,18 @@ class GridColumn extends Column {
     checkOutValues(component, row, newRow) {
         var _a;
         if (this.componentProps.dataValueOut && ((_a = component.datasource) === null || _a === void 0 ? void 0 : _a.currentRow)) {
-            this.componentProps.dataValueOut.forEach((columns) => {
-                const { column, columnOnGrid } = columns;
+            this.componentProps.dataValueOut.forEach((dataOutColumn) => {
+                var _a;
+                let column;
+                let columnOnGrid;
+                if (typeof dataOutColumn === 'string') {
+                    column = dataOutColumn;
+                    columnOnGrid = ((_a = this.componentProps.foreignColumns) === null || _a === void 0 ? void 0 : _a[column]) || column;
+                }
+                else {
+                    column = dataOutColumn.column;
+                    columnOnGrid = dataOutColumn.columnOnGrid;
+                }
                 let currentValue = component.datasource.currentRow[column];
                 if (Array.isArray(component.value)) {
                     currentValue = component.selectedValue.map((item) => item[column]);
@@ -5833,12 +5843,21 @@ class GridColumn extends Column {
 FormatterParserProvider.registerFormatter('column_ZdSelect', ({ column, value, row, componentProps, }) => {
     if (value === null || value === undefined)
         return '';
-    const { dataText, formatterDataText, dataTextSeparator, dataValue, dataTextDiscrete, } = componentProps;
+    const { dataText, formatterDataText, dataTextSeparator, dataValue, dataTextDiscrete, foreignColumns, } = componentProps;
     let currentRow = row;
+    const dataTextColumns = Array.isArray(dataText) ? dataText : [dataText];
     if (dataValue) {
-        const dataTextColumns = Array.isArray(dataText) ? dataText : [dataText];
         const columns = Array.isArray(formatterDataText) ? formatterDataText : [formatterDataText];
-        if (!formatterDataText) {
+        if (foreignColumns) {
+            const loopkupRow = {};
+            dataTextColumns.forEach((item) => {
+                const dataTextName = typeof item === 'string' ? item : item.name;
+                loopkupRow[dataTextName] = currentRow[foreignColumns[dataTextName] || dataTextName];
+            });
+            loopkupRow[dataValue] = currentRow[column.name];
+            column.lookupData[currentRow[column.name]] = loopkupRow;
+        }
+        else if (!formatterDataText) {
             currentRow = column.getLookupData(dataValue, value[dataValue] || value);
         }
         else if (columns.length === dataTextColumns.length) {
@@ -5854,7 +5873,19 @@ FormatterParserProvider.registerFormatter('column_ZdSelect', ({ column, value, r
     }
     if (!Object.keys(currentRow).length)
         return typeof value === 'object' ? '' : value;
-    const textColumn = formatterDataText || dataTextDiscrete || dataText;
+    let dataTextForeign = dataText;
+    if (dataText && foreignColumns) {
+        if (typeof dataText === 'string') {
+            dataTextForeign = foreignColumns[dataText] || dataText;
+        }
+        else {
+            dataTextForeign = dataTextColumns.map((item) => {
+                const itemName = typeof item === 'string' ? item : item.name;
+                return foreignColumns[itemName] || itemName;
+            });
+        }
+    }
+    const textColumn = formatterDataText || dataTextDiscrete || dataTextForeign;
     if (!textColumn)
         return value;
     if (typeof textColumn === 'string') {
@@ -5866,19 +5897,35 @@ FormatterParserProvider.registerFormatter('column_ZdSelect', ({ column, value, r
 FormatterParserProvider.registerFormatter('column_ZdSelectMultiple', ({ column, value, row, componentProps, }) => {
     if (!value || !Array.isArray(value) || value.length === 0)
         return '';
-    const { formatterDataText } = componentProps;
+    const { formatterDataText, foreignColumns, dataText } = componentProps;
     const formatterFn = FormatterParserProvider.getFormatter('column_ZdSelect');
     const result = value.map((item, index) => {
         let formatterRow = Object.assign({}, row);
+        const rowOverride = {};
         if (formatterDataText && formatterDataText.length > 0) {
             const columns = Array.isArray(formatterDataText) ? formatterDataText : [formatterDataText];
-            const rowOverride = {};
             columns.forEach((col) => {
                 const textName = typeof col === 'string' ? col : col.name;
                 rowOverride[textName] = row[textName][index];
             });
             formatterRow = Object.assign(Object.assign({}, row), rowOverride);
         }
+        else if (foreignColumns && dataText) {
+            let dataTextForeign = dataText;
+            if (typeof dataText === 'string') {
+                dataTextForeign = [foreignColumns[dataText] || dataText];
+            }
+            else {
+                dataTextForeign = dataText.map((col) => {
+                    const colName = typeof col === 'string' ? col : col.name;
+                    return foreignColumns[colName] || colName;
+                });
+            }
+            dataTextForeign.forEach((col) => {
+                rowOverride[col] = row[col][index];
+            });
+            formatterRow = Object.assign(Object.assign({}, row), rowOverride);
+        }
         return formatterFn({
             column, value: item, row: formatterRow, componentProps,
         });
@@ -6061,6 +6108,7 @@ class Grid extends Iterable {
         this.cellSelection = false;
         this.currentColumn = null;
         this.viewNavigate = null;
+        this.backgroundColor = 'transparent';
         this.navigationKeyMapping = {
             up: {
                 event: this.navigateUp.bind(this),
@@ -6142,7 +6190,6 @@ class Grid extends Iterable {
         this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
         this.showFooter = this.getInitValue('showFooter', props.showFooter, this.showFooter);
         this.showHeader = this.getInitValue('showHeader', props.showHeader, this.showHeader);
-        this.headerBackground = this.getInitValue('headerBackground', props.headerBackground, this.headerBackground);
         this.headerCellTextColor = this.getInitValue('headerCellTextColor', props.headerCellTextColor, this.headerCellTextColor);
         this.dragColumns = this.getInitValue('dragColumns', props.dragColumns, this.dragColumns);
         this.resizeColumns = this.getInitValue('resizeColumns', props.resizeColumns, this.resizeColumns);
@@ -6163,6 +6210,9 @@ class Grid extends Iterable {
         this.showSelectAll = this.getInitValue('showSelectAll', props.showSelectAll, this.showSelectAll);
         this.selectAllPages = this.getInitValue('selectAllPages', props.selectAllPages, this.selectAllPages);
         this.cellSelection = this.getInitValue('cellSelection', props.cellSelection, this.cellSelection);
+        this.backgroundColor = this.getInitValue('backgroundColor', props.backgroundColor, this.backgroundColor);
+        // headerBackground defaults to the backgroundColor
+        this.headerBackground = this.getInitValue('headerBackground', props.headerBackground, this.backgroundColor);
         this.createAccessors();
     }
     setViewNavigate(viewNavigate) {
@@ -6911,8 +6961,10 @@ class GridEditable extends Grid {
             newRow[key].originalRow = omit(row, 'originalRow');
             newRow[key][columnName] = value;
             newRow[key][`${columnName}_original`] = row[columnName];
-            if (component)
+            if (component) {
                 column.checkOutValues(component, row, newRow[key]);
+                component.value = value;
+            }
             this.editedRows = Object.assign(Object.assign({}, this.editedRows), newRow);
             if (this.isAdded(row)) {
                 this.addedRows = Object.assign(Object.assign({}, this.addedRows), newRow);
@@ -6923,8 +6975,10 @@ class GridEditable extends Grid {
             const newRow = rows[key];
             delete newRow[columnName];
             delete newRow[`${columnName}_original`];
-            if (component)
+            if (component) {
                 column.checkOutValues(component, row, newRow);
+                component.value = value;
+            }
             if (Object.keys(newRow).length === 1 && newRow.originalRow) {
                 delete rows[key];
             }
@@ -7171,12 +7225,12 @@ class GridEditable extends Grid {
             else {
                 data.push(row);
             }
-            yield this.datasource.updateData(data);
             const id = row[this.datasource.uniqueKey];
             if (id) {
                 this.editedRows = Object.assign(Object.assign({}, this.editedRows), { [id]: Object.assign({}, row) });
                 this.addedRows = Object.assign(Object.assign({}, this.addedRows), { [id]: Object.assign({}, row) });
             }
+            yield this.datasource.updateData(data);
             this.editing = true;
         });
     }
@@ -7934,7 +7988,7 @@ const defaultTheme = {
             'badge-text-color': '#fff',
         },
         dark: {
-            'font-color': 'var(--v-grey-lighten3)',
+            'font-color': '#ffffff',
             'background-base': '#1E1E1E',
             'background-base-2': 'var(--v-grey-darken2)',
             'background-base-3': 'var(--v-grey-darken4)',
@@ -9573,6 +9627,7 @@ class Select extends TextInput {
          * Defines the name of the form target to set using dataValueOut
          */
         this.dataValueOutFormName = '';
+        this.closeOnScroll = true;
         this.dsSearch = {
             SEARCH: (value, searchIn) => ({
                 searchIn: [searchIn],
@@ -9625,6 +9680,7 @@ class Select extends TextInput {
         this.searchParam = this.getInitValue('searchParam', props.searchParam, this.searchParam);
         this.dataValueOut = this.getInitValue('dataValueOut', props.dataValueOut, this.dataValueOut);
         this.dataValueOutFormName = this.getInitValue('dataValueOutFormName', props.dataValueOutFormName, this.dataValueOutFormName);
+        this.closeOnScroll = this.getInitValue('closeOnScroll', props.closeOnScroll, this.closeOnScroll);
         if (((_a = props.datasource) === null || _a === void 0 ? void 0 : _a.type) === 'simple') {
             this.dataValue = 'value';
             this.dataText = this.dataText || this.dataValue;
@@ -10337,6 +10393,7 @@ class IterableComponentRender extends Iterable {
          * Components that will be rendered in error case
          */
         this.errorSlot = [];
+        this.showLoading = true;
         this.toolbarSlot = props.toolbarSlot || this.toolbarSlot;
         this.footerSlot = props.footerSlot || this.footerSlot;
         this.componentMetadata = this.getInitValue('componentMetadata', props.componentMetadata, this.componentMetadata);
@@ -10353,6 +10410,7 @@ class IterableComponentRender extends Iterable {
         this.width = this.getInitValue('width', props.width, this.width);
         this.minWidth = this.getInitValue('minWidth', props.minWidth, this.minWidth);
         this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
+        this.showLoading = this.getInitValue('showLoading', props.showLoading, this.showLoading);
         this.createAccessors();
     }
     addSlashes(value) {
@@ -15011,16 +15069,20 @@ class TreeGridEditable extends TreeGrid {
             newRow[key].originalRow = omit(row, 'originalRow');
             newRow[key][columnName] = value;
             newRow[key][`${columnName}_original`] = row[columnName];
-            if (component)
+            if (component) {
                 column.checkOutValues(component, row, newRow[key]);
+                component.value = value;
+            }
             this.editedRows = Object.assign(Object.assign({}, this.editedRows), newRow);
         }
         else if (this.editedRows[key]) {
             const rows = Object.assign({}, this.editedRows);
             delete rows[key][columnName];
             delete rows[key][`${columnName}_original`];
-            if (component)
+            if (component) {
                 column.checkOutValues(component, row, rows[key]);
+                component.value = value;
+            }
             if (Object.keys(rows[key]).length === 1 && rows[key].originalRow) {
                 delete rows[key];
             }

package/dist/zd-common.umd.js

@@ -2061,7 +2061,7 @@
                   if (typeof mask === 'function') {
                       mask = mask(this.internalValue);
                   }
-                  this.internalDisplayValue = core.Mask.convertAll(mask, this.internalValue);
+                  this.internalDisplayValue = core.Mask.convertAll(mask, value);
                   this.internalValue = this.parser(this.internalDisplayValue);
               }
               else {
@@ -5814,8 +5814,18 @@
       checkOutValues(component, row, newRow) {
           var _a;
           if (this.componentProps.dataValueOut && ((_a = component.datasource) === null || _a === void 0 ? void 0 : _a.currentRow)) {
-              this.componentProps.dataValueOut.forEach((columns) => {
-                  const { column, columnOnGrid } = columns;
+              this.componentProps.dataValueOut.forEach((dataOutColumn) => {
+                  var _a;
+                  let column;
+                  let columnOnGrid;
+                  if (typeof dataOutColumn === 'string') {
+                      column = dataOutColumn;
+                      columnOnGrid = ((_a = this.componentProps.foreignColumns) === null || _a === void 0 ? void 0 : _a[column]) || column;
+                  }
+                  else {
+                      column = dataOutColumn.column;
+                      columnOnGrid = dataOutColumn.columnOnGrid;
+                  }
                   let currentValue = component.datasource.currentRow[column];
                   if (Array.isArray(component.value)) {
                       currentValue = component.selectedValue.map((item) => item[column]);
@@ -5840,12 +5850,21 @@
   core.FormatterParserProvider.registerFormatter('column_ZdSelect', ({ column, value, row, componentProps, }) => {
       if (value === null || value === undefined)
           return '';
-      const { dataText, formatterDataText, dataTextSeparator, dataValue, dataTextDiscrete, } = componentProps;
+      const { dataText, formatterDataText, dataTextSeparator, dataValue, dataTextDiscrete, foreignColumns, } = componentProps;
       let currentRow = row;
+      const dataTextColumns = Array.isArray(dataText) ? dataText : [dataText];
       if (dataValue) {
-          const dataTextColumns = Array.isArray(dataText) ? dataText : [dataText];
           const columns = Array.isArray(formatterDataText) ? formatterDataText : [formatterDataText];
-          if (!formatterDataText) {
+          if (foreignColumns) {
+              const loopkupRow = {};
+              dataTextColumns.forEach((item) => {
+                  const dataTextName = typeof item === 'string' ? item : item.name;
+                  loopkupRow[dataTextName] = currentRow[foreignColumns[dataTextName] || dataTextName];
+              });
+              loopkupRow[dataValue] = currentRow[column.name];
+              column.lookupData[currentRow[column.name]] = loopkupRow;
+          }
+          else if (!formatterDataText) {
               currentRow = column.getLookupData(dataValue, value[dataValue] || value);
           }
           else if (columns.length === dataTextColumns.length) {
@@ -5861,7 +5880,19 @@
       }
       if (!Object.keys(currentRow).length)
           return typeof value === 'object' ? '' : value;
-      const textColumn = formatterDataText || dataTextDiscrete || dataText;
+      let dataTextForeign = dataText;
+      if (dataText && foreignColumns) {
+          if (typeof dataText === 'string') {
+              dataTextForeign = foreignColumns[dataText] || dataText;
+          }
+          else {
+              dataTextForeign = dataTextColumns.map((item) => {
+                  const itemName = typeof item === 'string' ? item : item.name;
+                  return foreignColumns[itemName] || itemName;
+              });
+          }
+      }
+      const textColumn = formatterDataText || dataTextDiscrete || dataTextForeign;
       if (!textColumn)
           return value;
       if (typeof textColumn === 'string') {
@@ -5873,19 +5904,35 @@
   core.FormatterParserProvider.registerFormatter('column_ZdSelectMultiple', ({ column, value, row, componentProps, }) => {
       if (!value || !Array.isArray(value) || value.length === 0)
           return '';
-      const { formatterDataText } = componentProps;
+      const { formatterDataText, foreignColumns, dataText } = componentProps;
       const formatterFn = core.FormatterParserProvider.getFormatter('column_ZdSelect');
       const result = value.map((item, index) => {
           let formatterRow = Object.assign({}, row);
+          const rowOverride = {};
           if (formatterDataText && formatterDataText.length > 0) {
               const columns = Array.isArray(formatterDataText) ? formatterDataText : [formatterDataText];
-              const rowOverride = {};
               columns.forEach((col) => {
                   const textName = typeof col === 'string' ? col : col.name;
                   rowOverride[textName] = row[textName][index];
               });
               formatterRow = Object.assign(Object.assign({}, row), rowOverride);
           }
+          else if (foreignColumns && dataText) {
+              let dataTextForeign = dataText;
+              if (typeof dataText === 'string') {
+                  dataTextForeign = [foreignColumns[dataText] || dataText];
+              }
+              else {
+                  dataTextForeign = dataText.map((col) => {
+                      const colName = typeof col === 'string' ? col : col.name;
+                      return foreignColumns[colName] || colName;
+                  });
+              }
+              dataTextForeign.forEach((col) => {
+                  rowOverride[col] = row[col][index];
+              });
+              formatterRow = Object.assign(Object.assign({}, row), rowOverride);
+          }
           return formatterFn({
               column, value: item, row: formatterRow, componentProps,
           });
@@ -6068,6 +6115,7 @@
           this.cellSelection = false;
           this.currentColumn = null;
           this.viewNavigate = null;
+          this.backgroundColor = 'transparent';
           this.navigationKeyMapping = {
               up: {
                   event: this.navigateUp.bind(this),
@@ -6149,7 +6197,6 @@
           this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
           this.showFooter = this.getInitValue('showFooter', props.showFooter, this.showFooter);
           this.showHeader = this.getInitValue('showHeader', props.showHeader, this.showHeader);
-          this.headerBackground = this.getInitValue('headerBackground', props.headerBackground, this.headerBackground);
           this.headerCellTextColor = this.getInitValue('headerCellTextColor', props.headerCellTextColor, this.headerCellTextColor);
           this.dragColumns = this.getInitValue('dragColumns', props.dragColumns, this.dragColumns);
           this.resizeColumns = this.getInitValue('resizeColumns', props.resizeColumns, this.resizeColumns);
@@ -6170,6 +6217,9 @@
           this.showSelectAll = this.getInitValue('showSelectAll', props.showSelectAll, this.showSelectAll);
           this.selectAllPages = this.getInitValue('selectAllPages', props.selectAllPages, this.selectAllPages);
           this.cellSelection = this.getInitValue('cellSelection', props.cellSelection, this.cellSelection);
+          this.backgroundColor = this.getInitValue('backgroundColor', props.backgroundColor, this.backgroundColor);
+          // headerBackground defaults to the backgroundColor
+          this.headerBackground = this.getInitValue('headerBackground', props.headerBackground, this.backgroundColor);
           this.createAccessors();
       }
       setViewNavigate(viewNavigate) {
@@ -6918,8 +6968,10 @@
               newRow[key].originalRow = omit__default["default"](row, 'originalRow');
               newRow[key][columnName] = value;
               newRow[key][`${columnName}_original`] = row[columnName];
-              if (component)
+              if (component) {
                   column.checkOutValues(component, row, newRow[key]);
+                  component.value = value;
+              }
               this.editedRows = Object.assign(Object.assign({}, this.editedRows), newRow);
               if (this.isAdded(row)) {
                   this.addedRows = Object.assign(Object.assign({}, this.addedRows), newRow);
@@ -6930,8 +6982,10 @@
               const newRow = rows[key];
               delete newRow[columnName];
               delete newRow[`${columnName}_original`];
-              if (component)
+              if (component) {
                   column.checkOutValues(component, row, newRow);
+                  component.value = value;
+              }
               if (Object.keys(newRow).length === 1 && newRow.originalRow) {
                   delete rows[key];
               }
@@ -7178,12 +7232,12 @@
               else {
                   data.push(row);
               }
-              yield this.datasource.updateData(data);
               const id = row[this.datasource.uniqueKey];
               if (id) {
                   this.editedRows = Object.assign(Object.assign({}, this.editedRows), { [id]: Object.assign({}, row) });
                   this.addedRows = Object.assign(Object.assign({}, this.addedRows), { [id]: Object.assign({}, row) });
               }
+              yield this.datasource.updateData(data);
               this.editing = true;
           });
       }
@@ -7941,7 +7995,7 @@
               'badge-text-color': '#fff',
           },
           dark: {
-              'font-color': 'var(--v-grey-lighten3)',
+              'font-color': '#ffffff',
               'background-base': '#1E1E1E',
               'background-base-2': 'var(--v-grey-darken2)',
               'background-base-3': 'var(--v-grey-darken4)',
@@ -9580,6 +9634,7 @@
            * Defines the name of the form target to set using dataValueOut
            */
           this.dataValueOutFormName = '';
+          this.closeOnScroll = true;
           this.dsSearch = {
               SEARCH: (value, searchIn) => ({
                   searchIn: [searchIn],
@@ -9632,6 +9687,7 @@
           this.searchParam = this.getInitValue('searchParam', props.searchParam, this.searchParam);
           this.dataValueOut = this.getInitValue('dataValueOut', props.dataValueOut, this.dataValueOut);
           this.dataValueOutFormName = this.getInitValue('dataValueOutFormName', props.dataValueOutFormName, this.dataValueOutFormName);
+          this.closeOnScroll = this.getInitValue('closeOnScroll', props.closeOnScroll, this.closeOnScroll);
           if (((_a = props.datasource) === null || _a === void 0 ? void 0 : _a.type) === 'simple') {
               this.dataValue = 'value';
               this.dataText = this.dataText || this.dataValue;
@@ -10344,6 +10400,7 @@
            * Components that will be rendered in error case
            */
           this.errorSlot = [];
+          this.showLoading = true;
           this.toolbarSlot = props.toolbarSlot || this.toolbarSlot;
           this.footerSlot = props.footerSlot || this.footerSlot;
           this.componentMetadata = this.getInitValue('componentMetadata', props.componentMetadata, this.componentMetadata);
@@ -10360,6 +10417,7 @@
           this.width = this.getInitValue('width', props.width, this.width);
           this.minWidth = this.getInitValue('minWidth', props.minWidth, this.minWidth);
           this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
+          this.showLoading = this.getInitValue('showLoading', props.showLoading, this.showLoading);
           this.createAccessors();
       }
       addSlashes(value) {
@@ -15018,16 +15076,20 @@
               newRow[key].originalRow = omit__default["default"](row, 'originalRow');
               newRow[key][columnName] = value;
               newRow[key][`${columnName}_original`] = row[columnName];
-              if (component)
+              if (component) {
                   column.checkOutValues(component, row, newRow[key]);
+                  component.value = value;
+              }
               this.editedRows = Object.assign(Object.assign({}, this.editedRows), newRow);
           }
           else if (this.editedRows[key]) {
               const rows = Object.assign({}, this.editedRows);
               delete rows[key][columnName];
               delete rows[key][`${columnName}_original`];
-              if (component)
+              if (component) {
                   column.checkOutValues(component, row, rows[key]);
+                  component.value = value;
+              }
               if (Object.keys(rows[key]).length === 1 && rows[key].originalRow) {
                   delete rows[key];
               }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.101.0",
+  "version": "1.102.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "04d65b589020380fe76f9dbbbed3e4106b3f20fe"
+  "gitHead": "0676c21736fe36fd80ffe84851f0503e6163263f"
 }

package/types/components/zd-grid/grid.d.ts

@@ -146,6 +146,7 @@ export declare class Grid extends Iterable implements IGrid {
     currentColumn: Column | null;
     protected viewNavigate: ((direction: 'up' | 'down' | 'left' | 'right', event?: Event) => void) | null;
     setViewNavigate(viewNavigate: (up: 'up' | 'down' | 'left' | 'right', event?: Event) => void): void;
+    backgroundColor: string;
     /**
      * Creates a new Grid.
      * @param props Grid properties

package/types/components/zd-grid/interfaces.d.ts

@@ -51,6 +51,7 @@ export interface IGrid extends IIterable {
     showSelectAll?: boolean;
     selectAllPages?: boolean;
     cellSelection?: boolean;
+    backgroundColor?: string;
 }
 export interface IGridColumn extends IColumn {
     children?: IChildrenActionColumn[];

package/types/components/zd-iterable-component-render/interfaces.d.ts

@@ -15,4 +15,5 @@ export interface IIterableComponentRender extends IIterable {
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;
+    showLoading?: boolean;
 }

package/types/components/zd-iterable-component-render/iterable-component-render.d.ts

@@ -72,6 +72,7 @@ export declare class IterableComponentRender extends Iterable implements IIterab
      * Components that will be rendered in error case
      */
     errorSlot: IComponentRender[];
+    showLoading: boolean;
     constructor(props: IIterableComponentRender);
     private addSlashes;
     /**

package/types/components/zd-select/interfaces.d.ts

@@ -22,4 +22,5 @@ export interface ISelect extends ITextInput, ISelectDataValueOut {
     manualMode?: boolean;
     attach?: boolean;
     searchParam?: string;
+    closeOnScroll?: boolean;
 }

package/types/components/zd-select/select.d.ts

@@ -91,6 +91,7 @@ export declare class Select extends TextInput implements ISelect {
      * Defines the name of the form target to set using dataValueOut
      */
     dataValueOutFormName: string;
+    closeOnScroll: boolean;
     protected dsSearch: {
         SEARCH: (value: any, searchIn: string) => {
             searchIn: string[];

package/types/services/zd-json-cache/json-cache-service.d.ts

@@ -1,12 +0,0 @@
-export interface IJSONObject {
-    path: string;
-}
-export declare class JsonCacheService {
-    /**
-     * jsons collection
-     */
-    static jsonCollection: IJSONObject[];
-    static saveJSONCache(jsonCollection: IJSONObject[]): Promise<void>;
-    static getJSONCache(path: string): any;
-    static clearJSONCache(jsonCollection: IJSONObject[]): void;
-}