sf-i-events 1.0.749 → 1.0.750

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/dev/index.html CHANGED
@@ -1,708 +1,709 @@
1
- <!DOCTYPE html>
2
-
3
- <html>
4
- <head>
5
- <meta charset="utf-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1">
7
- <title>&lt;sf-i-events> Demo</title>
8
- <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
- <script src="../node_modules/lit/polyfill-support.js"></script>
10
- <script type="module" src="../sf-i-events.js"></script>
11
- <script type="module" src="globals.js"></script>
12
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
13
- rel="stylesheet">
14
- <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
15
- <link rel="preconnect" href="https://fonts.googleapis.com">
16
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17
- <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600&display=swap" rel="stylesheet">
18
- <script type="module">
19
-
20
- import {LitElement, html, css} from 'https://esm.run/lit-element/lit-element.js';
21
- import {SfISelect} from 'https://esm.run/sf-i-select@1.0.92/sf-i-select.js';
22
- import {SfISubSelect} from 'https://esm.run/sf-i-sub-select@1.0.83/sf-i-sub-select.js';
23
- import {SfIForm} from 'https://esm.run/sf-i-form@1.0.181/sf-i-form.js';
24
- import {SfIElasticText} from 'https://esm.run/sf-i-elastic-text@1.0.17/sf-i-elastic-text.js';
25
- import {SfIUploader} from 'https://esm.run/sf-i-uploader@1.0.103/sf-i-uploader.js';
26
- import {SfIMultitextarea} from 'https://esm.run/sf-i-multitextarea@1.0.23/sf-i-multitextarea.js';
27
- import {SfIReporting} from 'https://esm.run/sf-i-reporting@1.0.21/sf-i-reporting.js';
28
-
29
- // import {LitElement, html, css} from 'https://unpkg.com/lit-element@3.3.3/lit-element.js?module';
30
- // import {SfNav} from 'https://unpkg.com/sf-nav@1.0.73/sf-nav.js?module';
31
- // import {SfChartPie} from 'https://unpkg.com/sf-chart-pie@1.0.4/sf-chart-pie.js?module';
32
- // import {SfChartBar} from 'https://unpkg.com/sf-chart-bar@1.0.6/sf-chart-bar.js?module';
33
- // import {SfUserAuth} from 'https://unpkg.com/sf-user-auth@1.0.87/sf-user-auth.js?module';
34
- // import {SfISelect} from 'https://unpkg.com/sf-i-select@1.0.91/sf-i-select.js?module';
35
- // import {SfISubSelect} from 'https://unpkg.com/sf-i-sub-select@1.0.82/sf-i-sub-select.js?module';
36
- // import {SfIForm} from 'https://unpkg.com/sf-i-form@1.0.115/sf-i-form.js?module';
37
- // import {SfIEvents} from 'https://unpkg.com/sf-i-events@1.0.423/sf-i-events.js?module';
38
- // import {SfIElasticText} from 'https://unpkg.com/sf-i-elastic-text@1.0.7/sf-i-elastic-text.js?module';
39
- // import {SfIUploader} from 'https://unpkg.com/sf-i-uploader@1.0.102/sf-i-uploader.js?module';
40
- // import {SfRandomText} from 'https://unpkg.com/sf-random-text@1.0.2/sf-random-text.js?module';
41
-
42
- </script>
43
- <!-- <script type="module">
44
- import {SfISelect} from 'https://unpkg.com/sf-i-select@1.0.80/sf-i-select.js?module';
45
- import {SfIForm} from 'https://unpkg.com/sf-i-form@1.0.115/sf-i-form.js?module';
46
- import {SfISubSelect} from 'https://unpkg.com/sf-i-sub-select@1.0.81/sf-i-sub-select.js?module';
47
- import {SfIElasticText} from 'https://unpkg.com/sf-i-elastic-text@1.0.7/sf-i-elastic-text.js?module';
48
- import {SfIUploader} from 'https://unpkg.com/sf-i-uploader@1.0.39/sf-i-uploader.js?module';
49
- </script> -->
50
- <style>
51
-
52
- body {
53
- background-color: #efefef;
54
- margin: 0px;
55
- font-family: 'Source Sans Pro';
56
- }
57
-
58
- sf-i-events:not(:defined) {
59
- display: none;
60
- }
61
-
62
- .d-flex {
63
- display: flex;
64
- flex-wrap: wrap;
65
- }
66
-
67
- .w-30 {
68
- width: 30%;
69
- }
70
-
71
- .w-5 {
72
- width: 5%;
73
- }
74
-
75
- .w-47-5 {
76
- width: 47.5%;
77
- }
78
-
79
- .w-65 {
80
- width: 65%;
81
- }
82
-
83
- .w-100-m-0 {
84
- width: 100%;
85
- }
86
-
87
- .w-33 {
88
- width: 30%;
89
- }
90
-
91
- .w-66 {
92
- width: 62%;
93
- }
94
-
95
- .w-50 {
96
- width: 46%;
97
- }
98
- .w-100 {
99
- width: 94%;
100
- }
101
-
102
- .justify-center {
103
- justify-content: center;
104
- }
105
-
106
- .align-end {
107
- align-items: flex-end;
108
- }
109
-
110
- label {
111
- color: #666;
112
- }
113
-
114
- input {
115
- border: none;
116
- padding: 10px;
117
- border-radius: 5px;
118
- background: #efefef;
119
- box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
120
- border-top: solid 1px rgba(255, 255, 255, 0.8);
121
- border-left: solid 1px rgba(255, 255, 255, 0.8);
122
- border-bottom: solid 1px rgba(255, 255, 255, 0.8);
123
- border-right: solid 1px rgba(255, 255, 255, 0.8);
124
- transition: 0.3s;
125
-
126
- }
127
-
128
-
129
- sf-i-events::part(rcm-section) {
130
- box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
131
- border-top: solid 1px rgba(255, 255, 255, 0.8);
132
- border-left: solid 1px rgba(255, 255, 255, 0.8);
133
- border-bottom: solid 1px rgba(255, 255, 255, 0.8);
134
- border-right: solid 1px rgba(255, 255, 255, 0.8);
135
- padding: 20px;
136
- }
137
-
138
- sf-i-events::part(row-mapped) {
139
- border: solid 1px greenyellow;
140
- }
141
-
142
- sf-i-events::part(badge-filtered) {
143
- margin-left: 5px;
144
- padding-top: 3px;
145
- padding-bottom: 3px;
146
- padding-left: 8px;
147
- padding-right: 8px;
148
- border-radius: 10px;
149
- background: #efefef;
150
- color: #aaa;
151
- font-size: 70%
152
- }
153
-
154
- sf-i-events::part(badge-filter-name) {
155
- border: none;
156
- padding-top: 3px;
157
- padding-bottom: 3px;
158
- padding-left: 8px;
159
- padding-right: 8px;
160
- border-radius: 10px;
161
- background: #ccc;
162
- color: white;
163
- font-size: 70%
164
- }
165
-
166
- sf-i-events::part(badge-dashboard) {
167
- border: none;
168
- padding: 10px;
169
- border-radius: 5px;
170
- background: #efefef;
171
- box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
172
- border-top: solid 1px rgba(255, 255, 255, 0.8);
173
- border-left: solid 1px rgba(255, 255, 255, 0.8);
174
- border-bottom: solid 1px rgba(255, 255, 255, 0.8);
175
- border-right: solid 1px rgba(255, 255, 255, 0.8);
176
- transition: 0.3s;
177
- }
178
-
179
- sf-i-events::part(commentbox) {
180
- border: none;
181
- padding: 10px;
182
- border-radius: 5px;
183
- background: #efefef;
184
- box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
185
- border-top: solid 1px rgba(255, 255, 255, 0.8);
186
- border-left: solid 1px rgba(255, 255, 255, 0.8);
187
- border-bottom: solid 1px rgba(255, 255, 255, 0.8);
188
- border-right: solid 1px rgba(255, 255, 255, 0.8);
189
- transition: 0.3s;
190
- }
191
-
192
- sf-i-events::part(report-container) {
193
- border: none;
194
- padding: 10px;
195
- border-radius: 5px;
196
- background: #efefef;
197
- box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
198
- border-top: solid 1px rgba(255, 255, 255, 0.8);
199
- border-left: solid 1px rgba(255, 255, 255, 0.8);
200
- border-bottom: solid 1px rgba(255, 255, 255, 0.8);
201
- border-right: solid 1px rgba(255, 255, 255, 0.8);
202
- transition: 0.3s;
203
- }
204
-
205
- input:focus {
206
- outline-color: #e8e8e8;
207
- background: #e8e8e8;
208
- box-shadow: inset 20px 20px 60px #c5c5c5,
209
- inset -20px -20px 60px #ffffff;
210
- transition: 0.3s;
211
- }
212
-
213
- sf-i-events::part(detail-head) {
214
- font-weight: 400;
215
- color: gray;
216
- text-transform: capitalize;
217
- font-size: 90%;
218
- }
219
-
220
- sf-i-uploader::part(detail-container),
221
- sf-i-events::part(detail-container),
222
- sf-i-events::part(report-summary-container){
223
- position: fixed;
224
- left: 0px;
225
- top: 0px;
226
- width: 100%;
227
- height: 100vh;
228
- background-color: #efefef;
229
- box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
230
- border-top: solid 1px rgba(255, 255, 255, 0.3);
231
- border-left: solid 1px rgba(255, 255, 255, 0.3);
232
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
233
- border-right: solid 1px rgba(0, 0, 0, 0.1);
234
- overflow-y: auto;
235
- margin: 0px;
236
- }
237
-
238
- sf-i-events::part(filter-title) {
239
- color: #888;
240
- font-weight: 400;
241
- }
242
-
243
- sf-i-events::part(filter) {
244
- color: #888;
245
- font-weight: 400;
246
- font-size: 80%;
247
- }
248
-
249
- sf-i-events::part(td-head) {
250
- color: #888;
251
- font-weight: 400;
252
- padding-left: 5px;
253
- vertical-align: middle;
254
- font-size: 80%;
255
- text-transform: capitalize;
256
- text-align: left;
257
- }
258
-
259
- sf-i-events::part(td-key) {
260
- color: white;
261
- background-color: #aaa;
262
- font-weight: 900;
263
- padding-left: 5px;
264
- vertical-align: middle;
265
- font-size: 80%;
266
- text-align: left;
267
- }
268
-
269
- sf-i-events::part(td-body) {
270
- color: #555;
271
- font-weight: 400;
272
- padding: 5px;
273
- vertical-align: middle;
274
- font-size: 80%;
275
- white-space: nowrap;
276
- text-align: left;
277
- }
278
-
279
- sf-i-events::part(stream-event-total) {
280
- border-width: 0px;
281
- color: #666;
282
- background: #efefef;
283
- font-weight: 900;
284
- padding: 10px;
285
- }
286
-
287
- sf-i-events::part(adhoc-question) {
288
- border-width: 0px;
289
- font-size: 120%;
290
- }
291
-
292
- sf-i-events::part(stream-event-selected) {
293
- border-width: 0px;
294
- border-radius: 5px;
295
- color: #666;
296
- background: #efefef;
297
- box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
298
- border-top: solid 1px rgba(255, 255, 255, 0.3);
299
- border-left: solid 1px rgba(255, 255, 255, 0.3);
300
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
301
- border-right: solid 1px rgba(0, 0, 0, 0.1);
302
- font-weight: 900;
303
- }
304
-
305
- sf-i-events::part(calendar-tab-button-selected) {
306
- border-width: 0px;
307
- border-radius: 5px;
308
- color: #666;
309
- background: #efefef;
310
- box-shadow: inset 3px 3px 5px #bbbbbb,
311
- inset -5px -5px 8px #ffffff;
312
- border-top: solid 1px rgba(255, 255, 255, 0.3);
313
- border-left: solid 1px rgba(255, 255, 255, 0.3);
314
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
315
- border-right: solid 1px rgba(0, 0, 0, 0.1);
316
- font-weight: 900;
317
- }
318
-
319
- sf-i-events::part(calendar-tab-button-not-selected) {
320
- border-width: 0px;
321
- border-radius: 5px;
322
- color: #aaa;
323
- background: #efefef;
324
- border-top: solid 1px rgba(255, 255, 255, 0.3);
325
- border-left: solid 1px rgba(255, 255, 255, 0.3);
326
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
327
- border-right: solid 1px rgba(0, 0, 0, 0.1);
328
- }
329
-
330
- sf-i-events::part(calendar-tab-button-selected-small) {
331
- border-width: 0px;
332
- border-radius: 5px;
333
- color: #666;
334
- background: #efefef;
335
- box-shadow: inset 3px 3px 5px #bbbbbb,
336
- inset -5px -5px 8px #ffffff;
337
- border-top: solid 1px rgba(255, 255, 255, 0.3);
338
- border-left: solid 1px rgba(255, 255, 255, 0.3);
339
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
340
- border-right: solid 1px rgba(0, 0, 0, 0.1);
341
- font-weight: 900;
342
- font-size: 80%;
343
- margin-top: 20px;
344
- }
345
-
346
- sf-i-events::part(calendar-tab-button-not-selected-small) {
347
- border-width: 0px;
348
- border-radius: 5px;
349
- color: #aaa;
350
- background: #efefef;
351
- border-top: solid 1px rgba(255, 255, 255, 0.3);
352
- border-left: solid 1px rgba(255, 255, 255, 0.3);
353
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
354
- border-right: solid 1px rgba(0, 0, 0, 0.1);
355
- font-size: 80%;
356
- margin-top: 20px;
357
- }
358
-
359
- sf-i-events::part(stream-month-selected) {
360
- border-width: 0px;
361
- border-radius: 5px;
362
- color: #666;
363
- background: #efefef;
364
- box-shadow: inset 3px 3px 5px #bbbbbb,
365
- inset -5px -5px 8px #ffffff;
366
- border-top: solid 1px rgba(255, 255, 255, 0.3);
367
- border-left: solid 1px rgba(255, 255, 255, 0.3);
368
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
369
- border-right: solid 1px rgba(0, 0, 0, 0.1);
370
- font-weight: 900;
371
- }
372
-
373
- sf-i-events::part(stream-month-not-selected) {
374
- border-width: 0px;
375
- border-radius: 5px;
376
- color: #aaa;
377
- background: #efefef;
378
- border-top: solid 1px rgba(255, 255, 255, 0.3);
379
- border-left: solid 1px rgba(255, 255, 255, 0.3);
380
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
381
- border-right: solid 1px rgba(0, 0, 0, 0.1);
382
- }
383
-
384
- sf-i-events::part(stream-event-list) {
385
- border-width: 0px;
386
- border-radius: 5px;
387
- background: #efefef;
388
- box-shadow: inset 3px 3px 5px #bbbbbb,
389
- inset -5px -5px 8px #ffffff;
390
- border-top: solid 1px rgba(255, 255, 255, 0.3);
391
- border-left: solid 1px rgba(255, 255, 255, 0.3);
392
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
393
- border-right: solid 1px rgba(0, 0, 0, 0.1);
394
- }
395
-
396
-
397
- sf-i-uploader::part(button-icon),
398
- sf-i-events::part(button-icon) {
399
-
400
- border-width: 0px;
401
- border-radius: 5px;
402
- color: #666;
403
- background: #efefef;
404
- box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
405
- border-top: solid 1px rgba(255, 255, 255, 0.3);
406
- border-left: solid 1px rgba(255, 255, 255, 0.3);
407
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
408
- border-right: solid 1px rgba(0, 0, 0, 0.1);
409
-
410
- }
411
-
412
- sf-i-events::part(button-icon-small) {
413
-
414
- border-width: 0px;
415
- border-radius: 5px;
416
- color: #666;
417
- background: #efefef;
418
- box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
419
- border-top: solid 1px rgba(255, 255, 255, 0.3);
420
- border-left: solid 1px rgba(255, 255, 255, 0.3);
421
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
422
- border-right: solid 1px rgba(0, 0, 0, 0.1);
423
-
424
- }
425
-
426
- sf-i-events::part(accordian-container) {
427
-
428
- border-width: 0px;
429
- border-radius: 5px;
430
- box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
431
- border-top: solid 1px rgba(255, 255, 255, 0.3);
432
- border-left: solid 1px rgba(255, 255, 255, 0.3);
433
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
434
- border-right: solid 1px rgba(0, 0, 0, 0.1);
435
-
436
- }
437
-
438
-
439
- sf-i-events::part(badge) {
440
-
441
- color: #666;
442
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
443
- border-right: solid 1px rgba(0, 0, 0, 0.1);
444
- padding-left: 10px;
445
- padding-right: 10px;
446
- padding-top: 5px;
447
- padding-bottom: 5px;
448
- border-radius: 10px;
449
- margin-top: -8px;
450
-
451
- }
452
-
453
- sf-i-events::part(title) {
454
-
455
- font-weight: 400;
456
-
457
- }
458
-
459
- sf-i-events::part(month-title) {
460
-
461
- color: #666;
462
- font-weight: 600;
463
-
464
- }
465
-
466
- sf-i-events::part(event-calendar-day-today) {
467
-
468
- background-color: #444;
469
- color: white;
470
- font-weight: 900;
471
- border-radius: 5px;
472
-
473
- }
474
-
475
-
476
- sf-i-events::part(calendar-month) {
477
-
478
- box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
479
-
480
- }
481
-
482
- sf-i-events::part(compliance-date-indicator-primary) {
483
- background-color: #cd0078;
484
- }
485
-
486
- sf-i-events::part(compliance-calendar-day-with-compliance) {
487
- box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
488
- border-radius: 5px;
489
- padding-bottom: 3px;
490
- color: black;
491
- font-weight: 600;
492
- }
493
-
494
- sf-i-select::part(input-label),
495
- sf-i-sub-select::part(input-label),
496
- sf-i-events::part(input-label) {
497
- color: #666;
498
- }
499
-
500
- sf-i-select::part(input-select),
501
- sf-i-sub-select::part(input-select),
502
- sf-i-events::part(input-select) {
503
-
504
- border-width: 0px;
505
- border-radius: 5px;
506
- color: #666;
507
- background: #efefef;
508
- box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
509
- border-top: solid 1px rgba(255, 255, 255, 0.3);
510
- border-left: solid 1px rgba(255, 255, 255, 0.3);
511
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
512
- border-right: solid 1px rgba(0, 0, 0, 0.1);
513
- padding: 10px;
514
-
515
- }
516
-
517
- sf-i-select::part(input-select-multi),
518
- sf-i-sub-select::part(input-select-multi) {
519
- font-weight: 400;
520
- border: none;
521
- padding: 10px;
522
- border-radius: 5px;
523
- background: #efefef;
524
- box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
525
- border-top: solid 1px rgba(255, 255, 255, 0.8);
526
- border-left: solid 1px rgba(255, 255, 255, 0.8);
527
- border-bottom: solid 1px rgba(255, 255, 255, 0.8);
528
- border-right: solid 1px rgba(255, 255, 255, 0.8);
529
- transition: 0.3s;
530
- }
531
-
532
- sf-i-uploader::part(input),
533
- sf-i-events::part(input) {
534
- font-weight: 400;
535
- border: none;
536
- padding: 10px;
537
- border-radius: 5px;
538
- background: #efefef;
539
- box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
540
- border-top: solid 1px rgba(255, 255, 255, 0.8);
541
- border-left: solid 1px rgba(255, 255, 255, 0.8);
542
- border-bottom: solid 1px rgba(255, 255, 255, 0.8);
543
- border-right: solid 1px rgba(255, 255, 255, 0.8);
544
- transition: 0.3s;
545
- }
546
-
547
- sf-i-events::part(input:focus) {
548
- outline-color: #e8e8e8;
549
- background: #e8e8e8;
550
- box-shadow: inset 20px 20px 60px #c5c5c5,
551
- inset -20px -20px 60px #ffffff;
552
- transition: 0.3s;
553
- }
554
-
555
- sf-i-events::part(results-title) {
556
- color: #444;
557
- font-weight: 400;
558
- }
559
-
560
-
561
-
562
- sf-i-events::part(td-action) {
563
- color: #888;
564
- font-weight: 400;
565
- padding: 5px;
566
- background-color: #efefef;
567
- vertical-align: middle;
568
- }
569
-
570
- sf-i-uploader::part(button),
571
- sf-i-events::part(button) {
572
- color: #666;
573
- background: #efefef;
574
- box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
575
- border-top: solid 1px rgba(255, 255, 255, 0.3);
576
- border-left: solid 1px rgba(255, 255, 255, 0.3);
577
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
578
- border-right: solid 1px rgba(0, 0, 0, 0.1);
579
- padding-left: 10px;
580
- padding-right: 10px;
581
- padding-top: 5px;
582
- padding-bottom: 5px;
583
- border-radius: 5px;
584
- }
585
-
586
-
587
-
588
- sf-i-events::part(button-lg) {
589
- color: #666;
590
- background: #efefef;
591
- box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
592
- border-top: solid 1px rgba(255, 255, 255, 0.3);
593
- border-left: solid 1px rgba(255, 255, 255, 0.3);
594
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
595
- border-right: solid 1px rgba(0, 0, 0, 0.1);
596
- padding-left: 10px;
597
- padding-right: 10px;
598
- padding-top: 10px;
599
- padding-bottom: 10px;
600
- border-radius: 5px;
601
- font-size: 110%;
602
- }
603
-
604
- sf-i-events::part(button-lg):not(active){
605
- color: #666;
606
- background: #bbbbbb;
607
- box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
608
- border-top: solid 1px rgba(255, 255, 255, 0.3);
609
- border-left: solid 1px rgba(255, 255, 255, 0.3);
610
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
611
- border-right: solid 1px rgba(0, 0, 0, 0.1);
612
- padding-left: 10px;
613
- padding-right: 10px;
614
- padding-top: 15px;
615
- padding-bottom: 15px;
616
- border-radius: 5px;
617
- font-size: 95%;
618
- }
619
-
620
- sf-i-reporting::part(form-container) {
621
- height: 60vh;
622
- overflow-y: auto;
623
- }
624
- </style>
625
- </head>
626
- <body>
627
- <!-- <sf-i-events projectid="c7d18a84-c2df-4dc2-b75f-5820549f5e5c" projectname="Chitale" mode="onboarding" locations="{&quot;India&quot;:{&quot;Maharashtra&quot;:[&quot;Reg_Offce&quot;,&quot;SHRIKRISHNA&quot;,&quot;SHEDNO25&quot;,&quot;SHEDNO31&quot;,&quot;SHEDNO44&quot;,&quot;CBM_SADAN&quot;,&quot;RANJE_CBM&quot;,&quot;ISHITA_TOWER&quot;,&quot;CBM_ANAND&quot;,&quot;CBM_SADAN_WH&quot;,&quot;CBM_ANAND_SHED25&quot;,&quot;CBM_KATRAJ&quot;,&quot;CBM_KHADKI&quot;,&quot;CBM_PANVEL&quot;,&quot;CBM_NAGPUR&quot;,&quot;CBM_ISHITA&quot;,&quot;Dugdhalaya&quot;,&quot;ExpressStores_MH&quot;,&quot;FranchiseStore_MH&quot;],&quot;Goa&quot;:[&quot;ExpressStores_Goa&quot;]},&quot;United States of America&quot;:{&quot;USA&quot;:[&quot;North_Carolina&quot;]}}" contractstartdate="01/04/2024" apiid="dwqyez2puoxmu.cloudfront.net/event" username="ninad.t@flagggrc.tech" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidusers="dnytrdlrmxgsy.cloudfront.net/userprofile" disablesignoff="yes" disableclientresponse="yes">
628
-
629
- </sf-i-events> -->
630
- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat" apiidnotices="gghnbi7hku2qj5twrea6xxcaya0aqeis.lambda-url.us-east-1.on.aws" fill="pattern" username="Local Reporter 1" userprofileid="e9684b5d-ddbc-46d3-ae07-51706bf75410" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" countryid="07d73b44-648d-4301-82c4-d6df43397824" enabledeletelatestreport="true" eventfielddependencies="[{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;country&quot;, &quot;child&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;category&quot;, &quot;child&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;frequency&quot;, &quot;child&quot;: &quot;subfrequency&quot;}]" eventfields="[{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/riskarea&quot;, &quot;field&quot;: &quot;riskarea&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/jurisdiction&quot;, &quot;field&quot;: &quot;jurisdiction&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/updatetype&quot;, &quot;field&quot;: &quot;updatetype&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/country&quot;, &quot;field&quot;: &quot;country&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/specificity&quot;, &quot;field&quot;: &quot;specificity&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/risk&quot;, &quot;field&quot;: &quot;risk&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/frequency&quot;, &quot;field&quot;: &quot;frequency&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/category&quot;, &quot;field&quot;: &quot;category&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/obligationtype&quot;, &quot;field&quot;: &quot;obligationtype&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/state&quot;, &quot;field&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subfrequency&quot;, &quot;field&quot;: &quot;subfrequency&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subcategory&quot;, &quot;field&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;sf-i-form&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/statute&quot;, &quot;field&quot;: &quot;statute&quot;, &quot;projectField&quot;: &quot;name&quot;}]" eventpreviewfields="[&quot;obligationtitle&quot;]" eventhidefields="[&quot;comments&quot;,&quot;documents&quot;,&quot;lastupdated&quot;,&quot;approved&quot;,&quot;tags&quot;]" calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2024">
631
-
632
- <div slot="uploader">
633
- <sf-i-uploader id="uploader" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" extract="yes" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" maxsize="5242880" allowdownload="yes"></sf-i-uploader>
634
- </div>
635
- <div slot="reporting">
636
- <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
637
- </div>
638
-
639
- </sf-i-events>
640
- <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat" fill="pattern" username="GJR Sharma" userprofileid="bc259a1f-9ee7-4141-85dd-824aa63f983b" projectid="f0f17ddb-546a-45f5-8a94-a5689fde8e64" projectname="Signode" countryid="4ab8901c-4407-4c4d-a2c7-df1a690aa0a3" enabledeletelatestreport="true" eventfielddependencies="[{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;country&quot;, &quot;child&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;category&quot;, &quot;child&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;frequency&quot;, &quot;child&quot;: &quot;subfrequency&quot;}]" eventfields="[{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/riskarea&quot;, &quot;field&quot;: &quot;riskarea&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/jurisdiction&quot;, &quot;field&quot;: &quot;jurisdiction&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/updatetype&quot;, &quot;field&quot;: &quot;updatetype&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/country&quot;, &quot;field&quot;: &quot;country&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/specificity&quot;, &quot;field&quot;: &quot;specificity&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/risk&quot;, &quot;field&quot;: &quot;risk&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/frequency&quot;, &quot;field&quot;: &quot;frequency&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/category&quot;, &quot;field&quot;: &quot;category&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/obligationtype&quot;, &quot;field&quot;: &quot;obligationtype&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/state&quot;, &quot;field&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subfrequency&quot;, &quot;field&quot;: &quot;subfrequency&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subcategory&quot;, &quot;field&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;sf-i-form&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/statute&quot;, &quot;field&quot;: &quot;statute&quot;, &quot;projectField&quot;: &quot;name&quot;}]" eventpreviewfields="[&quot;obligationtitle&quot;]" eventhidefields="[&quot;comments&quot;,&quot;documents&quot;,&quot;lastupdated&quot;,&quot;approved&quot;,&quot;tags&quot;]" calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2024">
641
-
642
- <div slot="uploader">
643
- <sf-i-uploader id="uploader" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" extract="yes" projectid="f0f17ddb-546a-45f5-8a94-a5689fde8e64" maxsize="5242880" allowdownload="yes"></sf-i-uploader>
644
- </div>
645
- <div slot="reporting">
646
- <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
647
- </div>
648
-
649
- </sf-i-events> -->
650
- <!-- <sf-i-events projectid="f0f17ddb-546a-45f5-8a94-a5689fde8e64" projectname="Signode" mode="onboarding" locations="{&quot;India&quot;:{&quot;Telangana&quot;:[&quot;Corporate Office&quot;,&quot;Telangana Plant&quot;],&quot;Karnataka&quot;:[&quot;Prime&quot;,&quot;Stopak&quot;,&quot;Wintek&quot;,&quot;Tools&quot;,&quot;Conversion&quot;],&quot;Gujarat&quot;:[&quot;Dahej&quot;],&quot;Dadra and Nagar Haveli and Daman and Diu&quot;:[&quot;Silvassa&quot;],&quot;Uttarakhand&quot;:[&quot;Uttarakhand&quot;],&quot;Maharashtra&quot;:[&quot;Pune&quot;],&quot;Andhra Pradesh&quot;:[&quot;AP&quot;],&quot;Chhattisgarh&quot;:[&quot;Chhattisgarh&quot;],&quot;Goa&quot;:[&quot;Goa&quot;],&quot;Himachal Pradesh&quot;:[&quot;HP&quot;],&quot;Haryana&quot;:[&quot;Haryana&quot;],&quot;Jharkhand&quot;:[&quot;Jharkhand&quot;],&quot;Madhya Pradesh&quot;:[&quot;MP&quot;],&quot;Odisha&quot;:[&quot;Odisha&quot;],&quot;Punjab&quot;:[&quot;Punjab&quot;],&quot;Tamil Nadu&quot;:[&quot;TN&quot;],&quot;Uttar Pradesh&quot;:[&quot;UP&quot;],&quot;West Bengal&quot;:[&quot;WB&quot;]}}" contractstartdate="01/04/2024" apiid="dwqyez2puoxmu.cloudfront.net/event" username="ninad.t@flagggrc.tech" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidusers="dnytrdlrmxgsy.cloudfront.net/userprofile" disablesignoff="yes" disableclientresponse="yes">
651
-
652
- </sf-i-events> -->
653
- <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat" fill="solid" username="Ankur Singhal" userprofileid="010834e8-108e-4a87-b58d-f5b429f184be" projectid="f0f17ddb-546a-45f5-8a94-a5689fde8e64" projectname="Signode" countryid="4ab8901c-4407-4c4d-a2c7-df1a690aa0a3" myrole="viewer" showregisterexport="false" eventfielddependencies="[{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;country&quot;, &quot;child&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;category&quot;, &quot;child&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;frequency&quot;, &quot;child&quot;: &quot;subfrequency&quot;}]" eventfields="[{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/riskarea&quot;, &quot;field&quot;: &quot;riskarea&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/jurisdiction&quot;, &quot;field&quot;: &quot;jurisdiction&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/updatetype&quot;, &quot;field&quot;: &quot;updatetype&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/country&quot;, &quot;field&quot;: &quot;country&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/specificity&quot;, &quot;field&quot;: &quot;specificity&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/risk&quot;, &quot;field&quot;: &quot;risk&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/frequency&quot;, &quot;field&quot;: &quot;frequency&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/category&quot;, &quot;field&quot;: &quot;category&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/obligationtype&quot;, &quot;field&quot;: &quot;obligationtype&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/state&quot;, &quot;field&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subfrequency&quot;, &quot;field&quot;: &quot;subfrequency&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subcategory&quot;, &quot;field&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;sf-i-form&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/statute&quot;, &quot;field&quot;: &quot;statute&quot;, &quot;projectField&quot;: &quot;name&quot;}]" eventpreviewfields="[&quot;obligation&quot;]" eventhidefields="[&quot;comments&quot;,&quot;documents&quot;,&quot;lastupdated&quot;,&quot;approved&quot;,&quot;tags&quot;]" calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2024">
654
-
655
- <div slot="uploader">
656
- <sf-i-uploader id="uploader" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" extract="yes" projectid="f0f17ddb-546a-45f5-8a94-a5689fde8e64" maxsize="5242880" allowdownload="yes"></sf-i-uploader>
657
- </div>
658
- <div slot="reporting">
659
- <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
660
- </div>
661
-
662
- </sf-i-events> -->
663
- <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat" fill="solid" username="Local Approver 1" userprofileid="c44dcd04-aebb-4417-ba6b-fac170efd5d0" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" countryid="07d73b44-648d-4301-82c4-d6df43397824" myrole="approver" showregisterexport="false" eventfielddependencies="[{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;country&quot;, &quot;child&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;category&quot;, &quot;child&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;frequency&quot;, &quot;child&quot;: &quot;subfrequency&quot;}]" eventfields="[{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/riskarea&quot;, &quot;field&quot;: &quot;riskarea&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/jurisdiction&quot;, &quot;field&quot;: &quot;jurisdiction&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/updatetype&quot;, &quot;field&quot;: &quot;updatetype&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/country&quot;, &quot;field&quot;: &quot;country&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/specificity&quot;, &quot;field&quot;: &quot;specificity&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/risk&quot;, &quot;field&quot;: &quot;risk&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/frequency&quot;, &quot;field&quot;: &quot;frequency&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/category&quot;, &quot;field&quot;: &quot;category&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/obligationtype&quot;, &quot;field&quot;: &quot;obligationtype&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/state&quot;, &quot;field&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subfrequency&quot;, &quot;field&quot;: &quot;subfrequency&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subcategory&quot;, &quot;field&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;sf-i-form&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/statute&quot;, &quot;field&quot;: &quot;statute&quot;, &quot;projectField&quot;: &quot;name&quot;}]" eventpreviewfields="[&quot;obligation&quot;]" eventhidefields="[&quot;comments&quot;,&quot;documents&quot;,&quot;lastupdated&quot;,&quot;approved&quot;,&quot;tags&quot;]" calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2024">
664
-
665
- <div slot="uploader">
666
- <sf-i-uploader id="uploader" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" extract="yes" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" maxsize="5242880" allowdownload="yes"></sf-i-uploader>
667
- </div>
668
- <div slot="reporting">
669
- <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
670
- </div>
671
-
672
- </sf-i-events> -->
673
-
674
-
675
- <script>
676
-
677
- function setCookie(name,value,days) {
678
- var expires = "";
679
- if (days) {
680
- var date = new Date();
681
- date.setTime(date.getTime() + (days*24*60*60*1000));
682
- expires = "; expires=" + date.toUTCString();
683
- }
684
- document.cookie = name + "=" + (value || "") + expires + "; path=/";
685
- }
686
- function getCookie(name) {
687
- var nameEQ = name + "=";
688
- var ca = document.cookie.split(';');
689
- for(var i=0;i < ca.length;i++) {
690
- var c = ca[i];
691
- while (c.charAt(0)==' ') c = c.substring(1,c.length);
692
- if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
693
- }
694
- return null;
695
- }
696
- function eraseCookie(name) {
697
- document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
698
- }
699
-
700
- // setCookie('admin', 'false', 10);
701
- // setCookie('accessToken', 'lswr0qwuyso6z6c1vu', 10);
702
- // setCookie('email', 'hrushi.mehendale@gmail.com', 10);
703
-
704
-
705
- </script>
706
-
707
- </body>
708
- </html>
1
+ <!DOCTYPE html>
2
+
3
+ <html>
4
+ <head>
5
+ <meta charset="utf-8" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
7
+ <title>&lt;sf-i-events> Demo</title>
8
+ <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
9
+ <script src="../node_modules/lit/polyfill-support.js"></script>
10
+ <script type="module" src="../sf-i-events.js"></script>
11
+ <script type="module" src="globals.js"></script>
12
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
13
+ rel="stylesheet">
14
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
15
+ <link rel="preconnect" href="https://fonts.googleapis.com">
16
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17
+ <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600&display=swap" rel="stylesheet">
18
+ <script type="module">
19
+
20
+ import {LitElement, html, css} from 'https://esm.run/lit-element/lit-element.js';
21
+ import {SfISelect} from 'https://esm.run/sf-i-select@1.0.92/sf-i-select.js';
22
+ import {SfISubSelect} from 'https://esm.run/sf-i-sub-select@1.0.83/sf-i-sub-select.js';
23
+ import {SfIForm} from 'https://esm.run/sf-i-form@1.0.181/sf-i-form.js';
24
+ import {SfIElasticText} from 'https://esm.run/sf-i-elastic-text@1.0.17/sf-i-elastic-text.js';
25
+ import {SfIUploader} from 'https://esm.run/sf-i-uploader@1.0.103/sf-i-uploader.js';
26
+ import {SfIMultitextarea} from 'https://esm.run/sf-i-multitextarea@1.0.23/sf-i-multitextarea.js';
27
+ import {SfIReporting} from 'https://esm.run/sf-i-reporting@1.0.39/sf-i-reporting.js';
28
+ import {SfIBricks} from 'https://esm.run/sf-i-bricks@1.0.8/sf-i-bricks.js';
29
+
30
+ // import {LitElement, html, css} from 'https://unpkg.com/lit-element@3.3.3/lit-element.js?module';
31
+ // import {SfNav} from 'https://unpkg.com/sf-nav@1.0.73/sf-nav.js?module';
32
+ // import {SfChartPie} from 'https://unpkg.com/sf-chart-pie@1.0.4/sf-chart-pie.js?module';
33
+ // import {SfChartBar} from 'https://unpkg.com/sf-chart-bar@1.0.6/sf-chart-bar.js?module';
34
+ // import {SfUserAuth} from 'https://unpkg.com/sf-user-auth@1.0.87/sf-user-auth.js?module';
35
+ // import {SfISelect} from 'https://unpkg.com/sf-i-select@1.0.91/sf-i-select.js?module';
36
+ // import {SfISubSelect} from 'https://unpkg.com/sf-i-sub-select@1.0.82/sf-i-sub-select.js?module';
37
+ // import {SfIForm} from 'https://unpkg.com/sf-i-form@1.0.115/sf-i-form.js?module';
38
+ // import {SfIEvents} from 'https://unpkg.com/sf-i-events@1.0.423/sf-i-events.js?module';
39
+ // import {SfIElasticText} from 'https://unpkg.com/sf-i-elastic-text@1.0.7/sf-i-elastic-text.js?module';
40
+ // import {SfIUploader} from 'https://unpkg.com/sf-i-uploader@1.0.102/sf-i-uploader.js?module';
41
+ // import {SfRandomText} from 'https://unpkg.com/sf-random-text@1.0.2/sf-random-text.js?module';
42
+
43
+ </script>
44
+ <!-- <script type="module">
45
+ import {SfISelect} from 'https://unpkg.com/sf-i-select@1.0.80/sf-i-select.js?module';
46
+ import {SfIForm} from 'https://unpkg.com/sf-i-form@1.0.115/sf-i-form.js?module';
47
+ import {SfISubSelect} from 'https://unpkg.com/sf-i-sub-select@1.0.81/sf-i-sub-select.js?module';
48
+ import {SfIElasticText} from 'https://unpkg.com/sf-i-elastic-text@1.0.7/sf-i-elastic-text.js?module';
49
+ import {SfIUploader} from 'https://unpkg.com/sf-i-uploader@1.0.39/sf-i-uploader.js?module';
50
+ </script> -->
51
+ <style>
52
+
53
+ body {
54
+ background-color: #efefef;
55
+ margin: 0px;
56
+ font-family: 'Source Sans Pro';
57
+ }
58
+
59
+ sf-i-events:not(:defined) {
60
+ display: none;
61
+ }
62
+
63
+ .d-flex {
64
+ display: flex;
65
+ flex-wrap: wrap;
66
+ }
67
+
68
+ .w-30 {
69
+ width: 30%;
70
+ }
71
+
72
+ .w-5 {
73
+ width: 5%;
74
+ }
75
+
76
+ .w-47-5 {
77
+ width: 47.5%;
78
+ }
79
+
80
+ .w-65 {
81
+ width: 65%;
82
+ }
83
+
84
+ .w-100-m-0 {
85
+ width: 100%;
86
+ }
87
+
88
+ .w-33 {
89
+ width: 30%;
90
+ }
91
+
92
+ .w-66 {
93
+ width: 62%;
94
+ }
95
+
96
+ .w-50 {
97
+ width: 46%;
98
+ }
99
+ .w-100 {
100
+ width: 94%;
101
+ }
102
+
103
+ .justify-center {
104
+ justify-content: center;
105
+ }
106
+
107
+ .align-end {
108
+ align-items: flex-end;
109
+ }
110
+
111
+ label {
112
+ color: #666;
113
+ }
114
+
115
+ input {
116
+ border: none;
117
+ padding: 10px;
118
+ border-radius: 5px;
119
+ background: #efefef;
120
+ box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
121
+ border-top: solid 1px rgba(255, 255, 255, 0.8);
122
+ border-left: solid 1px rgba(255, 255, 255, 0.8);
123
+ border-bottom: solid 1px rgba(255, 255, 255, 0.8);
124
+ border-right: solid 1px rgba(255, 255, 255, 0.8);
125
+ transition: 0.3s;
126
+
127
+ }
128
+
129
+
130
+ sf-i-events::part(rcm-section) {
131
+ box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
132
+ border-top: solid 1px rgba(255, 255, 255, 0.8);
133
+ border-left: solid 1px rgba(255, 255, 255, 0.8);
134
+ border-bottom: solid 1px rgba(255, 255, 255, 0.8);
135
+ border-right: solid 1px rgba(255, 255, 255, 0.8);
136
+ padding: 20px;
137
+ }
138
+
139
+ sf-i-events::part(row-mapped) {
140
+ border: solid 1px greenyellow;
141
+ }
142
+
143
+ sf-i-events::part(badge-filtered) {
144
+ margin-left: 5px;
145
+ padding-top: 3px;
146
+ padding-bottom: 3px;
147
+ padding-left: 8px;
148
+ padding-right: 8px;
149
+ border-radius: 10px;
150
+ background: #efefef;
151
+ color: #aaa;
152
+ font-size: 70%
153
+ }
154
+
155
+ sf-i-events::part(badge-filter-name) {
156
+ border: none;
157
+ padding-top: 3px;
158
+ padding-bottom: 3px;
159
+ padding-left: 8px;
160
+ padding-right: 8px;
161
+ border-radius: 10px;
162
+ background: #ccc;
163
+ color: white;
164
+ font-size: 70%
165
+ }
166
+
167
+ sf-i-events::part(badge-dashboard) {
168
+ border: none;
169
+ padding: 10px;
170
+ border-radius: 5px;
171
+ background: #efefef;
172
+ box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
173
+ border-top: solid 1px rgba(255, 255, 255, 0.8);
174
+ border-left: solid 1px rgba(255, 255, 255, 0.8);
175
+ border-bottom: solid 1px rgba(255, 255, 255, 0.8);
176
+ border-right: solid 1px rgba(255, 255, 255, 0.8);
177
+ transition: 0.3s;
178
+ }
179
+
180
+ sf-i-events::part(commentbox) {
181
+ border: none;
182
+ padding: 10px;
183
+ border-radius: 5px;
184
+ background: #efefef;
185
+ box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
186
+ border-top: solid 1px rgba(255, 255, 255, 0.8);
187
+ border-left: solid 1px rgba(255, 255, 255, 0.8);
188
+ border-bottom: solid 1px rgba(255, 255, 255, 0.8);
189
+ border-right: solid 1px rgba(255, 255, 255, 0.8);
190
+ transition: 0.3s;
191
+ }
192
+
193
+ sf-i-events::part(report-container) {
194
+ border: none;
195
+ padding: 10px;
196
+ border-radius: 5px;
197
+ background: #efefef;
198
+ box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
199
+ border-top: solid 1px rgba(255, 255, 255, 0.8);
200
+ border-left: solid 1px rgba(255, 255, 255, 0.8);
201
+ border-bottom: solid 1px rgba(255, 255, 255, 0.8);
202
+ border-right: solid 1px rgba(255, 255, 255, 0.8);
203
+ transition: 0.3s;
204
+ }
205
+
206
+ input:focus {
207
+ outline-color: #e8e8e8;
208
+ background: #e8e8e8;
209
+ box-shadow: inset 20px 20px 60px #c5c5c5,
210
+ inset -20px -20px 60px #ffffff;
211
+ transition: 0.3s;
212
+ }
213
+
214
+ sf-i-events::part(detail-head) {
215
+ font-weight: 400;
216
+ color: gray;
217
+ text-transform: capitalize;
218
+ font-size: 90%;
219
+ }
220
+
221
+ sf-i-uploader::part(detail-container),
222
+ sf-i-events::part(detail-container),
223
+ sf-i-events::part(report-summary-container){
224
+ position: fixed;
225
+ left: 0px;
226
+ top: 0px;
227
+ width: 100%;
228
+ height: 100vh;
229
+ background-color: #efefef;
230
+ box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
231
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
232
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
233
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
234
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
235
+ overflow-y: auto;
236
+ margin: 0px;
237
+ }
238
+
239
+ sf-i-events::part(filter-title) {
240
+ color: #888;
241
+ font-weight: 400;
242
+ }
243
+
244
+ sf-i-events::part(filter) {
245
+ color: #888;
246
+ font-weight: 400;
247
+ font-size: 80%;
248
+ }
249
+
250
+ sf-i-events::part(td-head) {
251
+ color: #888;
252
+ font-weight: 400;
253
+ padding-left: 5px;
254
+ vertical-align: middle;
255
+ font-size: 80%;
256
+ text-transform: capitalize;
257
+ text-align: left;
258
+ }
259
+
260
+ sf-i-events::part(td-key) {
261
+ color: white;
262
+ background-color: #aaa;
263
+ font-weight: 900;
264
+ padding-left: 5px;
265
+ vertical-align: middle;
266
+ font-size: 80%;
267
+ text-align: left;
268
+ }
269
+
270
+ sf-i-events::part(td-body) {
271
+ color: #555;
272
+ font-weight: 400;
273
+ padding: 5px;
274
+ vertical-align: middle;
275
+ font-size: 80%;
276
+ white-space: nowrap;
277
+ text-align: left;
278
+ }
279
+
280
+ sf-i-events::part(stream-event-total) {
281
+ border-width: 0px;
282
+ color: #666;
283
+ background: #efefef;
284
+ font-weight: 900;
285
+ padding: 10px;
286
+ }
287
+
288
+ sf-i-events::part(adhoc-question) {
289
+ border-width: 0px;
290
+ font-size: 120%;
291
+ }
292
+
293
+ sf-i-events::part(stream-event-selected) {
294
+ border-width: 0px;
295
+ border-radius: 5px;
296
+ color: #666;
297
+ background: #efefef;
298
+ box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
299
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
300
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
301
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
302
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
303
+ font-weight: 900;
304
+ }
305
+
306
+ sf-i-events::part(calendar-tab-button-selected) {
307
+ border-width: 0px;
308
+ border-radius: 5px;
309
+ color: #666;
310
+ background: #efefef;
311
+ box-shadow: inset 3px 3px 5px #bbbbbb,
312
+ inset -5px -5px 8px #ffffff;
313
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
314
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
315
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
316
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
317
+ font-weight: 900;
318
+ }
319
+
320
+ sf-i-events::part(calendar-tab-button-not-selected) {
321
+ border-width: 0px;
322
+ border-radius: 5px;
323
+ color: #aaa;
324
+ background: #efefef;
325
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
326
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
327
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
328
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
329
+ }
330
+
331
+ sf-i-events::part(calendar-tab-button-selected-small) {
332
+ border-width: 0px;
333
+ border-radius: 5px;
334
+ color: #666;
335
+ background: #efefef;
336
+ box-shadow: inset 3px 3px 5px #bbbbbb,
337
+ inset -5px -5px 8px #ffffff;
338
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
339
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
340
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
341
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
342
+ font-weight: 900;
343
+ font-size: 80%;
344
+ margin-top: 20px;
345
+ }
346
+
347
+ sf-i-events::part(calendar-tab-button-not-selected-small) {
348
+ border-width: 0px;
349
+ border-radius: 5px;
350
+ color: #aaa;
351
+ background: #efefef;
352
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
353
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
354
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
355
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
356
+ font-size: 80%;
357
+ margin-top: 20px;
358
+ }
359
+
360
+ sf-i-events::part(stream-month-selected) {
361
+ border-width: 0px;
362
+ border-radius: 5px;
363
+ color: #666;
364
+ background: #efefef;
365
+ box-shadow: inset 3px 3px 5px #bbbbbb,
366
+ inset -5px -5px 8px #ffffff;
367
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
368
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
369
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
370
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
371
+ font-weight: 900;
372
+ }
373
+
374
+ sf-i-events::part(stream-month-not-selected) {
375
+ border-width: 0px;
376
+ border-radius: 5px;
377
+ color: #aaa;
378
+ background: #efefef;
379
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
380
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
381
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
382
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
383
+ }
384
+
385
+ sf-i-events::part(stream-event-list) {
386
+ border-width: 0px;
387
+ border-radius: 5px;
388
+ background: #efefef;
389
+ box-shadow: inset 3px 3px 5px #bbbbbb,
390
+ inset -5px -5px 8px #ffffff;
391
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
392
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
393
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
394
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
395
+ }
396
+
397
+
398
+ sf-i-uploader::part(button-icon),
399
+ sf-i-events::part(button-icon) {
400
+
401
+ border-width: 0px;
402
+ border-radius: 5px;
403
+ color: #666;
404
+ background: #efefef;
405
+ box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
406
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
407
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
408
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
409
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
410
+
411
+ }
412
+
413
+ sf-i-events::part(button-icon-small) {
414
+
415
+ border-width: 0px;
416
+ border-radius: 5px;
417
+ color: #666;
418
+ background: #efefef;
419
+ box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
420
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
421
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
422
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
423
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
424
+
425
+ }
426
+
427
+ sf-i-events::part(accordian-container) {
428
+
429
+ border-width: 0px;
430
+ border-radius: 5px;
431
+ box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
432
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
433
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
434
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
435
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
436
+
437
+ }
438
+
439
+
440
+ sf-i-events::part(badge) {
441
+
442
+ color: #666;
443
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
444
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
445
+ padding-left: 10px;
446
+ padding-right: 10px;
447
+ padding-top: 5px;
448
+ padding-bottom: 5px;
449
+ border-radius: 10px;
450
+ margin-top: -8px;
451
+
452
+ }
453
+
454
+ sf-i-events::part(title) {
455
+
456
+ font-weight: 400;
457
+
458
+ }
459
+
460
+ sf-i-events::part(month-title) {
461
+
462
+ color: #666;
463
+ font-weight: 600;
464
+
465
+ }
466
+
467
+ sf-i-events::part(event-calendar-day-today) {
468
+
469
+ background-color: #444;
470
+ color: white;
471
+ font-weight: 900;
472
+ border-radius: 5px;
473
+
474
+ }
475
+
476
+
477
+ sf-i-events::part(calendar-month) {
478
+
479
+ box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
480
+
481
+ }
482
+
483
+ sf-i-events::part(compliance-date-indicator-primary) {
484
+ background-color: #cd0078;
485
+ }
486
+
487
+ sf-i-events::part(compliance-calendar-day-with-compliance) {
488
+ box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
489
+ border-radius: 5px;
490
+ padding-bottom: 3px;
491
+ color: black;
492
+ font-weight: 600;
493
+ }
494
+
495
+ sf-i-select::part(input-label),
496
+ sf-i-sub-select::part(input-label),
497
+ sf-i-events::part(input-label) {
498
+ color: #666;
499
+ }
500
+
501
+ sf-i-select::part(input-select),
502
+ sf-i-sub-select::part(input-select),
503
+ sf-i-events::part(input-select) {
504
+
505
+ border-width: 0px;
506
+ border-radius: 5px;
507
+ color: #666;
508
+ background: #efefef;
509
+ box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
510
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
511
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
512
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
513
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
514
+ padding: 10px;
515
+
516
+ }
517
+
518
+ sf-i-select::part(input-select-multi),
519
+ sf-i-sub-select::part(input-select-multi) {
520
+ font-weight: 400;
521
+ border: none;
522
+ padding: 10px;
523
+ border-radius: 5px;
524
+ background: #efefef;
525
+ box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
526
+ border-top: solid 1px rgba(255, 255, 255, 0.8);
527
+ border-left: solid 1px rgba(255, 255, 255, 0.8);
528
+ border-bottom: solid 1px rgba(255, 255, 255, 0.8);
529
+ border-right: solid 1px rgba(255, 255, 255, 0.8);
530
+ transition: 0.3s;
531
+ }
532
+
533
+ sf-i-uploader::part(input),
534
+ sf-i-events::part(input) {
535
+ font-weight: 400;
536
+ border: none;
537
+ padding: 10px;
538
+ border-radius: 5px;
539
+ background: #efefef;
540
+ box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
541
+ border-top: solid 1px rgba(255, 255, 255, 0.8);
542
+ border-left: solid 1px rgba(255, 255, 255, 0.8);
543
+ border-bottom: solid 1px rgba(255, 255, 255, 0.8);
544
+ border-right: solid 1px rgba(255, 255, 255, 0.8);
545
+ transition: 0.3s;
546
+ }
547
+
548
+ sf-i-events::part(input:focus) {
549
+ outline-color: #e8e8e8;
550
+ background: #e8e8e8;
551
+ box-shadow: inset 20px 20px 60px #c5c5c5,
552
+ inset -20px -20px 60px #ffffff;
553
+ transition: 0.3s;
554
+ }
555
+
556
+ sf-i-events::part(results-title) {
557
+ color: #444;
558
+ font-weight: 400;
559
+ }
560
+
561
+
562
+
563
+ sf-i-events::part(td-action) {
564
+ color: #888;
565
+ font-weight: 400;
566
+ padding: 5px;
567
+ background-color: #efefef;
568
+ vertical-align: middle;
569
+ }
570
+
571
+ sf-i-uploader::part(button),
572
+ sf-i-events::part(button) {
573
+ color: #666;
574
+ background: #efefef;
575
+ box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
576
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
577
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
578
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
579
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
580
+ padding-left: 10px;
581
+ padding-right: 10px;
582
+ padding-top: 5px;
583
+ padding-bottom: 5px;
584
+ border-radius: 5px;
585
+ }
586
+
587
+
588
+
589
+ sf-i-events::part(button-lg) {
590
+ color: #666;
591
+ background: #efefef;
592
+ box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
593
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
594
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
595
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
596
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
597
+ padding-left: 10px;
598
+ padding-right: 10px;
599
+ padding-top: 10px;
600
+ padding-bottom: 10px;
601
+ border-radius: 5px;
602
+ font-size: 110%;
603
+ }
604
+
605
+ sf-i-events::part(button-lg):not(active){
606
+ color: #666;
607
+ background: #bbbbbb;
608
+ box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
609
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
610
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
611
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
612
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
613
+ padding-left: 10px;
614
+ padding-right: 10px;
615
+ padding-top: 15px;
616
+ padding-bottom: 15px;
617
+ border-radius: 5px;
618
+ font-size: 95%;
619
+ }
620
+
621
+ sf-i-reporting::part(form-container) {
622
+ height: 60vh;
623
+ overflow-y: auto;
624
+ }
625
+ </style>
626
+ </head>
627
+ <body>
628
+ <!-- <sf-i-events projectid="c7d18a84-c2df-4dc2-b75f-5820549f5e5c" projectname="Chitale" mode="onboarding" locations="{&quot;India&quot;:{&quot;Maharashtra&quot;:[&quot;Reg_Offce&quot;,&quot;SHRIKRISHNA&quot;,&quot;SHEDNO25&quot;,&quot;SHEDNO31&quot;,&quot;SHEDNO44&quot;,&quot;CBM_SADAN&quot;,&quot;RANJE_CBM&quot;,&quot;ISHITA_TOWER&quot;,&quot;CBM_ANAND&quot;,&quot;CBM_SADAN_WH&quot;,&quot;CBM_ANAND_SHED25&quot;,&quot;CBM_KATRAJ&quot;,&quot;CBM_KHADKI&quot;,&quot;CBM_PANVEL&quot;,&quot;CBM_NAGPUR&quot;,&quot;CBM_ISHITA&quot;,&quot;Dugdhalaya&quot;,&quot;ExpressStores_MH&quot;,&quot;FranchiseStore_MH&quot;],&quot;Goa&quot;:[&quot;ExpressStores_Goa&quot;]},&quot;United States of America&quot;:{&quot;USA&quot;:[&quot;North_Carolina&quot;]}}" contractstartdate="01/04/2024" apiid="dwqyez2puoxmu.cloudfront.net/event" username="ninad.t@flagggrc.tech" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidusers="dnytrdlrmxgsy.cloudfront.net/userprofile" disablesignoff="yes" disableclientresponse="yes">
629
+
630
+ </sf-i-events> -->
631
+ <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat" apiidnotices="gghnbi7hku2qj5twrea6xxcaya0aqeis.lambda-url.us-east-1.on.aws" fill="solid" username="Local Reporter 1" userprofileid="e9684b5d-ddbc-46d3-ae07-51706bf75410" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" countryid="07d73b44-648d-4301-82c4-d6df43397824" myrole="reporter" showregisterexport="false" features="[&quot;notices&quot;]" eventfielddependencies="[{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;country&quot;, &quot;child&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;category&quot;, &quot;child&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;frequency&quot;, &quot;child&quot;: &quot;subfrequency&quot;}]" eventfields="[{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/riskarea&quot;, &quot;field&quot;: &quot;riskarea&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/jurisdiction&quot;, &quot;field&quot;: &quot;jurisdiction&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/updatetype&quot;, &quot;field&quot;: &quot;updatetype&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/country&quot;, &quot;field&quot;: &quot;country&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/specificity&quot;, &quot;field&quot;: &quot;specificity&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/risk&quot;, &quot;field&quot;: &quot;risk&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/frequency&quot;, &quot;field&quot;: &quot;frequency&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/category&quot;, &quot;field&quot;: &quot;category&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/obligationtype&quot;, &quot;field&quot;: &quot;obligationtype&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/state&quot;, &quot;field&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subfrequency&quot;, &quot;field&quot;: &quot;subfrequency&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subcategory&quot;, &quot;field&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;sf-i-form&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/statute&quot;, &quot;field&quot;: &quot;statute&quot;, &quot;projectField&quot;: &quot;name&quot;}]" eventpreviewfields="[&quot;obligation&quot;]" eventhidefields="[&quot;comments&quot;,&quot;documents&quot;,&quot;lastupdated&quot;,&quot;approved&quot;,&quot;tags&quot;]" calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2024">
632
+
633
+ <div slot="uploader">
634
+ <sf-i-uploader id="uploader" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" extract="yes" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" maxsize="5242880" allowdownload="yes"></sf-i-uploader>
635
+ </div>
636
+ <div slot="reporting">
637
+ <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
638
+ </div>
639
+
640
+ </sf-i-events>
641
+ <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat" fill="pattern" username="GJR Sharma" userprofileid="bc259a1f-9ee7-4141-85dd-824aa63f983b" projectid="f0f17ddb-546a-45f5-8a94-a5689fde8e64" projectname="Signode" countryid="4ab8901c-4407-4c4d-a2c7-df1a690aa0a3" enabledeletelatestreport="true" eventfielddependencies="[{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;country&quot;, &quot;child&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;category&quot;, &quot;child&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;frequency&quot;, &quot;child&quot;: &quot;subfrequency&quot;}]" eventfields="[{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/riskarea&quot;, &quot;field&quot;: &quot;riskarea&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/jurisdiction&quot;, &quot;field&quot;: &quot;jurisdiction&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/updatetype&quot;, &quot;field&quot;: &quot;updatetype&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/country&quot;, &quot;field&quot;: &quot;country&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/specificity&quot;, &quot;field&quot;: &quot;specificity&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/risk&quot;, &quot;field&quot;: &quot;risk&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/frequency&quot;, &quot;field&quot;: &quot;frequency&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/category&quot;, &quot;field&quot;: &quot;category&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/obligationtype&quot;, &quot;field&quot;: &quot;obligationtype&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/state&quot;, &quot;field&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subfrequency&quot;, &quot;field&quot;: &quot;subfrequency&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subcategory&quot;, &quot;field&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;sf-i-form&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/statute&quot;, &quot;field&quot;: &quot;statute&quot;, &quot;projectField&quot;: &quot;name&quot;}]" eventpreviewfields="[&quot;obligationtitle&quot;]" eventhidefields="[&quot;comments&quot;,&quot;documents&quot;,&quot;lastupdated&quot;,&quot;approved&quot;,&quot;tags&quot;]" calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2024">
642
+
643
+ <div slot="uploader">
644
+ <sf-i-uploader id="uploader" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" extract="yes" projectid="f0f17ddb-546a-45f5-8a94-a5689fde8e64" maxsize="5242880" allowdownload="yes"></sf-i-uploader>
645
+ </div>
646
+ <div slot="reporting">
647
+ <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
648
+ </div>
649
+
650
+ </sf-i-events> -->
651
+ <!-- <sf-i-events projectid="f0f17ddb-546a-45f5-8a94-a5689fde8e64" projectname="Signode" mode="onboarding" locations="{&quot;India&quot;:{&quot;Telangana&quot;:[&quot;Corporate Office&quot;,&quot;Telangana Plant&quot;],&quot;Karnataka&quot;:[&quot;Prime&quot;,&quot;Stopak&quot;,&quot;Wintek&quot;,&quot;Tools&quot;,&quot;Conversion&quot;],&quot;Gujarat&quot;:[&quot;Dahej&quot;],&quot;Dadra and Nagar Haveli and Daman and Diu&quot;:[&quot;Silvassa&quot;],&quot;Uttarakhand&quot;:[&quot;Uttarakhand&quot;],&quot;Maharashtra&quot;:[&quot;Pune&quot;],&quot;Andhra Pradesh&quot;:[&quot;AP&quot;],&quot;Chhattisgarh&quot;:[&quot;Chhattisgarh&quot;],&quot;Goa&quot;:[&quot;Goa&quot;],&quot;Himachal Pradesh&quot;:[&quot;HP&quot;],&quot;Haryana&quot;:[&quot;Haryana&quot;],&quot;Jharkhand&quot;:[&quot;Jharkhand&quot;],&quot;Madhya Pradesh&quot;:[&quot;MP&quot;],&quot;Odisha&quot;:[&quot;Odisha&quot;],&quot;Punjab&quot;:[&quot;Punjab&quot;],&quot;Tamil Nadu&quot;:[&quot;TN&quot;],&quot;Uttar Pradesh&quot;:[&quot;UP&quot;],&quot;West Bengal&quot;:[&quot;WB&quot;]}}" contractstartdate="01/04/2024" apiid="dwqyez2puoxmu.cloudfront.net/event" username="ninad.t@flagggrc.tech" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidusers="dnytrdlrmxgsy.cloudfront.net/userprofile" disablesignoff="yes" disableclientresponse="yes">
652
+
653
+ </sf-i-events> -->
654
+ <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat" fill="solid" username="Ankur Singhal" userprofileid="010834e8-108e-4a87-b58d-f5b429f184be" projectid="f0f17ddb-546a-45f5-8a94-a5689fde8e64" projectname="Signode" countryid="4ab8901c-4407-4c4d-a2c7-df1a690aa0a3" myrole="viewer" showregisterexport="false" eventfielddependencies="[{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;country&quot;, &quot;child&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;category&quot;, &quot;child&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;frequency&quot;, &quot;child&quot;: &quot;subfrequency&quot;}]" eventfields="[{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/riskarea&quot;, &quot;field&quot;: &quot;riskarea&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/jurisdiction&quot;, &quot;field&quot;: &quot;jurisdiction&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/updatetype&quot;, &quot;field&quot;: &quot;updatetype&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/country&quot;, &quot;field&quot;: &quot;country&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/specificity&quot;, &quot;field&quot;: &quot;specificity&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/risk&quot;, &quot;field&quot;: &quot;risk&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/frequency&quot;, &quot;field&quot;: &quot;frequency&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/category&quot;, &quot;field&quot;: &quot;category&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/obligationtype&quot;, &quot;field&quot;: &quot;obligationtype&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/state&quot;, &quot;field&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subfrequency&quot;, &quot;field&quot;: &quot;subfrequency&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subcategory&quot;, &quot;field&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;sf-i-form&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/statute&quot;, &quot;field&quot;: &quot;statute&quot;, &quot;projectField&quot;: &quot;name&quot;}]" eventpreviewfields="[&quot;obligation&quot;]" eventhidefields="[&quot;comments&quot;,&quot;documents&quot;,&quot;lastupdated&quot;,&quot;approved&quot;,&quot;tags&quot;]" calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2024">
655
+
656
+ <div slot="uploader">
657
+ <sf-i-uploader id="uploader" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" extract="yes" projectid="f0f17ddb-546a-45f5-8a94-a5689fde8e64" maxsize="5242880" allowdownload="yes"></sf-i-uploader>
658
+ </div>
659
+ <div slot="reporting">
660
+ <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
661
+ </div>
662
+
663
+ </sf-i-events> -->
664
+ <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat" fill="solid" username="Local Approver 1" userprofileid="c44dcd04-aebb-4417-ba6b-fac170efd5d0" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" countryid="07d73b44-648d-4301-82c4-d6df43397824" myrole="approver" showregisterexport="false" eventfielddependencies="[{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;country&quot;, &quot;child&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;category&quot;, &quot;child&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;frequency&quot;, &quot;child&quot;: &quot;subfrequency&quot;}]" eventfields="[{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/riskarea&quot;, &quot;field&quot;: &quot;riskarea&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/jurisdiction&quot;, &quot;field&quot;: &quot;jurisdiction&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/updatetype&quot;, &quot;field&quot;: &quot;updatetype&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/country&quot;, &quot;field&quot;: &quot;country&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/specificity&quot;, &quot;field&quot;: &quot;specificity&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/risk&quot;, &quot;field&quot;: &quot;risk&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/frequency&quot;, &quot;field&quot;: &quot;frequency&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/category&quot;, &quot;field&quot;: &quot;category&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/obligationtype&quot;, &quot;field&quot;: &quot;obligationtype&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/state&quot;, &quot;field&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subfrequency&quot;, &quot;field&quot;: &quot;subfrequency&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subcategory&quot;, &quot;field&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;sf-i-form&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/statute&quot;, &quot;field&quot;: &quot;statute&quot;, &quot;projectField&quot;: &quot;name&quot;}]" eventpreviewfields="[&quot;obligation&quot;]" eventhidefields="[&quot;comments&quot;,&quot;documents&quot;,&quot;lastupdated&quot;,&quot;approved&quot;,&quot;tags&quot;]" calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2024">
665
+
666
+ <div slot="uploader">
667
+ <sf-i-uploader id="uploader" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" extract="yes" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" maxsize="5242880" allowdownload="yes"></sf-i-uploader>
668
+ </div>
669
+ <div slot="reporting">
670
+ <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
671
+ </div>
672
+
673
+ </sf-i-events> -->
674
+
675
+
676
+ <script>
677
+
678
+ function setCookie(name,value,days) {
679
+ var expires = "";
680
+ if (days) {
681
+ var date = new Date();
682
+ date.setTime(date.getTime() + (days*24*60*60*1000));
683
+ expires = "; expires=" + date.toUTCString();
684
+ }
685
+ document.cookie = name + "=" + (value || "") + expires + "; path=/";
686
+ }
687
+ function getCookie(name) {
688
+ var nameEQ = name + "=";
689
+ var ca = document.cookie.split(';');
690
+ for(var i=0;i < ca.length;i++) {
691
+ var c = ca[i];
692
+ while (c.charAt(0)==' ') c = c.substring(1,c.length);
693
+ if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
694
+ }
695
+ return null;
696
+ }
697
+ function eraseCookie(name) {
698
+ document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
699
+ }
700
+
701
+ // setCookie('admin', 'false', 10);
702
+ // setCookie('accessToken', 'lswr0qwuyso6z6c1vu', 10);
703
+ // setCookie('email', 'hrushi.mehendale@gmail.com', 10);
704
+
705
+
706
+ </script>
707
+
708
+ </body>
709
+ </html>