sf-i-events 1.0.737 → 1.0.739

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sf-i-events",
3
3
  "private": false,
4
- "version": "1.0.737",
4
+ "version": "1.0.739",
5
5
  "description": "Superflows Navigation Component",
6
6
  "main": "sf-i-events.js",
7
7
  "module": "sf-i-events.js",
package/sf-i-events.js CHANGED
@@ -4098,13 +4098,23 @@ let SfIEvents = class SfIEvents extends LitElement {
4098
4098
  this.renderStatisticsFilters = (eventsContainer) => {
4099
4099
  let selectFilterCriteria = eventsContainer.querySelector('#select-filter-criteria');
4100
4100
  let inputLabelFilter = eventsContainer.querySelector('#input-label-filter');
4101
+ let selectFilterCriteriaMobile = eventsContainer.querySelector('#select-filter-criteria-mobile');
4102
+ let inputLabelFilterMobile = eventsContainer.querySelector('#input-label-filter-mobile');
4101
4103
  selectFilterCriteria.style.display = 'block';
4102
4104
  inputLabelFilter.style.display = 'block';
4105
+ selectFilterCriteriaMobile.style.display = 'block';
4106
+ inputLabelFilterMobile.style.display = 'block';
4103
4107
  selectFilterCriteria.innerHTML = "";
4108
+ selectFilterCriteriaMobile.innerHTML = "";
4104
4109
  let option = new Option();
4105
4110
  option.value = "";
4106
4111
  option.innerHTML = "all";
4107
4112
  selectFilterCriteria.add(option);
4113
+ option = new Option();
4114
+ option.value = "";
4115
+ option.innerHTML = "all";
4116
+ selectFilterCriteriaMobile.add(option);
4117
+ console.log('adding', option, selectFilterCriteria.options);
4108
4118
  for (let criteria of Object.keys(this.statisticsMeta)) {
4109
4119
  let option = new Option();
4110
4120
  option.value = criteria;
@@ -4115,6 +4125,15 @@ let SfIEvents = class SfIEvents extends LitElement {
4115
4125
  option.innerHTML = criteria;
4116
4126
  }
4117
4127
  selectFilterCriteria.add(option);
4128
+ option = new Option();
4129
+ option.value = criteria;
4130
+ if (criteria == "reporter" || criteria == "approver" || criteria == "functionhead") {
4131
+ option.innerHTML = "user:" + criteria;
4132
+ }
4133
+ else {
4134
+ option.innerHTML = criteria;
4135
+ }
4136
+ selectFilterCriteriaMobile.add(option);
4118
4137
  }
4119
4138
  let selectFilterCriteriaNew = Util.clearListeners(selectFilterCriteria);
4120
4139
  selectFilterCriteriaNew.addEventListener('change', (ev) => {
@@ -4152,10 +4171,50 @@ let SfIEvents = class SfIEvents extends LitElement {
4152
4171
  inputLabelCriteria.style.display = 'none';
4153
4172
  }
4154
4173
  });
4174
+ let selectFilterCriteriaMobileNew = Util.clearListeners(selectFilterCriteriaMobile);
4175
+ selectFilterCriteriaMobileNew.addEventListener('change', (ev) => {
4176
+ let target = ev.target;
4177
+ let inputLabelCriteriaMobile = eventsContainer.querySelector('#input-label-criteria-mobile');
4178
+ let selectFilterValuesMobile = eventsContainer.querySelector('#select-filter-values-mobile');
4179
+ if (target.value == "") {
4180
+ selectFilterValuesMobile.value = "";
4181
+ this.processDateSelectionViewer(eventsContainer);
4182
+ }
4183
+ selectFilterValuesMobile.innerHTML = "";
4184
+ let option = new Option();
4185
+ option.value = "";
4186
+ option.innerHTML = "All";
4187
+ selectFilterValuesMobile.add(option);
4188
+ if (this.statisticsMeta[target.value] != null) {
4189
+ let sortedFilters = Util.alphabeticalSort(this.statisticsMeta[target.value]);
4190
+ selectFilterValuesMobile.style.display = 'block';
4191
+ inputLabelCriteriaMobile.style.display = 'block';
4192
+ inputLabelCriteriaMobile.innerHTML = target.value;
4193
+ for (let filter of sortedFilters) {
4194
+ let option = new Option();
4195
+ option.value = filter.split(';')[1];
4196
+ option.innerHTML = filter.split(';')[0].replace(/\([^)]*\)/g, "");
4197
+ selectFilterValuesMobile.add(option);
4198
+ }
4199
+ let selectFilterValuesMobileNew = Util.clearListeners(selectFilterValuesMobile);
4200
+ selectFilterValuesMobileNew.addEventListener('change', () => {
4201
+ console.log('changed');
4202
+ this.processDateSelectionViewer(eventsContainer);
4203
+ });
4204
+ }
4205
+ else {
4206
+ selectFilterValuesMobile.style.display = 'none';
4207
+ inputLabelCriteriaMobile.style.display = 'none';
4208
+ }
4209
+ });
4155
4210
  let selectFilterValues = eventsContainer.querySelector('#select-filter-values');
4156
4211
  let inputLabelCriteria = eventsContainer.querySelector('#input-label-criteria');
4212
+ let selectFilterValuesMobile = eventsContainer.querySelector('#select-filter-values-mobile');
4213
+ let inputLabelCriteriaMobile = eventsContainer.querySelector('#input-label-criteria-mobile');
4157
4214
  selectFilterValues.style.display = 'none';
4158
4215
  inputLabelCriteria.style.display = 'none';
4216
+ selectFilterValuesMobile.style.display = 'none';
4217
+ inputLabelCriteriaMobile.style.display = 'none';
4159
4218
  };
