@revolist/revogrid 3.6.7 → 3.6.8

package/dist/collection/components/selection-focus/revogr-focus.js

@@ -1,11 +1,18 @@
 /*!
  * Built by Revolist
  */
-import { Component, Prop, h, Host, Element, Event } from '@stencil/core';
-import { getSourceItem } from '../../store/dataSource/data.store';
-import { FOCUS_CLASS } from '../../utils/consts';
-import { getElStyle } from '../overlay/selection.utils';
+import { h, Host } from "@stencil/core";
+import { getSourceItem } from "../../store/dataSource/data.store";
+import { FOCUS_CLASS } from "../../utils/consts";
+import { getElStyle } from "../overlay/selection.utils";
 export class RevogrFocus {
+  constructor() {
+    this.dataStore = undefined;
+    this.colData = undefined;
+    this.selectionStore = undefined;
+    this.dimensionRow = undefined;
+    this.dimensionCol = undefined;
+  }
   changed(e, focus) {
     e === null || e === void 0 ? void 0 : e.scrollIntoView({
       block: 'nearest',
@@ -30,146 +37,164 @@ export class RevogrFocus {
     }
   }
   static get is() { return "revogr-focus"; }
-  static get originalStyleUrls() { return {
-    "$": ["revogr-focus-style.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["revogr-focus-style.css"]
-  }; }
-  static get properties() { return {
-    "dataStore": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "RowSource",
-        "resolved": "ObservableMap<DataSourceState<DataType, DimensionRows>>",
-        "references": {
-          "RowSource": {
-            "location": "import",
-            "path": "../data/columnService"
+  static get originalStyleUrls() {
+    return {
+      "$": ["revogr-focus-style.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["revogr-focus-style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "dataStore": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "RowSource",
+          "resolved": "ObservableMap<DataSourceState<DataType, DimensionRows>>",
+          "references": {
+            "RowSource": {
+              "location": "import",
+              "path": "../data/columnService",
+              "id": "src/components/data/columnService.ts::RowSource"
+            }
           }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Dynamic stores"
         }
       },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Dynamic stores"
-      }
-    },
-    "colData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ColumnSource",
-        "resolved": "ObservableMap<DataSourceState<ColumnRegular, DimensionCols>>",
-        "references": {
-          "ColumnSource": {
-            "location": "import",
-            "path": "../data/columnService"
+      "colData": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ColumnSource",
+          "resolved": "ObservableMap<DataSourceState<ColumnRegular, DimensionCols>>",
+          "references": {
+            "ColumnSource": {
+              "location": "import",
+              "path": "../data/columnService",
+              "id": "src/components/data/columnService.ts::ColumnSource"
+            }
           }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "selectionStore": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<Selection.SelectionStoreState>",
-        "resolved": "ObservableMap<SelectionStoreState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "Selection": {
-            "location": "import",
-            "path": "../../interfaces"
+      "selectionStore": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<Selection.SelectionStoreState>",
+          "resolved": "ObservableMap<SelectionStoreState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "Selection": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Selection"
+            }
           }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "dimensionRow": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<RevoGrid.DimensionSettingsState>",
-        "resolved": "ObservableMap<DimensionSettingsState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "dimensionRow": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<RevoGrid.DimensionSettingsState>",
+          "resolved": "ObservableMap<DimensionSettingsState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "dimensionCol": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<RevoGrid.DimensionSettingsState>",
-        "resolved": "ObservableMap<DimensionSettingsState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "dimensionCol": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<RevoGrid.DimensionSettingsState>",
+          "resolved": "ObservableMap<DimensionSettingsState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
       }
-    }
-  }; }
-  static get events() { return [{
-      "method": "afterFocus",
-      "name": "afterfocus",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{\n    model: any;\n    column: RevoGrid.ColumnRegular;\n  }",
-        "resolved": "{ model: any; column: ColumnRegular; }",
-        "references": {
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "afterFocus",
+        "name": "afterfocus",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{\n    model: any;\n    column: RevoGrid.ColumnRegular;\n  }",
+          "resolved": "{ model: any; column: ColumnRegular; }",
+          "references": {
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=revogr-focus.js.map

package/dist/collection/components/selection-focus/revogr-focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-focus.js","sourceRoot":"","sources":["../../../src/components/selection-focus/revogr-focus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAEvF,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAMxD,MAAM,OAAO,WAAW;;;;;;;;EAcd,OAAO,CAAC,CAAc,EAAE,KAAqB;IACnD,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,cAAc,CAAC;MAChB,KAAK,EAAE,SAAS;MAChB,MAAM,EAAE,SAAS;KAClB,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACpD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;MACnB,KAAK;MACL,MAAM;KACP,CAAC,CAAC;EACL,CAAC;EAED,kBAAkB;IAChB,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtD,YAAY,IAAI,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;EACjE,CAAC;EAED,MAAM;IACJ,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9C,IAAI,IAAI,EAAE;MACR,MAAM,KAAK,GAAG,UAAU,iCAEjB,IAAI,KACP,EAAE,EAAE,IAAI,CAAC,CAAC,EACV,EAAE,EAAE,IAAI,CAAC,CAAC,KAEZ,IAAI,CAAC,YAAY,CAAC,KAAK,EACvB,IAAI,CAAC,YAAY,CAAC,KAAK,CACxB,CAAC;MACF,OAAO,EAAC,IAAI,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACnD;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Element, Event, EventEmitter } from '@stencil/core';\nimport { Observable, RevoGrid, Selection } from '../../interfaces';\nimport { getSourceItem } from '../../store/dataSource/data.store';\nimport { FOCUS_CLASS } from '../../utils/consts';\nimport { ColumnSource, RowSource } from '../data/columnService';\nimport { getElStyle } from '../overlay/selection.utils';\n\n@Component({\n  tag: 'revogr-focus',\n  styleUrl: 'revogr-focus-style.scss',\n})\nexport class RevogrFocus {\n  @Element() el: HTMLElement;\n\n  /** Dynamic stores */\n  @Prop() dataStore!: RowSource;\n  @Prop() colData!: ColumnSource;\n  @Prop() selectionStore!: Observable<Selection.SelectionStoreState>;\n  @Prop() dimensionRow!: Observable<RevoGrid.DimensionSettingsState>;\n  @Prop() dimensionCol!: Observable<RevoGrid.DimensionSettingsState>;\n  @Event({ eventName: 'afterfocus' }) afterFocus: EventEmitter<{\n    model: any;\n    column: RevoGrid.ColumnRegular;\n  }>;\n\n  private changed(e: HTMLElement, focus: Selection.Cell): void {\n    e?.scrollIntoView({\n      block: 'nearest',\n      inline: 'nearest',\n    });\n    const model = getSourceItem(this.dataStore, focus.y);\n    const column = getSourceItem(this.colData, focus.x);\n    this.afterFocus.emit({\n      model,\n      column\n    });\n  }\n\n  componentDidRender(): void {\n    const currentFocus = this.selectionStore.get('focus');\n    currentFocus && this.el && this.changed(this.el, currentFocus);\n  }\n\n  render() {\n    const data = this.selectionStore.get('focus');\n    if (data) {\n      const style = getElStyle(\n        {\n          ...data,\n          x1: data.x,\n          y1: data.y,\n        },\n        this.dimensionRow.state,\n        this.dimensionCol.state,\n      );\n      return <Host class={FOCUS_CLASS} style={style} />;\n    }\n  }\n}\n"]}

package/dist/collection/components/selection-temp-range/revogr-temp-range-style.css

@@ -73,7 +73,7 @@
   position: absolute;
   pointer-events: none;
   z-index: 9;
-  border: 1px solid #ff5e00;
+  border: 1px solid rgb(255, 94, 0);
   box-sizing: border-box;
 }
 .temp-bg-range.Selection {

package/dist/collection/components/selection-temp-range/revogr-temp-range.js

@@ -1,13 +1,16 @@
 /*!
  * Built by Revolist
  */
-import { Component, Prop, h, Host } from '@stencil/core';
-import { throttle } from 'lodash';
-import { TMP_SELECTION_BG_CLASS } from '../../utils/consts';
-import { getElStyle } from '../overlay/selection.utils';
+import { h, Host } from "@stencil/core";
+import { throttle } from "lodash";
+import { TMP_SELECTION_BG_CLASS } from "../../utils/consts";
+import { getElStyle } from "../overlay/selection.utils";
 export class RevogrFocus {
   constructor() {
     this.onChange = throttle((e) => this.doChange(e), 300);
+    this.selectionStore = undefined;
+    this.dimensionRow = undefined;
+    this.dimensionCol = undefined;
   }
   doChange(e) {
     e === null || e === void 0 ? void 0 : e.scrollIntoView({
@@ -43,8 +46,7 @@ export class RevogrFocus {
     return (h(Host, { class: {
         [TMP_SELECTION_BG_CLASS]: true,
         [type || '']: true,
-      }, style: style },
-      h("div", { class: directionClass, ref: (e) => (this.el = e) })));
+      }, style: style }, h("div", { class: directionClass, ref: (e) => (this.el = e) })));
   }
   getRange() {
     const range = this.selectionStore.get('range');
@@ -58,84 +60,97 @@ export class RevogrFocus {
     return Object.assign(Object.assign({}, focus), { x1: focus.x, y1: focus.y });
   }
   static get is() { return "revogr-temp-range"; }
-  static get originalStyleUrls() { return {
-    "$": ["revogr-temp-range-style.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["revogr-temp-range-style.css"]
-  }; }
-  static get properties() { return {
-    "selectionStore": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<Selection.SelectionStoreState>",
-        "resolved": "ObservableMap<SelectionStoreState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "Selection": {
-            "location": "import",
-            "path": "../../interfaces"
+  static get originalStyleUrls() {
+    return {
+      "$": ["revogr-temp-range-style.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["revogr-temp-range-style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "selectionStore": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<Selection.SelectionStoreState>",
+          "resolved": "ObservableMap<SelectionStoreState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "Selection": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Selection"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Dynamic stores"
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Dynamic stores"
-      }
-    },
-    "dimensionRow": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<RevoGrid.DimensionSettingsState>",
-        "resolved": "ObservableMap<DimensionSettingsState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "dimensionRow": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<RevoGrid.DimensionSettingsState>",
+          "resolved": "ObservableMap<DimensionSettingsState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "dimensionCol": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<RevoGrid.DimensionSettingsState>",
-        "resolved": "ObservableMap<DimensionSettingsState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "dimensionCol": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<RevoGrid.DimensionSettingsState>",
+          "resolved": "ObservableMap<DimensionSettingsState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
       }
-    }
-  }; }
+    };
+  }
 }
+//# sourceMappingURL=revogr-temp-range.js.map

package/dist/collection/components/selection-temp-range/revogr-temp-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-temp-range.js","sourceRoot":"","sources":["../../../src/components/selection-temp-range/revogr-temp-range.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAMxD,MAAM,OAAO,WAAW;;IAOL,aAAQ,GAAG,QAAQ,CAAC,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;;;;;EAExE,QAAQ,CAAC,CAAc;IAC7B,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,cAAc,CAAC;MAChB,KAAK,EAAE,SAAS;MAChB,MAAM,EAAE,SAAS;KAClB,CAAC,CAAC;EACL,CAAC;EAED,kBAAkB;IAChB,IAAI,IAAI,CAAC,EAAE,EAAE;MACX,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACxB;EACH,CAAC;EAED,MAAM;IACJ,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAClD,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACtD,IAAI,CAAC,IAAI,EAAE;MACT,OAAO;KACR;IACD,IAAI,UAAU,GAAG,QAAQ,CAAC;IAC1B,IAAI,UAAU,GAAG,OAAO,CAAC;IACzB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC9B,IAAI,CAAC,KAAK,EAAE;MACV,OAAO;KACR;IACD,IAAI,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE;MACpB,UAAU,GAAG,KAAK,CAAC;KACpB;IACD,IAAI,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE;MACpB,UAAU,GAAG,MAAM,CAAC;KACrB;IACD,MAAM,cAAc,GAAG,GAAG,UAAU,IAAI,UAAU,EAAE,CAAC;IACrD,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACjF,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE;QACL,CAAC,sBAAsB,CAAC,EAAE,IAAI;QAC9B,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI;OACnB,EACD,KAAK,EAAE,KAAK;MAEZ,WAAK,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAI,CACjE,CACR,CAAC;EACJ,CAAC;EAEO,QAAQ;IACd,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC/C,IAAI,KAAK,EAAE;MACT,OAAO,KAAK,CAAC;KACd;IACD,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC/C,IAAI,CAAC,KAAK,EAAE;MACV,OAAO,IAAI,CAAC;KACb;IACD,uCACK,KAAK,KACR,EAAE,EAAE,KAAK,CAAC,CAAC,EACX,EAAE,EAAE,KAAK,CAAC,CAAC,IACX;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport { throttle } from 'lodash';\nimport { Observable, RevoGrid, Selection } from '../../interfaces';\nimport { TMP_SELECTION_BG_CLASS } from '../../utils/consts';\nimport { getElStyle } from '../overlay/selection.utils';\n\n@Component({\n  tag: 'revogr-temp-range',\n  styleUrl: 'revogr-temp-range-style.scss',\n})\nexport class RevogrFocus {\n  el: HTMLElement;\n\n  /** Dynamic stores */\n  @Prop() selectionStore: Observable<Selection.SelectionStoreState>;\n  @Prop() dimensionRow: Observable<RevoGrid.DimensionSettingsState>;\n  @Prop() dimensionCol: Observable<RevoGrid.DimensionSettingsState>;\n  private readonly onChange = throttle((e: HTMLElement) => this.doChange(e), 300);\n\n  private doChange(e: HTMLElement): void {\n    e?.scrollIntoView({\n      block: 'nearest',\n      inline: 'nearest',\n    });\n  }\n\n  componentDidRender(): void {\n    if (this.el) {\n      this.onChange(this.el);\n    }\n  }\n\n  render() {\n    const data = this.selectionStore.get('tempRange');\n    const type = this.selectionStore.get('tempRangeType');\n    if (!data) {\n      return;\n    }\n    let directionY = 'bottom';\n    let derectionX = 'right';\n    const range = this.getRange();\n    if (!range) {\n      return;\n    }\n    if (data.y < range.y) {\n      directionY = 'top';\n    }\n    if (data.x < range.x) {\n      derectionX = 'left';\n    }\n    const directionClass = `${derectionX} ${directionY}`;\n    const style = getElStyle(data, this.dimensionRow.state, this.dimensionCol.state);\n    return (\n      <Host\n        class={{\n          [TMP_SELECTION_BG_CLASS]: true,\n          [type || '']: true,\n        }}\n        style={style}\n      >\n        <div class={directionClass} ref={(e: HTMLElement) => (this.el = e)} />\n      </Host>\n    );\n  }\n\n  private getRange(): Selection.RangeArea | null {\n    const range = this.selectionStore.get('range');\n    if (range) {\n      return range;\n    }\n    const focus = this.selectionStore.get('focus');\n    if (!focus) {\n      return null;\n    }\n    return {\n      ...focus,\n      x1: focus.x,\n      y1: focus.y,\n    };\n  }\n}\n"]}

package/dist/collection/global/global.js

@@ -1,8 +1,8 @@
 /*!
  * Built by Revolist
  */
-import { setMode } from '@stencil/core';
-import ThemeService from '../themeManager/themeService';
+import { setMode } from "@stencil/core";
+import ThemeService from "../themeManager/themeService";
 setMode(elm => {
   let theme = elm.theme || elm.getAttribute('theme');
   if (typeof theme === 'string') {
@@ -14,3 +14,4 @@ setMode(elm => {
   }
   return parsedTheme;
 });
+//# sourceMappingURL=global.js.map

package/dist/collection/global/global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.js","sourceRoot":"","sources":["../../src/global/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,MAAM,8BAA8B,CAAC;AAExD,OAAO,CAAC,GAAG,CAAC,EAAE;EACZ,IAAI,KAAK,GAAwB,GAAW,CAAC,KAAK,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;EAChF,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;IAC7B,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;GACtB;EAED,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;EACjD,IAAI,WAAW,KAAK,KAAK,EAAE;IACzB,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;GACxC;EACD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC,CAAC","sourcesContent":["import { setMode } from '@stencil/core';\nimport ThemeService from '../themeManager/themeService';\n\nsetMode(elm => {\n  let theme: string | undefined = (elm as any).theme || elm.getAttribute('theme');\n  if (typeof theme === 'string') {\n    theme = theme.trim();\n  }\n\n  const parsedTheme = ThemeService.getTheme(theme);\n  if (parsedTheme !== theme) {\n    elm.setAttribute('theme', parsedTheme);\n  }\n  return parsedTheme;\n});\n"]}

package/dist/collection/index.js

@@ -2,3 +2,4 @@
  * Built by Revolist
  */
 export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './components';\n"]}

package/dist/collection/plugins/autoSizeColumn.js

@@ -5,12 +5,12 @@
  * Plugin module for revo-grid grid system
  * Add support for automatic column resize
  */
-import each from 'lodash/each';
-import reduce from 'lodash/reduce';
-import BasePlugin from './basePlugin';
-import ColumnDataProvider from '../services/column.data.provider';
-import { columnTypes } from '../store/storeTypes';
-import { getSourceItem } from '../store/dataSource/data.store';
+import each from "lodash/each";
+import reduce from "lodash/reduce";
+import BasePlugin from "./basePlugin";
+import ColumnDataProvider from "../services/column.data.provider";
+import { columnTypes } from "../store/storeTypes";
+import { getSourceItem } from "../store/dataSource/data.store";
 const LETTER_BLOCK_SIZE = 7;
 var ColumnAutoSizeMode;
 (function (ColumnAutoSizeMode) {
@@ -231,3 +231,4 @@ export default class AutoSizeColumn extends BasePlugin {
     (_a = this.precsizeCalculationArea) === null || _a === void 0 ? void 0 : _a.remove();
   }
 }
+//# sourceMappingURL=autoSizeColumn.js.map