le-kit 0.1.9 → 0.1.10
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 +959 -959
- package/dist/core/cjs/le-button.cjs.entry.js +1 -1
- package/dist/core/cjs/le-button.entry.cjs.js.map +1 -1
- package/dist/core/cjs/le-card.cjs.entry.js +1 -1
- package/dist/core/cjs/le-card.entry.cjs.js.map +1 -1
- package/dist/core/cjs/le-string-input.cjs.entry.js +1 -1
- package/dist/core/cjs/le-string-input.entry.cjs.js.map +1 -1
- package/dist/core/collection/components/le-button/le-button.default.css +23 -23
- package/dist/core/collection/components/le-card/le-card.default.css +6 -6
- package/dist/core/collection/components/le-string-input/le-string-input.css +1 -1
- package/dist/core/esm/le-button.entry.js +1 -1
- package/dist/core/esm/le-button.entry.js.map +1 -1
- package/dist/core/esm/le-card.entry.js +1 -1
- package/dist/core/esm/le-card.entry.js.map +1 -1
- package/dist/core/esm/le-string-input.entry.js +1 -1
- package/dist/core/esm/le-string-input.entry.js.map +1 -1
- package/dist/core/le-kit/le-button.entry.esm.js.map +1 -1
- package/dist/core/le-kit/le-card.entry.esm.js.map +1 -1
- package/dist/core/le-kit/le-kit.esm.js +1 -1
- package/dist/core/le-kit/le-string-input.entry.esm.js.map +1 -1
- package/dist/core/le-kit/p-4a9a9805.entry.js +2 -0
- package/dist/core/le-kit/{p-fb4e68e0.entry.js.map → p-4a9a9805.entry.js.map} +1 -1
- package/dist/core/le-kit/p-a5f1e539.entry.js +2 -0
- package/dist/core/le-kit/{p-86961f34.entry.js.map → p-a5f1e539.entry.js.map} +1 -1
- package/dist/core/le-kit/p-fd665f35.entry.js +2 -0
- package/dist/core/le-kit/{p-a07048f8.entry.js.map → p-fd665f35.entry.js.map} +1 -1
- package/dist/docs.json +1 -1
- package/package.json +2 -1
- package/dist/core/le-kit/p-86961f34.entry.js +0 -2
- package/dist/core/le-kit/p-a07048f8.entry.js +0 -2
- package/dist/core/le-kit/p-fb4e68e0.entry.js +0 -2
package/custom-elements.json
CHANGED
|
@@ -876,178 +876,6 @@
|
|
|
876
876
|
}
|
|
877
877
|
]
|
|
878
878
|
},
|
|
879
|
-
{
|
|
880
|
-
"kind": "javascript-module",
|
|
881
|
-
"path": "src/components/le-checkbox/le-checkbox.tsx",
|
|
882
|
-
"declarations": [
|
|
883
|
-
{
|
|
884
|
-
"kind": "class",
|
|
885
|
-
"description": "A checkbox component with support for labels, descriptions, and external IDs.",
|
|
886
|
-
"name": "LeCheckbox",
|
|
887
|
-
"cssProperties": [
|
|
888
|
-
{
|
|
889
|
-
"description": "Size of the checkbox input",
|
|
890
|
-
"name": "--le-checkbox-size"
|
|
891
|
-
},
|
|
892
|
-
{
|
|
893
|
-
"description": "Color of the checkbox when checked",
|
|
894
|
-
"name": "--le-checkbox-color"
|
|
895
|
-
},
|
|
896
|
-
{
|
|
897
|
-
"description": "Color of the label text",
|
|
898
|
-
"name": "--le-checkbox-label-color"
|
|
899
|
-
},
|
|
900
|
-
{
|
|
901
|
-
"description": "Color of the description text",
|
|
902
|
-
"name": "--le-checkbox-desc-color"
|
|
903
|
-
}
|
|
904
|
-
],
|
|
905
|
-
"slots": [
|
|
906
|
-
{
|
|
907
|
-
"description": "The label text for the checkbox",
|
|
908
|
-
"name": ""
|
|
909
|
-
},
|
|
910
|
-
{
|
|
911
|
-
"description": "Additional description text displayed below the label",
|
|
912
|
-
"name": "description"
|
|
913
|
-
}
|
|
914
|
-
],
|
|
915
|
-
"members": [
|
|
916
|
-
{
|
|
917
|
-
"kind": "field",
|
|
918
|
-
"name": "el",
|
|
919
|
-
"type": {
|
|
920
|
-
"text": "HTMLElement"
|
|
921
|
-
}
|
|
922
|
-
},
|
|
923
|
-
{
|
|
924
|
-
"kind": "field",
|
|
925
|
-
"name": "checked",
|
|
926
|
-
"type": {
|
|
927
|
-
"text": "boolean"
|
|
928
|
-
},
|
|
929
|
-
"default": "false",
|
|
930
|
-
"description": "Whether the checkbox is checked"
|
|
931
|
-
},
|
|
932
|
-
{
|
|
933
|
-
"kind": "field",
|
|
934
|
-
"name": "disabled",
|
|
935
|
-
"type": {
|
|
936
|
-
"text": "boolean"
|
|
937
|
-
},
|
|
938
|
-
"default": "false",
|
|
939
|
-
"description": "Whether the checkbox is disabled"
|
|
940
|
-
},
|
|
941
|
-
{
|
|
942
|
-
"kind": "field",
|
|
943
|
-
"name": "name",
|
|
944
|
-
"type": {
|
|
945
|
-
"text": "string"
|
|
946
|
-
},
|
|
947
|
-
"description": "The name of the checkbox input"
|
|
948
|
-
},
|
|
949
|
-
{
|
|
950
|
-
"kind": "field",
|
|
951
|
-
"name": "value",
|
|
952
|
-
"type": {
|
|
953
|
-
"text": "string"
|
|
954
|
-
},
|
|
955
|
-
"description": "The value of the checkbox input"
|
|
956
|
-
},
|
|
957
|
-
{
|
|
958
|
-
"kind": "field",
|
|
959
|
-
"name": "externalId",
|
|
960
|
-
"type": {
|
|
961
|
-
"text": "string"
|
|
962
|
-
},
|
|
963
|
-
"description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
|
|
964
|
-
},
|
|
965
|
-
{
|
|
966
|
-
"kind": "field",
|
|
967
|
-
"name": "handleChange",
|
|
968
|
-
"privacy": "private"
|
|
969
|
-
},
|
|
970
|
-
{
|
|
971
|
-
"kind": "method",
|
|
972
|
-
"name": "render"
|
|
973
|
-
}
|
|
974
|
-
],
|
|
975
|
-
"attributes": [
|
|
976
|
-
{
|
|
977
|
-
"name": "checked",
|
|
978
|
-
"fieldName": "checked",
|
|
979
|
-
"default": "false",
|
|
980
|
-
"description": "Whether the checkbox is checked",
|
|
981
|
-
"type": {
|
|
982
|
-
"text": "boolean"
|
|
983
|
-
}
|
|
984
|
-
},
|
|
985
|
-
{
|
|
986
|
-
"name": "disabled",
|
|
987
|
-
"fieldName": "disabled",
|
|
988
|
-
"default": "false",
|
|
989
|
-
"description": "Whether the checkbox is disabled",
|
|
990
|
-
"type": {
|
|
991
|
-
"text": "boolean"
|
|
992
|
-
}
|
|
993
|
-
},
|
|
994
|
-
{
|
|
995
|
-
"name": "name",
|
|
996
|
-
"fieldName": "name",
|
|
997
|
-
"description": "The name of the checkbox input",
|
|
998
|
-
"type": {
|
|
999
|
-
"text": "string"
|
|
1000
|
-
}
|
|
1001
|
-
},
|
|
1002
|
-
{
|
|
1003
|
-
"name": "value",
|
|
1004
|
-
"fieldName": "value",
|
|
1005
|
-
"description": "The value of the checkbox input",
|
|
1006
|
-
"type": {
|
|
1007
|
-
"text": "string"
|
|
1008
|
-
}
|
|
1009
|
-
},
|
|
1010
|
-
{
|
|
1011
|
-
"name": "external-id",
|
|
1012
|
-
"fieldName": "externalId",
|
|
1013
|
-
"description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)",
|
|
1014
|
-
"type": {
|
|
1015
|
-
"text": "string"
|
|
1016
|
-
}
|
|
1017
|
-
}
|
|
1018
|
-
],
|
|
1019
|
-
"tagName": "le-checkbox",
|
|
1020
|
-
"events": [
|
|
1021
|
-
{
|
|
1022
|
-
"name": "change",
|
|
1023
|
-
"type": {
|
|
1024
|
-
"text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
|
|
1025
|
-
},
|
|
1026
|
-
"description": "Emitted when the checked state changes"
|
|
1027
|
-
}
|
|
1028
|
-
],
|
|
1029
|
-
"customElement": true
|
|
1030
|
-
}
|
|
1031
|
-
],
|
|
1032
|
-
"exports": [
|
|
1033
|
-
{
|
|
1034
|
-
"kind": "js",
|
|
1035
|
-
"name": "LeCheckbox",
|
|
1036
|
-
"declaration": {
|
|
1037
|
-
"name": "LeCheckbox",
|
|
1038
|
-
"module": "src/components/le-checkbox/le-checkbox.tsx"
|
|
1039
|
-
}
|
|
1040
|
-
},
|
|
1041
|
-
{
|
|
1042
|
-
"kind": "custom-element-definition",
|
|
1043
|
-
"name": "le-checkbox",
|
|
1044
|
-
"declaration": {
|
|
1045
|
-
"name": "LeCheckbox",
|
|
1046
|
-
"module": "src/components/le-checkbox/le-checkbox.tsx"
|
|
1047
|
-
}
|
|
1048
|
-
}
|
|
1049
|
-
]
|
|
1050
|
-
},
|
|
1051
879
|
{
|
|
1052
880
|
"kind": "javascript-module",
|
|
1053
881
|
"path": "src/components/le-component/le-component.tsx",
|
|
@@ -1349,12 +1177,40 @@
|
|
|
1349
1177
|
},
|
|
1350
1178
|
{
|
|
1351
1179
|
"kind": "javascript-module",
|
|
1352
|
-
"path": "src/components/le-
|
|
1180
|
+
"path": "src/components/le-checkbox/le-checkbox.tsx",
|
|
1353
1181
|
"declarations": [
|
|
1354
1182
|
{
|
|
1355
1183
|
"kind": "class",
|
|
1356
|
-
"description": "",
|
|
1357
|
-
"name": "
|
|
1184
|
+
"description": "A checkbox component with support for labels, descriptions, and external IDs.",
|
|
1185
|
+
"name": "LeCheckbox",
|
|
1186
|
+
"cssProperties": [
|
|
1187
|
+
{
|
|
1188
|
+
"description": "Size of the checkbox input",
|
|
1189
|
+
"name": "--le-checkbox-size"
|
|
1190
|
+
},
|
|
1191
|
+
{
|
|
1192
|
+
"description": "Color of the checkbox when checked",
|
|
1193
|
+
"name": "--le-checkbox-color"
|
|
1194
|
+
},
|
|
1195
|
+
{
|
|
1196
|
+
"description": "Color of the label text",
|
|
1197
|
+
"name": "--le-checkbox-label-color"
|
|
1198
|
+
},
|
|
1199
|
+
{
|
|
1200
|
+
"description": "Color of the description text",
|
|
1201
|
+
"name": "--le-checkbox-desc-color"
|
|
1202
|
+
}
|
|
1203
|
+
],
|
|
1204
|
+
"slots": [
|
|
1205
|
+
{
|
|
1206
|
+
"description": "The label text for the checkbox",
|
|
1207
|
+
"name": ""
|
|
1208
|
+
},
|
|
1209
|
+
{
|
|
1210
|
+
"description": "Additional description text displayed below the label",
|
|
1211
|
+
"name": "description"
|
|
1212
|
+
}
|
|
1213
|
+
],
|
|
1358
1214
|
"members": [
|
|
1359
1215
|
{
|
|
1360
1216
|
"kind": "field",
|
|
@@ -1365,173 +1221,148 @@
|
|
|
1365
1221
|
},
|
|
1366
1222
|
{
|
|
1367
1223
|
"kind": "field",
|
|
1368
|
-
"name": "
|
|
1224
|
+
"name": "checked",
|
|
1369
1225
|
"type": {
|
|
1370
|
-
"text": "
|
|
1226
|
+
"text": "boolean"
|
|
1371
1227
|
},
|
|
1372
|
-
"default": "
|
|
1373
|
-
|
|
1374
|
-
{
|
|
1375
|
-
"kind": "method",
|
|
1376
|
-
"name": "updateValue",
|
|
1377
|
-
"parameters": [
|
|
1378
|
-
{
|
|
1379
|
-
"name": "newValue",
|
|
1380
|
-
"type": {
|
|
1381
|
-
"text": "string"
|
|
1382
|
-
}
|
|
1383
|
-
}
|
|
1384
|
-
]
|
|
1228
|
+
"default": "false",
|
|
1229
|
+
"description": "Whether the checkbox is checked"
|
|
1385
1230
|
},
|
|
1386
1231
|
{
|
|
1387
1232
|
"kind": "field",
|
|
1388
|
-
"name": "
|
|
1233
|
+
"name": "disabled",
|
|
1389
1234
|
"type": {
|
|
1390
|
-
"text": "
|
|
1235
|
+
"text": "boolean"
|
|
1391
1236
|
},
|
|
1392
|
-
"default": "
|
|
1237
|
+
"default": "false",
|
|
1238
|
+
"description": "Whether the checkbox is disabled"
|
|
1393
1239
|
},
|
|
1394
1240
|
{
|
|
1395
|
-
"kind": "
|
|
1396
|
-
"name": "
|
|
1397
|
-
"
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
"text": "string"
|
|
1402
|
-
}
|
|
1403
|
-
}
|
|
1404
|
-
]
|
|
1241
|
+
"kind": "field",
|
|
1242
|
+
"name": "name",
|
|
1243
|
+
"type": {
|
|
1244
|
+
"text": "string"
|
|
1245
|
+
},
|
|
1246
|
+
"description": "The name of the checkbox input"
|
|
1405
1247
|
},
|
|
1406
1248
|
{
|
|
1407
1249
|
"kind": "field",
|
|
1408
|
-
"name": "
|
|
1250
|
+
"name": "value",
|
|
1409
1251
|
"type": {
|
|
1410
1252
|
"text": "string"
|
|
1411
|
-
}
|
|
1412
|
-
|
|
1413
|
-
{
|
|
1414
|
-
"kind": "method",
|
|
1415
|
-
"name": "updateProgressBackgrounds",
|
|
1416
|
-
"parameters": [
|
|
1417
|
-
{
|
|
1418
|
-
"name": "newValue",
|
|
1419
|
-
"type": {
|
|
1420
|
-
"text": "string"
|
|
1421
|
-
}
|
|
1422
|
-
}
|
|
1423
|
-
]
|
|
1253
|
+
},
|
|
1254
|
+
"description": "The value of the checkbox input"
|
|
1424
1255
|
},
|
|
1425
1256
|
{
|
|
1426
1257
|
"kind": "field",
|
|
1427
|
-
"name": "
|
|
1258
|
+
"name": "externalId",
|
|
1428
1259
|
"type": {
|
|
1429
|
-
"text": "
|
|
1430
|
-
}
|
|
1260
|
+
"text": "string"
|
|
1261
|
+
},
|
|
1262
|
+
"description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
|
|
1431
1263
|
},
|
|
1432
1264
|
{
|
|
1433
1265
|
"kind": "field",
|
|
1434
|
-
"name": "
|
|
1435
|
-
"
|
|
1436
|
-
"text": "{\n width: number;\n diameter: number;\n circumference: number;\n }"
|
|
1437
|
-
}
|
|
1438
|
-
},
|
|
1439
|
-
{
|
|
1440
|
-
"kind": "method",
|
|
1441
|
-
"name": "calcParams"
|
|
1266
|
+
"name": "handleChange",
|
|
1267
|
+
"privacy": "private"
|
|
1442
1268
|
},
|
|
1443
1269
|
{
|
|
1444
1270
|
"kind": "method",
|
|
1445
|
-
"name": "
|
|
1446
|
-
|
|
1447
|
-
|
|
1271
|
+
"name": "render"
|
|
1272
|
+
}
|
|
1273
|
+
],
|
|
1274
|
+
"attributes": [
|
|
1448
1275
|
{
|
|
1449
|
-
"
|
|
1450
|
-
"
|
|
1451
|
-
"
|
|
1276
|
+
"name": "checked",
|
|
1277
|
+
"fieldName": "checked",
|
|
1278
|
+
"default": "false",
|
|
1279
|
+
"description": "Whether the checkbox is checked",
|
|
1280
|
+
"type": {
|
|
1281
|
+
"text": "boolean"
|
|
1282
|
+
}
|
|
1452
1283
|
},
|
|
1453
1284
|
{
|
|
1454
|
-
"
|
|
1455
|
-
"
|
|
1285
|
+
"name": "disabled",
|
|
1286
|
+
"fieldName": "disabled",
|
|
1287
|
+
"default": "false",
|
|
1288
|
+
"description": "Whether the checkbox is disabled",
|
|
1289
|
+
"type": {
|
|
1290
|
+
"text": "boolean"
|
|
1291
|
+
}
|
|
1456
1292
|
},
|
|
1457
1293
|
{
|
|
1458
|
-
"
|
|
1459
|
-
"
|
|
1294
|
+
"name": "name",
|
|
1295
|
+
"fieldName": "name",
|
|
1296
|
+
"description": "The name of the checkbox input",
|
|
1297
|
+
"type": {
|
|
1298
|
+
"text": "string"
|
|
1299
|
+
}
|
|
1460
1300
|
},
|
|
1461
|
-
{
|
|
1462
|
-
"kind": "method",
|
|
1463
|
-
"name": "render"
|
|
1464
|
-
}
|
|
1465
|
-
],
|
|
1466
|
-
"attributes": [
|
|
1467
1301
|
{
|
|
1468
1302
|
"name": "value",
|
|
1469
1303
|
"fieldName": "value",
|
|
1470
|
-
"
|
|
1304
|
+
"description": "The value of the checkbox input",
|
|
1471
1305
|
"type": {
|
|
1472
|
-
"text": "
|
|
1306
|
+
"text": "string"
|
|
1473
1307
|
}
|
|
1474
1308
|
},
|
|
1475
1309
|
{
|
|
1476
|
-
"name": "
|
|
1477
|
-
"fieldName": "
|
|
1478
|
-
"
|
|
1310
|
+
"name": "external-id",
|
|
1311
|
+
"fieldName": "externalId",
|
|
1312
|
+
"description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)",
|
|
1479
1313
|
"type": {
|
|
1480
|
-
"text": "
|
|
1314
|
+
"text": "string"
|
|
1481
1315
|
}
|
|
1482
|
-
}
|
|
1316
|
+
}
|
|
1317
|
+
],
|
|
1318
|
+
"tagName": "le-checkbox",
|
|
1319
|
+
"events": [
|
|
1483
1320
|
{
|
|
1484
|
-
"name": "
|
|
1485
|
-
"fieldName": "paths",
|
|
1321
|
+
"name": "change",
|
|
1486
1322
|
"type": {
|
|
1487
|
-
"text": "string"
|
|
1488
|
-
}
|
|
1323
|
+
"text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
|
|
1324
|
+
},
|
|
1325
|
+
"description": "Emitted when the checked state changes"
|
|
1489
1326
|
}
|
|
1490
1327
|
],
|
|
1491
|
-
"tagName": "le-round-progress",
|
|
1492
|
-
"events": [],
|
|
1493
1328
|
"customElement": true
|
|
1494
1329
|
}
|
|
1495
1330
|
],
|
|
1496
1331
|
"exports": [
|
|
1497
1332
|
{
|
|
1498
1333
|
"kind": "js",
|
|
1499
|
-
"name": "
|
|
1334
|
+
"name": "LeCheckbox",
|
|
1500
1335
|
"declaration": {
|
|
1501
|
-
"name": "
|
|
1502
|
-
"module": "src/components/le-
|
|
1336
|
+
"name": "LeCheckbox",
|
|
1337
|
+
"module": "src/components/le-checkbox/le-checkbox.tsx"
|
|
1503
1338
|
}
|
|
1504
1339
|
},
|
|
1505
1340
|
{
|
|
1506
1341
|
"kind": "custom-element-definition",
|
|
1507
|
-
"name": "le-
|
|
1342
|
+
"name": "le-checkbox",
|
|
1508
1343
|
"declaration": {
|
|
1509
|
-
"name": "
|
|
1510
|
-
"module": "src/components/le-
|
|
1344
|
+
"name": "LeCheckbox",
|
|
1345
|
+
"module": "src/components/le-checkbox/le-checkbox.tsx"
|
|
1511
1346
|
}
|
|
1512
1347
|
}
|
|
1513
1348
|
]
|
|
1514
1349
|
},
|
|
1515
1350
|
{
|
|
1516
1351
|
"kind": "javascript-module",
|
|
1517
|
-
"path": "src/components/le-
|
|
1352
|
+
"path": "src/components/le-popover/le-popover.tsx",
|
|
1518
1353
|
"declarations": [
|
|
1519
1354
|
{
|
|
1520
1355
|
"kind": "class",
|
|
1521
|
-
"description": "A
|
|
1522
|
-
"name": "
|
|
1356
|
+
"description": "A popover component for displaying floating content.\n\nUses the native HTML Popover API for proper layering with dialogs\nand other top-layer elements. Falls back gracefully in older browsers.",
|
|
1357
|
+
"name": "LePopover",
|
|
1523
1358
|
"slots": [
|
|
1524
1359
|
{
|
|
1525
|
-
"description": "
|
|
1360
|
+
"description": "Content to display inside the popover",
|
|
1526
1361
|
"name": ""
|
|
1527
1362
|
},
|
|
1528
1363
|
{
|
|
1529
|
-
"description": "
|
|
1530
|
-
"name": "
|
|
1531
|
-
},
|
|
1532
|
-
{
|
|
1533
|
-
"description": "Custom footer content (replaces default buttons)",
|
|
1534
|
-
"name": "footer"
|
|
1364
|
+
"description": "Element that triggers the popover (optional)",
|
|
1365
|
+
"name": "trigger"
|
|
1535
1366
|
}
|
|
1536
1367
|
],
|
|
1537
1368
|
"members": [
|
|
@@ -1542,6 +1373,14 @@
|
|
|
1542
1373
|
"text": "HTMLElement"
|
|
1543
1374
|
}
|
|
1544
1375
|
},
|
|
1376
|
+
{
|
|
1377
|
+
"kind": "field",
|
|
1378
|
+
"name": "mode",
|
|
1379
|
+
"type": {
|
|
1380
|
+
"text": "'default' | 'admin'"
|
|
1381
|
+
},
|
|
1382
|
+
"description": "Mode of the popover should be 'default' for internal use"
|
|
1383
|
+
},
|
|
1545
1384
|
{
|
|
1546
1385
|
"kind": "field",
|
|
1547
1386
|
"name": "open",
|
|
@@ -1549,214 +1388,207 @@
|
|
|
1549
1388
|
"text": "boolean"
|
|
1550
1389
|
},
|
|
1551
1390
|
"default": "false",
|
|
1552
|
-
"description": "Whether the
|
|
1391
|
+
"description": "Whether the popover is currently open"
|
|
1553
1392
|
},
|
|
1554
1393
|
{
|
|
1555
1394
|
"kind": "field",
|
|
1556
|
-
"name": "
|
|
1395
|
+
"name": "position",
|
|
1557
1396
|
"type": {
|
|
1558
|
-
"text": "
|
|
1397
|
+
"text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
|
|
1559
1398
|
},
|
|
1560
|
-
"default": "'
|
|
1561
|
-
"description": "
|
|
1399
|
+
"default": "'bottom'",
|
|
1400
|
+
"description": "Position of the popover relative to its trigger"
|
|
1562
1401
|
},
|
|
1563
1402
|
{
|
|
1564
1403
|
"kind": "field",
|
|
1565
|
-
"name": "
|
|
1404
|
+
"name": "align",
|
|
1566
1405
|
"type": {
|
|
1567
|
-
"text": "
|
|
1406
|
+
"text": "'start' | 'center' | 'end'"
|
|
1568
1407
|
},
|
|
1569
|
-
"
|
|
1408
|
+
"default": "'start'",
|
|
1409
|
+
"description": "Alignment of the popover"
|
|
1570
1410
|
},
|
|
1571
1411
|
{
|
|
1572
1412
|
"kind": "field",
|
|
1573
|
-
"name": "
|
|
1413
|
+
"name": "popoverTitle",
|
|
1574
1414
|
"type": {
|
|
1575
1415
|
"text": "string | undefined"
|
|
1576
1416
|
},
|
|
1577
|
-
"description": "
|
|
1417
|
+
"description": "Optional title for the popover header"
|
|
1578
1418
|
},
|
|
1579
1419
|
{
|
|
1580
1420
|
"kind": "field",
|
|
1581
|
-
"name": "
|
|
1421
|
+
"name": "showClose",
|
|
1582
1422
|
"type": {
|
|
1583
1423
|
"text": "boolean"
|
|
1584
1424
|
},
|
|
1585
1425
|
"default": "true",
|
|
1586
|
-
"description": "Whether
|
|
1426
|
+
"description": "Whether to show a close button in the header"
|
|
1587
1427
|
},
|
|
1588
1428
|
{
|
|
1589
1429
|
"kind": "field",
|
|
1590
|
-
"name": "
|
|
1430
|
+
"name": "closeOnClickOutside",
|
|
1591
1431
|
"type": {
|
|
1592
|
-
"text": "
|
|
1432
|
+
"text": "boolean"
|
|
1593
1433
|
},
|
|
1594
|
-
"default": "
|
|
1595
|
-
"description": "
|
|
1434
|
+
"default": "true",
|
|
1435
|
+
"description": "Whether clicking outside closes the popover"
|
|
1596
1436
|
},
|
|
1597
1437
|
{
|
|
1598
1438
|
"kind": "field",
|
|
1599
|
-
"name": "
|
|
1439
|
+
"name": "closeOnEscape",
|
|
1600
1440
|
"type": {
|
|
1601
|
-
"text": "
|
|
1441
|
+
"text": "boolean"
|
|
1602
1442
|
},
|
|
1603
|
-
"default": "
|
|
1604
|
-
"description": "
|
|
1443
|
+
"default": "true",
|
|
1444
|
+
"description": "Whether pressing Escape closes the popover"
|
|
1605
1445
|
},
|
|
1606
1446
|
{
|
|
1607
1447
|
"kind": "field",
|
|
1608
|
-
"name": "
|
|
1448
|
+
"name": "offset",
|
|
1609
1449
|
"type": {
|
|
1610
|
-
"text": "
|
|
1450
|
+
"text": "number"
|
|
1611
1451
|
},
|
|
1612
|
-
"default": "
|
|
1613
|
-
"description": "
|
|
1452
|
+
"default": "8",
|
|
1453
|
+
"description": "Offset from the trigger element (in pixels)"
|
|
1614
1454
|
},
|
|
1615
1455
|
{
|
|
1616
1456
|
"kind": "field",
|
|
1617
|
-
"name": "
|
|
1457
|
+
"name": "width",
|
|
1618
1458
|
"type": {
|
|
1619
|
-
"text": "string"
|
|
1459
|
+
"text": "string | undefined"
|
|
1620
1460
|
},
|
|
1621
|
-
"
|
|
1622
|
-
"description": "Placeholder text for prompt input"
|
|
1461
|
+
"description": "Fixed width for the popover (e.g., '300px', '20rem')"
|
|
1623
1462
|
},
|
|
1624
1463
|
{
|
|
1625
1464
|
"kind": "field",
|
|
1626
|
-
"name": "
|
|
1465
|
+
"name": "minWidth",
|
|
1627
1466
|
"type": {
|
|
1628
|
-
"text": "string"
|
|
1467
|
+
"text": "string | undefined"
|
|
1629
1468
|
},
|
|
1630
|
-
"default": "''",
|
|
1631
|
-
"description": "
|
|
1469
|
+
"default": "'200px'",
|
|
1470
|
+
"description": "Minimum width for the popover (e.g., '200px', '15rem')"
|
|
1632
1471
|
},
|
|
1633
1472
|
{
|
|
1634
1473
|
"kind": "field",
|
|
1635
|
-
"name": "
|
|
1474
|
+
"name": "maxWidth",
|
|
1636
1475
|
"type": {
|
|
1637
|
-
"text": "
|
|
1476
|
+
"text": "string | undefined"
|
|
1638
1477
|
},
|
|
1639
|
-
"
|
|
1640
|
-
"description": "Whether clicking the backdrop closes the popup (modal only)"
|
|
1478
|
+
"description": "Maximum width for the popover (e.g., '400px', '25rem')"
|
|
1641
1479
|
},
|
|
1642
1480
|
{
|
|
1643
1481
|
"kind": "field",
|
|
1644
|
-
"name": "
|
|
1482
|
+
"name": "isPositioned",
|
|
1645
1483
|
"type": {
|
|
1646
|
-
"text": "
|
|
1484
|
+
"text": "boolean"
|
|
1647
1485
|
},
|
|
1648
|
-
"
|
|
1649
|
-
"
|
|
1486
|
+
"privacy": "private",
|
|
1487
|
+
"default": "false"
|
|
1650
1488
|
},
|
|
1651
1489
|
{
|
|
1652
1490
|
"kind": "field",
|
|
1653
|
-
"name": "
|
|
1491
|
+
"name": "triggerEl",
|
|
1654
1492
|
"type": {
|
|
1655
|
-
"text": "
|
|
1493
|
+
"text": "HTMLElement | undefined"
|
|
1656
1494
|
},
|
|
1657
1495
|
"privacy": "private"
|
|
1658
1496
|
},
|
|
1659
1497
|
{
|
|
1660
1498
|
"kind": "field",
|
|
1661
|
-
"name": "
|
|
1499
|
+
"name": "popoverEl",
|
|
1662
1500
|
"type": {
|
|
1663
|
-
"text": "
|
|
1501
|
+
"text": "HTMLElement | undefined"
|
|
1664
1502
|
},
|
|
1665
1503
|
"privacy": "private"
|
|
1666
1504
|
},
|
|
1667
1505
|
{
|
|
1668
1506
|
"kind": "field",
|
|
1669
|
-
"name": "
|
|
1507
|
+
"name": "uniqueId",
|
|
1670
1508
|
"type": {
|
|
1671
|
-
"text": "
|
|
1509
|
+
"text": "string"
|
|
1672
1510
|
},
|
|
1673
|
-
"privacy": "private"
|
|
1511
|
+
"privacy": "private",
|
|
1512
|
+
"default": "`le-popover-${Math.random().toString(36).substr(2, 9)}`"
|
|
1674
1513
|
},
|
|
1675
1514
|
{
|
|
1676
1515
|
"kind": "field",
|
|
1677
|
-
"name": "
|
|
1678
|
-
"
|
|
1516
|
+
"name": "scrollParents",
|
|
1517
|
+
"type": {
|
|
1518
|
+
"text": "Element[]"
|
|
1519
|
+
},
|
|
1520
|
+
"privacy": "private",
|
|
1521
|
+
"default": "[]"
|
|
1679
1522
|
},
|
|
1680
1523
|
{
|
|
1681
1524
|
"kind": "method",
|
|
1682
|
-
"name": "
|
|
1525
|
+
"name": "getScrollParents",
|
|
1526
|
+
"privacy": "private",
|
|
1683
1527
|
"return": {
|
|
1684
1528
|
"type": {
|
|
1685
|
-
"text": "
|
|
1529
|
+
"text": "Element[]"
|
|
1686
1530
|
}
|
|
1687
1531
|
},
|
|
1688
|
-
"description": "Opens the popup and returns a promise that resolves when closed"
|
|
1689
|
-
},
|
|
1690
|
-
{
|
|
1691
|
-
"kind": "method",
|
|
1692
|
-
"name": "hide",
|
|
1693
1532
|
"parameters": [
|
|
1694
1533
|
{
|
|
1695
|
-
"name": "
|
|
1696
|
-
"default": "false",
|
|
1534
|
+
"name": "element",
|
|
1697
1535
|
"type": {
|
|
1698
|
-
"text": "
|
|
1536
|
+
"text": "Element"
|
|
1699
1537
|
}
|
|
1700
1538
|
}
|
|
1701
1539
|
],
|
|
1702
|
-
"description": "
|
|
1540
|
+
"description": "Find all scrollable parent elements"
|
|
1703
1541
|
},
|
|
1704
1542
|
{
|
|
1705
|
-
"kind": "
|
|
1706
|
-
"name": "
|
|
1707
|
-
"privacy": "private"
|
|
1543
|
+
"kind": "method",
|
|
1544
|
+
"name": "addScrollListeners",
|
|
1545
|
+
"privacy": "private",
|
|
1546
|
+
"description": "Add scroll listeners to all scrollable parents"
|
|
1708
1547
|
},
|
|
1709
1548
|
{
|
|
1710
|
-
"kind": "
|
|
1711
|
-
"name": "
|
|
1712
|
-
"privacy": "private"
|
|
1549
|
+
"kind": "method",
|
|
1550
|
+
"name": "removeScrollListeners",
|
|
1551
|
+
"privacy": "private",
|
|
1552
|
+
"description": "Remove scroll listeners"
|
|
1713
1553
|
},
|
|
1714
1554
|
{
|
|
1715
1555
|
"kind": "field",
|
|
1716
|
-
"name": "
|
|
1556
|
+
"name": "handleScroll",
|
|
1717
1557
|
"privacy": "private"
|
|
1718
1558
|
},
|
|
1719
1559
|
{
|
|
1720
1560
|
"kind": "field",
|
|
1721
|
-
"name": "
|
|
1561
|
+
"name": "handlePopoverToggle",
|
|
1722
1562
|
"privacy": "private"
|
|
1723
1563
|
},
|
|
1724
1564
|
{
|
|
1725
1565
|
"kind": "field",
|
|
1726
|
-
"name": "
|
|
1566
|
+
"name": "handleOtherPopoverOpen",
|
|
1727
1567
|
"privacy": "private"
|
|
1728
1568
|
},
|
|
1729
1569
|
{
|
|
1730
1570
|
"kind": "method",
|
|
1731
|
-
"name": "
|
|
1732
|
-
"
|
|
1733
|
-
"return": {
|
|
1734
|
-
"type": {
|
|
1735
|
-
"text": "boolean"
|
|
1736
|
-
}
|
|
1737
|
-
},
|
|
1738
|
-
"parameters": [
|
|
1739
|
-
{
|
|
1740
|
-
"name": "name",
|
|
1741
|
-
"type": {
|
|
1742
|
-
"text": "string"
|
|
1743
|
-
}
|
|
1744
|
-
}
|
|
1745
|
-
]
|
|
1571
|
+
"name": "show",
|
|
1572
|
+
"description": "Opens the popover"
|
|
1746
1573
|
},
|
|
1747
1574
|
{
|
|
1748
1575
|
"kind": "method",
|
|
1749
|
-
"name": "
|
|
1750
|
-
"
|
|
1576
|
+
"name": "hide",
|
|
1577
|
+
"description": "Closes the popover"
|
|
1751
1578
|
},
|
|
1752
1579
|
{
|
|
1753
1580
|
"kind": "method",
|
|
1754
|
-
"name": "
|
|
1581
|
+
"name": "toggle",
|
|
1582
|
+
"description": "Toggles the popover"
|
|
1583
|
+
},
|
|
1584
|
+
{
|
|
1585
|
+
"kind": "field",
|
|
1586
|
+
"name": "handleTriggerClick",
|
|
1755
1587
|
"privacy": "private"
|
|
1756
1588
|
},
|
|
1757
1589
|
{
|
|
1758
1590
|
"kind": "method",
|
|
1759
|
-
"name": "
|
|
1591
|
+
"name": "updatePosition",
|
|
1760
1592
|
"privacy": "private"
|
|
1761
1593
|
},
|
|
1762
1594
|
{
|
|
@@ -1765,133 +1597,126 @@
|
|
|
1765
1597
|
}
|
|
1766
1598
|
],
|
|
1767
1599
|
"attributes": [
|
|
1600
|
+
{
|
|
1601
|
+
"name": "mode",
|
|
1602
|
+
"fieldName": "mode",
|
|
1603
|
+
"description": "Mode of the popover should be 'default' for internal use",
|
|
1604
|
+
"type": {
|
|
1605
|
+
"text": "'default' | 'admin'"
|
|
1606
|
+
}
|
|
1607
|
+
},
|
|
1768
1608
|
{
|
|
1769
1609
|
"name": "open",
|
|
1770
1610
|
"fieldName": "open",
|
|
1771
1611
|
"default": "false",
|
|
1772
|
-
"description": "Whether the
|
|
1612
|
+
"description": "Whether the popover is currently open",
|
|
1773
1613
|
"type": {
|
|
1774
1614
|
"text": "boolean"
|
|
1775
1615
|
}
|
|
1776
1616
|
},
|
|
1777
1617
|
{
|
|
1778
|
-
"name": "
|
|
1779
|
-
"fieldName": "
|
|
1780
|
-
"default": "'
|
|
1781
|
-
"description": "
|
|
1618
|
+
"name": "position",
|
|
1619
|
+
"fieldName": "position",
|
|
1620
|
+
"default": "'bottom'",
|
|
1621
|
+
"description": "Position of the popover relative to its trigger",
|
|
1782
1622
|
"type": {
|
|
1783
|
-
"text": "
|
|
1623
|
+
"text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
|
|
1784
1624
|
}
|
|
1785
1625
|
},
|
|
1786
1626
|
{
|
|
1787
|
-
"name": "
|
|
1788
|
-
"fieldName": "
|
|
1789
|
-
"
|
|
1627
|
+
"name": "align",
|
|
1628
|
+
"fieldName": "align",
|
|
1629
|
+
"default": "'start'",
|
|
1630
|
+
"description": "Alignment of the popover",
|
|
1790
1631
|
"type": {
|
|
1791
|
-
"text": "
|
|
1632
|
+
"text": "'start' | 'center' | 'end'"
|
|
1792
1633
|
}
|
|
1793
1634
|
},
|
|
1794
1635
|
{
|
|
1795
|
-
"name": "
|
|
1796
|
-
"fieldName": "
|
|
1797
|
-
"description": "
|
|
1636
|
+
"name": "popover-title",
|
|
1637
|
+
"fieldName": "popoverTitle",
|
|
1638
|
+
"description": "Optional title for the popover header",
|
|
1798
1639
|
"type": {
|
|
1799
1640
|
"text": "string"
|
|
1800
1641
|
}
|
|
1801
1642
|
},
|
|
1802
1643
|
{
|
|
1803
|
-
"name": "
|
|
1804
|
-
"fieldName": "
|
|
1644
|
+
"name": "show-close",
|
|
1645
|
+
"fieldName": "showClose",
|
|
1805
1646
|
"default": "true",
|
|
1806
|
-
"description": "Whether
|
|
1647
|
+
"description": "Whether to show a close button in the header",
|
|
1807
1648
|
"type": {
|
|
1808
1649
|
"text": "boolean"
|
|
1809
1650
|
}
|
|
1810
1651
|
},
|
|
1811
1652
|
{
|
|
1812
|
-
"name": "
|
|
1813
|
-
"fieldName": "
|
|
1814
|
-
"default": "
|
|
1815
|
-
"description": "
|
|
1653
|
+
"name": "close-on-click-outside",
|
|
1654
|
+
"fieldName": "closeOnClickOutside",
|
|
1655
|
+
"default": "true",
|
|
1656
|
+
"description": "Whether clicking outside closes the popover",
|
|
1816
1657
|
"type": {
|
|
1817
|
-
"text": "
|
|
1658
|
+
"text": "boolean"
|
|
1818
1659
|
}
|
|
1819
1660
|
},
|
|
1820
1661
|
{
|
|
1821
|
-
"name": "
|
|
1822
|
-
"fieldName": "
|
|
1823
|
-
"default": "
|
|
1824
|
-
"description": "
|
|
1662
|
+
"name": "close-on-escape",
|
|
1663
|
+
"fieldName": "closeOnEscape",
|
|
1664
|
+
"default": "true",
|
|
1665
|
+
"description": "Whether pressing Escape closes the popover",
|
|
1825
1666
|
"type": {
|
|
1826
|
-
"text": "
|
|
1667
|
+
"text": "boolean"
|
|
1827
1668
|
}
|
|
1828
1669
|
},
|
|
1829
1670
|
{
|
|
1830
|
-
"name": "
|
|
1831
|
-
"fieldName": "
|
|
1832
|
-
"default": "
|
|
1833
|
-
"description": "
|
|
1671
|
+
"name": "offset",
|
|
1672
|
+
"fieldName": "offset",
|
|
1673
|
+
"default": "8",
|
|
1674
|
+
"description": "Offset from the trigger element (in pixels)",
|
|
1834
1675
|
"type": {
|
|
1835
|
-
"text": "
|
|
1676
|
+
"text": "number"
|
|
1836
1677
|
}
|
|
1837
1678
|
},
|
|
1838
1679
|
{
|
|
1839
|
-
"name": "
|
|
1840
|
-
"fieldName": "
|
|
1841
|
-
"
|
|
1842
|
-
"description": "Placeholder text for prompt input",
|
|
1680
|
+
"name": "width",
|
|
1681
|
+
"fieldName": "width",
|
|
1682
|
+
"description": "Fixed width for the popover (e.g., '300px', '20rem')",
|
|
1843
1683
|
"type": {
|
|
1844
1684
|
"text": "string"
|
|
1845
1685
|
}
|
|
1846
1686
|
},
|
|
1847
1687
|
{
|
|
1848
|
-
"name": "
|
|
1849
|
-
"fieldName": "
|
|
1850
|
-
"default": "''",
|
|
1851
|
-
"description": "
|
|
1688
|
+
"name": "min-width",
|
|
1689
|
+
"fieldName": "minWidth",
|
|
1690
|
+
"default": "'200px'",
|
|
1691
|
+
"description": "Minimum width for the popover (e.g., '200px', '15rem')",
|
|
1852
1692
|
"type": {
|
|
1853
1693
|
"text": "string"
|
|
1854
1694
|
}
|
|
1855
1695
|
},
|
|
1856
1696
|
{
|
|
1857
|
-
"name": "
|
|
1858
|
-
"fieldName": "
|
|
1859
|
-
"
|
|
1860
|
-
"description": "Whether clicking the backdrop closes the popup (modal only)",
|
|
1697
|
+
"name": "max-width",
|
|
1698
|
+
"fieldName": "maxWidth",
|
|
1699
|
+
"description": "Maximum width for the popover (e.g., '400px', '25rem')",
|
|
1861
1700
|
"type": {
|
|
1862
|
-
"text": "
|
|
1701
|
+
"text": "string"
|
|
1863
1702
|
}
|
|
1864
1703
|
}
|
|
1865
1704
|
],
|
|
1866
|
-
"tagName": "le-
|
|
1705
|
+
"tagName": "le-popover",
|
|
1867
1706
|
"events": [
|
|
1868
1707
|
{
|
|
1869
|
-
"name": "
|
|
1870
|
-
"type": {
|
|
1871
|
-
"text": "EventEmitter<PopupResult>"
|
|
1872
|
-
},
|
|
1873
|
-
"description": "Emitted when the popup is confirmed (OK clicked)"
|
|
1874
|
-
},
|
|
1875
|
-
{
|
|
1876
|
-
"name": "leCancel",
|
|
1877
|
-
"type": {
|
|
1878
|
-
"text": "EventEmitter<PopupResult>"
|
|
1879
|
-
},
|
|
1880
|
-
"description": "Emitted when the popup is cancelled (Cancel clicked or dismissed)"
|
|
1881
|
-
},
|
|
1882
|
-
{
|
|
1883
|
-
"name": "leOpen",
|
|
1708
|
+
"name": "lePopoverOpen",
|
|
1884
1709
|
"type": {
|
|
1885
1710
|
"text": "EventEmitter<void>"
|
|
1886
1711
|
},
|
|
1887
|
-
"description": "Emitted when the
|
|
1712
|
+
"description": "Emitted when the popover opens"
|
|
1888
1713
|
},
|
|
1889
1714
|
{
|
|
1890
|
-
"name": "
|
|
1715
|
+
"name": "lePopoverClose",
|
|
1891
1716
|
"type": {
|
|
1892
|
-
"text": "EventEmitter<
|
|
1717
|
+
"text": "EventEmitter<void>"
|
|
1893
1718
|
},
|
|
1894
|
-
"description": "Emitted when the
|
|
1719
|
+
"description": "Emitted when the popover closes"
|
|
1895
1720
|
}
|
|
1896
1721
|
],
|
|
1897
1722
|
"customElement": true
|
|
@@ -1900,38 +1725,42 @@
|
|
|
1900
1725
|
"exports": [
|
|
1901
1726
|
{
|
|
1902
1727
|
"kind": "js",
|
|
1903
|
-
"name": "
|
|
1728
|
+
"name": "LePopover",
|
|
1904
1729
|
"declaration": {
|
|
1905
|
-
"name": "
|
|
1906
|
-
"module": "src/components/le-
|
|
1730
|
+
"name": "LePopover",
|
|
1731
|
+
"module": "src/components/le-popover/le-popover.tsx"
|
|
1907
1732
|
}
|
|
1908
1733
|
},
|
|
1909
1734
|
{
|
|
1910
1735
|
"kind": "custom-element-definition",
|
|
1911
|
-
"name": "le-
|
|
1736
|
+
"name": "le-popover",
|
|
1912
1737
|
"declaration": {
|
|
1913
|
-
"name": "
|
|
1914
|
-
"module": "src/components/le-
|
|
1738
|
+
"name": "LePopover",
|
|
1739
|
+
"module": "src/components/le-popover/le-popover.tsx"
|
|
1915
1740
|
}
|
|
1916
1741
|
}
|
|
1917
1742
|
]
|
|
1918
1743
|
},
|
|
1919
1744
|
{
|
|
1920
1745
|
"kind": "javascript-module",
|
|
1921
|
-
"path": "src/components/le-
|
|
1746
|
+
"path": "src/components/le-popup/le-popup.tsx",
|
|
1922
1747
|
"declarations": [
|
|
1923
1748
|
{
|
|
1924
1749
|
"kind": "class",
|
|
1925
|
-
"description": "A
|
|
1926
|
-
"name": "
|
|
1750
|
+
"description": "A flexible popup/dialog component for alerts, confirms, prompts, and custom content.\n\nUses the native HTML <dialog> element for proper modal behavior, accessibility,\nand focus management. Can be used declaratively in HTML or programmatically \nvia leAlert(), leConfirm(), lePrompt().",
|
|
1751
|
+
"name": "LePopup",
|
|
1927
1752
|
"slots": [
|
|
1928
1753
|
{
|
|
1929
|
-
"description": "
|
|
1754
|
+
"description": "Default slot for custom body content",
|
|
1930
1755
|
"name": ""
|
|
1931
1756
|
},
|
|
1932
1757
|
{
|
|
1933
|
-
"description": "
|
|
1934
|
-
"name": "
|
|
1758
|
+
"description": "Custom header content (replaces title)",
|
|
1759
|
+
"name": "header"
|
|
1760
|
+
},
|
|
1761
|
+
{
|
|
1762
|
+
"description": "Custom footer content (replaces default buttons)",
|
|
1763
|
+
"name": "footer"
|
|
1935
1764
|
}
|
|
1936
1765
|
],
|
|
1937
1766
|
"members": [
|
|
@@ -1942,14 +1771,6 @@
|
|
|
1942
1771
|
"text": "HTMLElement"
|
|
1943
1772
|
}
|
|
1944
1773
|
},
|
|
1945
|
-
{
|
|
1946
|
-
"kind": "field",
|
|
1947
|
-
"name": "mode",
|
|
1948
|
-
"type": {
|
|
1949
|
-
"text": "'default' | 'admin'"
|
|
1950
|
-
},
|
|
1951
|
-
"description": "Mode of the popover should be 'default' for internal use"
|
|
1952
|
-
},
|
|
1953
1774
|
{
|
|
1954
1775
|
"kind": "field",
|
|
1955
1776
|
"name": "open",
|
|
@@ -1957,207 +1778,214 @@
|
|
|
1957
1778
|
"text": "boolean"
|
|
1958
1779
|
},
|
|
1959
1780
|
"default": "false",
|
|
1960
|
-
"description": "Whether the
|
|
1781
|
+
"description": "Whether the popup is currently visible"
|
|
1961
1782
|
},
|
|
1962
1783
|
{
|
|
1963
1784
|
"kind": "field",
|
|
1964
|
-
"name": "
|
|
1785
|
+
"name": "type",
|
|
1965
1786
|
"type": {
|
|
1966
|
-
"text": "
|
|
1787
|
+
"text": "PopupType"
|
|
1967
1788
|
},
|
|
1968
|
-
"default": "'
|
|
1969
|
-
"description": "
|
|
1789
|
+
"default": "'alert'",
|
|
1790
|
+
"description": "Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom"
|
|
1970
1791
|
},
|
|
1971
1792
|
{
|
|
1972
1793
|
"kind": "field",
|
|
1973
|
-
"name": "
|
|
1794
|
+
"name": "popupTitle",
|
|
1974
1795
|
"type": {
|
|
1975
|
-
"text": "
|
|
1796
|
+
"text": "string | undefined"
|
|
1976
1797
|
},
|
|
1977
|
-
"
|
|
1978
|
-
"description": "Alignment of the popover"
|
|
1798
|
+
"description": "Optional title for the popup header"
|
|
1979
1799
|
},
|
|
1980
1800
|
{
|
|
1981
1801
|
"kind": "field",
|
|
1982
|
-
"name": "
|
|
1802
|
+
"name": "message",
|
|
1983
1803
|
"type": {
|
|
1984
1804
|
"text": "string | undefined"
|
|
1985
1805
|
},
|
|
1986
|
-
"description": "
|
|
1806
|
+
"description": "Message text to display (for alert/confirm/prompt types)"
|
|
1987
1807
|
},
|
|
1988
1808
|
{
|
|
1989
1809
|
"kind": "field",
|
|
1990
|
-
"name": "
|
|
1810
|
+
"name": "modal",
|
|
1991
1811
|
"type": {
|
|
1992
1812
|
"text": "boolean"
|
|
1993
1813
|
},
|
|
1994
1814
|
"default": "true",
|
|
1995
|
-
"description": "Whether
|
|
1815
|
+
"description": "Whether the popup is modal (blocks interaction with page behind)"
|
|
1996
1816
|
},
|
|
1997
1817
|
{
|
|
1998
1818
|
"kind": "field",
|
|
1999
|
-
"name": "
|
|
1819
|
+
"name": "position",
|
|
2000
1820
|
"type": {
|
|
2001
|
-
"text": "
|
|
1821
|
+
"text": "PopupPosition"
|
|
2002
1822
|
},
|
|
2003
|
-
"default": "
|
|
2004
|
-
"description": "
|
|
1823
|
+
"default": "'center'",
|
|
1824
|
+
"description": "Position of the popup on screen"
|
|
2005
1825
|
},
|
|
2006
1826
|
{
|
|
2007
1827
|
"kind": "field",
|
|
2008
|
-
"name": "
|
|
1828
|
+
"name": "confirmText",
|
|
2009
1829
|
"type": {
|
|
2010
|
-
"text": "
|
|
1830
|
+
"text": "string"
|
|
2011
1831
|
},
|
|
2012
|
-
"default": "
|
|
2013
|
-
"description": "
|
|
1832
|
+
"default": "'OK'",
|
|
1833
|
+
"description": "Text for the confirm/OK button"
|
|
2014
1834
|
},
|
|
2015
1835
|
{
|
|
2016
1836
|
"kind": "field",
|
|
2017
|
-
"name": "
|
|
1837
|
+
"name": "cancelText",
|
|
2018
1838
|
"type": {
|
|
2019
|
-
"text": "
|
|
1839
|
+
"text": "string"
|
|
2020
1840
|
},
|
|
2021
|
-
"default": "
|
|
2022
|
-
"description": "
|
|
1841
|
+
"default": "'Cancel'",
|
|
1842
|
+
"description": "Text for the cancel button"
|
|
2023
1843
|
},
|
|
2024
1844
|
{
|
|
2025
1845
|
"kind": "field",
|
|
2026
|
-
"name": "
|
|
1846
|
+
"name": "placeholder",
|
|
2027
1847
|
"type": {
|
|
2028
|
-
"text": "string
|
|
1848
|
+
"text": "string"
|
|
2029
1849
|
},
|
|
2030
|
-
"
|
|
1850
|
+
"default": "''",
|
|
1851
|
+
"description": "Placeholder text for prompt input"
|
|
2031
1852
|
},
|
|
2032
1853
|
{
|
|
2033
1854
|
"kind": "field",
|
|
2034
|
-
"name": "
|
|
1855
|
+
"name": "defaultValue",
|
|
2035
1856
|
"type": {
|
|
2036
|
-
"text": "string
|
|
1857
|
+
"text": "string"
|
|
2037
1858
|
},
|
|
2038
|
-
"default": "'
|
|
2039
|
-
"description": "
|
|
1859
|
+
"default": "''",
|
|
1860
|
+
"description": "Default value for prompt input"
|
|
2040
1861
|
},
|
|
2041
1862
|
{
|
|
2042
1863
|
"kind": "field",
|
|
2043
|
-
"name": "
|
|
1864
|
+
"name": "closeOnBackdrop",
|
|
2044
1865
|
"type": {
|
|
2045
|
-
"text": "
|
|
1866
|
+
"text": "boolean"
|
|
2046
1867
|
},
|
|
2047
|
-
"
|
|
1868
|
+
"default": "true",
|
|
1869
|
+
"description": "Whether clicking the backdrop closes the popup (modal only)"
|
|
2048
1870
|
},
|
|
2049
1871
|
{
|
|
2050
1872
|
"kind": "field",
|
|
2051
|
-
"name": "
|
|
1873
|
+
"name": "inputValue",
|
|
2052
1874
|
"type": {
|
|
2053
|
-
"text": "
|
|
1875
|
+
"text": "string"
|
|
2054
1876
|
},
|
|
2055
|
-
"
|
|
2056
|
-
"
|
|
1877
|
+
"default": "''",
|
|
1878
|
+
"description": "Internal state for prompt input value"
|
|
2057
1879
|
},
|
|
2058
1880
|
{
|
|
2059
1881
|
"kind": "field",
|
|
2060
|
-
"name": "
|
|
1882
|
+
"name": "dialogEl",
|
|
2061
1883
|
"type": {
|
|
2062
|
-
"text": "
|
|
1884
|
+
"text": "HTMLDialogElement | undefined"
|
|
2063
1885
|
},
|
|
2064
1886
|
"privacy": "private"
|
|
2065
1887
|
},
|
|
2066
1888
|
{
|
|
2067
1889
|
"kind": "field",
|
|
2068
|
-
"name": "
|
|
1890
|
+
"name": "inputEl",
|
|
2069
1891
|
"type": {
|
|
2070
|
-
"text": "
|
|
1892
|
+
"text": "HTMLInputElement | undefined"
|
|
2071
1893
|
},
|
|
2072
1894
|
"privacy": "private"
|
|
2073
1895
|
},
|
|
2074
1896
|
{
|
|
2075
1897
|
"kind": "field",
|
|
2076
|
-
"name": "
|
|
1898
|
+
"name": "resolvePromise",
|
|
2077
1899
|
"type": {
|
|
2078
|
-
"text": "
|
|
1900
|
+
"text": "(result: PopupResult) => void | undefined"
|
|
2079
1901
|
},
|
|
2080
|
-
"privacy": "private"
|
|
2081
|
-
"default": "`le-popover-${Math.random().toString(36).substr(2, 9)}`"
|
|
1902
|
+
"privacy": "private"
|
|
2082
1903
|
},
|
|
2083
1904
|
{
|
|
2084
1905
|
"kind": "field",
|
|
2085
|
-
"name": "
|
|
2086
|
-
"
|
|
2087
|
-
"text": "Element[]"
|
|
2088
|
-
},
|
|
2089
|
-
"privacy": "private",
|
|
2090
|
-
"default": "[]"
|
|
1906
|
+
"name": "handleDialogCancel",
|
|
1907
|
+
"privacy": "private"
|
|
2091
1908
|
},
|
|
2092
1909
|
{
|
|
2093
1910
|
"kind": "method",
|
|
2094
|
-
"name": "
|
|
2095
|
-
"privacy": "private",
|
|
1911
|
+
"name": "show",
|
|
2096
1912
|
"return": {
|
|
2097
1913
|
"type": {
|
|
2098
|
-
"text": "
|
|
1914
|
+
"text": "Promise<PopupResult>"
|
|
2099
1915
|
}
|
|
2100
1916
|
},
|
|
1917
|
+
"description": "Opens the popup and returns a promise that resolves when closed"
|
|
1918
|
+
},
|
|
1919
|
+
{
|
|
1920
|
+
"kind": "method",
|
|
1921
|
+
"name": "hide",
|
|
2101
1922
|
"parameters": [
|
|
2102
1923
|
{
|
|
2103
|
-
"name": "
|
|
1924
|
+
"name": "confirmed",
|
|
1925
|
+
"default": "false",
|
|
2104
1926
|
"type": {
|
|
2105
|
-
"text": "
|
|
1927
|
+
"text": "boolean"
|
|
2106
1928
|
}
|
|
2107
1929
|
}
|
|
2108
1930
|
],
|
|
2109
|
-
"description": "
|
|
1931
|
+
"description": "Closes the popup with a result"
|
|
2110
1932
|
},
|
|
2111
1933
|
{
|
|
2112
|
-
"kind": "
|
|
2113
|
-
"name": "
|
|
2114
|
-
"privacy": "private"
|
|
2115
|
-
"description": "Add scroll listeners to all scrollable parents"
|
|
1934
|
+
"kind": "field",
|
|
1935
|
+
"name": "handleConfirm",
|
|
1936
|
+
"privacy": "private"
|
|
2116
1937
|
},
|
|
2117
1938
|
{
|
|
2118
|
-
"kind": "
|
|
2119
|
-
"name": "
|
|
2120
|
-
"privacy": "private"
|
|
2121
|
-
"description": "Remove scroll listeners"
|
|
1939
|
+
"kind": "field",
|
|
1940
|
+
"name": "handleCancel",
|
|
1941
|
+
"privacy": "private"
|
|
2122
1942
|
},
|
|
2123
1943
|
{
|
|
2124
1944
|
"kind": "field",
|
|
2125
|
-
"name": "
|
|
1945
|
+
"name": "handleBackdropClick",
|
|
2126
1946
|
"privacy": "private"
|
|
2127
1947
|
},
|
|
2128
1948
|
{
|
|
2129
1949
|
"kind": "field",
|
|
2130
|
-
"name": "
|
|
1950
|
+
"name": "handleInputChange",
|
|
2131
1951
|
"privacy": "private"
|
|
2132
1952
|
},
|
|
2133
1953
|
{
|
|
2134
1954
|
"kind": "field",
|
|
2135
|
-
"name": "
|
|
1955
|
+
"name": "handleKeyDown",
|
|
2136
1956
|
"privacy": "private"
|
|
2137
1957
|
},
|
|
2138
1958
|
{
|
|
2139
1959
|
"kind": "method",
|
|
2140
|
-
"name": "
|
|
2141
|
-
"
|
|
1960
|
+
"name": "hasSlot",
|
|
1961
|
+
"privacy": "private",
|
|
1962
|
+
"return": {
|
|
1963
|
+
"type": {
|
|
1964
|
+
"text": "boolean"
|
|
1965
|
+
}
|
|
1966
|
+
},
|
|
1967
|
+
"parameters": [
|
|
1968
|
+
{
|
|
1969
|
+
"name": "name",
|
|
1970
|
+
"type": {
|
|
1971
|
+
"text": "string"
|
|
1972
|
+
}
|
|
1973
|
+
}
|
|
1974
|
+
]
|
|
2142
1975
|
},
|
|
2143
1976
|
{
|
|
2144
1977
|
"kind": "method",
|
|
2145
|
-
"name": "
|
|
2146
|
-
"
|
|
1978
|
+
"name": "renderHeader",
|
|
1979
|
+
"privacy": "private"
|
|
2147
1980
|
},
|
|
2148
1981
|
{
|
|
2149
1982
|
"kind": "method",
|
|
2150
|
-
"name": "
|
|
2151
|
-
"description": "Toggles the popover"
|
|
2152
|
-
},
|
|
2153
|
-
{
|
|
2154
|
-
"kind": "field",
|
|
2155
|
-
"name": "handleTriggerClick",
|
|
1983
|
+
"name": "renderBody",
|
|
2156
1984
|
"privacy": "private"
|
|
2157
1985
|
},
|
|
2158
1986
|
{
|
|
2159
1987
|
"kind": "method",
|
|
2160
|
-
"name": "
|
|
1988
|
+
"name": "renderFooter",
|
|
2161
1989
|
"privacy": "private"
|
|
2162
1990
|
},
|
|
2163
1991
|
{
|
|
@@ -2166,126 +1994,133 @@
|
|
|
2166
1994
|
}
|
|
2167
1995
|
],
|
|
2168
1996
|
"attributes": [
|
|
2169
|
-
{
|
|
2170
|
-
"name": "mode",
|
|
2171
|
-
"fieldName": "mode",
|
|
2172
|
-
"description": "Mode of the popover should be 'default' for internal use",
|
|
2173
|
-
"type": {
|
|
2174
|
-
"text": "'default' | 'admin'"
|
|
2175
|
-
}
|
|
2176
|
-
},
|
|
2177
1997
|
{
|
|
2178
1998
|
"name": "open",
|
|
2179
1999
|
"fieldName": "open",
|
|
2180
2000
|
"default": "false",
|
|
2181
|
-
"description": "Whether the
|
|
2001
|
+
"description": "Whether the popup is currently visible",
|
|
2182
2002
|
"type": {
|
|
2183
2003
|
"text": "boolean"
|
|
2184
2004
|
}
|
|
2185
2005
|
},
|
|
2186
2006
|
{
|
|
2187
|
-
"name": "
|
|
2188
|
-
"fieldName": "
|
|
2189
|
-
"default": "'
|
|
2190
|
-
"description": "
|
|
2007
|
+
"name": "type",
|
|
2008
|
+
"fieldName": "type",
|
|
2009
|
+
"default": "'alert'",
|
|
2010
|
+
"description": "Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom",
|
|
2191
2011
|
"type": {
|
|
2192
|
-
"text": "
|
|
2012
|
+
"text": "PopupType"
|
|
2193
2013
|
}
|
|
2194
2014
|
},
|
|
2195
2015
|
{
|
|
2196
|
-
"name": "
|
|
2197
|
-
"fieldName": "
|
|
2198
|
-
"
|
|
2199
|
-
"description": "Alignment of the popover",
|
|
2016
|
+
"name": "popup-title",
|
|
2017
|
+
"fieldName": "popupTitle",
|
|
2018
|
+
"description": "Optional title for the popup header",
|
|
2200
2019
|
"type": {
|
|
2201
|
-
"text": "
|
|
2020
|
+
"text": "string"
|
|
2202
2021
|
}
|
|
2203
2022
|
},
|
|
2204
2023
|
{
|
|
2205
|
-
"name": "
|
|
2206
|
-
"fieldName": "
|
|
2207
|
-
"description": "
|
|
2024
|
+
"name": "message",
|
|
2025
|
+
"fieldName": "message",
|
|
2026
|
+
"description": "Message text to display (for alert/confirm/prompt types)",
|
|
2208
2027
|
"type": {
|
|
2209
2028
|
"text": "string"
|
|
2210
2029
|
}
|
|
2211
2030
|
},
|
|
2212
2031
|
{
|
|
2213
|
-
"name": "
|
|
2214
|
-
"fieldName": "
|
|
2032
|
+
"name": "modal",
|
|
2033
|
+
"fieldName": "modal",
|
|
2215
2034
|
"default": "true",
|
|
2216
|
-
"description": "Whether
|
|
2035
|
+
"description": "Whether the popup is modal (blocks interaction with page behind)",
|
|
2217
2036
|
"type": {
|
|
2218
2037
|
"text": "boolean"
|
|
2219
2038
|
}
|
|
2220
2039
|
},
|
|
2221
2040
|
{
|
|
2222
|
-
"name": "
|
|
2223
|
-
"fieldName": "
|
|
2224
|
-
"default": "
|
|
2225
|
-
"description": "
|
|
2041
|
+
"name": "position",
|
|
2042
|
+
"fieldName": "position",
|
|
2043
|
+
"default": "'center'",
|
|
2044
|
+
"description": "Position of the popup on screen",
|
|
2226
2045
|
"type": {
|
|
2227
|
-
"text": "
|
|
2046
|
+
"text": "PopupPosition"
|
|
2228
2047
|
}
|
|
2229
2048
|
},
|
|
2230
2049
|
{
|
|
2231
|
-
"name": "
|
|
2232
|
-
"fieldName": "
|
|
2233
|
-
"default": "
|
|
2234
|
-
"description": "
|
|
2050
|
+
"name": "confirm-text",
|
|
2051
|
+
"fieldName": "confirmText",
|
|
2052
|
+
"default": "'OK'",
|
|
2053
|
+
"description": "Text for the confirm/OK button",
|
|
2235
2054
|
"type": {
|
|
2236
|
-
"text": "
|
|
2055
|
+
"text": "string"
|
|
2237
2056
|
}
|
|
2238
2057
|
},
|
|
2239
2058
|
{
|
|
2240
|
-
"name": "
|
|
2241
|
-
"fieldName": "
|
|
2242
|
-
"default": "
|
|
2243
|
-
"description": "
|
|
2059
|
+
"name": "cancel-text",
|
|
2060
|
+
"fieldName": "cancelText",
|
|
2061
|
+
"default": "'Cancel'",
|
|
2062
|
+
"description": "Text for the cancel button",
|
|
2244
2063
|
"type": {
|
|
2245
|
-
"text": "
|
|
2064
|
+
"text": "string"
|
|
2246
2065
|
}
|
|
2247
2066
|
},
|
|
2248
2067
|
{
|
|
2249
|
-
"name": "
|
|
2250
|
-
"fieldName": "
|
|
2251
|
-
"
|
|
2068
|
+
"name": "placeholder",
|
|
2069
|
+
"fieldName": "placeholder",
|
|
2070
|
+
"default": "''",
|
|
2071
|
+
"description": "Placeholder text for prompt input",
|
|
2252
2072
|
"type": {
|
|
2253
2073
|
"text": "string"
|
|
2254
2074
|
}
|
|
2255
2075
|
},
|
|
2256
2076
|
{
|
|
2257
|
-
"name": "
|
|
2258
|
-
"fieldName": "
|
|
2259
|
-
"default": "'
|
|
2260
|
-
"description": "
|
|
2077
|
+
"name": "default-value",
|
|
2078
|
+
"fieldName": "defaultValue",
|
|
2079
|
+
"default": "''",
|
|
2080
|
+
"description": "Default value for prompt input",
|
|
2261
2081
|
"type": {
|
|
2262
2082
|
"text": "string"
|
|
2263
2083
|
}
|
|
2264
2084
|
},
|
|
2265
2085
|
{
|
|
2266
|
-
"name": "
|
|
2267
|
-
"fieldName": "
|
|
2268
|
-
"
|
|
2086
|
+
"name": "close-on-backdrop",
|
|
2087
|
+
"fieldName": "closeOnBackdrop",
|
|
2088
|
+
"default": "true",
|
|
2089
|
+
"description": "Whether clicking the backdrop closes the popup (modal only)",
|
|
2269
2090
|
"type": {
|
|
2270
|
-
"text": "
|
|
2091
|
+
"text": "boolean"
|
|
2271
2092
|
}
|
|
2272
2093
|
}
|
|
2273
2094
|
],
|
|
2274
|
-
"tagName": "le-
|
|
2095
|
+
"tagName": "le-popup",
|
|
2275
2096
|
"events": [
|
|
2276
2097
|
{
|
|
2277
|
-
"name": "
|
|
2098
|
+
"name": "leConfirm",
|
|
2278
2099
|
"type": {
|
|
2279
|
-
"text": "EventEmitter<
|
|
2100
|
+
"text": "EventEmitter<PopupResult>"
|
|
2280
2101
|
},
|
|
2281
|
-
"description": "Emitted when the
|
|
2102
|
+
"description": "Emitted when the popup is confirmed (OK clicked)"
|
|
2282
2103
|
},
|
|
2283
2104
|
{
|
|
2284
|
-
"name": "
|
|
2105
|
+
"name": "leCancel",
|
|
2106
|
+
"type": {
|
|
2107
|
+
"text": "EventEmitter<PopupResult>"
|
|
2108
|
+
},
|
|
2109
|
+
"description": "Emitted when the popup is cancelled (Cancel clicked or dismissed)"
|
|
2110
|
+
},
|
|
2111
|
+
{
|
|
2112
|
+
"name": "leOpen",
|
|
2285
2113
|
"type": {
|
|
2286
2114
|
"text": "EventEmitter<void>"
|
|
2287
2115
|
},
|
|
2288
|
-
"description": "Emitted when the
|
|
2116
|
+
"description": "Emitted when the popup opens"
|
|
2117
|
+
},
|
|
2118
|
+
{
|
|
2119
|
+
"name": "leClose",
|
|
2120
|
+
"type": {
|
|
2121
|
+
"text": "EventEmitter<PopupResult>"
|
|
2122
|
+
},
|
|
2123
|
+
"description": "Emitted when the popup closes"
|
|
2289
2124
|
}
|
|
2290
2125
|
],
|
|
2291
2126
|
"customElement": true
|
|
@@ -2294,72 +2129,34 @@
|
|
|
2294
2129
|
"exports": [
|
|
2295
2130
|
{
|
|
2296
2131
|
"kind": "js",
|
|
2297
|
-
"name": "
|
|
2132
|
+
"name": "LePopup",
|
|
2298
2133
|
"declaration": {
|
|
2299
|
-
"name": "
|
|
2300
|
-
"module": "src/components/le-
|
|
2134
|
+
"name": "LePopup",
|
|
2135
|
+
"module": "src/components/le-popup/le-popup.tsx"
|
|
2301
2136
|
}
|
|
2302
2137
|
},
|
|
2303
2138
|
{
|
|
2304
2139
|
"kind": "custom-element-definition",
|
|
2305
|
-
"name": "le-
|
|
2140
|
+
"name": "le-popup",
|
|
2306
2141
|
"declaration": {
|
|
2307
|
-
"name": "
|
|
2308
|
-
"module": "src/components/le-
|
|
2142
|
+
"name": "LePopup",
|
|
2143
|
+
"module": "src/components/le-popup/le-popup.tsx"
|
|
2309
2144
|
}
|
|
2310
2145
|
}
|
|
2311
2146
|
]
|
|
2312
2147
|
},
|
|
2313
2148
|
{
|
|
2314
2149
|
"kind": "javascript-module",
|
|
2315
|
-
"path": "src/components/le-
|
|
2150
|
+
"path": "src/components/le-slot/le-slot.tsx",
|
|
2316
2151
|
"declarations": [
|
|
2317
2152
|
{
|
|
2318
2153
|
"kind": "class",
|
|
2319
|
-
"description": "
|
|
2320
|
-
"name": "
|
|
2321
|
-
"
|
|
2154
|
+
"description": "Slot placeholder component for admin/CMS mode.\n\nThis component renders a visual placeholder for slots when in admin mode,\nallowing CMS systems to show available drop zones for content or inline editing.\n\nIn non-admin mode, this component renders nothing and acts as a passthrough.",
|
|
2155
|
+
"name": "LeSlot",
|
|
2156
|
+
"slots": [
|
|
2322
2157
|
{
|
|
2323
|
-
"description": "
|
|
2324
|
-
"name": "--le-input-bg"
|
|
2325
|
-
},
|
|
2326
|
-
{
|
|
2327
|
-
"description": "Input text color",
|
|
2328
|
-
"name": "--le-input-color"
|
|
2329
|
-
},
|
|
2330
|
-
{
|
|
2331
|
-
"description": "Input border style",
|
|
2332
|
-
"name": "--le-input-border"
|
|
2333
|
-
},
|
|
2334
|
-
{
|
|
2335
|
-
"description": "Input border style when focused",
|
|
2336
|
-
"name": "--le-input-border-focus"
|
|
2337
|
-
},
|
|
2338
|
-
{
|
|
2339
|
-
"description": "Input border style when invalid",
|
|
2340
|
-
"name": "--le-input-border-error"
|
|
2341
|
-
},
|
|
2342
|
-
{
|
|
2343
|
-
"description": "Input border radius",
|
|
2344
|
-
"name": "--le-input-radius"
|
|
2345
|
-
},
|
|
2346
|
-
{
|
|
2347
|
-
"description": "Input padding",
|
|
2348
|
-
"name": "--le-input-padding"
|
|
2349
|
-
}
|
|
2350
|
-
],
|
|
2351
|
-
"slots": [
|
|
2352
|
-
{
|
|
2353
|
-
"description": "The label text for the input",
|
|
2158
|
+
"description": "Default slot for placeholder content or drop zone UI",
|
|
2354
2159
|
"name": ""
|
|
2355
|
-
},
|
|
2356
|
-
{
|
|
2357
|
-
"description": "Additional description text displayed below the input",
|
|
2358
|
-
"name": "description"
|
|
2359
|
-
},
|
|
2360
|
-
{
|
|
2361
|
-
"description": "Icon to display at the start of the input",
|
|
2362
|
-
"name": "icon-start"
|
|
2363
2160
|
}
|
|
2364
2161
|
],
|
|
2365
2162
|
"members": [
|
|
@@ -2372,11 +2169,12 @@
|
|
|
2372
2169
|
},
|
|
2373
2170
|
{
|
|
2374
2171
|
"kind": "field",
|
|
2375
|
-
"name": "
|
|
2172
|
+
"name": "type",
|
|
2376
2173
|
"type": {
|
|
2377
|
-
"text": "
|
|
2174
|
+
"text": "'slot' | 'text' | 'textarea'"
|
|
2378
2175
|
},
|
|
2379
|
-
"
|
|
2176
|
+
"default": "'slot'",
|
|
2177
|
+
"description": "The type of slot content.\n- `slot`: Default, shows a dropzone for components (default)\n- `text`: Shows a single-line text input\n- `textarea`: Shows a multi-line text area"
|
|
2380
2178
|
},
|
|
2381
2179
|
{
|
|
2382
2180
|
"kind": "field",
|
|
@@ -2384,313 +2182,346 @@
|
|
|
2384
2182
|
"type": {
|
|
2385
2183
|
"text": "string"
|
|
2386
2184
|
},
|
|
2387
|
-
"
|
|
2185
|
+
"default": "''",
|
|
2186
|
+
"description": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component."
|
|
2388
2187
|
},
|
|
2389
2188
|
{
|
|
2390
2189
|
"kind": "field",
|
|
2391
2190
|
"name": "label",
|
|
2392
2191
|
"type": {
|
|
2393
|
-
"text": "string"
|
|
2192
|
+
"text": "string | undefined"
|
|
2394
2193
|
},
|
|
2395
|
-
"description": "Label
|
|
2194
|
+
"description": "Label to display in admin mode.\nIf not provided, the slot name will be used."
|
|
2396
2195
|
},
|
|
2397
2196
|
{
|
|
2398
2197
|
"kind": "field",
|
|
2399
|
-
"name": "
|
|
2198
|
+
"name": "description",
|
|
2400
2199
|
"type": {
|
|
2401
|
-
"text": "string"
|
|
2200
|
+
"text": "string | undefined"
|
|
2402
2201
|
},
|
|
2403
|
-
"description": "
|
|
2202
|
+
"description": "Description of what content this slot accepts.\nShown in admin mode to guide content editors."
|
|
2404
2203
|
},
|
|
2405
2204
|
{
|
|
2406
2205
|
"kind": "field",
|
|
2407
|
-
"name": "
|
|
2206
|
+
"name": "allowedComponents",
|
|
2408
2207
|
"type": {
|
|
2409
|
-
"text": "
|
|
2208
|
+
"text": "string | undefined"
|
|
2410
2209
|
},
|
|
2411
|
-
"description": "
|
|
2210
|
+
"description": "Comma-separated list of allowed component tags for this slot.\nUsed by CMS to filter available components."
|
|
2412
2211
|
},
|
|
2413
2212
|
{
|
|
2414
2213
|
"kind": "field",
|
|
2415
|
-
"name": "
|
|
2214
|
+
"name": "multiple",
|
|
2416
2215
|
"type": {
|
|
2417
|
-
"text": "
|
|
2216
|
+
"text": "boolean"
|
|
2418
2217
|
},
|
|
2419
|
-
"
|
|
2218
|
+
"default": "true",
|
|
2219
|
+
"description": "Whether multiple components can be dropped in this slot."
|
|
2420
2220
|
},
|
|
2421
2221
|
{
|
|
2422
2222
|
"kind": "field",
|
|
2423
|
-
"name": "
|
|
2223
|
+
"name": "required",
|
|
2424
2224
|
"type": {
|
|
2425
|
-
"text": "
|
|
2225
|
+
"text": "boolean"
|
|
2426
2226
|
},
|
|
2427
|
-
"default": "
|
|
2428
|
-
"description": "
|
|
2227
|
+
"default": "false",
|
|
2228
|
+
"description": "Whether this slot is required to have content."
|
|
2429
2229
|
},
|
|
2430
2230
|
{
|
|
2431
2231
|
"kind": "field",
|
|
2432
|
-
"name": "
|
|
2232
|
+
"name": "placeholder",
|
|
2433
2233
|
"type": {
|
|
2434
|
-
"text": "
|
|
2234
|
+
"text": "string | undefined"
|
|
2435
2235
|
},
|
|
2436
|
-
"
|
|
2437
|
-
"description": "Whether the input is required"
|
|
2236
|
+
"description": "Placeholder text for text/textarea inputs in admin mode."
|
|
2438
2237
|
},
|
|
2439
2238
|
{
|
|
2440
2239
|
"kind": "field",
|
|
2441
|
-
"name": "
|
|
2240
|
+
"name": "tag",
|
|
2442
2241
|
"type": {
|
|
2443
|
-
"text": "
|
|
2242
|
+
"text": "string | undefined"
|
|
2444
2243
|
},
|
|
2445
|
-
"
|
|
2446
|
-
"description": "Whether the input is disabled"
|
|
2244
|
+
"description": "The HTML tag to create when there's no slotted element.\nUsed with type=\"text\" or type=\"textarea\" to auto-create elements."
|
|
2447
2245
|
},
|
|
2448
2246
|
{
|
|
2449
2247
|
"kind": "field",
|
|
2450
|
-
"name": "
|
|
2248
|
+
"name": "slotStyle",
|
|
2249
|
+
"type": {
|
|
2250
|
+
"text": "string | undefined"
|
|
2251
|
+
},
|
|
2252
|
+
"description": "CSS styles for the slot dropzone container.\nUseful for layouts - e.g., \"flex-direction: row\" for horizontal stacks.\nOnly applies in admin mode for type=\"slot\"."
|
|
2253
|
+
},
|
|
2254
|
+
{
|
|
2255
|
+
"kind": "field",
|
|
2256
|
+
"name": "adminMode",
|
|
2451
2257
|
"type": {
|
|
2452
2258
|
"text": "boolean"
|
|
2453
2259
|
},
|
|
2260
|
+
"privacy": "private",
|
|
2454
2261
|
"default": "false",
|
|
2455
|
-
"description": "
|
|
2262
|
+
"description": "Internal state to track admin mode"
|
|
2456
2263
|
},
|
|
2457
2264
|
{
|
|
2458
2265
|
"kind": "field",
|
|
2459
|
-
"name": "
|
|
2266
|
+
"name": "textValue",
|
|
2460
2267
|
"type": {
|
|
2461
|
-
"text": "string
|
|
2268
|
+
"text": "string"
|
|
2462
2269
|
},
|
|
2463
|
-
"
|
|
2270
|
+
"privacy": "private",
|
|
2271
|
+
"default": "''",
|
|
2272
|
+
"description": "Internal state for text input value (synced from slot content)"
|
|
2464
2273
|
},
|
|
2465
2274
|
{
|
|
2466
2275
|
"kind": "field",
|
|
2467
|
-
"name": "
|
|
2276
|
+
"name": "isValidHtml",
|
|
2468
2277
|
"type": {
|
|
2469
2278
|
"text": "boolean"
|
|
2470
2279
|
},
|
|
2280
|
+
"privacy": "private",
|
|
2471
2281
|
"default": "true",
|
|
2472
|
-
"description": "Whether
|
|
2282
|
+
"description": "Whether the current textValue contains valid HTML"
|
|
2473
2283
|
},
|
|
2474
2284
|
{
|
|
2475
2285
|
"kind": "field",
|
|
2476
|
-
"name": "
|
|
2286
|
+
"name": "availableComponents",
|
|
2477
2287
|
"type": {
|
|
2478
|
-
"text": "
|
|
2288
|
+
"text": "ComponentInfo[]"
|
|
2479
2289
|
},
|
|
2480
|
-
"
|
|
2290
|
+
"privacy": "private",
|
|
2291
|
+
"default": "[]",
|
|
2292
|
+
"description": "Available components loaded from Custom Elements Manifest"
|
|
2481
2293
|
},
|
|
2482
2294
|
{
|
|
2483
2295
|
"kind": "field",
|
|
2484
|
-
"name": "
|
|
2296
|
+
"name": "pickerOpen",
|
|
2485
2297
|
"type": {
|
|
2486
2298
|
"text": "boolean"
|
|
2487
2299
|
},
|
|
2488
2300
|
"privacy": "private",
|
|
2489
|
-
"default": "
|
|
2490
|
-
"description": "
|
|
2301
|
+
"default": "false",
|
|
2302
|
+
"description": "Whether the component picker popover is open"
|
|
2491
2303
|
},
|
|
2492
2304
|
{
|
|
2493
2305
|
"kind": "field",
|
|
2494
|
-
"name": "
|
|
2306
|
+
"name": "slotRef",
|
|
2495
2307
|
"type": {
|
|
2496
|
-
"text": "
|
|
2308
|
+
"text": "HTMLSlotElement | undefined"
|
|
2497
2309
|
},
|
|
2498
2310
|
"privacy": "private",
|
|
2499
|
-
"
|
|
2311
|
+
"description": "Reference to the slot element to access assignedNodes"
|
|
2500
2312
|
},
|
|
2501
2313
|
{
|
|
2502
|
-
"kind": "
|
|
2503
|
-
"name": "
|
|
2314
|
+
"kind": "field",
|
|
2315
|
+
"name": "slottedElement",
|
|
2316
|
+
"type": {
|
|
2317
|
+
"text": "Element | undefined"
|
|
2318
|
+
},
|
|
2319
|
+
"privacy": "private",
|
|
2320
|
+
"description": "The original slotted element (e.g., <h3 slot=\"header\">)"
|
|
2504
2321
|
},
|
|
2505
2322
|
{
|
|
2506
|
-
"kind": "
|
|
2507
|
-
"name": "
|
|
2323
|
+
"kind": "field",
|
|
2324
|
+
"name": "disconnectModeObserver",
|
|
2325
|
+
"type": {
|
|
2326
|
+
"text": "() => void | undefined"
|
|
2327
|
+
},
|
|
2508
2328
|
"privacy": "private"
|
|
2509
2329
|
},
|
|
2510
2330
|
{
|
|
2511
|
-
"kind": "
|
|
2512
|
-
"name": "
|
|
2513
|
-
"
|
|
2331
|
+
"kind": "field",
|
|
2332
|
+
"name": "isUpdating",
|
|
2333
|
+
"type": {
|
|
2334
|
+
"text": "boolean"
|
|
2335
|
+
},
|
|
2336
|
+
"privacy": "private",
|
|
2337
|
+
"default": "false",
|
|
2338
|
+
"description": "Flag to prevent re-reading content right after we updated it"
|
|
2514
2339
|
},
|
|
2515
2340
|
{
|
|
2516
2341
|
"kind": "method",
|
|
2517
|
-
"name": "
|
|
2518
|
-
"privacy": "private"
|
|
2342
|
+
"name": "readSlottedContent",
|
|
2343
|
+
"privacy": "private",
|
|
2344
|
+
"description": "Read content from slotted elements via assignedNodes()"
|
|
2519
2345
|
},
|
|
2520
2346
|
{
|
|
2521
2347
|
"kind": "method",
|
|
2522
|
-
"name": "
|
|
2348
|
+
"name": "validateHtml",
|
|
2523
2349
|
"privacy": "private",
|
|
2350
|
+
"return": {
|
|
2351
|
+
"type": {
|
|
2352
|
+
"text": "boolean"
|
|
2353
|
+
}
|
|
2354
|
+
},
|
|
2524
2355
|
"parameters": [
|
|
2525
2356
|
{
|
|
2526
|
-
"name": "
|
|
2357
|
+
"name": "html",
|
|
2527
2358
|
"type": {
|
|
2528
|
-
"text": "
|
|
2359
|
+
"text": "string"
|
|
2529
2360
|
}
|
|
2530
2361
|
}
|
|
2531
|
-
]
|
|
2362
|
+
],
|
|
2363
|
+
"description": "Validates if a string contains valid HTML"
|
|
2532
2364
|
},
|
|
2533
2365
|
{
|
|
2534
2366
|
"kind": "field",
|
|
2535
|
-
"name": "
|
|
2367
|
+
"name": "handleTextInput",
|
|
2536
2368
|
"privacy": "private"
|
|
2537
2369
|
},
|
|
2538
2370
|
{
|
|
2539
|
-
"kind": "
|
|
2540
|
-
"name": "
|
|
2541
|
-
"privacy": "private"
|
|
2371
|
+
"kind": "method",
|
|
2372
|
+
"name": "createSlottedElement",
|
|
2373
|
+
"privacy": "private",
|
|
2374
|
+
"description": "Create a new slotted element when none exists.\nThe element is appended to the host component's light DOM."
|
|
2542
2375
|
},
|
|
2543
2376
|
{
|
|
2544
|
-
"kind": "
|
|
2545
|
-
"name": "
|
|
2546
|
-
"privacy": "private"
|
|
2377
|
+
"kind": "method",
|
|
2378
|
+
"name": "loadAvailableComponents",
|
|
2379
|
+
"privacy": "private",
|
|
2380
|
+
"description": "Load available components from Custom Elements Manifest"
|
|
2547
2381
|
},
|
|
2548
2382
|
{
|
|
2549
|
-
"kind": "
|
|
2550
|
-
"name": "
|
|
2551
|
-
"privacy": "private"
|
|
2383
|
+
"kind": "method",
|
|
2384
|
+
"name": "formatComponentName",
|
|
2385
|
+
"privacy": "private",
|
|
2386
|
+
"return": {
|
|
2387
|
+
"type": {
|
|
2388
|
+
"text": "string"
|
|
2389
|
+
}
|
|
2390
|
+
},
|
|
2391
|
+
"parameters": [
|
|
2392
|
+
{
|
|
2393
|
+
"name": "tagName",
|
|
2394
|
+
"type": {
|
|
2395
|
+
"text": "string"
|
|
2396
|
+
}
|
|
2397
|
+
}
|
|
2398
|
+
],
|
|
2399
|
+
"description": "Format a tag name into a display name\ne.g., 'le-card' -> 'Card'"
|
|
2552
2400
|
},
|
|
2553
2401
|
{
|
|
2554
|
-
"kind": "
|
|
2555
|
-
"name": "
|
|
2556
|
-
"privacy": "private"
|
|
2402
|
+
"kind": "method",
|
|
2403
|
+
"name": "addComponent",
|
|
2404
|
+
"privacy": "private",
|
|
2405
|
+
"parameters": [
|
|
2406
|
+
{
|
|
2407
|
+
"name": "tagName",
|
|
2408
|
+
"type": {
|
|
2409
|
+
"text": "string"
|
|
2410
|
+
}
|
|
2411
|
+
}
|
|
2412
|
+
],
|
|
2413
|
+
"description": "Add a new component to the slot"
|
|
2557
2414
|
},
|
|
2558
2415
|
{
|
|
2559
2416
|
"kind": "field",
|
|
2560
|
-
"name": "
|
|
2561
|
-
"privacy": "private"
|
|
2417
|
+
"name": "handleSlotChange",
|
|
2418
|
+
"privacy": "private",
|
|
2419
|
+
"description": "Handle slot change event to re-read content when nodes are assigned"
|
|
2562
2420
|
},
|
|
2563
2421
|
{
|
|
2564
2422
|
"kind": "method",
|
|
2565
2423
|
"name": "render"
|
|
2424
|
+
},
|
|
2425
|
+
{
|
|
2426
|
+
"kind": "method",
|
|
2427
|
+
"name": "renderContent",
|
|
2428
|
+
"privacy": "private"
|
|
2566
2429
|
}
|
|
2567
2430
|
],
|
|
2568
2431
|
"attributes": [
|
|
2569
2432
|
{
|
|
2570
|
-
"name": "
|
|
2571
|
-
"fieldName": "
|
|
2572
|
-
"
|
|
2433
|
+
"name": "type",
|
|
2434
|
+
"fieldName": "type",
|
|
2435
|
+
"default": "'slot'",
|
|
2436
|
+
"description": "The type of slot content.\n- `slot`: Default, shows a dropzone for components (default)\n- `text`: Shows a single-line text input\n- `textarea`: Shows a multi-line text area",
|
|
2573
2437
|
"type": {
|
|
2574
|
-
"text": "
|
|
2438
|
+
"text": "'slot' | 'text' | 'textarea'"
|
|
2575
2439
|
}
|
|
2576
2440
|
},
|
|
2577
2441
|
{
|
|
2578
2442
|
"name": "name",
|
|
2579
2443
|
"fieldName": "name",
|
|
2580
|
-
"
|
|
2581
|
-
"
|
|
2444
|
+
"default": "''",
|
|
2445
|
+
"description": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component.",
|
|
2446
|
+
"type": {
|
|
2582
2447
|
"text": "string"
|
|
2583
2448
|
}
|
|
2584
2449
|
},
|
|
2585
2450
|
{
|
|
2586
2451
|
"name": "label",
|
|
2587
2452
|
"fieldName": "label",
|
|
2588
|
-
"description": "Label
|
|
2453
|
+
"description": "Label to display in admin mode.\nIf not provided, the slot name will be used.",
|
|
2589
2454
|
"type": {
|
|
2590
2455
|
"text": "string"
|
|
2591
2456
|
}
|
|
2592
2457
|
},
|
|
2593
2458
|
{
|
|
2594
|
-
"name": "
|
|
2595
|
-
"fieldName": "
|
|
2596
|
-
"description": "
|
|
2459
|
+
"name": "description",
|
|
2460
|
+
"fieldName": "description",
|
|
2461
|
+
"description": "Description of what content this slot accepts.\nShown in admin mode to guide content editors.",
|
|
2597
2462
|
"type": {
|
|
2598
2463
|
"text": "string"
|
|
2599
2464
|
}
|
|
2600
2465
|
},
|
|
2601
2466
|
{
|
|
2602
|
-
"name": "
|
|
2603
|
-
"fieldName": "
|
|
2604
|
-
"description": "
|
|
2605
|
-
"type": {
|
|
2606
|
-
"text": "number"
|
|
2607
|
-
}
|
|
2608
|
-
},
|
|
2609
|
-
{
|
|
2610
|
-
"name": "max",
|
|
2611
|
-
"fieldName": "max",
|
|
2612
|
-
"description": "Maximum allowed value",
|
|
2467
|
+
"name": "allowed-components",
|
|
2468
|
+
"fieldName": "allowedComponents",
|
|
2469
|
+
"description": "Comma-separated list of allowed component tags for this slot.\nUsed by CMS to filter available components.",
|
|
2613
2470
|
"type": {
|
|
2614
|
-
"text": "
|
|
2471
|
+
"text": "string"
|
|
2615
2472
|
}
|
|
2616
2473
|
},
|
|
2617
2474
|
{
|
|
2618
|
-
"name": "
|
|
2619
|
-
"fieldName": "
|
|
2620
|
-
"default": "
|
|
2621
|
-
"description": "
|
|
2475
|
+
"name": "multiple",
|
|
2476
|
+
"fieldName": "multiple",
|
|
2477
|
+
"default": "true",
|
|
2478
|
+
"description": "Whether multiple components can be dropped in this slot.",
|
|
2622
2479
|
"type": {
|
|
2623
|
-
"text": "
|
|
2480
|
+
"text": "boolean"
|
|
2624
2481
|
}
|
|
2625
2482
|
},
|
|
2626
2483
|
{
|
|
2627
2484
|
"name": "required",
|
|
2628
2485
|
"fieldName": "required",
|
|
2629
2486
|
"default": "false",
|
|
2630
|
-
"description": "Whether
|
|
2631
|
-
"type": {
|
|
2632
|
-
"text": "boolean"
|
|
2633
|
-
}
|
|
2634
|
-
},
|
|
2635
|
-
{
|
|
2636
|
-
"name": "disabled",
|
|
2637
|
-
"fieldName": "disabled",
|
|
2638
|
-
"default": "false",
|
|
2639
|
-
"description": "Whether the input is disabled",
|
|
2640
|
-
"type": {
|
|
2641
|
-
"text": "boolean"
|
|
2642
|
-
}
|
|
2643
|
-
},
|
|
2644
|
-
{
|
|
2645
|
-
"name": "readonly",
|
|
2646
|
-
"fieldName": "readonly",
|
|
2647
|
-
"default": "false",
|
|
2648
|
-
"description": "Whether the input is read-only",
|
|
2487
|
+
"description": "Whether this slot is required to have content.",
|
|
2649
2488
|
"type": {
|
|
2650
2489
|
"text": "boolean"
|
|
2651
2490
|
}
|
|
2652
2491
|
},
|
|
2653
2492
|
{
|
|
2654
|
-
"name": "
|
|
2655
|
-
"fieldName": "
|
|
2656
|
-
"description": "
|
|
2493
|
+
"name": "placeholder",
|
|
2494
|
+
"fieldName": "placeholder",
|
|
2495
|
+
"description": "Placeholder text for text/textarea inputs in admin mode.",
|
|
2657
2496
|
"type": {
|
|
2658
2497
|
"text": "string"
|
|
2659
2498
|
}
|
|
2660
2499
|
},
|
|
2661
2500
|
{
|
|
2662
|
-
"name": "
|
|
2663
|
-
"fieldName": "
|
|
2664
|
-
"
|
|
2665
|
-
"description": "Whether to show the spinner controls",
|
|
2501
|
+
"name": "tag",
|
|
2502
|
+
"fieldName": "tag",
|
|
2503
|
+
"description": "The HTML tag to create when there's no slotted element.\nUsed with type=\"text\" or type=\"textarea\" to auto-create elements.",
|
|
2666
2504
|
"type": {
|
|
2667
|
-
"text": "
|
|
2505
|
+
"text": "string"
|
|
2668
2506
|
}
|
|
2669
2507
|
},
|
|
2670
2508
|
{
|
|
2671
|
-
"name": "
|
|
2672
|
-
"fieldName": "
|
|
2673
|
-
"description": "
|
|
2509
|
+
"name": "slot-style",
|
|
2510
|
+
"fieldName": "slotStyle",
|
|
2511
|
+
"description": "CSS styles for the slot dropzone container.\nUseful for layouts - e.g., \"flex-direction: row\" for horizontal stacks.\nOnly applies in admin mode for type=\"slot\".",
|
|
2674
2512
|
"type": {
|
|
2675
2513
|
"text": "string"
|
|
2676
2514
|
}
|
|
2677
2515
|
}
|
|
2678
2516
|
],
|
|
2679
|
-
"tagName": "le-
|
|
2517
|
+
"tagName": "le-slot",
|
|
2680
2518
|
"events": [
|
|
2681
2519
|
{
|
|
2682
|
-
"name": "
|
|
2683
|
-
"type": {
|
|
2684
|
-
"text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
|
|
2685
|
-
},
|
|
2686
|
-
"description": "Emitted when the value changes (on blur or Enter)"
|
|
2687
|
-
},
|
|
2688
|
-
{
|
|
2689
|
-
"name": "leInput",
|
|
2520
|
+
"name": "leSlotChange",
|
|
2690
2521
|
"type": {
|
|
2691
|
-
"text": "EventEmitter<{
|
|
2522
|
+
"text": "EventEmitter<{ name: string; value: string; isValid: boolean }>"
|
|
2692
2523
|
},
|
|
2693
|
-
"description": "Emitted when the
|
|
2524
|
+
"description": "Emitted when text content changes in admin mode.\nThe event detail contains the new text value and validity."
|
|
2694
2525
|
}
|
|
2695
2526
|
],
|
|
2696
2527
|
"customElement": true
|
|
@@ -2699,18 +2530,18 @@
|
|
|
2699
2530
|
"exports": [
|
|
2700
2531
|
{
|
|
2701
2532
|
"kind": "js",
|
|
2702
|
-
"name": "
|
|
2533
|
+
"name": "LeSlot",
|
|
2703
2534
|
"declaration": {
|
|
2704
|
-
"name": "
|
|
2705
|
-
"module": "src/components/le-
|
|
2535
|
+
"name": "LeSlot",
|
|
2536
|
+
"module": "src/components/le-slot/le-slot.tsx"
|
|
2706
2537
|
}
|
|
2707
2538
|
},
|
|
2708
2539
|
{
|
|
2709
2540
|
"kind": "custom-element-definition",
|
|
2710
|
-
"name": "le-
|
|
2541
|
+
"name": "le-slot",
|
|
2711
2542
|
"declaration": {
|
|
2712
|
-
"name": "
|
|
2713
|
-
"module": "src/components/le-
|
|
2543
|
+
"name": "LeSlot",
|
|
2544
|
+
"module": "src/components/le-slot/le-slot.tsx"
|
|
2714
2545
|
}
|
|
2715
2546
|
}
|
|
2716
2547
|
]
|
|
@@ -3014,16 +2845,54 @@
|
|
|
3014
2845
|
},
|
|
3015
2846
|
{
|
|
3016
2847
|
"kind": "javascript-module",
|
|
3017
|
-
"path": "src/components/le-
|
|
2848
|
+
"path": "src/components/le-number-input/le-number-input.tsx",
|
|
3018
2849
|
"declarations": [
|
|
3019
2850
|
{
|
|
3020
2851
|
"kind": "class",
|
|
3021
|
-
"description": "
|
|
3022
|
-
"name": "
|
|
2852
|
+
"description": "A number input component with validation, keyboard controls, and custom spinners.",
|
|
2853
|
+
"name": "LeNumberInput",
|
|
2854
|
+
"cssProperties": [
|
|
2855
|
+
{
|
|
2856
|
+
"description": "Input background color",
|
|
2857
|
+
"name": "--le-input-bg"
|
|
2858
|
+
},
|
|
2859
|
+
{
|
|
2860
|
+
"description": "Input text color",
|
|
2861
|
+
"name": "--le-input-color"
|
|
2862
|
+
},
|
|
2863
|
+
{
|
|
2864
|
+
"description": "Input border style",
|
|
2865
|
+
"name": "--le-input-border"
|
|
2866
|
+
},
|
|
2867
|
+
{
|
|
2868
|
+
"description": "Input border style when focused",
|
|
2869
|
+
"name": "--le-input-border-focus"
|
|
2870
|
+
},
|
|
2871
|
+
{
|
|
2872
|
+
"description": "Input border style when invalid",
|
|
2873
|
+
"name": "--le-input-border-error"
|
|
2874
|
+
},
|
|
2875
|
+
{
|
|
2876
|
+
"description": "Input border radius",
|
|
2877
|
+
"name": "--le-input-radius"
|
|
2878
|
+
},
|
|
2879
|
+
{
|
|
2880
|
+
"description": "Input padding",
|
|
2881
|
+
"name": "--le-input-padding"
|
|
2882
|
+
}
|
|
2883
|
+
],
|
|
3023
2884
|
"slots": [
|
|
3024
2885
|
{
|
|
3025
|
-
"description": "
|
|
2886
|
+
"description": "The label text for the input",
|
|
3026
2887
|
"name": ""
|
|
2888
|
+
},
|
|
2889
|
+
{
|
|
2890
|
+
"description": "Additional description text displayed below the input",
|
|
2891
|
+
"name": "description"
|
|
2892
|
+
},
|
|
2893
|
+
{
|
|
2894
|
+
"description": "Icon to display at the start of the input",
|
|
2895
|
+
"name": "icon-start"
|
|
3027
2896
|
}
|
|
3028
2897
|
],
|
|
3029
2898
|
"members": [
|
|
@@ -3036,12 +2905,11 @@
|
|
|
3036
2905
|
},
|
|
3037
2906
|
{
|
|
3038
2907
|
"kind": "field",
|
|
3039
|
-
"name": "
|
|
2908
|
+
"name": "value",
|
|
3040
2909
|
"type": {
|
|
3041
|
-
"text": "
|
|
2910
|
+
"text": "number"
|
|
3042
2911
|
},
|
|
3043
|
-
"
|
|
3044
|
-
"description": "The type of slot content.\n- `slot`: Default, shows a dropzone for components (default)\n- `text`: Shows a single-line text input\n- `textarea`: Shows a multi-line text area"
|
|
2912
|
+
"description": "The value of the input"
|
|
3045
2913
|
},
|
|
3046
2914
|
{
|
|
3047
2915
|
"kind": "field",
|
|
@@ -3049,267 +2917,200 @@
|
|
|
3049
2917
|
"type": {
|
|
3050
2918
|
"text": "string"
|
|
3051
2919
|
},
|
|
3052
|
-
"
|
|
3053
|
-
"description": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component."
|
|
2920
|
+
"description": "The name of the input"
|
|
3054
2921
|
},
|
|
3055
2922
|
{
|
|
3056
2923
|
"kind": "field",
|
|
3057
2924
|
"name": "label",
|
|
3058
2925
|
"type": {
|
|
3059
|
-
"text": "string
|
|
3060
|
-
},
|
|
3061
|
-
"description": "Label to display in admin mode.\nIf not provided, the slot name will be used."
|
|
3062
|
-
},
|
|
3063
|
-
{
|
|
3064
|
-
"kind": "field",
|
|
3065
|
-
"name": "description",
|
|
3066
|
-
"type": {
|
|
3067
|
-
"text": "string | undefined"
|
|
2926
|
+
"text": "string"
|
|
3068
2927
|
},
|
|
3069
|
-
"description": "
|
|
2928
|
+
"description": "Label for the input"
|
|
3070
2929
|
},
|
|
3071
2930
|
{
|
|
3072
2931
|
"kind": "field",
|
|
3073
|
-
"name": "
|
|
2932
|
+
"name": "placeholder",
|
|
3074
2933
|
"type": {
|
|
3075
|
-
"text": "string
|
|
2934
|
+
"text": "string"
|
|
3076
2935
|
},
|
|
3077
|
-
"description": "
|
|
2936
|
+
"description": "Placeholder text"
|
|
3078
2937
|
},
|
|
3079
2938
|
{
|
|
3080
2939
|
"kind": "field",
|
|
3081
|
-
"name": "
|
|
2940
|
+
"name": "min",
|
|
3082
2941
|
"type": {
|
|
3083
|
-
"text": "
|
|
2942
|
+
"text": "number | undefined"
|
|
3084
2943
|
},
|
|
3085
|
-
"
|
|
3086
|
-
"description": "Whether multiple components can be dropped in this slot."
|
|
2944
|
+
"description": "Minimum allowed value"
|
|
3087
2945
|
},
|
|
3088
2946
|
{
|
|
3089
2947
|
"kind": "field",
|
|
3090
|
-
"name": "
|
|
2948
|
+
"name": "max",
|
|
3091
2949
|
"type": {
|
|
3092
|
-
"text": "
|
|
2950
|
+
"text": "number | undefined"
|
|
3093
2951
|
},
|
|
3094
|
-
"
|
|
3095
|
-
"description": "Whether this slot is required to have content."
|
|
2952
|
+
"description": "Maximum allowed value"
|
|
3096
2953
|
},
|
|
3097
2954
|
{
|
|
3098
2955
|
"kind": "field",
|
|
3099
|
-
"name": "
|
|
2956
|
+
"name": "step",
|
|
3100
2957
|
"type": {
|
|
3101
|
-
"text": "
|
|
2958
|
+
"text": "number"
|
|
3102
2959
|
},
|
|
3103
|
-
"
|
|
2960
|
+
"default": "1",
|
|
2961
|
+
"description": "Step value for increment/decrement"
|
|
3104
2962
|
},
|
|
3105
2963
|
{
|
|
3106
2964
|
"kind": "field",
|
|
3107
|
-
"name": "
|
|
2965
|
+
"name": "required",
|
|
3108
2966
|
"type": {
|
|
3109
|
-
"text": "
|
|
2967
|
+
"text": "boolean"
|
|
3110
2968
|
},
|
|
3111
|
-
"
|
|
2969
|
+
"default": "false",
|
|
2970
|
+
"description": "Whether the input is required"
|
|
3112
2971
|
},
|
|
3113
2972
|
{
|
|
3114
2973
|
"kind": "field",
|
|
3115
|
-
"name": "
|
|
2974
|
+
"name": "disabled",
|
|
3116
2975
|
"type": {
|
|
3117
|
-
"text": "
|
|
2976
|
+
"text": "boolean"
|
|
3118
2977
|
},
|
|
3119
|
-
"
|
|
2978
|
+
"default": "false",
|
|
2979
|
+
"description": "Whether the input is disabled"
|
|
3120
2980
|
},
|
|
3121
2981
|
{
|
|
3122
2982
|
"kind": "field",
|
|
3123
|
-
"name": "
|
|
2983
|
+
"name": "readonly",
|
|
3124
2984
|
"type": {
|
|
3125
2985
|
"text": "boolean"
|
|
3126
2986
|
},
|
|
3127
|
-
"privacy": "private",
|
|
3128
2987
|
"default": "false",
|
|
3129
|
-
"description": "
|
|
2988
|
+
"description": "Whether the input is read-only"
|
|
3130
2989
|
},
|
|
3131
2990
|
{
|
|
3132
2991
|
"kind": "field",
|
|
3133
|
-
"name": "
|
|
2992
|
+
"name": "iconStart",
|
|
3134
2993
|
"type": {
|
|
3135
|
-
"text": "string"
|
|
2994
|
+
"text": "string | undefined"
|
|
3136
2995
|
},
|
|
3137
|
-
"
|
|
3138
|
-
"default": "''",
|
|
3139
|
-
"description": "Internal state for text input value (synced from slot content)"
|
|
2996
|
+
"description": "Icon for the start icon"
|
|
3140
2997
|
},
|
|
3141
2998
|
{
|
|
3142
2999
|
"kind": "field",
|
|
3143
|
-
"name": "
|
|
3000
|
+
"name": "showSpinners",
|
|
3144
3001
|
"type": {
|
|
3145
3002
|
"text": "boolean"
|
|
3146
3003
|
},
|
|
3147
|
-
"privacy": "private",
|
|
3148
3004
|
"default": "true",
|
|
3149
|
-
"description": "Whether
|
|
3005
|
+
"description": "Whether to show the spinner controls"
|
|
3150
3006
|
},
|
|
3151
3007
|
{
|
|
3152
3008
|
"kind": "field",
|
|
3153
|
-
"name": "
|
|
3009
|
+
"name": "externalId",
|
|
3154
3010
|
"type": {
|
|
3155
|
-
"text": "
|
|
3011
|
+
"text": "string"
|
|
3156
3012
|
},
|
|
3157
|
-
"
|
|
3158
|
-
"default": "[]",
|
|
3159
|
-
"description": "Available components loaded from Custom Elements Manifest"
|
|
3013
|
+
"description": "External ID for linking with external systems"
|
|
3160
3014
|
},
|
|
3161
3015
|
{
|
|
3162
3016
|
"kind": "field",
|
|
3163
|
-
"name": "
|
|
3017
|
+
"name": "isValid",
|
|
3164
3018
|
"type": {
|
|
3165
3019
|
"text": "boolean"
|
|
3166
3020
|
},
|
|
3167
3021
|
"privacy": "private",
|
|
3168
|
-
"default": "
|
|
3169
|
-
"description": "
|
|
3022
|
+
"default": "true",
|
|
3023
|
+
"description": "Internal validation state"
|
|
3170
3024
|
},
|
|
3171
3025
|
{
|
|
3172
3026
|
"kind": "field",
|
|
3173
|
-
"name": "
|
|
3027
|
+
"name": "validationMessage",
|
|
3174
3028
|
"type": {
|
|
3175
|
-
"text": "
|
|
3029
|
+
"text": "string"
|
|
3176
3030
|
},
|
|
3177
3031
|
"privacy": "private",
|
|
3178
|
-
"
|
|
3032
|
+
"default": "''"
|
|
3179
3033
|
},
|
|
3180
3034
|
{
|
|
3181
|
-
"kind": "
|
|
3182
|
-
"name": "
|
|
3183
|
-
"type": {
|
|
3184
|
-
"text": "Element | undefined"
|
|
3185
|
-
},
|
|
3186
|
-
"privacy": "private",
|
|
3187
|
-
"description": "The original slotted element (e.g., <h3 slot=\"header\">)"
|
|
3035
|
+
"kind": "method",
|
|
3036
|
+
"name": "valueChanged"
|
|
3188
3037
|
},
|
|
3189
3038
|
{
|
|
3190
|
-
"kind": "
|
|
3191
|
-
"name": "
|
|
3192
|
-
"type": {
|
|
3193
|
-
"text": "() => void | undefined"
|
|
3194
|
-
},
|
|
3039
|
+
"kind": "method",
|
|
3040
|
+
"name": "validate",
|
|
3195
3041
|
"privacy": "private"
|
|
3196
3042
|
},
|
|
3197
3043
|
{
|
|
3198
|
-
"kind": "
|
|
3199
|
-
"name": "
|
|
3200
|
-
"
|
|
3201
|
-
"text": "boolean"
|
|
3202
|
-
},
|
|
3203
|
-
"privacy": "private",
|
|
3204
|
-
"default": "false",
|
|
3205
|
-
"description": "Flag to prevent re-reading content right after we updated it"
|
|
3044
|
+
"kind": "method",
|
|
3045
|
+
"name": "emitChange",
|
|
3046
|
+
"privacy": "private"
|
|
3206
3047
|
},
|
|
3207
3048
|
{
|
|
3208
3049
|
"kind": "method",
|
|
3209
|
-
"name": "
|
|
3210
|
-
"privacy": "private"
|
|
3211
|
-
"description": "Read content from slotted elements via assignedNodes()"
|
|
3050
|
+
"name": "emitInput",
|
|
3051
|
+
"privacy": "private"
|
|
3212
3052
|
},
|
|
3213
3053
|
{
|
|
3214
3054
|
"kind": "method",
|
|
3215
|
-
"name": "
|
|
3055
|
+
"name": "updateValue",
|
|
3216
3056
|
"privacy": "private",
|
|
3217
|
-
"return": {
|
|
3218
|
-
"type": {
|
|
3219
|
-
"text": "boolean"
|
|
3220
|
-
}
|
|
3221
|
-
},
|
|
3222
3057
|
"parameters": [
|
|
3223
3058
|
{
|
|
3224
|
-
"name": "
|
|
3059
|
+
"name": "newValue",
|
|
3225
3060
|
"type": {
|
|
3226
|
-
"text": "
|
|
3061
|
+
"text": "number"
|
|
3227
3062
|
}
|
|
3228
3063
|
}
|
|
3229
|
-
]
|
|
3230
|
-
"description": "Validates if a string contains valid HTML"
|
|
3064
|
+
]
|
|
3231
3065
|
},
|
|
3232
3066
|
{
|
|
3233
3067
|
"kind": "field",
|
|
3234
|
-
"name": "
|
|
3068
|
+
"name": "handleInput",
|
|
3235
3069
|
"privacy": "private"
|
|
3236
3070
|
},
|
|
3237
3071
|
{
|
|
3238
|
-
"kind": "
|
|
3239
|
-
"name": "
|
|
3240
|
-
"privacy": "private"
|
|
3241
|
-
"description": "Create a new slotted element when none exists.\nThe element is appended to the host component's light DOM."
|
|
3072
|
+
"kind": "field",
|
|
3073
|
+
"name": "handleChange",
|
|
3074
|
+
"privacy": "private"
|
|
3242
3075
|
},
|
|
3243
3076
|
{
|
|
3244
|
-
"kind": "
|
|
3245
|
-
"name": "
|
|
3246
|
-
"privacy": "private"
|
|
3247
|
-
"description": "Load available components from Custom Elements Manifest"
|
|
3077
|
+
"kind": "field",
|
|
3078
|
+
"name": "handleKeyDown",
|
|
3079
|
+
"privacy": "private"
|
|
3248
3080
|
},
|
|
3249
3081
|
{
|
|
3250
|
-
"kind": "
|
|
3251
|
-
"name": "
|
|
3252
|
-
"privacy": "private"
|
|
3253
|
-
"return": {
|
|
3254
|
-
"type": {
|
|
3255
|
-
"text": "string"
|
|
3256
|
-
}
|
|
3257
|
-
},
|
|
3258
|
-
"parameters": [
|
|
3259
|
-
{
|
|
3260
|
-
"name": "tagName",
|
|
3261
|
-
"type": {
|
|
3262
|
-
"text": "string"
|
|
3263
|
-
}
|
|
3264
|
-
}
|
|
3265
|
-
],
|
|
3266
|
-
"description": "Format a tag name into a display name\ne.g., 'le-card' -> 'Card'"
|
|
3082
|
+
"kind": "field",
|
|
3083
|
+
"name": "handleWheel",
|
|
3084
|
+
"privacy": "private"
|
|
3267
3085
|
},
|
|
3268
3086
|
{
|
|
3269
|
-
"kind": "
|
|
3270
|
-
"name": "
|
|
3271
|
-
"privacy": "private"
|
|
3272
|
-
"parameters": [
|
|
3273
|
-
{
|
|
3274
|
-
"name": "tagName",
|
|
3275
|
-
"type": {
|
|
3276
|
-
"text": "string"
|
|
3277
|
-
}
|
|
3278
|
-
}
|
|
3279
|
-
],
|
|
3280
|
-
"description": "Add a new component to the slot"
|
|
3087
|
+
"kind": "field",
|
|
3088
|
+
"name": "increment",
|
|
3089
|
+
"privacy": "private"
|
|
3281
3090
|
},
|
|
3282
3091
|
{
|
|
3283
3092
|
"kind": "field",
|
|
3284
|
-
"name": "
|
|
3285
|
-
"privacy": "private"
|
|
3286
|
-
"description": "Handle slot change event to re-read content when nodes are assigned"
|
|
3093
|
+
"name": "decrement",
|
|
3094
|
+
"privacy": "private"
|
|
3287
3095
|
},
|
|
3288
3096
|
{
|
|
3289
3097
|
"kind": "method",
|
|
3290
3098
|
"name": "render"
|
|
3291
|
-
},
|
|
3292
|
-
{
|
|
3293
|
-
"kind": "method",
|
|
3294
|
-
"name": "renderContent",
|
|
3295
|
-
"privacy": "private"
|
|
3296
3099
|
}
|
|
3297
3100
|
],
|
|
3298
3101
|
"attributes": [
|
|
3299
3102
|
{
|
|
3300
|
-
"name": "
|
|
3301
|
-
"fieldName": "
|
|
3302
|
-
"
|
|
3303
|
-
"description": "The type of slot content.\n- `slot`: Default, shows a dropzone for components (default)\n- `text`: Shows a single-line text input\n- `textarea`: Shows a multi-line text area",
|
|
3103
|
+
"name": "value",
|
|
3104
|
+
"fieldName": "value",
|
|
3105
|
+
"description": "The value of the input",
|
|
3304
3106
|
"type": {
|
|
3305
|
-
"text": "
|
|
3107
|
+
"text": "number"
|
|
3306
3108
|
}
|
|
3307
3109
|
},
|
|
3308
3110
|
{
|
|
3309
3111
|
"name": "name",
|
|
3310
3112
|
"fieldName": "name",
|
|
3311
|
-
"
|
|
3312
|
-
"description": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component.",
|
|
3113
|
+
"description": "The name of the input",
|
|
3313
3114
|
"type": {
|
|
3314
3115
|
"text": "string"
|
|
3315
3116
|
}
|
|
@@ -3317,78 +3118,112 @@
|
|
|
3317
3118
|
{
|
|
3318
3119
|
"name": "label",
|
|
3319
3120
|
"fieldName": "label",
|
|
3320
|
-
"description": "Label
|
|
3121
|
+
"description": "Label for the input",
|
|
3321
3122
|
"type": {
|
|
3322
3123
|
"text": "string"
|
|
3323
3124
|
}
|
|
3324
3125
|
},
|
|
3325
3126
|
{
|
|
3326
|
-
"name": "
|
|
3327
|
-
"fieldName": "
|
|
3328
|
-
"description": "
|
|
3127
|
+
"name": "placeholder",
|
|
3128
|
+
"fieldName": "placeholder",
|
|
3129
|
+
"description": "Placeholder text",
|
|
3329
3130
|
"type": {
|
|
3330
3131
|
"text": "string"
|
|
3331
3132
|
}
|
|
3332
3133
|
},
|
|
3333
3134
|
{
|
|
3334
|
-
"name": "
|
|
3335
|
-
"fieldName": "
|
|
3336
|
-
"description": "
|
|
3135
|
+
"name": "min",
|
|
3136
|
+
"fieldName": "min",
|
|
3137
|
+
"description": "Minimum allowed value",
|
|
3337
3138
|
"type": {
|
|
3338
|
-
"text": "
|
|
3139
|
+
"text": "number"
|
|
3339
3140
|
}
|
|
3340
3141
|
},
|
|
3341
3142
|
{
|
|
3342
|
-
"name": "
|
|
3343
|
-
"fieldName": "
|
|
3344
|
-
"
|
|
3345
|
-
"description": "Whether multiple components can be dropped in this slot.",
|
|
3143
|
+
"name": "max",
|
|
3144
|
+
"fieldName": "max",
|
|
3145
|
+
"description": "Maximum allowed value",
|
|
3346
3146
|
"type": {
|
|
3347
|
-
"text": "
|
|
3147
|
+
"text": "number"
|
|
3148
|
+
}
|
|
3149
|
+
},
|
|
3150
|
+
{
|
|
3151
|
+
"name": "step",
|
|
3152
|
+
"fieldName": "step",
|
|
3153
|
+
"default": "1",
|
|
3154
|
+
"description": "Step value for increment/decrement",
|
|
3155
|
+
"type": {
|
|
3156
|
+
"text": "number"
|
|
3348
3157
|
}
|
|
3349
3158
|
},
|
|
3350
3159
|
{
|
|
3351
3160
|
"name": "required",
|
|
3352
3161
|
"fieldName": "required",
|
|
3353
3162
|
"default": "false",
|
|
3354
|
-
"description": "Whether
|
|
3163
|
+
"description": "Whether the input is required",
|
|
3355
3164
|
"type": {
|
|
3356
3165
|
"text": "boolean"
|
|
3357
3166
|
}
|
|
3358
3167
|
},
|
|
3359
3168
|
{
|
|
3360
|
-
"name": "
|
|
3361
|
-
"fieldName": "
|
|
3362
|
-
"
|
|
3169
|
+
"name": "disabled",
|
|
3170
|
+
"fieldName": "disabled",
|
|
3171
|
+
"default": "false",
|
|
3172
|
+
"description": "Whether the input is disabled",
|
|
3363
3173
|
"type": {
|
|
3364
|
-
"text": "
|
|
3174
|
+
"text": "boolean"
|
|
3365
3175
|
}
|
|
3366
3176
|
},
|
|
3367
3177
|
{
|
|
3368
|
-
"name": "
|
|
3369
|
-
"fieldName": "
|
|
3370
|
-
"
|
|
3178
|
+
"name": "readonly",
|
|
3179
|
+
"fieldName": "readonly",
|
|
3180
|
+
"default": "false",
|
|
3181
|
+
"description": "Whether the input is read-only",
|
|
3182
|
+
"type": {
|
|
3183
|
+
"text": "boolean"
|
|
3184
|
+
}
|
|
3185
|
+
},
|
|
3186
|
+
{
|
|
3187
|
+
"name": "icon-start",
|
|
3188
|
+
"fieldName": "iconStart",
|
|
3189
|
+
"description": "Icon for the start icon",
|
|
3371
3190
|
"type": {
|
|
3372
3191
|
"text": "string"
|
|
3373
3192
|
}
|
|
3374
3193
|
},
|
|
3375
3194
|
{
|
|
3376
|
-
"name": "
|
|
3377
|
-
"fieldName": "
|
|
3378
|
-
"
|
|
3195
|
+
"name": "show-spinners",
|
|
3196
|
+
"fieldName": "showSpinners",
|
|
3197
|
+
"default": "true",
|
|
3198
|
+
"description": "Whether to show the spinner controls",
|
|
3199
|
+
"type": {
|
|
3200
|
+
"text": "boolean"
|
|
3201
|
+
}
|
|
3202
|
+
},
|
|
3203
|
+
{
|
|
3204
|
+
"name": "external-id",
|
|
3205
|
+
"fieldName": "externalId",
|
|
3206
|
+
"description": "External ID for linking with external systems",
|
|
3379
3207
|
"type": {
|
|
3380
3208
|
"text": "string"
|
|
3381
3209
|
}
|
|
3382
3210
|
}
|
|
3383
3211
|
],
|
|
3384
|
-
"tagName": "le-
|
|
3212
|
+
"tagName": "le-number-input",
|
|
3385
3213
|
"events": [
|
|
3386
3214
|
{
|
|
3387
|
-
"name": "
|
|
3215
|
+
"name": "leChange",
|
|
3388
3216
|
"type": {
|
|
3389
|
-
"text": "EventEmitter<{ name: string;
|
|
3217
|
+
"text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
|
|
3390
3218
|
},
|
|
3391
|
-
"description": "Emitted when
|
|
3219
|
+
"description": "Emitted when the value changes (on blur or Enter)"
|
|
3220
|
+
},
|
|
3221
|
+
{
|
|
3222
|
+
"name": "leInput",
|
|
3223
|
+
"type": {
|
|
3224
|
+
"text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
|
|
3225
|
+
},
|
|
3226
|
+
"description": "Emitted when the input value changes (on keystroke/spin)"
|
|
3392
3227
|
}
|
|
3393
3228
|
],
|
|
3394
3229
|
"customElement": true
|
|
@@ -3397,18 +3232,183 @@
|
|
|
3397
3232
|
"exports": [
|
|
3398
3233
|
{
|
|
3399
3234
|
"kind": "js",
|
|
3400
|
-
"name": "
|
|
3235
|
+
"name": "LeNumberInput",
|
|
3401
3236
|
"declaration": {
|
|
3402
|
-
"name": "
|
|
3403
|
-
"module": "src/components/le-
|
|
3237
|
+
"name": "LeNumberInput",
|
|
3238
|
+
"module": "src/components/le-number-input/le-number-input.tsx"
|
|
3404
3239
|
}
|
|
3405
3240
|
},
|
|
3406
3241
|
{
|
|
3407
3242
|
"kind": "custom-element-definition",
|
|
3408
|
-
"name": "le-
|
|
3243
|
+
"name": "le-number-input",
|
|
3409
3244
|
"declaration": {
|
|
3410
|
-
"name": "
|
|
3411
|
-
"module": "src/components/le-
|
|
3245
|
+
"name": "LeNumberInput",
|
|
3246
|
+
"module": "src/components/le-number-input/le-number-input.tsx"
|
|
3247
|
+
}
|
|
3248
|
+
}
|
|
3249
|
+
]
|
|
3250
|
+
},
|
|
3251
|
+
{
|
|
3252
|
+
"kind": "javascript-module",
|
|
3253
|
+
"path": "src/components/le-round-progress/le-round-progress.tsx",
|
|
3254
|
+
"declarations": [
|
|
3255
|
+
{
|
|
3256
|
+
"kind": "class",
|
|
3257
|
+
"description": "",
|
|
3258
|
+
"name": "LeRoundProgress",
|
|
3259
|
+
"members": [
|
|
3260
|
+
{
|
|
3261
|
+
"kind": "field",
|
|
3262
|
+
"name": "el",
|
|
3263
|
+
"type": {
|
|
3264
|
+
"text": "HTMLElement"
|
|
3265
|
+
}
|
|
3266
|
+
},
|
|
3267
|
+
{
|
|
3268
|
+
"kind": "field",
|
|
3269
|
+
"name": "value",
|
|
3270
|
+
"type": {
|
|
3271
|
+
"text": "number"
|
|
3272
|
+
},
|
|
3273
|
+
"default": "0"
|
|
3274
|
+
},
|
|
3275
|
+
{
|
|
3276
|
+
"kind": "method",
|
|
3277
|
+
"name": "updateValue",
|
|
3278
|
+
"parameters": [
|
|
3279
|
+
{
|
|
3280
|
+
"name": "newValue",
|
|
3281
|
+
"type": {
|
|
3282
|
+
"text": "string"
|
|
3283
|
+
}
|
|
3284
|
+
}
|
|
3285
|
+
]
|
|
3286
|
+
},
|
|
3287
|
+
{
|
|
3288
|
+
"kind": "field",
|
|
3289
|
+
"name": "padding",
|
|
3290
|
+
"type": {
|
|
3291
|
+
"text": "number"
|
|
3292
|
+
},
|
|
3293
|
+
"default": "0"
|
|
3294
|
+
},
|
|
3295
|
+
{
|
|
3296
|
+
"kind": "method",
|
|
3297
|
+
"name": "updatePadding",
|
|
3298
|
+
"parameters": [
|
|
3299
|
+
{
|
|
3300
|
+
"name": "newValue",
|
|
3301
|
+
"type": {
|
|
3302
|
+
"text": "string"
|
|
3303
|
+
}
|
|
3304
|
+
}
|
|
3305
|
+
]
|
|
3306
|
+
},
|
|
3307
|
+
{
|
|
3308
|
+
"kind": "field",
|
|
3309
|
+
"name": "paths",
|
|
3310
|
+
"type": {
|
|
3311
|
+
"text": "string"
|
|
3312
|
+
}
|
|
3313
|
+
},
|
|
3314
|
+
{
|
|
3315
|
+
"kind": "method",
|
|
3316
|
+
"name": "updateProgressBackgrounds",
|
|
3317
|
+
"parameters": [
|
|
3318
|
+
{
|
|
3319
|
+
"name": "newValue",
|
|
3320
|
+
"type": {
|
|
3321
|
+
"text": "string"
|
|
3322
|
+
}
|
|
3323
|
+
}
|
|
3324
|
+
]
|
|
3325
|
+
},
|
|
3326
|
+
{
|
|
3327
|
+
"kind": "field",
|
|
3328
|
+
"name": "progressPaths",
|
|
3329
|
+
"type": {
|
|
3330
|
+
"text": "any[]"
|
|
3331
|
+
}
|
|
3332
|
+
},
|
|
3333
|
+
{
|
|
3334
|
+
"kind": "field",
|
|
3335
|
+
"name": "params",
|
|
3336
|
+
"type": {
|
|
3337
|
+
"text": "{\n width: number;\n diameter: number;\n circumference: number;\n }"
|
|
3338
|
+
}
|
|
3339
|
+
},
|
|
3340
|
+
{
|
|
3341
|
+
"kind": "method",
|
|
3342
|
+
"name": "calcParams"
|
|
3343
|
+
},
|
|
3344
|
+
{
|
|
3345
|
+
"kind": "method",
|
|
3346
|
+
"name": "getViewBox",
|
|
3347
|
+
"description": "Returns the viewPath attribute value for the SVG\nbased on the width of the parent element"
|
|
3348
|
+
},
|
|
3349
|
+
{
|
|
3350
|
+
"kind": "method",
|
|
3351
|
+
"name": "getPath",
|
|
3352
|
+
"description": "Returns the circular path for the progress stroke\nand additional paths in the background"
|
|
3353
|
+
},
|
|
3354
|
+
{
|
|
3355
|
+
"kind": "method",
|
|
3356
|
+
"name": "getStrokeDashArray"
|
|
3357
|
+
},
|
|
3358
|
+
{
|
|
3359
|
+
"kind": "method",
|
|
3360
|
+
"name": "getPaths"
|
|
3361
|
+
},
|
|
3362
|
+
{
|
|
3363
|
+
"kind": "method",
|
|
3364
|
+
"name": "render"
|
|
3365
|
+
}
|
|
3366
|
+
],
|
|
3367
|
+
"attributes": [
|
|
3368
|
+
{
|
|
3369
|
+
"name": "value",
|
|
3370
|
+
"fieldName": "value",
|
|
3371
|
+
"default": "0",
|
|
3372
|
+
"type": {
|
|
3373
|
+
"text": "number"
|
|
3374
|
+
}
|
|
3375
|
+
},
|
|
3376
|
+
{
|
|
3377
|
+
"name": "padding",
|
|
3378
|
+
"fieldName": "padding",
|
|
3379
|
+
"default": "0",
|
|
3380
|
+
"type": {
|
|
3381
|
+
"text": "number"
|
|
3382
|
+
}
|
|
3383
|
+
},
|
|
3384
|
+
{
|
|
3385
|
+
"name": "paths",
|
|
3386
|
+
"fieldName": "paths",
|
|
3387
|
+
"type": {
|
|
3388
|
+
"text": "string"
|
|
3389
|
+
}
|
|
3390
|
+
}
|
|
3391
|
+
],
|
|
3392
|
+
"tagName": "le-round-progress",
|
|
3393
|
+
"events": [],
|
|
3394
|
+
"customElement": true
|
|
3395
|
+
}
|
|
3396
|
+
],
|
|
3397
|
+
"exports": [
|
|
3398
|
+
{
|
|
3399
|
+
"kind": "js",
|
|
3400
|
+
"name": "LeRoundProgress",
|
|
3401
|
+
"declaration": {
|
|
3402
|
+
"name": "LeRoundProgress",
|
|
3403
|
+
"module": "src/components/le-round-progress/le-round-progress.tsx"
|
|
3404
|
+
}
|
|
3405
|
+
},
|
|
3406
|
+
{
|
|
3407
|
+
"kind": "custom-element-definition",
|
|
3408
|
+
"name": "le-round-progress",
|
|
3409
|
+
"declaration": {
|
|
3410
|
+
"name": "LeRoundProgress",
|
|
3411
|
+
"module": "src/components/le-round-progress/le-round-progress.tsx"
|
|
3412
3412
|
}
|
|
3413
3413
|
}
|
|
3414
3414
|
]
|