4160
4219
  this.renderSelectAllButtons = () => {
4161
4220
  let selectAllHtml = '<div class="d-flex justify-end w-100" style="position: fixed; bottom: 70px; left: 0px;" part="button-select-all-container">';
@@ -6219,56 +6278,56 @@ let SfIEvents = class SfIEvents extends LitElement {
6219
6278
  html += '<div class="scroll-x w-100 mobile-only">';
6220
6279
  html += '<div class="title-item-date">';
6221
6280
  html += '<label part="input-label">Start Date</label><br />';
6222
- html += '<input id="stream-start-date-mobile" part="input" type="date" />';
6281
+ html += '<input id="stream-start-date-mobile" part="date-range-preselected" type="date" />';
6223
6282
  html += '</div>';
6224
6283
  html += '<div class="title-item-date">';
6225
6284
  html += '<label part="input-label">End Date</label><br />';
6226
- html += '<input id="stream-end-date-mobile" part="input" type="date" />';
6285
+ html += '<input id="stream-end-date-mobile" part="date-range-preselected" type="date" />';
6227
6286
  html += '</div>';
6228
6287
  html += '<div class="title-item-date">';
6229
- html += '<button id="button-year-to-date-mobile" part="button-lg-short-secondary">Year To Date</button>';
6288
+ html += '<button id="button-year-to-date-mobile" part="button-range-preselected">Year To Date</button>';
6230
6289
  html += '</div>';
6231
6290
  html += '<div class="title-item-date">';
6232
- html += '<button id="button-this-quarter-mobile" part="button-lg-short-secondary">This Quarter</button>';
6291
+ html += '<button id="button-this-quarter-mobile" part="button-range-preselected">This Quarter</button>';
6233
6292
  html += '</div>';
6234
6293
  html += '<div class="title-item-date">';
6235
- html += '<button id="button-this-year-mobile" part="button-lg-short-secondary">This Year</button>';
6294
+ html += '<button id="button-this-year-mobile" part="button-range-preselected">This Year</button>';
6236
6295
  html += '</div>';
6237
6296
  html += '<div class="title-item-date">';
6238
- html += '<label part="input-label-filter-criteria" id="input-label-filter-mobile">Filter Criteria</label><br />';
6239
- html += '<select id="select-filter-criteria-mobile" class="mr-10"></select>';
6297
+ html += '<label part="input-label-filter-criteria" id="input-label-filter-mobile">Filter Criteria</label>';
6298
+ html += '<select id="select-filter-criteria-mobile"></select>';
6240
6299
  html += '</div>';
6241
6300
  html += '<div class="title-item-date">';
6242
- html += '<label part="input-label-filter-value" id="input-label-criteria-mobile"></label><br />';
6243
- html += '<select id="select-filter-values-mobile" class="mr-10"></select>';
6301
+ html += '<label part="input-label-filter-value" id="input-label-criteria-mobile"></label>';
6302
+ html += '<select id="select-filter-values-mobile"></select>';
6244
6303
  html += '</div>';
6245
6304
  html += '</div>';
6246
6305
  html += '<div class="d-flex w-100">';
6247
6306
  html += '<div class="calendar-left-col desktop-only flex-col justify-start align-end">';
6248
6307
  html += '<div class="title-item-date d-flex flex-col align-end">';
6249
6308
  html += '<label part="input-label">Start Date</label>';
6250
- html += '<input id="stream-start-date" part="input" type="date" />';
6309
+ html += '<input id="stream-start-date" part="date-range-preselected" type="date" />';
6251
6310
  html += '</div>';
6252
6311
  html += '<div class="title-item-date d-flex flex-col align-end">';
6253
6312
  html += '<label part="input-label">End Date</label>';
6254
- html += '<input id="stream-end-date" part="input" type="date" />';
6313
+ html += '<input id="stream-end-date" part="date-range-preselected" type="date" />';
6255
6314
  html += '</div>';
6256
6315
  html += '<div class="title-item-date">';
6257
- html += '<button id="button-year-to-date" part="button-lg-short-secondary">Year To Date</button>';
6316
+ html += '<button id="button-year-to-date" part="button-range-preselected">Year To Date</button>';
6258
6317
  html += '</div>';
6259
6318
  html += '<div class="title-item-date">';
6260
- html += '<button id="button-this-quarter" part="button-lg-short-secondary">This Quarter</button>';
6319
+ html += '<button id="button-this-quarter" part="button-range-preselected">This Quarter</button>';
6261
6320
  html += '</div>';
6262
6321
  html += '<div class="title-item-date">';
6263
- html += '<button id="button-this-year" part="button-lg-short-secondary">This Year</button>';
6322
+ html += '<button id="button-this-year" part="button-range-preselected">This Year</button>';
6264
6323
  html += '</div>';
6265
6324
  html += '<div class="title-item-date d-flex flex-col align-end">';
6266
- html += '<label part="input-label-filter-criteria" id="input-label-filter" class="mr-10">Filter Criteria</label>';
6267
- html += '<select part="input-select-calendar-filter" id="select-filter-criteria" class="mr-10"></select>';
6325
+ html += '<label part="input-label-filter-criteria" id="input-label-filter">Filter Criteria</label>';
6326
+ html += '<select part="input-select-calendar-filter" id="select-filter-criteria"></select>';
6268
6327
  html += '</div>';
6269
6328
  html += '<div class="title-item-date d-flex flex-col align-end">';
6270
- html += '<label part="input-label-filter-value" id="input-label-criteria" class="mr-10"></label>';
6271
- html += '<select part="input-select-calendar-filter" id="select-filter-values" class="mr-10"></select>';
6329
+ html += '<label part="input-label-filter-value" id="input-label-criteria"></label>';
6330
+ html += '<select part="input-select-calendar-filter" id="select-filter-values"></select>';
6272
6331
  html += '</div>';
6273
6332
  html += '</div>';
6274
6333
  html += '<div class="calendar-right-data flex-grow">';
@@ -6383,13 +6442,12 @@ let SfIEvents = class SfIEvents extends LitElement {
6383
6442
  selectFilterValues.style.display = 'none';
6384
6443
  let inputLabelFilter = this._SfCustomContainer.querySelector('#input-label-filter');
6385
6444
  inputLabelFilter.style.display = 'none';
6386
- // for(var i = 0; i < 3; i++) {
6387
- // (this._SfCustomContainer as HTMLDivElement).querySelector('#stream-month-' + i)?.addEventListener('click', (ev: any)=> {
6388
- // const target = parseInt((ev.target as HTMLDivElement).id.split('-')[2]);
6389
- // //console.log('clicked ', target);
6390
- // this.renderPast(target);
6391
- // })
6392
- // }
6445
+ let selectFilterCriteriaMobile = this._SfCustomContainer.querySelector('#select-filter-criteria-mobile');
6446
+ selectFilterCriteriaMobile.style.display = 'none';
6447
+ let selectFilterValuesMobile = this._SfCustomContainer.querySelector('#select-filter-values-mobile');
6448
+ selectFilterValuesMobile.style.display = 'none';
6449
+ let inputLabelFilterMobile = this._SfCustomContainer.querySelector('#input-label-filter-mobile');
6450
+ inputLabelFilterMobile.style.display = 'none';
6393
6451
  this._SfCustomContainer.querySelector('#button-year-to-date').click();
6394
6452
  };
6395
6453
  this.renderThis = (index = 1, showGraph = true) => {
@@ -6570,14 +6570,23 @@ export class SfIEvents extends LitElement {
6570
6570
  renderStatisticsFilters = (eventsContainer: HTMLDivElement) => {
6571
6571
  let selectFilterCriteria = eventsContainer.querySelector('#select-filter-criteria') as HTMLSelectElement
6572
6572
  let inputLabelFilter = eventsContainer.querySelector('#input-label-filter') as HTMLLabelElement
6573
+ let selectFilterCriteriaMobile = eventsContainer.querySelector('#select-filter-criteria-mobile') as HTMLSelectElement
6574
+ let inputLabelFilterMobile = eventsContainer.querySelector('#input-label-filter-mobile') as HTMLLabelElement
6573
6575
  selectFilterCriteria.style.display = 'block'
6574
6576
  inputLabelFilter.style.display = 'block'
6577
+ selectFilterCriteriaMobile.style.display = 'block'
6578
+ inputLabelFilterMobile.style.display = 'block'
6575
6579
  selectFilterCriteria.innerHTML = ""
6580
+ selectFilterCriteriaMobile.innerHTML = ""
6576
6581
  let option = new Option()
6577
6582
  option.value = "";
6578
6583
  option.innerHTML = "all"
6579
6584
  selectFilterCriteria.add(option)
6580
-
6585
+ option = new Option()
6586
+ option.value = "";
6587
+ option.innerHTML = "all"
6588
+ selectFilterCriteriaMobile.add(option)
6589
+ console.log('adding', option, selectFilterCriteria.options);
6581
6590
  for(let criteria of Object.keys(this.statisticsMeta)){
6582
6591
  let option = new Option()
6583
6592
  option.value = criteria;
@@ -6587,6 +6596,14 @@ export class SfIEvents extends LitElement {
6587
6596
  option.innerHTML = criteria
6588
6597
  }
6589
6598
  selectFilterCriteria.add(option)
6599
+ option = new Option()
6600
+ option.value = criteria;
6601
+ if(criteria == "reporter" || criteria == "approver" || criteria == "functionhead"){
6602
+ option.innerHTML = "user:" + criteria
6603
+ }else{
6604
+ option.innerHTML = criteria
6605
+ }
6606
+ selectFilterCriteriaMobile.add(option)
6590
6607
  }
6591
6608
  let selectFilterCriteriaNew = Util.clearListeners(selectFilterCriteria)
6592
6609
  selectFilterCriteriaNew.addEventListener('change',(ev: any) => {
@@ -6624,10 +6641,50 @@ export class SfIEvents extends LitElement {
6624
6641
  inputLabelCriteria.style.display = 'none'
6625
6642
  }
6626
6643
  })
6644
+ let selectFilterCriteriaMobileNew = Util.clearListeners(selectFilterCriteriaMobile)
6645
+ selectFilterCriteriaMobileNew.addEventListener('change',(ev: any) => {
6646
+ let target = ev.target as HTMLSelectElement
6647
+ let inputLabelCriteriaMobile = eventsContainer.querySelector('#input-label-criteria-mobile') as HTMLLabelElement
6648
+ let selectFilterValuesMobile = eventsContainer.querySelector('#select-filter-values-mobile') as HTMLSelectElement
6649
+ if(target.value == ""){
6650
+ selectFilterValuesMobile.value = ""
6651
+ this.processDateSelectionViewer(eventsContainer)
6652
+ }
6653
+
6654
+ selectFilterValuesMobile.innerHTML = ""
6655
+ let option = new Option()
6656
+ option.value = "";
6657
+ option.innerHTML = "All";
6658
+ selectFilterValuesMobile.add(option)
6659
+ if(this.statisticsMeta[target.value] != null){
6660
+ let sortedFilters = Util.alphabeticalSort(this.statisticsMeta[target.value])
6661
+ selectFilterValuesMobile.style.display = 'block'
6662
+ inputLabelCriteriaMobile.style.display = 'block'
6663
+ inputLabelCriteriaMobile.innerHTML = target.value
6664
+ for(let filter of sortedFilters){
6665
+ let option = new Option()
6666
+ option.value = filter.split(';')[1];
6667
+ option.innerHTML = filter.split(';')[0].replace(/\([^)]*\)/g,"")
6668
+ selectFilterValuesMobile.add(option)
6669
+ }
6670
+ let selectFilterValuesMobileNew = Util.clearListeners(selectFilterValuesMobile)
6671
+ selectFilterValuesMobileNew.addEventListener('change',() => {
6672
+ console.log('changed')
6673
+ this.processDateSelectionViewer(eventsContainer);
6674
+ })
6675
+ }else{
6676
+ selectFilterValuesMobile.style.display = 'none'
6677
+ inputLabelCriteriaMobile.style.display = 'none'
6678
+ }
6679
+ })
6627
6680
  let selectFilterValues = eventsContainer.querySelector('#select-filter-values') as HTMLSelectElement
6628
6681
  let inputLabelCriteria = eventsContainer.querySelector('#input-label-criteria') as HTMLLabelElement
6682
+ let selectFilterValuesMobile = eventsContainer.querySelector('#select-filter-values-mobile') as HTMLSelectElement
6683
+ let inputLabelCriteriaMobile = eventsContainer.querySelector('#input-label-criteria-mobile') as HTMLLabelElement
6629
6684
  selectFilterValues.style.display = 'none'
6630
6685
  inputLabelCriteria.style.display = 'none'
6686
+ selectFilterValuesMobile.style.display = 'none'
6687
+ inputLabelCriteriaMobile.style.display = 'none'
6631
6688
  }
6632
6689
  renderSelectAllButtons = () => {
6633
6690
  let selectAllHtml = '<div class="d-flex justify-end w-100" style="position: fixed; bottom: 70px; left: 0px;" part="button-select-all-container">';
@@ -9193,28 +9250,28 @@ export class SfIEvents extends LitElement {
9193
9250
 
9194
9251
  html += '<div class="title-item-date">';
9195
9252
  html += '<label part="input-label">Start Date</label><br />'
9196
- html += '<input id="stream-start-date-mobile" part="input" type="date" />'
9253
+ html += '<input id="stream-start-date-mobile" part="date-range-preselected" type="date" />'
9197
9254
  html += '</div>';
9198
9255
  html += '<div class="title-item-date">';
9199
9256
  html += '<label part="input-label">End Date</label><br />'
9200
- html += '<input id="stream-end-date-mobile" part="input" type="date" />'
9257
+ html += '<input id="stream-end-date-mobile" part="date-range-preselected" type="date" />'
9201
9258
  html += '</div>';
9202
9259
  html += '<div class="title-item-date">';
9203
- html += '<button id="button-year-to-date-mobile" part="button-lg-short-secondary">Year To Date</button>'
9260
+ html += '<button id="button-year-to-date-mobile" part="button-range-preselected">Year To Date</button>'
9204
9261
  html += '</div>';
9205
9262
  html += '<div class="title-item-date">';
9206
- html += '<button id="button-this-quarter-mobile" part="button-lg-short-secondary">This Quarter</button>'
9263
+ html += '<button id="button-this-quarter-mobile" part="button-range-preselected">This Quarter</button>'
9207
9264
  html += '</div>';
9208
9265
  html += '<div class="title-item-date">';
9209
- html += '<button id="button-this-year-mobile" part="button-lg-short-secondary">This Year</button>'
9266
+ html += '<button id="button-this-year-mobile" part="button-range-preselected">This Year</button>'
9210
9267
  html += '</div>';
9211
9268
  html += '<div class="title-item-date">';
9212
- html += '<label part="input-label-filter-criteria" id="input-label-filter-mobile">Filter Criteria</label><br />'
9213
- html += '<select id="select-filter-criteria-mobile" class="mr-10"></select>'
9269
+ html += '<label part="input-label-filter-criteria" id="input-label-filter-mobile">Filter Criteria</label>'
9270
+ html += '<select id="select-filter-criteria-mobile"></select>'
9214
9271
  html += '</div>';
9215
9272
  html += '<div class="title-item-date">';
9216
- html += '<label part="input-label-filter-value" id="input-label-criteria-mobile"></label><br />'
9217
- html += '<select id="select-filter-values-mobile" class="mr-10"></select>'
9273
+ html += '<label part="input-label-filter-value" id="input-label-criteria-mobile"></label>'
9274
+ html += '<select id="select-filter-values-mobile"></select>'
9218
9275
  html += '</div>';
9219
9276
 
9220
9277
  html += '</div>';
@@ -9224,28 +9281,28 @@ export class SfIEvents extends LitElement {
9224
9281
 
9225
9282
  html += '<div class="title-item-date d-flex flex-col align-end">';
9226
9283
  html += '<label part="input-label">Start Date</label>'
9227
- html += '<input id="stream-start-date" part="input" type="date" />'
9284
+ html += '<input id="stream-start-date" part="date-range-preselected" type="date" />'
9228
9285
  html += '</div>';
9229
9286
  html += '<div class="title-item-date d-flex flex-col align-end">';
9230
9287
  html += '<label part="input-label">End Date</label>'
9231
- html += '<input id="stream-end-date" part="input" type="date" />'
9288
+ html += '<input id="stream-end-date" part="date-range-preselected" type="date" />'
9232
9289
  html += '</div>';
9233
9290
  html += '<div class="title-item-date">';
9234
- html += '<button id="button-year-to-date" part="button-lg-short-secondary">Year To Date</button>'
9291
+ html += '<button id="button-year-to-date" part="button-range-preselected">Year To Date</button>'
9235
9292
  html += '</div>';
9236
9293
  html += '<div class="title-item-date">';
9237
- html += '<button id="button-this-quarter" part="button-lg-short-secondary">This Quarter</button>'
9294
+ html += '<button id="button-this-quarter" part="button-range-preselected">This Quarter</button>'
9238
9295
  html += '</div>';
9239
9296
  html += '<div class="title-item-date">';
9240
- html += '<button id="button-this-year" part="button-lg-short-secondary">This Year</button>'
9297
+ html += '<button id="button-this-year" part="button-range-preselected">This Year</button>'
9241
9298
  html += '</div>';
9242
9299
  html += '<div class="title-item-date d-flex flex-col align-end">';
9243
- html += '<label part="input-label-filter-criteria" id="input-label-filter" class="mr-10">Filter Criteria</label>'
9244
- html += '<select part="input-select-calendar-filter" id="select-filter-criteria" class="mr-10"></select>'
9300
+ html += '<label part="input-label-filter-criteria" id="input-label-filter">Filter Criteria</label>'
9301
+ html += '<select part="input-select-calendar-filter" id="select-filter-criteria"></select>'
9245
9302
  html += '</div>';
9246
9303
  html += '<div class="title-item-date d-flex flex-col align-end">';
9247
- html += '<label part="input-label-filter-value" id="input-label-criteria" class="mr-10"></label>'
9248
- html += '<select part="input-select-calendar-filter" id="select-filter-values" class="mr-10"></select>'
9304
+ html += '<label part="input-label-filter-value" id="input-label-criteria"></label>'
9305
+ html += '<select part="input-select-calendar-filter" id="select-filter-values"></select>'
9249
9306
  html += '</div>';
9250
9307
 
9251
9308
 
@@ -9389,13 +9446,13 @@ export class SfIEvents extends LitElement {
9389
9446
  selectFilterValues.style.display = 'none'
9390
9447
  let inputLabelFilter = (this._SfCustomContainer as HTMLDivElement).querySelector('#input-label-filter') as HTMLLabelElement
9391
9448
  inputLabelFilter.style.display = 'none';
9392
- // for(var i = 0; i < 3; i++) {
9393
- // (this._SfCustomContainer as HTMLDivElement).querySelector('#stream-month-' + i)?.addEventListener('click', (ev: any)=> {
9394
- // const target = parseInt((ev.target as HTMLDivElement).id.split('-')[2]);
9395
- // //console.log('clicked ', target);
9396
- // this.renderPast(target);
9397
- // })
9398
- // }
9449
+
9450
+ let selectFilterCriteriaMobile = (this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-criteria-mobile') as HTMLSelectElement
9451
+ selectFilterCriteriaMobile.style.display = 'none'
9452
+ let selectFilterValuesMobile = (this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-values-mobile') as HTMLSelectElement
9453
+ selectFilterValuesMobile.style.display = 'none'
9454
+ let inputLabelFilterMobile = (this._SfCustomContainer as HTMLDivElement).querySelector('#input-label-filter-mobile') as HTMLLabelElement
9455
+ inputLabelFilterMobile.style.display = 'none';
9399
9456
 
9400
9457
  ((this._SfCustomContainer as HTMLDivElement).querySelector('#button-year-to-date') as HTMLButtonElement).click();
9401
9458
  }