sf-i-events 1.0.750 → 1.0.751

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,709 +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.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>
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>