sf-i-reporting 1.0.63 → 1.0.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/sf-i-reporting.d.ts +3 -0
  3. package/sf-i-reporting.d.ts.map +1 -1
  4. package/sf-i-reporting.js +36 -1
  5. package/sf-i-reporting.js.map +1 -1
  6. package/src/sf-i-reporting.ts +38 -1
package/src/sf-i-reporting.ts CHANGED
@@ -114,6 +114,14 @@ export class SfIReporting extends LitElement {
114
114
  .SfIReportingC {
115
115
  }
116
116
 
117
+ .SfIReportingCCopy {
118
+ width: 100%;
119
+ height: 100%;
120
+ z-index: 10;
121
+ display: none;
122
+ position: absolute;
123
+ }
124
+
117
125
  .invisible {
118
126
  visibility: hidden;
119
127
  }
@@ -454,6 +462,9 @@ export class SfIReporting extends LitElement {
454
462
  @query('.SfIReportingC')
455
463
  _SfIReportingC: any;
456
464
 
465
+ @query('.SfIReportingCCopy')
466
+ _SfIReportingCCopy: any;
467
+
457
468
  @query('#reporting-container')
458
469
  _SfReportingContainer: any;
459
470
 
@@ -1111,6 +1122,7 @@ export class SfIReporting extends LitElement {
1111
1122
  setTimeout(()=>{
1112
1123
  this.evalShowProgress();
1113
1124
  (this._SfReportingContainer.querySelector('.form-container') as HTMLDivElement).scrollTo({top: scrollTopTarget, left:0});
1125
+ this.hideLoader();
1114
1126
  },500)
1115
1127
 
1116
1128
  }
@@ -1665,7 +1677,8 @@ export class SfIReporting extends LitElement {
1665
1677
  initSectionListeners = () => {
1666
1678
  let sectionHeads = (this._SfReportingContainer.querySelectorAll('.section-head')) as NodeListOf<HTMLDivElement>
1667
1679
  for(let sectionHead of sectionHeads){
1668
- sectionHead.addEventListener('click', () => {
1680
+ sectionHead.addEventListener('click', async () => {
1681
+ await this.showLoader();
1669
1682
  console.log('scroll position',(this._SfReportingContainer.querySelector('.form-container') as HTMLElement).scrollTop)
1670
1683
  for(let dataObj of this.dataModel){
1671
1684
  if(dataObj.id == sectionHead.id){
@@ -2247,6 +2260,21 @@ export class SfIReporting extends LitElement {
2247
2260
 
2248
2261
  }
2249
2262
 
2263
+ showLoader = async () => {
2264
+ if(this._SfIReportingCCopy != null){
2265
+ let loaderContainer = this._SfIReportingCCopy as HTMLDivElement
2266
+ loaderContainer.style.backgroundColor = "#efefef"
2267
+ loaderContainer.style.display = 'flex'
2268
+ }
2269
+ }
2270
+
2271
+ hideLoader = async () => {
2272
+ if(this._SfIReportingCCopy != null){
2273
+ let loaderContainer = this._SfIReportingCCopy as HTMLDivElement
2274
+ loaderContainer.style.display = 'none'
2275
+ }
2276
+ }
2277
+
2250
2278
  protected override firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {
2251
2279
 
2252
2280
  this.loadMode();
@@ -2311,6 +2339,9 @@ export class SfIReporting extends LitElement {
2311
2339
  return html`
2312
2340
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
2313
2341
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
2342
+ <div part="reporting-container-outer-copy" class="SfIReportingCCopy align-center d-flex flex-col justify-center hide">
2343
+ <div class="lds-dual-ring"></div>
2344
+ </div>
2314
2345
  <div part="reporting-container-outer" class="SfIReportingC d-flex flex-col align-center">
2315
2346
  <div id="reporting-container" part="reporting-container" class="w-100-m-0 hide"></div>
2316
2347
  <div class="loader-element"></div>
@@ -2335,6 +2366,9 @@ export class SfIReporting extends LitElement {
2335
2366
  return html`
2336
2367
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
2337
2368
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
2369
+ <div part="reporting-container-outer-copy" class="SfIReportingCCopy align-center d-flex flex-col justify-center hide">
2370
+ <div class="lds-dual-ring"></div>
2371
+ </div>
2338
2372
  <div part="reporting-container-outer" class="SfIReportingC d-flex flex-col align-center">
2339
2373
  <div id="reporting-container" part="reporting-container" class="w-100-m-0 hide"></div>
2340
2374
  <div class="loader-element"></div>
@@ -2359,6 +2393,9 @@ export class SfIReporting extends LitElement {
2359
2393
  return html`
2360
2394
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
2361
2395
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
2396
+ <div part="reporting-container-outer-copy" class="SfIReportingCCopy align-center d-flex flex-col justify-center hide">
2397
+ <div class="lds-dual-ring"></div>
2398
+ </div>
2362
2399
  <div part="reporting-container-outer" class="SfIReportingC d-flex flex-col align-center">
2363
2400
  <div id="reporting-container" part="reporting-container" class="w-100-m-0 hide"></div>
2364
2401
  <div class="loader-element"></div>