@sankhyatronics/sankhya-cms 0.1.10 → 0.1.12
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/custom-elements.json +941 -229
- package/dist/attention-panel/index.d.ts +23 -0
- package/dist/attention-panel/index.js +9 -0
- package/dist/attention-panel/index.js.map +1 -0
- package/dist/bar-chart/index.d.ts +43 -0
- package/dist/bar-chart/index.js +9 -0
- package/dist/bar-chart/index.js.map +1 -0
- package/dist/chip/index.d.ts +21 -0
- package/dist/chip/index.js +9 -0
- package/dist/chip/index.js.map +1 -0
- package/dist/chunk-4PXZPGWQ.js +127 -0
- package/dist/chunk-4PXZPGWQ.js.map +1 -0
- package/dist/chunk-AG2COC64.js +217 -0
- package/dist/chunk-AG2COC64.js.map +1 -0
- package/dist/chunk-DAGSL2JV.js +83 -0
- package/dist/chunk-DAGSL2JV.js.map +1 -0
- package/dist/chunk-LGGLQNSU.js +93 -0
- package/dist/chunk-LGGLQNSU.js.map +1 -0
- package/dist/chunk-MG2VTZA4.js +122 -0
- package/dist/chunk-MG2VTZA4.js.map +1 -0
- package/dist/chunk-T55CG4YG.js +190 -0
- package/dist/chunk-T55CG4YG.js.map +1 -0
- package/dist/date-tile/index.d.ts +20 -0
- package/dist/date-tile/index.js +9 -0
- package/dist/date-tile/index.js.map +1 -0
- package/dist/index.d.ts +7 -1
- package/dist/index.js +51 -27
- package/dist/kpi-card/index.d.ts +30 -0
- package/dist/kpi-card/index.js +9 -0
- package/dist/kpi-card/index.js.map +1 -0
- package/dist/schema/index.d.ts +6 -0
- package/dist/schema/index.js +6 -0
- package/dist/schema/index.js.map +1 -1
- package/dist/segmented-control/index.d.ts +30 -0
- package/dist/segmented-control/index.js +9 -0
- package/dist/segmented-control/index.js.map +1 -0
- package/package.json +26 -2
package/custom-elements.json
CHANGED
|
@@ -2,6 +2,246 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/attention-panel/AttentionPanel.ts",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"description": "A tinted panel that calls out the most serious item needing action: an icon, a title, a line of\ndetail and an action link. `tone` picks the colour: `warning` (amber) for things due soon,\n`danger` (red) for overdue or failing items, `accent` (blue) for set-up tips.\n\nSlots: `icon` (a glyph beside the title), default (the detail text), `action` (a link or button).",
|
|
12
|
+
"name": "AttentionPanel",
|
|
13
|
+
"members": [
|
|
14
|
+
{
|
|
15
|
+
"kind": "field",
|
|
16
|
+
"name": "tone",
|
|
17
|
+
"type": {
|
|
18
|
+
"text": "'accent' | 'warning' | 'danger'"
|
|
19
|
+
},
|
|
20
|
+
"default": "'accent'",
|
|
21
|
+
"description": "Colour of the panel: `accent` for tips, `warning` for due soon, `danger` for overdue.",
|
|
22
|
+
"attribute": "tone",
|
|
23
|
+
"reflects": true
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"kind": "field",
|
|
27
|
+
"name": "heading",
|
|
28
|
+
"type": {
|
|
29
|
+
"text": "string"
|
|
30
|
+
},
|
|
31
|
+
"default": "''",
|
|
32
|
+
"description": "Bold line at the top of the panel.",
|
|
33
|
+
"attribute": "heading"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"kind": "field",
|
|
37
|
+
"name": "hasIcon",
|
|
38
|
+
"type": {
|
|
39
|
+
"text": "boolean"
|
|
40
|
+
},
|
|
41
|
+
"default": "false",
|
|
42
|
+
"description": "Set when an element is slotted into `icon`, so the icon tile only renders with an icon.",
|
|
43
|
+
"attribute": "has-icon",
|
|
44
|
+
"reflects": true
|
|
45
|
+
}
|
|
46
|
+
],
|
|
47
|
+
"attributes": [
|
|
48
|
+
{
|
|
49
|
+
"name": "tone",
|
|
50
|
+
"type": {
|
|
51
|
+
"text": "'accent' | 'warning' | 'danger'"
|
|
52
|
+
},
|
|
53
|
+
"default": "'accent'",
|
|
54
|
+
"description": "Colour of the panel: `accent` for tips, `warning` for due soon, `danger` for overdue.",
|
|
55
|
+
"fieldName": "tone"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"name": "heading",
|
|
59
|
+
"type": {
|
|
60
|
+
"text": "string"
|
|
61
|
+
},
|
|
62
|
+
"default": "''",
|
|
63
|
+
"description": "Bold line at the top of the panel.",
|
|
64
|
+
"fieldName": "heading"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"name": "has-icon",
|
|
68
|
+
"type": {
|
|
69
|
+
"text": "boolean"
|
|
70
|
+
},
|
|
71
|
+
"default": "false",
|
|
72
|
+
"description": "Set when an element is slotted into `icon`, so the icon tile only renders with an icon.",
|
|
73
|
+
"fieldName": "hasIcon"
|
|
74
|
+
}
|
|
75
|
+
],
|
|
76
|
+
"superclass": {
|
|
77
|
+
"name": "LitElement",
|
|
78
|
+
"package": "lit"
|
|
79
|
+
},
|
|
80
|
+
"tagName": "st-attention-panel",
|
|
81
|
+
"customElement": true
|
|
82
|
+
}
|
|
83
|
+
],
|
|
84
|
+
"exports": [
|
|
85
|
+
{
|
|
86
|
+
"kind": "js",
|
|
87
|
+
"name": "AttentionPanel",
|
|
88
|
+
"declaration": {
|
|
89
|
+
"name": "AttentionPanel",
|
|
90
|
+
"module": "src/attention-panel/AttentionPanel.ts"
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"kind": "custom-element-definition",
|
|
95
|
+
"name": "st-attention-panel",
|
|
96
|
+
"declaration": {
|
|
97
|
+
"name": "AttentionPanel",
|
|
98
|
+
"module": "src/attention-panel/AttentionPanel.ts"
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
]
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"kind": "javascript-module",
|
|
105
|
+
"path": "src/bar-chart/BarChart.ts",
|
|
106
|
+
"declarations": [
|
|
107
|
+
{
|
|
108
|
+
"kind": "class",
|
|
109
|
+
"description": "A vertical bar chart for a fixed set of categories: value labels above the bars, gridlines with\nlabels on the left, and category labels underneath. Heights scale to `max`, or to the largest\nbar or tick when `max` is not set. Values are not formatted here: pass `valueLabel` and tick\nlabels already formatted (currency, lakh/crore), so this element stays locale-free.",
|
|
110
|
+
"name": "BarChart",
|
|
111
|
+
"members": [
|
|
112
|
+
{
|
|
113
|
+
"kind": "field",
|
|
114
|
+
"name": "bars",
|
|
115
|
+
"type": {
|
|
116
|
+
"text": "BarChartBar[]"
|
|
117
|
+
},
|
|
118
|
+
"default": "[]",
|
|
119
|
+
"description": "The bars, in order from left to right."
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"kind": "field",
|
|
123
|
+
"name": "ticks",
|
|
124
|
+
"type": {
|
|
125
|
+
"text": "BarChartTick[]"
|
|
126
|
+
},
|
|
127
|
+
"default": "[]",
|
|
128
|
+
"description": "Optional gridlines with labels."
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"kind": "field",
|
|
132
|
+
"name": "max",
|
|
133
|
+
"type": {
|
|
134
|
+
"text": "number | null"
|
|
135
|
+
},
|
|
136
|
+
"default": "null",
|
|
137
|
+
"description": "The value that maps to the top of the plot. Defaults to the largest bar or tick.",
|
|
138
|
+
"attribute": "max"
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"kind": "field",
|
|
142
|
+
"name": "plotHeight",
|
|
143
|
+
"type": {
|
|
144
|
+
"text": "number"
|
|
145
|
+
},
|
|
146
|
+
"default": "200",
|
|
147
|
+
"description": "Plot height in pixels, excluding category labels.",
|
|
148
|
+
"attribute": "plot-height"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"kind": "field",
|
|
152
|
+
"name": "chartLabel",
|
|
153
|
+
"type": {
|
|
154
|
+
"text": "string"
|
|
155
|
+
},
|
|
156
|
+
"default": "''",
|
|
157
|
+
"description": "Accessible name for the chart.",
|
|
158
|
+
"attribute": "chart-label"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"kind": "method",
|
|
162
|
+
"name": "topValue",
|
|
163
|
+
"privacy": "private",
|
|
164
|
+
"return": {
|
|
165
|
+
"type": {
|
|
166
|
+
"text": "number"
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"kind": "method",
|
|
172
|
+
"name": "heightPct",
|
|
173
|
+
"privacy": "private",
|
|
174
|
+
"return": {
|
|
175
|
+
"type": {
|
|
176
|
+
"text": "number"
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
"parameters": [
|
|
180
|
+
{
|
|
181
|
+
"name": "value",
|
|
182
|
+
"type": {
|
|
183
|
+
"text": "number | null"
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
]
|
|
187
|
+
}
|
|
188
|
+
],
|
|
189
|
+
"attributes": [
|
|
190
|
+
{
|
|
191
|
+
"name": "max",
|
|
192
|
+
"type": {
|
|
193
|
+
"text": "number | null"
|
|
194
|
+
},
|
|
195
|
+
"default": "null",
|
|
196
|
+
"description": "The value that maps to the top of the plot. Defaults to the largest bar or tick.",
|
|
197
|
+
"fieldName": "max"
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
"name": "plot-height",
|
|
201
|
+
"type": {
|
|
202
|
+
"text": "number"
|
|
203
|
+
},
|
|
204
|
+
"default": "200",
|
|
205
|
+
"description": "Plot height in pixels, excluding category labels.",
|
|
206
|
+
"fieldName": "plotHeight"
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"name": "chart-label",
|
|
210
|
+
"type": {
|
|
211
|
+
"text": "string"
|
|
212
|
+
},
|
|
213
|
+
"default": "''",
|
|
214
|
+
"description": "Accessible name for the chart.",
|
|
215
|
+
"fieldName": "chartLabel"
|
|
216
|
+
}
|
|
217
|
+
],
|
|
218
|
+
"superclass": {
|
|
219
|
+
"name": "LitElement",
|
|
220
|
+
"package": "lit"
|
|
221
|
+
},
|
|
222
|
+
"tagName": "st-bar-chart",
|
|
223
|
+
"customElement": true
|
|
224
|
+
}
|
|
225
|
+
],
|
|
226
|
+
"exports": [
|
|
227
|
+
{
|
|
228
|
+
"kind": "js",
|
|
229
|
+
"name": "BarChart",
|
|
230
|
+
"declaration": {
|
|
231
|
+
"name": "BarChart",
|
|
232
|
+
"module": "src/bar-chart/BarChart.ts"
|
|
233
|
+
}
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"kind": "custom-element-definition",
|
|
237
|
+
"name": "st-bar-chart",
|
|
238
|
+
"declaration": {
|
|
239
|
+
"name": "BarChart",
|
|
240
|
+
"module": "src/bar-chart/BarChart.ts"
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
]
|
|
244
|
+
},
|
|
5
245
|
{
|
|
6
246
|
"kind": "javascript-module",
|
|
7
247
|
"path": "src/bento-grid/BentoGrid.ts",
|
|
@@ -856,6 +1096,105 @@
|
|
|
856
1096
|
}
|
|
857
1097
|
]
|
|
858
1098
|
},
|
|
1099
|
+
{
|
|
1100
|
+
"kind": "javascript-module",
|
|
1101
|
+
"path": "src/chip/Chip.ts",
|
|
1102
|
+
"declarations": [
|
|
1103
|
+
{
|
|
1104
|
+
"kind": "class",
|
|
1105
|
+
"description": "A small rounded status pill: text in the default slot, with an optional leading dot. Tones map\nto the theme's status tokens (soft background, text colour on that background), so a chip reads\nthe same in every theme. Use `neutral` for plain labels, `accent` for the brand tint, and the\nstatus tones for meaning only (success = done, warning = due soon, danger = overdue).",
|
|
1106
|
+
"name": "Chip",
|
|
1107
|
+
"members": [
|
|
1108
|
+
{
|
|
1109
|
+
"kind": "field",
|
|
1110
|
+
"name": "tone",
|
|
1111
|
+
"type": {
|
|
1112
|
+
"text": "'neutral' | 'accent' | 'success' | 'warning' | 'danger'"
|
|
1113
|
+
},
|
|
1114
|
+
"default": "'neutral'",
|
|
1115
|
+
"description": "Colour treatment: a soft tint of the matching theme token.",
|
|
1116
|
+
"attribute": "tone",
|
|
1117
|
+
"reflects": true
|
|
1118
|
+
},
|
|
1119
|
+
{
|
|
1120
|
+
"kind": "field",
|
|
1121
|
+
"name": "size",
|
|
1122
|
+
"type": {
|
|
1123
|
+
"text": "'md' | 'sm'"
|
|
1124
|
+
},
|
|
1125
|
+
"default": "'md'",
|
|
1126
|
+
"description": "`sm` for dense lists and table cells.",
|
|
1127
|
+
"attribute": "size",
|
|
1128
|
+
"reflects": true
|
|
1129
|
+
},
|
|
1130
|
+
{
|
|
1131
|
+
"kind": "field",
|
|
1132
|
+
"name": "dot",
|
|
1133
|
+
"type": {
|
|
1134
|
+
"text": "boolean"
|
|
1135
|
+
},
|
|
1136
|
+
"default": "false",
|
|
1137
|
+
"description": "Shows a leading dot in the chip's text colour.",
|
|
1138
|
+
"attribute": "dot",
|
|
1139
|
+
"reflects": true
|
|
1140
|
+
}
|
|
1141
|
+
],
|
|
1142
|
+
"attributes": [
|
|
1143
|
+
{
|
|
1144
|
+
"name": "tone",
|
|
1145
|
+
"type": {
|
|
1146
|
+
"text": "'neutral' | 'accent' | 'success' | 'warning' | 'danger'"
|
|
1147
|
+
},
|
|
1148
|
+
"default": "'neutral'",
|
|
1149
|
+
"description": "Colour treatment: a soft tint of the matching theme token.",
|
|
1150
|
+
"fieldName": "tone"
|
|
1151
|
+
},
|
|
1152
|
+
{
|
|
1153
|
+
"name": "size",
|
|
1154
|
+
"type": {
|
|
1155
|
+
"text": "'md' | 'sm'"
|
|
1156
|
+
},
|
|
1157
|
+
"default": "'md'",
|
|
1158
|
+
"description": "`sm` for dense lists and table cells.",
|
|
1159
|
+
"fieldName": "size"
|
|
1160
|
+
},
|
|
1161
|
+
{
|
|
1162
|
+
"name": "dot",
|
|
1163
|
+
"type": {
|
|
1164
|
+
"text": "boolean"
|
|
1165
|
+
},
|
|
1166
|
+
"default": "false",
|
|
1167
|
+
"description": "Shows a leading dot in the chip's text colour.",
|
|
1168
|
+
"fieldName": "dot"
|
|
1169
|
+
}
|
|
1170
|
+
],
|
|
1171
|
+
"superclass": {
|
|
1172
|
+
"name": "LitElement",
|
|
1173
|
+
"package": "lit"
|
|
1174
|
+
},
|
|
1175
|
+
"tagName": "st-chip",
|
|
1176
|
+
"customElement": true
|
|
1177
|
+
}
|
|
1178
|
+
],
|
|
1179
|
+
"exports": [
|
|
1180
|
+
{
|
|
1181
|
+
"kind": "js",
|
|
1182
|
+
"name": "Chip",
|
|
1183
|
+
"declaration": {
|
|
1184
|
+
"name": "Chip",
|
|
1185
|
+
"module": "src/chip/Chip.ts"
|
|
1186
|
+
}
|
|
1187
|
+
},
|
|
1188
|
+
{
|
|
1189
|
+
"kind": "custom-element-definition",
|
|
1190
|
+
"name": "st-chip",
|
|
1191
|
+
"declaration": {
|
|
1192
|
+
"name": "Chip",
|
|
1193
|
+
"module": "src/chip/Chip.ts"
|
|
1194
|
+
}
|
|
1195
|
+
}
|
|
1196
|
+
]
|
|
1197
|
+
},
|
|
859
1198
|
{
|
|
860
1199
|
"kind": "javascript-module",
|
|
861
1200
|
"path": "src/cookie-consent/CookieConsent.ts",
|
|
@@ -1047,23 +1386,120 @@
|
|
|
1047
1386
|
},
|
|
1048
1387
|
{
|
|
1049
1388
|
"kind": "javascript-module",
|
|
1050
|
-
"path": "src/
|
|
1389
|
+
"path": "src/date-tile/DateTile.ts",
|
|
1051
1390
|
"declarations": [
|
|
1052
1391
|
{
|
|
1053
1392
|
"kind": "class",
|
|
1054
|
-
"description": "A
|
|
1055
|
-
"name": "
|
|
1056
|
-
"
|
|
1393
|
+
"description": "A calendar date tile: a month band over a large day number, as used for due dates. `tone`\ncolours the month band: `default` for a neutral date, `warning` for due soon, `danger` for\noverdue.",
|
|
1394
|
+
"name": "DateTile",
|
|
1395
|
+
"members": [
|
|
1057
1396
|
{
|
|
1058
|
-
"
|
|
1059
|
-
"name": "
|
|
1397
|
+
"kind": "field",
|
|
1398
|
+
"name": "month",
|
|
1399
|
+
"type": {
|
|
1400
|
+
"text": "string"
|
|
1401
|
+
},
|
|
1402
|
+
"default": "''",
|
|
1403
|
+
"description": "Month abbreviation shown in the band (for example \"NOV\").",
|
|
1404
|
+
"attribute": "month"
|
|
1060
1405
|
},
|
|
1061
1406
|
{
|
|
1062
|
-
"
|
|
1063
|
-
"name": "
|
|
1407
|
+
"kind": "field",
|
|
1408
|
+
"name": "day",
|
|
1409
|
+
"type": {
|
|
1410
|
+
"text": "string"
|
|
1411
|
+
},
|
|
1412
|
+
"default": "''",
|
|
1413
|
+
"description": "Day of the month (for example \"11\").",
|
|
1414
|
+
"attribute": "day"
|
|
1064
1415
|
},
|
|
1065
1416
|
{
|
|
1066
|
-
"
|
|
1417
|
+
"kind": "field",
|
|
1418
|
+
"name": "tone",
|
|
1419
|
+
"type": {
|
|
1420
|
+
"text": "'default' | 'warning' | 'danger'"
|
|
1421
|
+
},
|
|
1422
|
+
"default": "'default'",
|
|
1423
|
+
"description": "Colour of the month band.",
|
|
1424
|
+
"attribute": "tone",
|
|
1425
|
+
"reflects": true
|
|
1426
|
+
}
|
|
1427
|
+
],
|
|
1428
|
+
"attributes": [
|
|
1429
|
+
{
|
|
1430
|
+
"name": "month",
|
|
1431
|
+
"type": {
|
|
1432
|
+
"text": "string"
|
|
1433
|
+
},
|
|
1434
|
+
"default": "''",
|
|
1435
|
+
"description": "Month abbreviation shown in the band (for example \"NOV\").",
|
|
1436
|
+
"fieldName": "month"
|
|
1437
|
+
},
|
|
1438
|
+
{
|
|
1439
|
+
"name": "day",
|
|
1440
|
+
"type": {
|
|
1441
|
+
"text": "string"
|
|
1442
|
+
},
|
|
1443
|
+
"default": "''",
|
|
1444
|
+
"description": "Day of the month (for example \"11\").",
|
|
1445
|
+
"fieldName": "day"
|
|
1446
|
+
},
|
|
1447
|
+
{
|
|
1448
|
+
"name": "tone",
|
|
1449
|
+
"type": {
|
|
1450
|
+
"text": "'default' | 'warning' | 'danger'"
|
|
1451
|
+
},
|
|
1452
|
+
"default": "'default'",
|
|
1453
|
+
"description": "Colour of the month band.",
|
|
1454
|
+
"fieldName": "tone"
|
|
1455
|
+
}
|
|
1456
|
+
],
|
|
1457
|
+
"superclass": {
|
|
1458
|
+
"name": "LitElement",
|
|
1459
|
+
"package": "lit"
|
|
1460
|
+
},
|
|
1461
|
+
"tagName": "st-date-tile",
|
|
1462
|
+
"customElement": true
|
|
1463
|
+
}
|
|
1464
|
+
],
|
|
1465
|
+
"exports": [
|
|
1466
|
+
{
|
|
1467
|
+
"kind": "js",
|
|
1468
|
+
"name": "DateTile",
|
|
1469
|
+
"declaration": {
|
|
1470
|
+
"name": "DateTile",
|
|
1471
|
+
"module": "src/date-tile/DateTile.ts"
|
|
1472
|
+
}
|
|
1473
|
+
},
|
|
1474
|
+
{
|
|
1475
|
+
"kind": "custom-element-definition",
|
|
1476
|
+
"name": "st-date-tile",
|
|
1477
|
+
"declaration": {
|
|
1478
|
+
"name": "DateTile",
|
|
1479
|
+
"module": "src/date-tile/DateTile.ts"
|
|
1480
|
+
}
|
|
1481
|
+
}
|
|
1482
|
+
]
|
|
1483
|
+
},
|
|
1484
|
+
{
|
|
1485
|
+
"kind": "javascript-module",
|
|
1486
|
+
"path": "src/dropdown/Dropdown.ts",
|
|
1487
|
+
"declarations": [
|
|
1488
|
+
{
|
|
1489
|
+
"kind": "class",
|
|
1490
|
+
"description": "A labeled trigger + slotted dropdown panel — nav menus (typically holding an `st-menu-grid`),\naction menus, anything \"click a trigger, show content under it\". A 1:1 port of `SankhyaUI`'s\nReact `Dropdown` (`SankhyaCMS/SankhyaUI/src/components/Dropdown`): same markup\n(`.menu` > `.menu-title` + `.menu-dropdown`), sizes, 0.3s slide/fade, and behavior —\n\n- only one dropdown is open at a time (the source's `DropdownProvider`, built in here, so no\n provider element is needed);\n- a mousedown outside, Escape, or a click inside the panel closes it;\n- an `href` trigger toggles the panel when it has content, and is a plain link when it doesn't;\n- `inline` opens the panel in the flow, the source's `.touch-device` layout.\n\nColors and the panel's surface come from the suite theme (the source left those to the\nconsumer's `className`/`itemGroupClassName` utility classes). Two source rules are left out\nbecause they break existing suite uses (`st-source-bar`'s site/library menus): the 100vw panel\nat <=768px (overflows the screen from wherever the trigger sits; the header uses `inline`\ninstead) and `overflow: hidden` on slotted children (clips their focus rings). Suite additions\nkept on top: `align`, `active`, `disabled`, `inline`, and the `dropdown-toggle` event — plus\n`mega` and `open-on-hover` for an okta.com-style mega menu (see `st-mega-menu`).",
|
|
1491
|
+
"name": "Dropdown",
|
|
1492
|
+
"cssProperties": [
|
|
1493
|
+
{
|
|
1494
|
+
"description": "Maximum width of a `mega` panel (default `1400px`).",
|
|
1495
|
+
"name": "--st-mega-menu-max-width"
|
|
1496
|
+
},
|
|
1497
|
+
{
|
|
1498
|
+
"description": "Minimum space between a `mega` panel and the header's sides (default `1rem`).",
|
|
1499
|
+
"name": "--st-mega-menu-inset"
|
|
1500
|
+
},
|
|
1501
|
+
{
|
|
1502
|
+
"description": "Space between the header and a `mega` panel (default `12px`).",
|
|
1067
1503
|
"name": "--st-mega-menu-gap"
|
|
1068
1504
|
},
|
|
1069
1505
|
{
|
|
@@ -1639,6 +2075,204 @@
|
|
|
1639
2075
|
}
|
|
1640
2076
|
]
|
|
1641
2077
|
},
|
|
2078
|
+
{
|
|
2079
|
+
"kind": "javascript-module",
|
|
2080
|
+
"path": "src/feature-split/FeatureSplit.ts",
|
|
2081
|
+
"declarations": [
|
|
2082
|
+
{
|
|
2083
|
+
"kind": "class",
|
|
2084
|
+
"description": "A title/markdown-subtitle/feature-list block beside (or under) an image.",
|
|
2085
|
+
"name": "FeatureSplit",
|
|
2086
|
+
"cssProperties": [
|
|
2087
|
+
{
|
|
2088
|
+
"description": "Overrides the block's padding.",
|
|
2089
|
+
"name": "--st-feature-split-padding"
|
|
2090
|
+
}
|
|
2091
|
+
],
|
|
2092
|
+
"members": [
|
|
2093
|
+
{
|
|
2094
|
+
"kind": "field",
|
|
2095
|
+
"name": "inverted",
|
|
2096
|
+
"type": {
|
|
2097
|
+
"text": "boolean"
|
|
2098
|
+
},
|
|
2099
|
+
"default": "false",
|
|
2100
|
+
"attribute": "inverted",
|
|
2101
|
+
"reflects": true
|
|
2102
|
+
},
|
|
2103
|
+
{
|
|
2104
|
+
"kind": "field",
|
|
2105
|
+
"name": "title",
|
|
2106
|
+
"type": {
|
|
2107
|
+
"text": "string"
|
|
2108
|
+
},
|
|
2109
|
+
"default": "''",
|
|
2110
|
+
"attribute": "title"
|
|
2111
|
+
},
|
|
2112
|
+
{
|
|
2113
|
+
"kind": "field",
|
|
2114
|
+
"name": "subtitle",
|
|
2115
|
+
"type": {
|
|
2116
|
+
"text": "string"
|
|
2117
|
+
},
|
|
2118
|
+
"default": "''",
|
|
2119
|
+
"description": "Markdown.",
|
|
2120
|
+
"attribute": "subtitle"
|
|
2121
|
+
},
|
|
2122
|
+
{
|
|
2123
|
+
"kind": "field",
|
|
2124
|
+
"name": "items",
|
|
2125
|
+
"type": {
|
|
2126
|
+
"text": "FeatureSplitItem[]"
|
|
2127
|
+
},
|
|
2128
|
+
"default": "[]"
|
|
2129
|
+
},
|
|
2130
|
+
{
|
|
2131
|
+
"kind": "field",
|
|
2132
|
+
"name": "imageSrc",
|
|
2133
|
+
"type": {
|
|
2134
|
+
"text": "string"
|
|
2135
|
+
},
|
|
2136
|
+
"default": "''",
|
|
2137
|
+
"attribute": "image-src"
|
|
2138
|
+
},
|
|
2139
|
+
{
|
|
2140
|
+
"kind": "field",
|
|
2141
|
+
"name": "imageAlt",
|
|
2142
|
+
"type": {
|
|
2143
|
+
"text": "string"
|
|
2144
|
+
},
|
|
2145
|
+
"default": "''",
|
|
2146
|
+
"attribute": "image-alt"
|
|
2147
|
+
},
|
|
2148
|
+
{
|
|
2149
|
+
"kind": "field",
|
|
2150
|
+
"name": "imagePosition",
|
|
2151
|
+
"type": {
|
|
2152
|
+
"text": "FeatureSplitImagePosition"
|
|
2153
|
+
},
|
|
2154
|
+
"default": "'right'",
|
|
2155
|
+
"attribute": "image-position",
|
|
2156
|
+
"reflects": true
|
|
2157
|
+
},
|
|
2158
|
+
{
|
|
2159
|
+
"kind": "field",
|
|
2160
|
+
"name": "actionLabel",
|
|
2161
|
+
"type": {
|
|
2162
|
+
"text": "string"
|
|
2163
|
+
},
|
|
2164
|
+
"default": "''",
|
|
2165
|
+
"attribute": "action-label"
|
|
2166
|
+
},
|
|
2167
|
+
{
|
|
2168
|
+
"kind": "field",
|
|
2169
|
+
"name": "href",
|
|
2170
|
+
"type": {
|
|
2171
|
+
"text": "string"
|
|
2172
|
+
},
|
|
2173
|
+
"default": "''",
|
|
2174
|
+
"attribute": "href"
|
|
2175
|
+
},
|
|
2176
|
+
{
|
|
2177
|
+
"kind": "method",
|
|
2178
|
+
"name": "onAction",
|
|
2179
|
+
"privacy": "private"
|
|
2180
|
+
}
|
|
2181
|
+
],
|
|
2182
|
+
"attributes": [
|
|
2183
|
+
{
|
|
2184
|
+
"name": "inverted",
|
|
2185
|
+
"type": {
|
|
2186
|
+
"text": "boolean"
|
|
2187
|
+
},
|
|
2188
|
+
"default": "false",
|
|
2189
|
+
"fieldName": "inverted"
|
|
2190
|
+
},
|
|
2191
|
+
{
|
|
2192
|
+
"name": "title",
|
|
2193
|
+
"type": {
|
|
2194
|
+
"text": "string"
|
|
2195
|
+
},
|
|
2196
|
+
"default": "''",
|
|
2197
|
+
"fieldName": "title"
|
|
2198
|
+
},
|
|
2199
|
+
{
|
|
2200
|
+
"name": "subtitle",
|
|
2201
|
+
"type": {
|
|
2202
|
+
"text": "string"
|
|
2203
|
+
},
|
|
2204
|
+
"default": "''",
|
|
2205
|
+
"description": "Markdown.",
|
|
2206
|
+
"fieldName": "subtitle"
|
|
2207
|
+
},
|
|
2208
|
+
{
|
|
2209
|
+
"name": "image-src",
|
|
2210
|
+
"type": {
|
|
2211
|
+
"text": "string"
|
|
2212
|
+
},
|
|
2213
|
+
"default": "''",
|
|
2214
|
+
"fieldName": "imageSrc"
|
|
2215
|
+
},
|
|
2216
|
+
{
|
|
2217
|
+
"name": "image-alt",
|
|
2218
|
+
"type": {
|
|
2219
|
+
"text": "string"
|
|
2220
|
+
},
|
|
2221
|
+
"default": "''",
|
|
2222
|
+
"fieldName": "imageAlt"
|
|
2223
|
+
},
|
|
2224
|
+
{
|
|
2225
|
+
"name": "image-position",
|
|
2226
|
+
"type": {
|
|
2227
|
+
"text": "FeatureSplitImagePosition"
|
|
2228
|
+
},
|
|
2229
|
+
"default": "'right'",
|
|
2230
|
+
"fieldName": "imagePosition"
|
|
2231
|
+
},
|
|
2232
|
+
{
|
|
2233
|
+
"name": "action-label",
|
|
2234
|
+
"type": {
|
|
2235
|
+
"text": "string"
|
|
2236
|
+
},
|
|
2237
|
+
"default": "''",
|
|
2238
|
+
"fieldName": "actionLabel"
|
|
2239
|
+
},
|
|
2240
|
+
{
|
|
2241
|
+
"name": "href",
|
|
2242
|
+
"type": {
|
|
2243
|
+
"text": "string"
|
|
2244
|
+
},
|
|
2245
|
+
"default": "''",
|
|
2246
|
+
"fieldName": "href"
|
|
2247
|
+
}
|
|
2248
|
+
],
|
|
2249
|
+
"superclass": {
|
|
2250
|
+
"name": "LitElement",
|
|
2251
|
+
"package": "lit"
|
|
2252
|
+
},
|
|
2253
|
+
"tagName": "st-feature-split",
|
|
2254
|
+
"customElement": true
|
|
2255
|
+
}
|
|
2256
|
+
],
|
|
2257
|
+
"exports": [
|
|
2258
|
+
{
|
|
2259
|
+
"kind": "js",
|
|
2260
|
+
"name": "FeatureSplit",
|
|
2261
|
+
"declaration": {
|
|
2262
|
+
"name": "FeatureSplit",
|
|
2263
|
+
"module": "src/feature-split/FeatureSplit.ts"
|
|
2264
|
+
}
|
|
2265
|
+
},
|
|
2266
|
+
{
|
|
2267
|
+
"kind": "custom-element-definition",
|
|
2268
|
+
"name": "st-feature-split",
|
|
2269
|
+
"declaration": {
|
|
2270
|
+
"name": "FeatureSplit",
|
|
2271
|
+
"module": "src/feature-split/FeatureSplit.ts"
|
|
2272
|
+
}
|
|
2273
|
+
}
|
|
2274
|
+
]
|
|
2275
|
+
},
|
|
1642
2276
|
{
|
|
1643
2277
|
"kind": "javascript-module",
|
|
1644
2278
|
"path": "src/features-section/FeatureItem.ts",
|
|
@@ -2128,270 +2762,72 @@
|
|
|
2128
2762
|
"fieldName": "copyright"
|
|
2129
2763
|
},
|
|
2130
2764
|
{
|
|
2131
|
-
"name": "powered-by",
|
|
2132
|
-
"type": {
|
|
2133
|
-
"text": "string"
|
|
2134
|
-
},
|
|
2135
|
-
"default": "''",
|
|
2136
|
-
"fieldName": "poweredBy"
|
|
2137
|
-
},
|
|
2138
|
-
{
|
|
2139
|
-
"name": "powered-by-link",
|
|
2140
|
-
"type": {
|
|
2141
|
-
"text": "string"
|
|
2142
|
-
},
|
|
2143
|
-
"default": "''",
|
|
2144
|
-
"fieldName": "poweredByLink"
|
|
2145
|
-
},
|
|
2146
|
-
{
|
|
2147
|
-
"name": "version",
|
|
2148
|
-
"type": {
|
|
2149
|
-
"text": "string"
|
|
2150
|
-
},
|
|
2151
|
-
"default": "''",
|
|
2152
|
-
"description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\nversion in the footer rather than the header title.",
|
|
2153
|
-
"fieldName": "version"
|
|
2154
|
-
},
|
|
2155
|
-
{
|
|
2156
|
-
"name": "image-src",
|
|
2157
|
-
"type": {
|
|
2158
|
-
"text": "string"
|
|
2159
|
-
},
|
|
2160
|
-
"default": "''",
|
|
2161
|
-
"description": "Logo shown in the brand block (site layout).",
|
|
2162
|
-
"fieldName": "imageSrc"
|
|
2163
|
-
},
|
|
2164
|
-
{
|
|
2165
|
-
"name": "description",
|
|
2166
|
-
"type": {
|
|
2167
|
-
"text": "string"
|
|
2168
|
-
},
|
|
2169
|
-
"default": "''",
|
|
2170
|
-
"description": "Short blurb under the logo (site layout).",
|
|
2171
|
-
"fieldName": "description"
|
|
2172
|
-
}
|
|
2173
|
-
],
|
|
2174
|
-
"superclass": {
|
|
2175
|
-
"name": "LitElement",
|
|
2176
|
-
"package": "lit"
|
|
2177
|
-
},
|
|
2178
|
-
"tagName": "st-footer",
|
|
2179
|
-
"customElement": true
|
|
2180
|
-
}
|
|
2181
|
-
],
|
|
2182
|
-
"exports": [
|
|
2183
|
-
{
|
|
2184
|
-
"kind": "js",
|
|
2185
|
-
"name": "Footer",
|
|
2186
|
-
"declaration": {
|
|
2187
|
-
"name": "Footer",
|
|
2188
|
-
"module": "src/footer/Footer.ts"
|
|
2189
|
-
}
|
|
2190
|
-
},
|
|
2191
|
-
{
|
|
2192
|
-
"kind": "custom-element-definition",
|
|
2193
|
-
"name": "st-footer",
|
|
2194
|
-
"declaration": {
|
|
2195
|
-
"name": "Footer",
|
|
2196
|
-
"module": "src/footer/Footer.ts"
|
|
2197
|
-
}
|
|
2198
|
-
}
|
|
2199
|
-
]
|
|
2200
|
-
},
|
|
2201
|
-
{
|
|
2202
|
-
"kind": "javascript-module",
|
|
2203
|
-
"path": "src/feature-split/FeatureSplit.ts",
|
|
2204
|
-
"declarations": [
|
|
2205
|
-
{
|
|
2206
|
-
"kind": "class",
|
|
2207
|
-
"description": "A title/markdown-subtitle/feature-list block beside (or under) an image.",
|
|
2208
|
-
"name": "FeatureSplit",
|
|
2209
|
-
"cssProperties": [
|
|
2210
|
-
{
|
|
2211
|
-
"description": "Overrides the block's padding.",
|
|
2212
|
-
"name": "--st-feature-split-padding"
|
|
2213
|
-
}
|
|
2214
|
-
],
|
|
2215
|
-
"members": [
|
|
2216
|
-
{
|
|
2217
|
-
"kind": "field",
|
|
2218
|
-
"name": "inverted",
|
|
2219
|
-
"type": {
|
|
2220
|
-
"text": "boolean"
|
|
2221
|
-
},
|
|
2222
|
-
"default": "false",
|
|
2223
|
-
"attribute": "inverted",
|
|
2224
|
-
"reflects": true
|
|
2225
|
-
},
|
|
2226
|
-
{
|
|
2227
|
-
"kind": "field",
|
|
2228
|
-
"name": "title",
|
|
2229
|
-
"type": {
|
|
2230
|
-
"text": "string"
|
|
2231
|
-
},
|
|
2232
|
-
"default": "''",
|
|
2233
|
-
"attribute": "title"
|
|
2234
|
-
},
|
|
2235
|
-
{
|
|
2236
|
-
"kind": "field",
|
|
2237
|
-
"name": "subtitle",
|
|
2238
|
-
"type": {
|
|
2239
|
-
"text": "string"
|
|
2240
|
-
},
|
|
2241
|
-
"default": "''",
|
|
2242
|
-
"description": "Markdown.",
|
|
2243
|
-
"attribute": "subtitle"
|
|
2244
|
-
},
|
|
2245
|
-
{
|
|
2246
|
-
"kind": "field",
|
|
2247
|
-
"name": "items",
|
|
2248
|
-
"type": {
|
|
2249
|
-
"text": "FeatureSplitItem[]"
|
|
2250
|
-
},
|
|
2251
|
-
"default": "[]"
|
|
2252
|
-
},
|
|
2253
|
-
{
|
|
2254
|
-
"kind": "field",
|
|
2255
|
-
"name": "imageSrc",
|
|
2256
|
-
"type": {
|
|
2257
|
-
"text": "string"
|
|
2258
|
-
},
|
|
2259
|
-
"default": "''",
|
|
2260
|
-
"attribute": "image-src"
|
|
2261
|
-
},
|
|
2262
|
-
{
|
|
2263
|
-
"kind": "field",
|
|
2264
|
-
"name": "imageAlt",
|
|
2265
|
-
"type": {
|
|
2266
|
-
"text": "string"
|
|
2267
|
-
},
|
|
2268
|
-
"default": "''",
|
|
2269
|
-
"attribute": "image-alt"
|
|
2270
|
-
},
|
|
2271
|
-
{
|
|
2272
|
-
"kind": "field",
|
|
2273
|
-
"name": "imagePosition",
|
|
2274
|
-
"type": {
|
|
2275
|
-
"text": "FeatureSplitImagePosition"
|
|
2276
|
-
},
|
|
2277
|
-
"default": "'right'",
|
|
2278
|
-
"attribute": "image-position",
|
|
2279
|
-
"reflects": true
|
|
2280
|
-
},
|
|
2281
|
-
{
|
|
2282
|
-
"kind": "field",
|
|
2283
|
-
"name": "actionLabel",
|
|
2284
|
-
"type": {
|
|
2285
|
-
"text": "string"
|
|
2286
|
-
},
|
|
2287
|
-
"default": "''",
|
|
2288
|
-
"attribute": "action-label"
|
|
2289
|
-
},
|
|
2290
|
-
{
|
|
2291
|
-
"kind": "field",
|
|
2292
|
-
"name": "href",
|
|
2293
|
-
"type": {
|
|
2294
|
-
"text": "string"
|
|
2295
|
-
},
|
|
2296
|
-
"default": "''",
|
|
2297
|
-
"attribute": "href"
|
|
2298
|
-
},
|
|
2299
|
-
{
|
|
2300
|
-
"kind": "method",
|
|
2301
|
-
"name": "onAction",
|
|
2302
|
-
"privacy": "private"
|
|
2303
|
-
}
|
|
2304
|
-
],
|
|
2305
|
-
"attributes": [
|
|
2306
|
-
{
|
|
2307
|
-
"name": "inverted",
|
|
2308
|
-
"type": {
|
|
2309
|
-
"text": "boolean"
|
|
2310
|
-
},
|
|
2311
|
-
"default": "false",
|
|
2312
|
-
"fieldName": "inverted"
|
|
2313
|
-
},
|
|
2314
|
-
{
|
|
2315
|
-
"name": "title",
|
|
2316
|
-
"type": {
|
|
2317
|
-
"text": "string"
|
|
2318
|
-
},
|
|
2319
|
-
"default": "''",
|
|
2320
|
-
"fieldName": "title"
|
|
2321
|
-
},
|
|
2322
|
-
{
|
|
2323
|
-
"name": "subtitle",
|
|
2324
|
-
"type": {
|
|
2325
|
-
"text": "string"
|
|
2326
|
-
},
|
|
2327
|
-
"default": "''",
|
|
2328
|
-
"description": "Markdown.",
|
|
2329
|
-
"fieldName": "subtitle"
|
|
2330
|
-
},
|
|
2331
|
-
{
|
|
2332
|
-
"name": "image-src",
|
|
2765
|
+
"name": "powered-by",
|
|
2333
2766
|
"type": {
|
|
2334
2767
|
"text": "string"
|
|
2335
2768
|
},
|
|
2336
2769
|
"default": "''",
|
|
2337
|
-
"fieldName": "
|
|
2770
|
+
"fieldName": "poweredBy"
|
|
2338
2771
|
},
|
|
2339
2772
|
{
|
|
2340
|
-
"name": "
|
|
2773
|
+
"name": "powered-by-link",
|
|
2341
2774
|
"type": {
|
|
2342
2775
|
"text": "string"
|
|
2343
2776
|
},
|
|
2344
2777
|
"default": "''",
|
|
2345
|
-
"fieldName": "
|
|
2778
|
+
"fieldName": "poweredByLink"
|
|
2346
2779
|
},
|
|
2347
2780
|
{
|
|
2348
|
-
"name": "
|
|
2781
|
+
"name": "version",
|
|
2349
2782
|
"type": {
|
|
2350
|
-
"text": "
|
|
2783
|
+
"text": "string"
|
|
2351
2784
|
},
|
|
2352
|
-
"default": "'
|
|
2353
|
-
"
|
|
2785
|
+
"default": "''",
|
|
2786
|
+
"description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\nversion in the footer rather than the header title.",
|
|
2787
|
+
"fieldName": "version"
|
|
2354
2788
|
},
|
|
2355
2789
|
{
|
|
2356
|
-
"name": "
|
|
2790
|
+
"name": "image-src",
|
|
2357
2791
|
"type": {
|
|
2358
2792
|
"text": "string"
|
|
2359
2793
|
},
|
|
2360
2794
|
"default": "''",
|
|
2361
|
-
"
|
|
2795
|
+
"description": "Logo shown in the brand block (site layout).",
|
|
2796
|
+
"fieldName": "imageSrc"
|
|
2362
2797
|
},
|
|
2363
2798
|
{
|
|
2364
|
-
"name": "
|
|
2799
|
+
"name": "description",
|
|
2365
2800
|
"type": {
|
|
2366
2801
|
"text": "string"
|
|
2367
2802
|
},
|
|
2368
2803
|
"default": "''",
|
|
2369
|
-
"
|
|
2804
|
+
"description": "Short blurb under the logo (site layout).",
|
|
2805
|
+
"fieldName": "description"
|
|
2370
2806
|
}
|
|
2371
2807
|
],
|
|
2372
2808
|
"superclass": {
|
|
2373
2809
|
"name": "LitElement",
|
|
2374
2810
|
"package": "lit"
|
|
2375
2811
|
},
|
|
2376
|
-
"tagName": "st-
|
|
2812
|
+
"tagName": "st-footer",
|
|
2377
2813
|
"customElement": true
|
|
2378
2814
|
}
|
|
2379
2815
|
],
|
|
2380
2816
|
"exports": [
|
|
2381
2817
|
{
|
|
2382
2818
|
"kind": "js",
|
|
2383
|
-
"name": "
|
|
2819
|
+
"name": "Footer",
|
|
2384
2820
|
"declaration": {
|
|
2385
|
-
"name": "
|
|
2386
|
-
"module": "src/
|
|
2821
|
+
"name": "Footer",
|
|
2822
|
+
"module": "src/footer/Footer.ts"
|
|
2387
2823
|
}
|
|
2388
2824
|
},
|
|
2389
2825
|
{
|
|
2390
2826
|
"kind": "custom-element-definition",
|
|
2391
|
-
"name": "st-
|
|
2827
|
+
"name": "st-footer",
|
|
2392
2828
|
"declaration": {
|
|
2393
|
-
"name": "
|
|
2394
|
-
"module": "src/
|
|
2829
|
+
"name": "Footer",
|
|
2830
|
+
"module": "src/footer/Footer.ts"
|
|
2395
2831
|
}
|
|
2396
2832
|
}
|
|
2397
2833
|
]
|
|
@@ -3566,6 +4002,161 @@
|
|
|
3566
4002
|
}
|
|
3567
4003
|
]
|
|
3568
4004
|
},
|
|
4005
|
+
{
|
|
4006
|
+
"kind": "javascript-module",
|
|
4007
|
+
"path": "src/kpi-card/KpiCard.ts",
|
|
4008
|
+
"declarations": [
|
|
4009
|
+
{
|
|
4010
|
+
"kind": "class",
|
|
4011
|
+
"description": "A key-figure card for dashboards: a label, one large value with an optional unit (for example\n\"lakh\" or \"crore\"), a secondary line, and a row of chips. The `icon` slot sits beside the label.\n`hero` gives the blue gradient card used for the headline figure. The value is shown exactly as\npassed in: format numbers (Indian grouping, currency symbols) before setting it.\n\nSlots: `icon` (optional glyph), `chips` (a row of `st-chip`), `footer` (anything below the chips).",
|
|
4012
|
+
"name": "KpiCard",
|
|
4013
|
+
"members": [
|
|
4014
|
+
{
|
|
4015
|
+
"kind": "field",
|
|
4016
|
+
"name": "label",
|
|
4017
|
+
"type": {
|
|
4018
|
+
"text": "string"
|
|
4019
|
+
},
|
|
4020
|
+
"default": "''",
|
|
4021
|
+
"description": "Label above the figure.",
|
|
4022
|
+
"attribute": "label"
|
|
4023
|
+
},
|
|
4024
|
+
{
|
|
4025
|
+
"kind": "field",
|
|
4026
|
+
"name": "value",
|
|
4027
|
+
"type": {
|
|
4028
|
+
"text": "string"
|
|
4029
|
+
},
|
|
4030
|
+
"default": "''",
|
|
4031
|
+
"description": "The figure, already formatted (for example \"25.88\").",
|
|
4032
|
+
"attribute": "value"
|
|
4033
|
+
},
|
|
4034
|
+
{
|
|
4035
|
+
"kind": "field",
|
|
4036
|
+
"name": "unit",
|
|
4037
|
+
"type": {
|
|
4038
|
+
"text": "string"
|
|
4039
|
+
},
|
|
4040
|
+
"default": "''",
|
|
4041
|
+
"description": "Unit shown beside the figure (for example \"lakh\").",
|
|
4042
|
+
"attribute": "unit"
|
|
4043
|
+
},
|
|
4044
|
+
{
|
|
4045
|
+
"kind": "field",
|
|
4046
|
+
"name": "sub",
|
|
4047
|
+
"type": {
|
|
4048
|
+
"text": "string"
|
|
4049
|
+
},
|
|
4050
|
+
"default": "''",
|
|
4051
|
+
"description": "Secondary line below the figure (for example the exact amount and the period).",
|
|
4052
|
+
"attribute": "sub"
|
|
4053
|
+
},
|
|
4054
|
+
{
|
|
4055
|
+
"kind": "field",
|
|
4056
|
+
"name": "hero",
|
|
4057
|
+
"type": {
|
|
4058
|
+
"text": "boolean"
|
|
4059
|
+
},
|
|
4060
|
+
"default": "false",
|
|
4061
|
+
"description": "The blue gradient headline card.",
|
|
4062
|
+
"attribute": "hero",
|
|
4063
|
+
"reflects": true
|
|
4064
|
+
},
|
|
4065
|
+
{
|
|
4066
|
+
"kind": "field",
|
|
4067
|
+
"name": "hasIcon",
|
|
4068
|
+
"type": {
|
|
4069
|
+
"text": "boolean"
|
|
4070
|
+
},
|
|
4071
|
+
"default": "false",
|
|
4072
|
+
"description": "Set when an element is slotted into `icon`, so the icon tile only shows when there is an icon.",
|
|
4073
|
+
"attribute": "has-icon",
|
|
4074
|
+
"reflects": true
|
|
4075
|
+
}
|
|
4076
|
+
],
|
|
4077
|
+
"attributes": [
|
|
4078
|
+
{
|
|
4079
|
+
"name": "label",
|
|
4080
|
+
"type": {
|
|
4081
|
+
"text": "string"
|
|
4082
|
+
},
|
|
4083
|
+
"default": "''",
|
|
4084
|
+
"description": "Label above the figure.",
|
|
4085
|
+
"fieldName": "label"
|
|
4086
|
+
},
|
|
4087
|
+
{
|
|
4088
|
+
"name": "value",
|
|
4089
|
+
"type": {
|
|
4090
|
+
"text": "string"
|
|
4091
|
+
},
|
|
4092
|
+
"default": "''",
|
|
4093
|
+
"description": "The figure, already formatted (for example \"25.88\").",
|
|
4094
|
+
"fieldName": "value"
|
|
4095
|
+
},
|
|
4096
|
+
{
|
|
4097
|
+
"name": "unit",
|
|
4098
|
+
"type": {
|
|
4099
|
+
"text": "string"
|
|
4100
|
+
},
|
|
4101
|
+
"default": "''",
|
|
4102
|
+
"description": "Unit shown beside the figure (for example \"lakh\").",
|
|
4103
|
+
"fieldName": "unit"
|
|
4104
|
+
},
|
|
4105
|
+
{
|
|
4106
|
+
"name": "sub",
|
|
4107
|
+
"type": {
|
|
4108
|
+
"text": "string"
|
|
4109
|
+
},
|
|
4110
|
+
"default": "''",
|
|
4111
|
+
"description": "Secondary line below the figure (for example the exact amount and the period).",
|
|
4112
|
+
"fieldName": "sub"
|
|
4113
|
+
},
|
|
4114
|
+
{
|
|
4115
|
+
"name": "hero",
|
|
4116
|
+
"type": {
|
|
4117
|
+
"text": "boolean"
|
|
4118
|
+
},
|
|
4119
|
+
"default": "false",
|
|
4120
|
+
"description": "The blue gradient headline card.",
|
|
4121
|
+
"fieldName": "hero"
|
|
4122
|
+
},
|
|
4123
|
+
{
|
|
4124
|
+
"name": "has-icon",
|
|
4125
|
+
"type": {
|
|
4126
|
+
"text": "boolean"
|
|
4127
|
+
},
|
|
4128
|
+
"default": "false",
|
|
4129
|
+
"description": "Set when an element is slotted into `icon`, so the icon tile only shows when there is an icon.",
|
|
4130
|
+
"fieldName": "hasIcon"
|
|
4131
|
+
}
|
|
4132
|
+
],
|
|
4133
|
+
"superclass": {
|
|
4134
|
+
"name": "LitElement",
|
|
4135
|
+
"package": "lit"
|
|
4136
|
+
},
|
|
4137
|
+
"tagName": "st-kpi-card",
|
|
4138
|
+
"customElement": true
|
|
4139
|
+
}
|
|
4140
|
+
],
|
|
4141
|
+
"exports": [
|
|
4142
|
+
{
|
|
4143
|
+
"kind": "js",
|
|
4144
|
+
"name": "KpiCard",
|
|
4145
|
+
"declaration": {
|
|
4146
|
+
"name": "KpiCard",
|
|
4147
|
+
"module": "src/kpi-card/KpiCard.ts"
|
|
4148
|
+
}
|
|
4149
|
+
},
|
|
4150
|
+
{
|
|
4151
|
+
"kind": "custom-element-definition",
|
|
4152
|
+
"name": "st-kpi-card",
|
|
4153
|
+
"declaration": {
|
|
4154
|
+
"name": "KpiCard",
|
|
4155
|
+
"module": "src/kpi-card/KpiCard.ts"
|
|
4156
|
+
}
|
|
4157
|
+
}
|
|
4158
|
+
]
|
|
4159
|
+
},
|
|
3569
4160
|
{
|
|
3570
4161
|
"kind": "javascript-module",
|
|
3571
4162
|
"path": "src/markdown/Markdown.ts",
|
|
@@ -5331,6 +5922,127 @@
|
|
|
5331
5922
|
}
|
|
5332
5923
|
]
|
|
5333
5924
|
},
|
|
5925
|
+
{
|
|
5926
|
+
"kind": "javascript-module",
|
|
5927
|
+
"path": "src/segmented-control/SegmentedControl.ts",
|
|
5928
|
+
"declarations": [
|
|
5929
|
+
{
|
|
5930
|
+
"kind": "class",
|
|
5931
|
+
"description": "A row of mutually exclusive segments in a grey track, one of them lifted as white. Pass the\nsegments as `options` and the chosen one as `value`; a `segment-change` event fires on choice.\nKeyboard: arrows move between segments, Home and End jump to the ends.",
|
|
5932
|
+
"name": "SegmentedControl",
|
|
5933
|
+
"members": [
|
|
5934
|
+
{
|
|
5935
|
+
"kind": "field",
|
|
5936
|
+
"name": "options",
|
|
5937
|
+
"type": {
|
|
5938
|
+
"text": "SegmentedOption[]"
|
|
5939
|
+
},
|
|
5940
|
+
"default": "[]",
|
|
5941
|
+
"description": "The segments, in order."
|
|
5942
|
+
},
|
|
5943
|
+
{
|
|
5944
|
+
"kind": "field",
|
|
5945
|
+
"name": "value",
|
|
5946
|
+
"type": {
|
|
5947
|
+
"text": "string"
|
|
5948
|
+
},
|
|
5949
|
+
"default": "''",
|
|
5950
|
+
"description": "The chosen segment's `value`.",
|
|
5951
|
+
"attribute": "value",
|
|
5952
|
+
"reflects": true
|
|
5953
|
+
},
|
|
5954
|
+
{
|
|
5955
|
+
"kind": "field",
|
|
5956
|
+
"name": "groupLabel",
|
|
5957
|
+
"type": {
|
|
5958
|
+
"text": "string"
|
|
5959
|
+
},
|
|
5960
|
+
"default": "''",
|
|
5961
|
+
"description": "Names the group for assistive technology.",
|
|
5962
|
+
"attribute": "group-label"
|
|
5963
|
+
},
|
|
5964
|
+
{
|
|
5965
|
+
"kind": "method",
|
|
5966
|
+
"name": "select",
|
|
5967
|
+
"privacy": "private",
|
|
5968
|
+
"parameters": [
|
|
5969
|
+
{
|
|
5970
|
+
"name": "next",
|
|
5971
|
+
"type": {
|
|
5972
|
+
"text": "string"
|
|
5973
|
+
}
|
|
5974
|
+
}
|
|
5975
|
+
]
|
|
5976
|
+
},
|
|
5977
|
+
{
|
|
5978
|
+
"kind": "method",
|
|
5979
|
+
"name": "onKeydown",
|
|
5980
|
+
"privacy": "private",
|
|
5981
|
+
"parameters": [
|
|
5982
|
+
{
|
|
5983
|
+
"name": "event",
|
|
5984
|
+
"type": {
|
|
5985
|
+
"text": "KeyboardEvent"
|
|
5986
|
+
}
|
|
5987
|
+
}
|
|
5988
|
+
]
|
|
5989
|
+
}
|
|
5990
|
+
],
|
|
5991
|
+
"events": [
|
|
5992
|
+
{
|
|
5993
|
+
"name": "segment-change",
|
|
5994
|
+
"type": {
|
|
5995
|
+
"text": "CustomEvent"
|
|
5996
|
+
}
|
|
5997
|
+
}
|
|
5998
|
+
],
|
|
5999
|
+
"attributes": [
|
|
6000
|
+
{
|
|
6001
|
+
"name": "value",
|
|
6002
|
+
"type": {
|
|
6003
|
+
"text": "string"
|
|
6004
|
+
},
|
|
6005
|
+
"default": "''",
|
|
6006
|
+
"description": "The chosen segment's `value`.",
|
|
6007
|
+
"fieldName": "value"
|
|
6008
|
+
},
|
|
6009
|
+
{
|
|
6010
|
+
"name": "group-label",
|
|
6011
|
+
"type": {
|
|
6012
|
+
"text": "string"
|
|
6013
|
+
},
|
|
6014
|
+
"default": "''",
|
|
6015
|
+
"description": "Names the group for assistive technology.",
|
|
6016
|
+
"fieldName": "groupLabel"
|
|
6017
|
+
}
|
|
6018
|
+
],
|
|
6019
|
+
"superclass": {
|
|
6020
|
+
"name": "LitElement",
|
|
6021
|
+
"package": "lit"
|
|
6022
|
+
},
|
|
6023
|
+
"tagName": "st-segmented-control",
|
|
6024
|
+
"customElement": true
|
|
6025
|
+
}
|
|
6026
|
+
],
|
|
6027
|
+
"exports": [
|
|
6028
|
+
{
|
|
6029
|
+
"kind": "js",
|
|
6030
|
+
"name": "SegmentedControl",
|
|
6031
|
+
"declaration": {
|
|
6032
|
+
"name": "SegmentedControl",
|
|
6033
|
+
"module": "src/segmented-control/SegmentedControl.ts"
|
|
6034
|
+
}
|
|
6035
|
+
},
|
|
6036
|
+
{
|
|
6037
|
+
"kind": "custom-element-definition",
|
|
6038
|
+
"name": "st-segmented-control",
|
|
6039
|
+
"declaration": {
|
|
6040
|
+
"name": "SegmentedControl",
|
|
6041
|
+
"module": "src/segmented-control/SegmentedControl.ts"
|
|
6042
|
+
}
|
|
6043
|
+
}
|
|
6044
|
+
]
|
|
6045
|
+
},
|
|
5334
6046
|
{
|
|
5335
6047
|
"kind": "javascript-module",
|
|
5336
6048
|
"path": "src/select/Select.ts",
|