sf-i-events 1.0.1
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/CHANGELOG.md +41 -0
- package/LICENSE +28 -0
- package/README copy.md +588 -0
- package/README.md +3 -0
- package/coverage/lcov-report/base.css +224 -0
- package/coverage/lcov-report/block-navigation.js +87 -0
- package/coverage/lcov-report/favicon.png +0 -0
- package/coverage/lcov-report/index.html +146 -0
- package/coverage/lcov-report/prettify.css +1 -0
- package/coverage/lcov-report/prettify.js +2 -0
- package/coverage/lcov-report/sf-i-select.ts.html +4384 -0
- package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
- package/coverage/lcov-report/sorter.js +196 -0
- package/coverage/lcov.info +1719 -0
- package/dev/index.html +476 -0
- package/index.html +11 -0
- package/package.json +84 -0
- package/rollup.config.js +38 -0
- package/sf-i-events.d.ts +69 -0
- package/sf-i-events.d.ts.map +1 -0
- package/sf-i-events.js +617 -0
- package/sf-i-events.js.map +1 -0
- package/src/sf-i-events.ts +726 -0
- package/src/test/sf-i-form_test.ts +23 -0
- package/src/util.ts +56 -0
- package/test/sf-i-form_test.d.ts +7 -0
- package/test/sf-i-form_test.d.ts.map +1 -0
- package/test/sf-i-form_test.js +18 -0
- package/test/sf-i-form_test.js.map +1 -0
- package/test/sf-i-select_test.d.ts +7 -0
- package/test/sf-i-select_test.d.ts.map +1 -0
- package/test/sf-i-select_test.js +18 -0
- package/test/sf-i-select_test.js.map +1 -0
- package/test/sf-nav_profile_test.d.ts +7 -0
- package/test/sf-nav_profile_test.d.ts.map +1 -0
- package/test/sf-nav_profile_test.js +139 -0
- package/test/sf-nav_profile_test.js.map +1 -0
- package/test/sf-nav_test.d.ts +7 -0
- package/test/sf-nav_test.d.ts.map +1 -0
- package/test/sf-nav_test.js +358 -0
- package/test/sf-nav_test.js.map +1 -0
- package/tsconfig.json +33 -0
- package/util.d.ts +9 -0
- package/util.d.ts.map +1 -0
- package/util.js +47 -0
- package/util.js.map +1 -0
- package/web-dev-server.config.js +25 -0
- package/web-test-runner.config.js +124 -0
package/dev/index.html
ADDED
|
@@ -0,0 +1,476 @@
|
|
|
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><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
|
+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
|
|
12
|
+
rel="stylesheet">
|
|
13
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
14
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
15
|
+
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600&display=swap" rel="stylesheet">
|
|
16
|
+
<script type="module">
|
|
17
|
+
import {SfISelect} from 'https://unpkg.com/sf-i-select@1.0.56/sf-i-select.js?module';
|
|
18
|
+
import {SfISubSelect} from 'https://unpkg.com/sf-i-sub-select@1.0.73/sf-i-sub-select.js?module';
|
|
19
|
+
</script>
|
|
20
|
+
<style>
|
|
21
|
+
|
|
22
|
+
body {
|
|
23
|
+
background-color: #efefef;
|
|
24
|
+
margin: 0px;
|
|
25
|
+
font-family: 'Source Sans Pro';
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
sf-i-events:not(:defined) {
|
|
29
|
+
display: none;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.d-flex {
|
|
33
|
+
display: flex;
|
|
34
|
+
flex-wrap: wrap;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.w-30 {
|
|
38
|
+
width: 30%;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.w-5 {
|
|
42
|
+
width: 5%;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.w-47-5 {
|
|
46
|
+
width: 47.5%;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.w-65 {
|
|
50
|
+
width: 65%;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.w-100-m-0 {
|
|
54
|
+
width: 100%;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.w-33 {
|
|
58
|
+
width: 30%;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.w-66 {
|
|
62
|
+
width: 62%;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.w-50 {
|
|
66
|
+
width: 46%;
|
|
67
|
+
}
|
|
68
|
+
.w-100 {
|
|
69
|
+
width: 94%;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.justify-center {
|
|
73
|
+
justify-content: center;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.align-end {
|
|
77
|
+
align-items: flex-end;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
label {
|
|
81
|
+
color: #666;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
input {
|
|
85
|
+
border: none;
|
|
86
|
+
padding: 10px;
|
|
87
|
+
border-radius: 5px;
|
|
88
|
+
background: #efefef;
|
|
89
|
+
box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
|
|
90
|
+
border-top: solid 1px rgba(255, 255, 255, 0.8);
|
|
91
|
+
border-left: solid 1px rgba(255, 255, 255, 0.8);
|
|
92
|
+
border-bottom: solid 1px rgba(255, 255, 255, 0.8);
|
|
93
|
+
border-right: solid 1px rgba(255, 255, 255, 0.8);
|
|
94
|
+
transition: 0.3s;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
input:focus {
|
|
98
|
+
outline-color: #e8e8e8;
|
|
99
|
+
background: #e8e8e8;
|
|
100
|
+
box-shadow: inset 20px 20px 60px #c5c5c5,
|
|
101
|
+
inset -20px -20px 60px #ffffff;
|
|
102
|
+
transition: 0.3s;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
sf-i-events::part(button-icon) {
|
|
106
|
+
|
|
107
|
+
border-width: 0px;
|
|
108
|
+
border-radius: 5px;
|
|
109
|
+
color: #666;
|
|
110
|
+
background: #efefef;
|
|
111
|
+
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
|
|
112
|
+
border-top: solid 1px rgba(255, 255, 255, 0.3);
|
|
113
|
+
border-left: solid 1px rgba(255, 255, 255, 0.3);
|
|
114
|
+
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
115
|
+
border-right: solid 1px rgba(0, 0, 0, 0.1);
|
|
116
|
+
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
sf-i-events::part(button-icon-small) {
|
|
120
|
+
|
|
121
|
+
border-width: 0px;
|
|
122
|
+
border-radius: 5px;
|
|
123
|
+
color: #666;
|
|
124
|
+
background: #efefef;
|
|
125
|
+
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
|
|
126
|
+
border-top: solid 1px rgba(255, 255, 255, 0.3);
|
|
127
|
+
border-left: solid 1px rgba(255, 255, 255, 0.3);
|
|
128
|
+
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
129
|
+
border-right: solid 1px rgba(0, 0, 0, 0.1);
|
|
130
|
+
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
sf-i-events::part(badge) {
|
|
134
|
+
|
|
135
|
+
color: #666;
|
|
136
|
+
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
137
|
+
border-right: solid 1px rgba(0, 0, 0, 0.1);
|
|
138
|
+
padding-left: 10px;
|
|
139
|
+
padding-right: 10px;
|
|
140
|
+
padding-top: 5px;
|
|
141
|
+
padding-bottom: 5px;
|
|
142
|
+
border-radius: 10px;
|
|
143
|
+
margin-top: -8px;
|
|
144
|
+
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
sf-i-events::part(title) {
|
|
148
|
+
|
|
149
|
+
font-weight: 400;
|
|
150
|
+
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
sf-i-select::part(input-label),
|
|
154
|
+
sf-i-sub-select::part(input-label),
|
|
155
|
+
sf-i-events::part(input-label) {
|
|
156
|
+
color: #666;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
sf-i-select::part(input-select),
|
|
160
|
+
sf-i-sub-select::part(input-select),
|
|
161
|
+
sf-i-events::part(input-select) {
|
|
162
|
+
|
|
163
|
+
border-width: 0px;
|
|
164
|
+
border-radius: 5px;
|
|
165
|
+
color: #666;
|
|
166
|
+
background: #efefef;
|
|
167
|
+
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
|
|
168
|
+
border-top: solid 1px rgba(255, 255, 255, 0.3);
|
|
169
|
+
border-left: solid 1px rgba(255, 255, 255, 0.3);
|
|
170
|
+
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
171
|
+
border-right: solid 1px rgba(0, 0, 0, 0.1);
|
|
172
|
+
padding: 10px;
|
|
173
|
+
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
sf-i-select::part(input-select-multi),
|
|
177
|
+
sf-i-sub-select::part(input-select-multi) {
|
|
178
|
+
font-weight: 400;
|
|
179
|
+
border: none;
|
|
180
|
+
padding: 10px;
|
|
181
|
+
border-radius: 5px;
|
|
182
|
+
background: #efefef;
|
|
183
|
+
box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
|
|
184
|
+
border-top: solid 1px rgba(255, 255, 255, 0.8);
|
|
185
|
+
border-left: solid 1px rgba(255, 255, 255, 0.8);
|
|
186
|
+
border-bottom: solid 1px rgba(255, 255, 255, 0.8);
|
|
187
|
+
border-right: solid 1px rgba(255, 255, 255, 0.8);
|
|
188
|
+
transition: 0.3s;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
sf-i-events::part(input) {
|
|
192
|
+
font-weight: 400;
|
|
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
|
+
sf-i-events::part(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(results-title) {
|
|
214
|
+
color: #444;
|
|
215
|
+
font-weight: 400;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
sf-i-events::part(td-head) {
|
|
219
|
+
color: #888;
|
|
220
|
+
font-weight: 400;
|
|
221
|
+
padding: 5px;
|
|
222
|
+
vertical-align: middle;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
sf-i-events::part(td-body) {
|
|
226
|
+
color: #555;
|
|
227
|
+
font-weight: 400;
|
|
228
|
+
padding: 5px;
|
|
229
|
+
vertical-align: middle;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
sf-i-events::part(td-action) {
|
|
233
|
+
color: #888;
|
|
234
|
+
font-weight: 400;
|
|
235
|
+
padding: 5px;
|
|
236
|
+
background-color: #efefef;
|
|
237
|
+
vertical-align: middle;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
sf-i-events::part(button) {
|
|
241
|
+
color: #666;
|
|
242
|
+
background: #efefef;
|
|
243
|
+
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
|
|
244
|
+
border-top: solid 1px rgba(255, 255, 255, 0.3);
|
|
245
|
+
border-left: solid 1px rgba(255, 255, 255, 0.3);
|
|
246
|
+
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
247
|
+
border-right: solid 1px rgba(0, 0, 0, 0.1);
|
|
248
|
+
padding-left: 10px;
|
|
249
|
+
padding-right: 10px;
|
|
250
|
+
padding-top: 5px;
|
|
251
|
+
padding-bottom: 5px;
|
|
252
|
+
border-radius: 5px;
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
|
|
257
|
+
sf-i-events::part(button-lg) {
|
|
258
|
+
color: #666;
|
|
259
|
+
background: #efefef;
|
|
260
|
+
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
|
|
261
|
+
border-top: solid 1px rgba(255, 255, 255, 0.3);
|
|
262
|
+
border-left: solid 1px rgba(255, 255, 255, 0.3);
|
|
263
|
+
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
264
|
+
border-right: solid 1px rgba(0, 0, 0, 0.1);
|
|
265
|
+
padding-left: 10px;
|
|
266
|
+
padding-right: 10px;
|
|
267
|
+
padding-top: 10px;
|
|
268
|
+
padding-bottom: 10px;
|
|
269
|
+
border-radius: 5px;
|
|
270
|
+
font-size: 110%;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
sf-i-events::part(button-lg):not(active){
|
|
274
|
+
color: #666;
|
|
275
|
+
background: #bbbbbb;
|
|
276
|
+
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
|
|
277
|
+
border-top: solid 1px rgba(255, 255, 255, 0.3);
|
|
278
|
+
border-left: solid 1px rgba(255, 255, 255, 0.3);
|
|
279
|
+
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
280
|
+
border-right: solid 1px rgba(0, 0, 0, 0.1);
|
|
281
|
+
padding-left: 10px;
|
|
282
|
+
padding-right: 10px;
|
|
283
|
+
padding-top: 15px;
|
|
284
|
+
padding-bottom: 15px;
|
|
285
|
+
border-radius: 5px;
|
|
286
|
+
font-size: 95%;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
|
|
290
|
+
</style>
|
|
291
|
+
</head>
|
|
292
|
+
<body>
|
|
293
|
+
|
|
294
|
+
<sf-i-events
|
|
295
|
+
name="Events"
|
|
296
|
+
apiIdList="tcic9iqenc"
|
|
297
|
+
apiMethodList="detail"
|
|
298
|
+
apiBodyList="{"id": "10daf75f-cb8f-45a5-95b7-ff9f27c4600a"}"
|
|
299
|
+
apiResponseFieldList="compliance"
|
|
300
|
+
apiIdDetail="r42gyc2xx1"
|
|
301
|
+
apiMethodDetail="detail"
|
|
302
|
+
apiBodyDetail="{"id": "ID-DETAIL"}"
|
|
303
|
+
calendarStartDD="01"
|
|
304
|
+
calendarStartMM="04"
|
|
305
|
+
calendarStartYYYY="2023"
|
|
306
|
+
>
|
|
307
|
+
|
|
308
|
+
</sf-i-events>
|
|
309
|
+
|
|
310
|
+
<!-- <sf-i-events
|
|
311
|
+
name="Compliances"
|
|
312
|
+
apiId="qwnfxbyrr1"
|
|
313
|
+
dependencies="[{"type": "foreignkey", "parent": "sf-i-countries", "child": "sf-i-states"},{"type": "foreignkey", "parent": "sf-i-categories", "child": "sf-i-subcategories"},{"type": "foreignkey", "parent": "sf-i-frequencies", "child": "sf-i-subfrequencies"},{"type": "searchable", "parents": ["sf-i-countries", "sf-i-states", "sf-i-categories", "sf-i-subcategories"], "child": "sf-i-statutes"}]"
|
|
314
|
+
unitFiltersDetail="[{"op": "select", "input": "sf-i-updatetypes", "value": "3fddd5ed-6e2f-4973-b3de-00d3f03130a9"},{"op": "remove", "input": "sf-i-updatetypes", "value": "64264b31-81ff-45bd-a1fa-04844984a35a"}]"
|
|
315
|
+
unitFiltersNew="[{"op": "select", "input": "sf-i-updatetypes", "value": "64264b31-81ff-45bd-a1fa-04844984a35a"},{"op": "remove", "input": "sf-i-updatetypes", "value": "20851e13-f0f7-4f8d-9bb8-ab96b1df6160"},{"op": "remove", "input": "sf-i-updatetypes", "value": "3fddd5ed-6e2f-4973-b3de-00d3f03130a9"}]"
|
|
316
|
+
inputIds="["sf-i-updatetypes", "sf-i-countries", "sf-i-jurisdictions", "sf-i-states", "sf-i-categories", "sf-i-subcategories", "sf-i-statutes", "sf-i-reference", "sf-i-applicability", "sf-i-specificity", "sf-i-obligationtypes", "sf-i-obligationtitle", "sf-i-obligation", "sf-i-firstlineofdefence", "sf-i-internalcontrols", "sf-i-events", "sf-i-authority", "sf-i-penalties", "sf-i-risks", "sf-i-riskareas", "sf-i-frequencies", "sf-i-subfrequencies"]"
|
|
317
|
+
fields="["updatetype","country","jurisdiction","state","category","subcategory","statute","reference","applicability","specificity","obligationtype","obligationtitle","obligation","firstlineofdefence","internalcontrols","form","authority","penalty","risk","riskarea","frequency","subfrequency"]"
|
|
318
|
+
mode="view">
|
|
319
|
+
|
|
320
|
+
<div slot="form">
|
|
321
|
+
|
|
322
|
+
<div class="d-flex justify-center align-end">
|
|
323
|
+
<div class="w-30"></div>
|
|
324
|
+
<div class="w-5"></div>
|
|
325
|
+
<div class="w-30">
|
|
326
|
+
<sf-i-select id="sf-i-updatetypes" apiId="oqze24s784" name="UpdateTypes" label="Select Update Type *" mandatory>
|
|
327
|
+
</sf-i-select>
|
|
328
|
+
</div>
|
|
329
|
+
<div class="w-5"></div>
|
|
330
|
+
<div class="w-30"></div>
|
|
331
|
+
</div>
|
|
332
|
+
<br /><br />
|
|
333
|
+
<div class="d-flex justify-center align-end">
|
|
334
|
+
<div class="w-30">
|
|
335
|
+
<sf-i-select id="sf-i-countries" apiId="zu3kh9cq2c" name="Countries" label="Select Country *" mandatory>
|
|
336
|
+
</sf-i-select>
|
|
337
|
+
</div>
|
|
338
|
+
<div class="w-5"></div>
|
|
339
|
+
<div class="w-30">
|
|
340
|
+
<sf-i-select id="sf-i-jurisdictions" apiId="5s7ih5uw4h" name="Jurisdictions" label="Select Jurisdiction *" mandatory>
|
|
341
|
+
</sf-i-select>
|
|
342
|
+
</div>
|
|
343
|
+
<div class="w-5"></div>
|
|
344
|
+
<div class="w-33">
|
|
345
|
+
<sf-i-sub-select id="sf-i-states" apiId="clnu4kk1ah" name="States" label="Select States *" mandatory>
|
|
346
|
+
</sf-i-sub-select>
|
|
347
|
+
</div>
|
|
348
|
+
</div>
|
|
349
|
+
<br />
|
|
350
|
+
<div class="d-flex justify-center align-end">
|
|
351
|
+
<div class="w-47-5">
|
|
352
|
+
<sf-i-select id="sf-i-categories" apiId="8an2d4j1gc" name="Categories" label="Select Category *" mandatory>
|
|
353
|
+
</sf-i-select>
|
|
354
|
+
</div>
|
|
355
|
+
<div class="w-5"></div>
|
|
356
|
+
<div class="w-47-5">
|
|
357
|
+
<sf-i-sub-select id="sf-i-subcategories" apiId="mdkc0e2bo5" name="SubCategories" label="Select SubCategory *" mandatory>
|
|
358
|
+
</sf-i-sub-select>
|
|
359
|
+
</div>
|
|
360
|
+
</div>
|
|
361
|
+
<br />
|
|
362
|
+
<div class="d-flex justify-center align-end">
|
|
363
|
+
<div class="w-100-m-0">
|
|
364
|
+
<sf-i-events
|
|
365
|
+
id="sf-i-statutes"
|
|
366
|
+
name="Statutes"
|
|
367
|
+
label="Select Statute *"
|
|
368
|
+
apiId="l8o208whql"
|
|
369
|
+
mode="select"
|
|
370
|
+
searchString="foo"
|
|
371
|
+
selectProjection="name"
|
|
372
|
+
mandatory
|
|
373
|
+
>
|
|
374
|
+
</sf-i-events>
|
|
375
|
+
</div>
|
|
376
|
+
</div>
|
|
377
|
+
<br />
|
|
378
|
+
<div class="d-flex justify-center align-end">
|
|
379
|
+
<div class="w-100-m-0">
|
|
380
|
+
<label>Statute Reference *</label><br />
|
|
381
|
+
<input id="sf-i-reference" type="text" class="w-100-m-0" mandatory/>
|
|
382
|
+
</div>
|
|
383
|
+
</div>
|
|
384
|
+
<br />
|
|
385
|
+
<div class="d-flex justify-center align-end">
|
|
386
|
+
<div class="w-100-m-0">
|
|
387
|
+
<label>Applicability *</label><br />
|
|
388
|
+
<input id="sf-i-applicability" type="text" class="w-100-m-0" mandatory/>
|
|
389
|
+
</div>
|
|
390
|
+
</div>
|
|
391
|
+
<br />
|
|
392
|
+
<div class="d-flex justify-center align-end">
|
|
393
|
+
<div class="w-30">
|
|
394
|
+
<sf-i-select id="sf-i-specificity" apiId="8ijy7mze67" name="Specificity" label="Select Universal / Industry Specific*" mandatory>
|
|
395
|
+
</sf-i-select>
|
|
396
|
+
</div>
|
|
397
|
+
<div class="w-5"></div>
|
|
398
|
+
<div class="w-30">
|
|
399
|
+
<sf-i-select id="sf-i-obligationtypes" apiId="vofssiq1t3" name="Obligation Type" label="Select Obligation Type *" mandatory>
|
|
400
|
+
</sf-i-select>
|
|
401
|
+
</div>
|
|
402
|
+
<div class="w-5"></div>
|
|
403
|
+
<div class="w-30">
|
|
404
|
+
<label>Obligation Title *</label><br />
|
|
405
|
+
<input id="sf-i-obligationtitle" type="text" class="w-100-m-0" mandatory/>
|
|
406
|
+
</div>
|
|
407
|
+
</div>
|
|
408
|
+
<br />
|
|
409
|
+
<div class="d-flex justify-center align-end">
|
|
410
|
+
<div class="w-100-m-0">
|
|
411
|
+
<label>Compliance Obligation *</label><br />
|
|
412
|
+
<input id="sf-i-obligation" type="text" class="w-100-m-0" mandatory/>
|
|
413
|
+
</div>
|
|
414
|
+
</div>
|
|
415
|
+
<br />
|
|
416
|
+
<div class="d-flex justify-center align-end">
|
|
417
|
+
<div class="w-30">
|
|
418
|
+
<label>First Line of Defence *</label><br />
|
|
419
|
+
<input id="sf-i-firstlineofdefence" type="text" class="w-100-m-0" mandatory/>
|
|
420
|
+
</div>
|
|
421
|
+
<div class="w-5"></div>
|
|
422
|
+
<div class="w-30">
|
|
423
|
+
<label>Internal Controls *</label><br />
|
|
424
|
+
<input id="sf-i-internalcontrols" type="text" class="w-100-m-0" mandatory/>
|
|
425
|
+
</div>
|
|
426
|
+
<div class="w-5"></div>
|
|
427
|
+
<div class="w-30">
|
|
428
|
+
<label>Form</label><br />
|
|
429
|
+
<input id="sf-i-events" type="text" class="w-100-m-0"/>
|
|
430
|
+
</div>
|
|
431
|
+
</div>
|
|
432
|
+
<br />
|
|
433
|
+
<div class="d-flex justify-center align-end">
|
|
434
|
+
<div class="w-30">
|
|
435
|
+
<label>Relevant Authority *</label><br />
|
|
436
|
+
<input id="sf-i-authority" type="text" class="w-100-m-0" mandatory/>
|
|
437
|
+
</div>
|
|
438
|
+
<div class="w-5"></div>
|
|
439
|
+
<div class="w-65">
|
|
440
|
+
<label>Offences and Penalties *</label><br />
|
|
441
|
+
<input id="sf-i-penalties" type="text" class="w-100-m-0" mandatory/>
|
|
442
|
+
</div>
|
|
443
|
+
</div>
|
|
444
|
+
<br />
|
|
445
|
+
<div class="d-flex justify-center align-end">
|
|
446
|
+
<div class="w-47-5">
|
|
447
|
+
<sf-i-select id="sf-i-risks" apiId="et1hdzg882" name="Risk" label="Select Risk Severity *" mandatory>
|
|
448
|
+
</sf-i-select>
|
|
449
|
+
</div>
|
|
450
|
+
<div class="w-5"></div>
|
|
451
|
+
<div class="w-47-5">
|
|
452
|
+
<sf-i-select id="sf-i-riskareas" apiId="3z3fiubz8e" name="Risk Areas" label="Select Risk Area *" mandatory>
|
|
453
|
+
</sf-i-select>
|
|
454
|
+
</div>
|
|
455
|
+
</div>
|
|
456
|
+
<br />
|
|
457
|
+
<div class="d-flex justify-center align-end">
|
|
458
|
+
<div class="w-30">
|
|
459
|
+
<sf-i-select id="sf-i-frequencies" apiId="lhpn6gh0il" name="Risk" label="Select Frequency *" mandatory>
|
|
460
|
+
</sf-i-select>
|
|
461
|
+
</div>
|
|
462
|
+
<div class="w-5"></div>
|
|
463
|
+
<div class="w-30">
|
|
464
|
+
<sf-i-sub-select id="sf-i-subfrequencies" apiId="aysa6i6723" name="Risk Areas" label="Select Sub Frequency">
|
|
465
|
+
</sf-i-sub-select >
|
|
466
|
+
</div>
|
|
467
|
+
<div class="w-5"></div>
|
|
468
|
+
</div>
|
|
469
|
+
</div>
|
|
470
|
+
|
|
471
|
+
</sf-i-events> -->
|
|
472
|
+
<script>
|
|
473
|
+
|
|
474
|
+
</script>
|
|
475
|
+
</body>
|
|
476
|
+
</html>
|
package/index.html
ADDED
package/package.json
ADDED
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "sf-i-events",
|
|
3
|
+
"private": false,
|
|
4
|
+
"version": "1.0.1",
|
|
5
|
+
"description": "Superflows Navigation Component",
|
|
6
|
+
"main": "sf-i-events.js",
|
|
7
|
+
"module": "sf-i-events.js",
|
|
8
|
+
"type": "module",
|
|
9
|
+
"scripts": {
|
|
10
|
+
"build": "tsc",
|
|
11
|
+
"build:watch": "tsc --watch",
|
|
12
|
+
"clean": "rimraf sf-i-events.{d.ts,d.ts.map,js,js.map} test/sf-i-events.{d.ts,d.ts.map,js,js.map} test/sf-i-events_test.{d.ts,d.ts.map,js,js.map}",
|
|
13
|
+
"lint": "npm run lint:lit-analyzer && npm run lint:eslint",
|
|
14
|
+
"lint:eslint": "eslint 'src/**/*.ts'",
|
|
15
|
+
"lint:lit-analyzer": "lit-analyzer",
|
|
16
|
+
"format": "prettier \"**/*.{cjs,html,js,json,md,ts}\" --ignore-path ./.eslintignore --write",
|
|
17
|
+
"analyze": "cem analyze --litelement --globs \"src/**/*.ts\"",
|
|
18
|
+
"analyze:watch": "cem analyze --litelement --globs \"src/**/*.ts\" --watch",
|
|
19
|
+
"serve": "wds --watch",
|
|
20
|
+
"serve:prod": "MODE=prod npm run serve",
|
|
21
|
+
"test": "npm run test:dev && npm run test:prod",
|
|
22
|
+
"test:dev": "wtr --verbose=true --coverage --silent=false",
|
|
23
|
+
"test:watch": "wtr --watch",
|
|
24
|
+
"test:prod": "MODE=prod wtr",
|
|
25
|
+
"test:prod:watch": "MODE=prod wtr --watch",
|
|
26
|
+
"checksize": "rollup -c ; cat sf-i-events.bundled.js | gzip -9 | wc -c ; rm sf-i-events.bundled.js"
|
|
27
|
+
},
|
|
28
|
+
"keywords": [
|
|
29
|
+
"superflows",
|
|
30
|
+
"react",
|
|
31
|
+
"serverless",
|
|
32
|
+
"buttons",
|
|
33
|
+
"input",
|
|
34
|
+
"navigation",
|
|
35
|
+
"building blocks",
|
|
36
|
+
"lego",
|
|
37
|
+
"search",
|
|
38
|
+
"notifications",
|
|
39
|
+
"login",
|
|
40
|
+
"sign in",
|
|
41
|
+
"profile",
|
|
42
|
+
"menu",
|
|
43
|
+
"brand",
|
|
44
|
+
"lit",
|
|
45
|
+
"lit-element",
|
|
46
|
+
"navigation-bar",
|
|
47
|
+
"web component",
|
|
48
|
+
"browser"
|
|
49
|
+
],
|
|
50
|
+
"author": "Superflows-dev",
|
|
51
|
+
"license": "MIT",
|
|
52
|
+
"repository": "superflows-dev/sf-i-events",
|
|
53
|
+
"dependencies": {
|
|
54
|
+
"fs": "^0.0.1-security",
|
|
55
|
+
"lit": "^2.2.4",
|
|
56
|
+
"sf-i-select": "^1.0.51",
|
|
57
|
+
"sf-i-sub-select": "^1.0.68",
|
|
58
|
+
"sinon": "^15.0.1"
|
|
59
|
+
},
|
|
60
|
+
"devDependencies": {
|
|
61
|
+
"@11ty/eleventy": "^1.0.1",
|
|
62
|
+
"@11ty/eleventy-plugin-syntaxhighlight": "^4.0.0",
|
|
63
|
+
"@custom-elements-manifest/analyzer": "^0.6.3",
|
|
64
|
+
"@open-wc/testing": "^3.1.7",
|
|
65
|
+
"@rollup/plugin-node-resolve": "^13.3.0",
|
|
66
|
+
"@rollup/plugin-replace": "^4.0.0",
|
|
67
|
+
"@typescript-eslint/eslint-plugin": "^5.25.0",
|
|
68
|
+
"@typescript-eslint/parser": "^5.25.0",
|
|
69
|
+
"@web/dev-server": "^0.1.31",
|
|
70
|
+
"@web/dev-server-legacy": "^1.0.0",
|
|
71
|
+
"@web/test-runner": "^0.13.27",
|
|
72
|
+
"@web/test-runner-playwright": "^0.8.8",
|
|
73
|
+
"@webcomponents/webcomponentsjs": "^2.6.0",
|
|
74
|
+
"eslint": "^8.15.0",
|
|
75
|
+
"lit-analyzer": "^1.2.1",
|
|
76
|
+
"prettier": "^2.6.2",
|
|
77
|
+
"rimraf": "^3.0.2",
|
|
78
|
+
"rollup": "^2.73.0",
|
|
79
|
+
"rollup-plugin-summary": "^1.4.3",
|
|
80
|
+
"rollup-plugin-terser": "^7.0.2",
|
|
81
|
+
"typescript": "~4.7.4"
|
|
82
|
+
},
|
|
83
|
+
"customElements": "custom-elements.json"
|
|
84
|
+
}
|
package/rollup.config.js
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2018 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import summary from 'rollup-plugin-summary';
|
|
8
|
+
import {terser} from 'rollup-plugin-terser';
|
|
9
|
+
import resolve from '@rollup/plugin-node-resolve';
|
|
10
|
+
import replace from '@rollup/plugin-replace';
|
|
11
|
+
|
|
12
|
+
export default {
|
|
13
|
+
input: 'sf-i-events.js',
|
|
14
|
+
output: {
|
|
15
|
+
file: 'sf-i-events.bundled.js',
|
|
16
|
+
format: 'esm',
|
|
17
|
+
},
|
|
18
|
+
onwarn(warning) {
|
|
19
|
+
if (warning.code !== 'THIS_IS_UNDEFINED') {
|
|
20
|
+
console.error(`(!) ${warning.message}`);
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
plugins: [
|
|
24
|
+
replace({'Reflect.decorate': 'undefined'}),
|
|
25
|
+
resolve(),
|
|
26
|
+
terser({
|
|
27
|
+
ecma: 2017,
|
|
28
|
+
module: true,
|
|
29
|
+
warnings: true,
|
|
30
|
+
mangle: {
|
|
31
|
+
properties: {
|
|
32
|
+
regex: /^__/,
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
}),
|
|
36
|
+
summary(),
|
|
37
|
+
],
|
|
38
|
+
};
|
package/sf-i-events.d.ts
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2022 Superflow.dev
|
|
4
|
+
* SPDX-License-Identifier: MIT
|
|
5
|
+
*/
|
|
6
|
+
import { LitElement, PropertyValueMap } from 'lit';
|
|
7
|
+
/**
|
|
8
|
+
* SfIEvents element.
|
|
9
|
+
* @fires renderComplete - When the list is populated
|
|
10
|
+
* @fires valueChanged - When the value is changed
|
|
11
|
+
* @property apiId - backend api id
|
|
12
|
+
* @property label - input label
|
|
13
|
+
* @property name - name of the input
|
|
14
|
+
* @property mode - mode of operation
|
|
15
|
+
* @property selectedId - id to preselect
|
|
16
|
+
* @property selectedValue - callback function
|
|
17
|
+
*/
|
|
18
|
+
export declare class SfIEvents extends LitElement {
|
|
19
|
+
apiIdList: string;
|
|
20
|
+
apiIdDetail: string;
|
|
21
|
+
apiMethodList: string;
|
|
22
|
+
apiMethodDetail: string;
|
|
23
|
+
apiBodyList: string;
|
|
24
|
+
apiBodyDetail: string;
|
|
25
|
+
apiResponseFieldList: string;
|
|
26
|
+
calendarStartDD: string;
|
|
27
|
+
calendarStartMM: string;
|
|
28
|
+
calendarStartYYYY: string;
|
|
29
|
+
calendar: Date[];
|
|
30
|
+
monthNames: string[];
|
|
31
|
+
events: any;
|
|
32
|
+
getApiBodyList: () => any;
|
|
33
|
+
getApiBodyDetail: () => any;
|
|
34
|
+
mode: string;
|
|
35
|
+
flow: string;
|
|
36
|
+
static styles: import("lit").CSSResult;
|
|
37
|
+
_SfRowError: any;
|
|
38
|
+
_SfRowErrorMessage: any;
|
|
39
|
+
_SfRowSuccess: any;
|
|
40
|
+
_SfRowSuccessMessage: any;
|
|
41
|
+
_SfLoader: any;
|
|
42
|
+
_SfCalendarContainer: any;
|
|
43
|
+
prepareXhr: (data: any, url: string, loaderElement: any, authorization: any) => Promise<unknown>;
|
|
44
|
+
clearMessages: () => void;
|
|
45
|
+
setError: (msg: string) => void;
|
|
46
|
+
setSuccess: (msg: string) => void;
|
|
47
|
+
getLastDayOfLastMonth: (month: number, year: number) => number;
|
|
48
|
+
getLastDayOfMonth: (month: number, year: number) => number;
|
|
49
|
+
getBlanks: (month: number, year: number) => number;
|
|
50
|
+
insertDates: (month: number, year: number) => string;
|
|
51
|
+
insertDayNames: () => string;
|
|
52
|
+
renderCalendar: () => void;
|
|
53
|
+
processEvent: (value: any) => void;
|
|
54
|
+
fetchDetail: (value: any) => Promise<void>;
|
|
55
|
+
fetchList: () => Promise<void>;
|
|
56
|
+
initCalendar: () => Promise<void>;
|
|
57
|
+
initInputs: () => void;
|
|
58
|
+
loadMode: () => Promise<void>;
|
|
59
|
+
constructor();
|
|
60
|
+
protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
|
|
61
|
+
connectedCallback(): void;
|
|
62
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
63
|
+
}
|
|
64
|
+
declare global {
|
|
65
|
+
interface HTMLElementTagNameMap {
|
|
66
|
+
'sf-i-events': SfIEvents;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=sf-i-events.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sf-i-events.d.ts","sourceRoot":"","sources":["src/sf-i-events.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAa,gBAAgB,EAAC,MAAM,KAAK,CAAC;AAe5D;;;;;;;;;;GAUG;AACH,qBACa,SAAU,SAAQ,UAAU;IAGvC,SAAS,EAAG,MAAM,CAAC;IAGnB,WAAW,EAAG,MAAM,CAAC;IAGrB,aAAa,EAAG,MAAM,CAAC;IAGvB,eAAe,EAAG,MAAM,CAAC;IAGzB,WAAW,EAAG,MAAM,CAAC;IAGrB,aAAa,EAAG,MAAM,CAAC;IAGvB,oBAAoB,EAAG,MAAM,CAAC;IAG9B,eAAe,EAAG,MAAM,CAAC;IAGzB,eAAe,EAAG,MAAM,CAAC;IAGzB,iBAAiB,EAAG,MAAM,CAAC;IAG3B,QAAQ,EAAE,IAAI,EAAG,CAAM;IAGvB,UAAU,EAAE,MAAM,EAAG,CAA+H;IAGpJ,MAAM,EAAE,GAAG,CAAQ;IAEnB,cAAc,YAEb;IAED,gBAAgB,YAEf;IAGD,IAAI,EAAG,MAAM,CAAC;IAGd,IAAI,EAAE,MAAM,CAAM;IAElB,OAAgB,MAAM,0BA0PpB;IAGF,WAAW,EAAE,GAAG,CAAC;IAGjB,kBAAkB,EAAE,GAAG,CAAC;IAGxB,aAAa,EAAE,GAAG,CAAC;IAGnB,oBAAoB,EAAE,GAAG,CAAC;IAG1B,SAAS,EAAE,GAAG,CAAC;IAGf,oBAAoB,EAAE,GAAG,CAAC;IAE1B,UAAU,SAAgB,GAAG,OAAO,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,sBAQjF;IAED,aAAa,aAKZ;IAED,QAAQ,QAAS,MAAM,UAKtB;IAED,UAAU,QAAS,MAAM,UAKxB;IAED,qBAAqB,UAAW,MAAM,QAAQ,MAAM,YAInD;IAED,iBAAiB,UAAW,MAAM,QAAQ,MAAM,YAG/C;IAED,SAAS,UAAW,MAAM,QAAQ,MAAM,YAMvC;IAED,WAAW,UAAW,MAAM,QAAQ,MAAM,YAgDzC;IAED,cAAc,eAsCb;IAED,cAAc,aAwBb;IAED,YAAY,UAAW,GAAG,UAuDzB;IAED,WAAW,UAAiB,GAAG,mBAqB9B;IAED,SAAS,sBAyBR;IAED,YAAY,sBAsBX;IAED,UAAU,aAKT;IAED,QAAQ,sBAOP;;cAMkB,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAMnG,iBAAiB;IAIjB,MAAM;CAkChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}
|