le-kit 0.1.8 → 0.1.9

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.
Files changed (3) hide show
  1. package/custom-elements.json +1186 -1186
  2. package/dist/docs.json +1 -1
  3. package/package.json +6 -6
package/custom-elements.json CHANGED
@@ -1050,20 +1050,16 @@
1050
1050
  },
1051
1051
  {
1052
1052
  "kind": "javascript-module",
1053
- "path": "src/components/le-popover/le-popover.tsx",
1053
+ "path": "src/components/le-component/le-component.tsx",
1054
1054
  "declarations": [
1055
1055
  {
1056
1056
  "kind": "class",
1057
- "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.",
1058
- "name": "LePopover",
1057
+ "description": "Component wrapper for admin mode editing.\n\nThis component is used internally by other components to provide admin-mode\nediting capabilities. It wraps the component's rendered output and shows\na settings popover for editing properties.\n\nIn default mode, it acts as a simple passthrough (display: contents).\nIn admin mode, it shows a border, component name header, and settings popover.\n\nThe host element is found automatically by traversing up through the shadow DOM.\n\nUsage inside a component's render method:\n```tsx\nrender() {\n return (\n <le-component component=\"le-card\">\n <Host>...</Host>\n </le-component>\n );\n}\n```",
1058
+ "name": "LeComponent",
1059
1059
  "slots": [
1060
1060
  {
1061
- "description": "Content to display inside the popover",
1061
+ "description": "The component's rendered content",
1062
1062
  "name": ""
1063
- },
1064
- {
1065
- "description": "Element that triggers the popover (optional)",
1066
- "name": "trigger"
1067
1063
  }
1068
1064
  ],
1069
1065
  "members": [
@@ -1076,221 +1072,217 @@
1076
1072
  },
1077
1073
  {
1078
1074
  "kind": "field",
1079
- "name": "mode",
1080
- "type": {
1081
- "text": "'default' | 'admin'"
1082
- },
1083
- "description": "Mode of the popover should be 'default' for internal use"
1084
- },
1085
- {
1086
- "kind": "field",
1087
- "name": "open",
1088
- "type": {
1089
- "text": "boolean"
1090
- },
1091
- "default": "false",
1092
- "description": "Whether the popover is currently open"
1093
- },
1094
- {
1095
- "kind": "field",
1096
- "name": "position",
1075
+ "name": "component",
1097
1076
  "type": {
1098
- "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
1077
+ "text": "string"
1099
1078
  },
1100
- "default": "'bottom'",
1101
- "description": "Position of the popover relative to its trigger"
1079
+ "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name."
1102
1080
  },
1103
1081
  {
1104
1082
  "kind": "field",
1105
- "name": "align",
1083
+ "name": "displayName",
1106
1084
  "type": {
1107
- "text": "'start' | 'center' | 'end'"
1085
+ "text": "string | undefined"
1108
1086
  },
1109
- "default": "'start'",
1110
- "description": "Alignment of the popover"
1087
+ "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name."
1111
1088
  },
1112
1089
  {
1113
1090
  "kind": "field",
1114
- "name": "popoverTitle",
1091
+ "name": "hostClass",
1115
1092
  "type": {
1116
1093
  "text": "string | undefined"
1117
1094
  },
1118
- "description": "Optional title for the popover header"
1095
+ "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes."
1119
1096
  },
1120
1097
  {
1121
1098
  "kind": "field",
1122
- "name": "showClose",
1099
+ "name": "hostStyle",
1123
1100
  "type": {
1124
- "text": "boolean"
1101
+ "text": "{ [key: string]: string } | undefined"
1125
1102
  },
1126
- "default": "true",
1127
- "description": "Whether to show a close button in the header"
1103
+ "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties)."
1128
1104
  },
1129
1105
  {
1130
1106
  "kind": "field",
1131
- "name": "closeOnClickOutside",
1107
+ "name": "hostElement",
1132
1108
  "type": {
1133
- "text": "boolean"
1109
+ "text": "HTMLElement | undefined"
1134
1110
  },
1135
- "default": "true",
1136
- "description": "Whether clicking outside closes the popover"
1111
+ "privacy": "private",
1112
+ "description": "Reference to the host element (found automatically from parent)"
1137
1113
  },
1138
1114
  {
1139
1115
  "kind": "field",
1140
- "name": "closeOnEscape",
1116
+ "name": "adminMode",
1141
1117
  "type": {
1142
1118
  "text": "boolean"
1143
1119
  },
1144
- "default": "true",
1145
- "description": "Whether pressing Escape closes the popover"
1146
- },
1147
- {
1148
- "kind": "field",
1149
- "name": "offset",
1150
- "type": {
1151
- "text": "number"
1152
- },
1153
- "default": "8",
1154
- "description": "Offset from the trigger element (in pixels)"
1155
- },
1156
- {
1157
- "kind": "field",
1158
- "name": "width",
1159
- "type": {
1160
- "text": "string | undefined"
1161
- },
1162
- "description": "Fixed width for the popover (e.g., '300px', '20rem')"
1163
- },
1164
- {
1165
- "kind": "field",
1166
- "name": "minWidth",
1167
- "type": {
1168
- "text": "string | undefined"
1169
- },
1170
- "default": "'200px'",
1171
- "description": "Minimum width for the popover (e.g., '200px', '15rem')"
1120
+ "privacy": "private",
1121
+ "default": "false",
1122
+ "description": "Internal state to track admin mode"
1172
1123
  },
1173
1124
  {
1174
1125
  "kind": "field",
1175
- "name": "maxWidth",
1126
+ "name": "componentMeta",
1176
1127
  "type": {
1177
- "text": "string | undefined"
1128
+ "text": "ComponentMetadata | null"
1178
1129
  },
1179
- "description": "Maximum width for the popover (e.g., '400px', '25rem')"
1130
+ "privacy": "private",
1131
+ "default": "null",
1132
+ "description": "Component metadata loaded from Custom Elements Manifest"
1180
1133
  },
1181
1134
  {
1182
1135
  "kind": "field",
1183
- "name": "isPositioned",
1136
+ "name": "propertyValues",
1184
1137
  "type": {
1185
- "text": "boolean"
1138
+ "text": "Record<string, any>"
1186
1139
  },
1187
1140
  "privacy": "private",
1188
- "default": "false"
1141
+ "default": "{}",
1142
+ "description": "Current property values of the host component"
1189
1143
  },
1190
1144
  {
1191
1145
  "kind": "field",
1192
- "name": "triggerEl",
1146
+ "name": "disconnectModeObserver",
1193
1147
  "type": {
1194
- "text": "HTMLElement | undefined"
1148
+ "text": "() => void | undefined"
1195
1149
  },
1196
1150
  "privacy": "private"
1197
1151
  },
1198
1152
  {
1199
- "kind": "field",
1200
- "name": "popoverEl",
1201
- "type": {
1202
- "text": "HTMLElement | undefined"
1203
- },
1204
- "privacy": "private"
1153
+ "kind": "method",
1154
+ "name": "findHostElement",
1155
+ "privacy": "private",
1156
+ "description": "Find the host element by traversing up through shadow DOM"
1205
1157
  },
1206
1158
  {
1207
- "kind": "field",
1208
- "name": "uniqueId",
1209
- "type": {
1210
- "text": "string"
1211
- },
1159
+ "kind": "method",
1160
+ "name": "formatDisplayName",
1212
1161
  "privacy": "private",
1213
- "default": "`le-popover-${Math.random().toString(36).substr(2, 9)}`"
1162
+ "return": {
1163
+ "type": {
1164
+ "text": "string"
1165
+ }
1166
+ },
1167
+ "parameters": [
1168
+ {
1169
+ "name": "tagName",
1170
+ "type": {
1171
+ "text": "string"
1172
+ }
1173
+ }
1174
+ ],
1175
+ "description": "Formats a tag name into a display name\ne.g., 'le-card' -> 'Card'"
1214
1176
  },
1215
1177
  {
1216
- "kind": "field",
1217
- "name": "scrollParents",
1218
- "type": {
1219
- "text": "Element[]"
1220
- },
1178
+ "kind": "method",
1179
+ "name": "loadComponentMetadata",
1221
1180
  "privacy": "private",
1222
- "default": "[]"
1181
+ "description": "Load component metadata from the Custom Elements Manifest"
1223
1182
  },
1224
1183
  {
1225
1184
  "kind": "method",
1226
- "name": "getScrollParents",
1185
+ "name": "isInternalAttribute",
1227
1186
  "privacy": "private",
1228
1187
  "return": {
1229
1188
  "type": {
1230
- "text": "Element[]"
1189
+ "text": "boolean"
1231
1190
  }
1232
1191
  },
1233
1192
  "parameters": [
1234
1193
  {
1235
- "name": "element",
1194
+ "name": "name",
1236
1195
  "type": {
1237
- "text": "Element"
1196
+ "text": "string"
1238
1197
  }
1239
1198
  }
1240
1199
  ],
1241
- "description": "Find all scrollable parent elements"
1200
+ "description": "Check if an attribute is internal (should not be shown in editor)"
1242
1201
  },
1243
1202
  {
1244
1203
  "kind": "method",
1245
- "name": "addScrollListeners",
1204
+ "name": "readPropertyValues",
1246
1205
  "privacy": "private",
1247
- "description": "Add scroll listeners to all scrollable parents"
1206
+ "description": "Read current property values from the host element"
1248
1207
  },
1249
1208
  {
1250
1209
  "kind": "method",
1251
- "name": "removeScrollListeners",
1210
+ "name": "parseAttributeValue",
1252
1211
  "privacy": "private",
1253
- "description": "Remove scroll listeners"
1254
- },
1255
- {
1256
- "kind": "field",
1257
- "name": "handleScroll",
1258
- "privacy": "private"
1259
- },
1260
- {
1261
- "kind": "field",
1262
- "name": "handlePopoverToggle",
1263
- "privacy": "private"
1212
+ "return": {
1213
+ "type": {
1214
+ "text": "any"
1215
+ }
1216
+ },
1217
+ "parameters": [
1218
+ {
1219
+ "name": "value",
1220
+ "type": {
1221
+ "text": "string | null"
1222
+ }
1223
+ },
1224
+ {
1225
+ "name": "type",
1226
+ "optional": true,
1227
+ "type": {
1228
+ "text": "string"
1229
+ }
1230
+ }
1231
+ ],
1232
+ "description": "Parse an attribute value based on its type"
1264
1233
  },
1265
1234
  {
1266
- "kind": "field",
1267
- "name": "handleOtherPopoverOpen",
1268
- "privacy": "private"
1235
+ "kind": "method",
1236
+ "name": "handlePropertyChange",
1237
+ "privacy": "private",
1238
+ "parameters": [
1239
+ {
1240
+ "name": "attrName",
1241
+ "type": {
1242
+ "text": "string"
1243
+ }
1244
+ },
1245
+ {
1246
+ "name": "value",
1247
+ "type": {
1248
+ "text": "any"
1249
+ }
1250
+ },
1251
+ {
1252
+ "name": "type",
1253
+ "optional": true,
1254
+ "type": {
1255
+ "text": "string"
1256
+ }
1257
+ }
1258
+ ],
1259
+ "description": "Handle property value changes from the editor"
1269
1260
  },
1270
1261
  {
1271
1262
  "kind": "method",
1272
- "name": "show",
1273
- "description": "Opens the popover"
1263
+ "name": "deleteComponent",
1264
+ "privacy": "private",
1265
+ "description": "Delete this component from the DOM"
1274
1266
  },
1275
1267
  {
1276
1268
  "kind": "method",
1277
- "name": "hide",
1278
- "description": "Closes the popover"
1269
+ "name": "renderPropertyEditor",
1270
+ "privacy": "private",
1271
+ "description": "Render the property editor form"
1279
1272
  },
1280
1273
  {
1281
1274
  "kind": "method",
1282
- "name": "toggle",
1283
- "description": "Toggles the popover"
1284
- },
1285
- {
1286
- "kind": "field",
1287
- "name": "handleTriggerClick",
1288
- "privacy": "private"
1289
- },
1290
- {
1291
- "kind": "method",
1292
- "name": "updatePosition",
1293
- "privacy": "private"
1275
+ "name": "renderPropertyField",
1276
+ "privacy": "private",
1277
+ "parameters": [
1278
+ {
1279
+ "name": "attr",
1280
+ "type": {
1281
+ "text": "AttributeMetadata"
1282
+ }
1283
+ }
1284
+ ],
1285
+ "description": "Render a single property field based on its type"
1294
1286
  },
1295
1287
  {
1296
1288
  "kind": "method",
@@ -1299,201 +1291,70 @@
1299
1291
  ],
1300
1292
  "attributes": [
1301
1293
  {
1302
- "name": "mode",
1303
- "fieldName": "mode",
1304
- "description": "Mode of the popover should be 'default' for internal use",
1305
- "type": {
1306
- "text": "'default' | 'admin'"
1307
- }
1308
- },
1309
- {
1310
- "name": "open",
1311
- "fieldName": "open",
1312
- "default": "false",
1313
- "description": "Whether the popover is currently open",
1314
- "type": {
1315
- "text": "boolean"
1316
- }
1317
- },
1318
- {
1319
- "name": "position",
1320
- "fieldName": "position",
1321
- "default": "'bottom'",
1322
- "description": "Position of the popover relative to its trigger",
1323
- "type": {
1324
- "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
1325
- }
1326
- },
1327
- {
1328
- "name": "align",
1329
- "fieldName": "align",
1330
- "default": "'start'",
1331
- "description": "Alignment of the popover",
1332
- "type": {
1333
- "text": "'start' | 'center' | 'end'"
1334
- }
1335
- },
1336
- {
1337
- "name": "popover-title",
1338
- "fieldName": "popoverTitle",
1339
- "description": "Optional title for the popover header",
1294
+ "name": "component",
1295
+ "fieldName": "component",
1296
+ "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name.",
1340
1297
  "type": {
1341
1298
  "text": "string"
1342
1299
  }
1343
1300
  },
1344
1301
  {
1345
- "name": "show-close",
1346
- "fieldName": "showClose",
1347
- "default": "true",
1348
- "description": "Whether to show a close button in the header",
1349
- "type": {
1350
- "text": "boolean"
1351
- }
1352
- },
1353
- {
1354
- "name": "close-on-click-outside",
1355
- "fieldName": "closeOnClickOutside",
1356
- "default": "true",
1357
- "description": "Whether clicking outside closes the popover",
1358
- "type": {
1359
- "text": "boolean"
1360
- }
1361
- },
1362
- {
1363
- "name": "close-on-escape",
1364
- "fieldName": "closeOnEscape",
1365
- "default": "true",
1366
- "description": "Whether pressing Escape closes the popover",
1367
- "type": {
1368
- "text": "boolean"
1369
- }
1370
- },
1371
- {
1372
- "name": "offset",
1373
- "fieldName": "offset",
1374
- "default": "8",
1375
- "description": "Offset from the trigger element (in pixels)",
1376
- "type": {
1377
- "text": "number"
1378
- }
1379
- },
1380
- {
1381
- "name": "width",
1382
- "fieldName": "width",
1383
- "description": "Fixed width for the popover (e.g., '300px', '20rem')",
1302
+ "name": "display-name",
1303
+ "fieldName": "displayName",
1304
+ "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name.",
1384
1305
  "type": {
1385
1306
  "text": "string"
1386
1307
  }
1387
1308
  },
1388
1309
  {
1389
- "name": "min-width",
1390
- "fieldName": "minWidth",
1391
- "default": "'200px'",
1392
- "description": "Minimum width for the popover (e.g., '200px', '15rem')",
1310
+ "name": "host-class",
1311
+ "fieldName": "hostClass",
1312
+ "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes.",
1393
1313
  "type": {
1394
1314
  "text": "string"
1395
1315
  }
1396
1316
  },
1397
1317
  {
1398
- "name": "max-width",
1399
- "fieldName": "maxWidth",
1400
- "description": "Maximum width for the popover (e.g., '400px', '25rem')",
1318
+ "name": "host-style",
1319
+ "fieldName": "hostStyle",
1320
+ "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties).",
1401
1321
  "type": {
1402
- "text": "string"
1322
+ "text": "{ [key: string]: string }"
1403
1323
  }
1404
1324
  }
1405
1325
  ],
1406
- "tagName": "le-popover",
1407
- "events": [
1408
- {
1409
- "name": "lePopoverOpen",
1410
- "type": {
1411
- "text": "EventEmitter<void>"
1412
- },
1413
- "description": "Emitted when the popover opens"
1414
- },
1415
- {
1416
- "name": "lePopoverClose",
1417
- "type": {
1418
- "text": "EventEmitter<void>"
1419
- },
1420
- "description": "Emitted when the popover closes"
1421
- }
1422
- ],
1326
+ "tagName": "le-component",
1327
+ "events": [],
1423
1328
  "customElement": true
1424
1329
  }
1425
1330
  ],
1426
1331
  "exports": [
1427
1332
  {
1428
1333
  "kind": "js",
1429
- "name": "LePopover",
1334
+ "name": "LeComponent",
1430
1335
  "declaration": {
1431
- "name": "LePopover",
1432
- "module": "src/components/le-popover/le-popover.tsx"
1336
+ "name": "LeComponent",
1337
+ "module": "src/components/le-component/le-component.tsx"
1433
1338
  }
1434
1339
  },
1435
1340
  {
1436
1341
  "kind": "custom-element-definition",
1437
- "name": "le-popover",
1342
+ "name": "le-component",
1438
1343
  "declaration": {
1439
- "name": "LePopover",
1440
- "module": "src/components/le-popover/le-popover.tsx"
1344
+ "name": "LeComponent",
1345
+ "module": "src/components/le-component/le-component.tsx"
1441
1346
  }
1442
1347
  }
1443
1348
  ]
1444
1349
  },
1445
1350
  {
1446
1351
  "kind": "javascript-module",
1447
- "path": "src/components/le-number-input/le-number-input.tsx",
1352
+ "path": "src/components/le-round-progress/le-round-progress.tsx",
1448
1353
  "declarations": [
1449
1354
  {
1450
1355
  "kind": "class",
1451
- "description": "A number input component with validation, keyboard controls, and custom spinners.",
1452
- "name": "LeNumberInput",
1453
- "cssProperties": [
1454
- {
1455
- "description": "Input background color",
1456
- "name": "--le-input-bg"
1457
- },
1458
- {
1459
- "description": "Input text color",
1460
- "name": "--le-input-color"
1461
- },
1462
- {
1463
- "description": "Input border style",
1464
- "name": "--le-input-border"
1465
- },
1466
- {
1467
- "description": "Input border style when focused",
1468
- "name": "--le-input-border-focus"
1469
- },
1470
- {
1471
- "description": "Input border style when invalid",
1472
- "name": "--le-input-border-error"
1473
- },
1474
- {
1475
- "description": "Input border radius",
1476
- "name": "--le-input-radius"
1477
- },
1478
- {
1479
- "description": "Input padding",
1480
- "name": "--le-input-padding"
1481
- }
1482
- ],
1483
- "slots": [
1484
- {
1485
- "description": "The label text for the input",
1486
- "name": ""
1487
- },
1488
- {
1489
- "description": "Additional description text displayed below the input",
1490
- "name": "description"
1491
- },
1492
- {
1493
- "description": "Icon to display at the start of the input",
1494
- "name": "icon-start"
1495
- }
1496
- ],
1356
+ "description": "",
1357
+ "name": "LeRoundProgress",
1497
1358
  "members": [
1498
1359
  {
1499
1360
  "kind": "field",
@@ -1508,321 +1369,529 @@
1508
1369
  "type": {
1509
1370
  "text": "number"
1510
1371
  },
1511
- "description": "The value of the input"
1372
+ "default": "0"
1512
1373
  },
1513
1374
  {
1514
- "kind": "field",
1515
- "name": "name",
1516
- "type": {
1517
- "text": "string"
1518
- },
1519
- "description": "The name of the input"
1375
+ "kind": "method",
1376
+ "name": "updateValue",
1377
+ "parameters": [
1378
+ {
1379
+ "name": "newValue",
1380
+ "type": {
1381
+ "text": "string"
1382
+ }
1383
+ }
1384
+ ]
1520
1385
  },
1521
1386
  {
1522
1387
  "kind": "field",
1523
- "name": "label",
1388
+ "name": "padding",
1524
1389
  "type": {
1525
- "text": "string"
1390
+ "text": "number"
1526
1391
  },
1527
- "description": "Label for the input"
1392
+ "default": "0"
1393
+ },
1394
+ {
1395
+ "kind": "method",
1396
+ "name": "updatePadding",
1397
+ "parameters": [
1398
+ {
1399
+ "name": "newValue",
1400
+ "type": {
1401
+ "text": "string"
1402
+ }
1403
+ }
1404
+ ]
1528
1405
  },
1529
1406
  {
1530
1407
  "kind": "field",
1531
- "name": "placeholder",
1408
+ "name": "paths",
1532
1409
  "type": {
1533
1410
  "text": "string"
1534
- },
1535
- "description": "Placeholder text"
1411
+ }
1536
1412
  },
1537
1413
  {
1538
- "kind": "field",
1539
- "name": "min",
1540
- "type": {
1541
- "text": "number | undefined"
1542
- },
1543
- "description": "Minimum allowed value"
1414
+ "kind": "method",
1415
+ "name": "updateProgressBackgrounds",
1416
+ "parameters": [
1417
+ {
1418
+ "name": "newValue",
1419
+ "type": {
1420
+ "text": "string"
1421
+ }
1422
+ }
1423
+ ]
1544
1424
  },
1545
1425
  {
1546
1426
  "kind": "field",
1547
- "name": "max",
1427
+ "name": "progressPaths",
1548
1428
  "type": {
1549
- "text": "number | undefined"
1550
- },
1551
- "description": "Maximum allowed value"
1429
+ "text": "any[]"
1430
+ }
1552
1431
  },
1553
1432
  {
1554
1433
  "kind": "field",
1555
- "name": "step",
1434
+ "name": "params",
1556
1435
  "type": {
1557
- "text": "number"
1558
- },
1559
- "default": "1",
1560
- "description": "Step value for increment/decrement"
1436
+ "text": "{\n width: number;\n diameter: number;\n circumference: number;\n }"
1437
+ }
1438
+ },
1439
+ {
1440
+ "kind": "method",
1441
+ "name": "calcParams"
1442
+ },
1443
+ {
1444
+ "kind": "method",
1445
+ "name": "getViewBox",
1446
+ "description": "Returns the viewPath attribute value for the SVG\nbased on the width of the parent element"
1447
+ },
1448
+ {
1449
+ "kind": "method",
1450
+ "name": "getPath",
1451
+ "description": "Returns the circular path for the progress stroke\nand additional paths in the background"
1452
+ },
1453
+ {
1454
+ "kind": "method",
1455
+ "name": "getStrokeDashArray"
1456
+ },
1457
+ {
1458
+ "kind": "method",
1459
+ "name": "getPaths"
1460
+ },
1461
+ {
1462
+ "kind": "method",
1463
+ "name": "render"
1464
+ }
1465
+ ],
1466
+ "attributes": [
1467
+ {
1468
+ "name": "value",
1469
+ "fieldName": "value",
1470
+ "default": "0",
1471
+ "type": {
1472
+ "text": "number"
1473
+ }
1474
+ },
1475
+ {
1476
+ "name": "padding",
1477
+ "fieldName": "padding",
1478
+ "default": "0",
1479
+ "type": {
1480
+ "text": "number"
1481
+ }
1482
+ },
1483
+ {
1484
+ "name": "paths",
1485
+ "fieldName": "paths",
1486
+ "type": {
1487
+ "text": "string"
1488
+ }
1489
+ }
1490
+ ],
1491
+ "tagName": "le-round-progress",
1492
+ "events": [],
1493
+ "customElement": true
1494
+ }
1495
+ ],
1496
+ "exports": [
1497
+ {
1498
+ "kind": "js",
1499
+ "name": "LeRoundProgress",
1500
+ "declaration": {
1501
+ "name": "LeRoundProgress",
1502
+ "module": "src/components/le-round-progress/le-round-progress.tsx"
1503
+ }
1504
+ },
1505
+ {
1506
+ "kind": "custom-element-definition",
1507
+ "name": "le-round-progress",
1508
+ "declaration": {
1509
+ "name": "LeRoundProgress",
1510
+ "module": "src/components/le-round-progress/le-round-progress.tsx"
1511
+ }
1512
+ }
1513
+ ]
1514
+ },
1515
+ {
1516
+ "kind": "javascript-module",
1517
+ "path": "src/components/le-popup/le-popup.tsx",
1518
+ "declarations": [
1519
+ {
1520
+ "kind": "class",
1521
+ "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().",
1522
+ "name": "LePopup",
1523
+ "slots": [
1524
+ {
1525
+ "description": "Default slot for custom body content",
1526
+ "name": ""
1527
+ },
1528
+ {
1529
+ "description": "Custom header content (replaces title)",
1530
+ "name": "header"
1561
1531
  },
1532
+ {
1533
+ "description": "Custom footer content (replaces default buttons)",
1534
+ "name": "footer"
1535
+ }
1536
+ ],
1537
+ "members": [
1562
1538
  {
1563
1539
  "kind": "field",
1564
- "name": "required",
1540
+ "name": "el",
1541
+ "type": {
1542
+ "text": "HTMLElement"
1543
+ }
1544
+ },
1545
+ {
1546
+ "kind": "field",
1547
+ "name": "open",
1565
1548
  "type": {
1566
1549
  "text": "boolean"
1567
1550
  },
1568
1551
  "default": "false",
1569
- "description": "Whether the input is required"
1552
+ "description": "Whether the popup is currently visible"
1570
1553
  },
1571
1554
  {
1572
1555
  "kind": "field",
1573
- "name": "disabled",
1556
+ "name": "type",
1574
1557
  "type": {
1575
- "text": "boolean"
1558
+ "text": "PopupType"
1576
1559
  },
1577
- "default": "false",
1578
- "description": "Whether the input is disabled"
1560
+ "default": "'alert'",
1561
+ "description": "Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom"
1579
1562
  },
1580
1563
  {
1581
1564
  "kind": "field",
1582
- "name": "readonly",
1565
+ "name": "popupTitle",
1583
1566
  "type": {
1584
- "text": "boolean"
1567
+ "text": "string | undefined"
1585
1568
  },
1586
- "default": "false",
1587
- "description": "Whether the input is read-only"
1569
+ "description": "Optional title for the popup header"
1588
1570
  },
1589
1571
  {
1590
1572
  "kind": "field",
1591
- "name": "iconStart",
1573
+ "name": "message",
1592
1574
  "type": {
1593
1575
  "text": "string | undefined"
1594
1576
  },
1595
- "description": "Icon for the start icon"
1577
+ "description": "Message text to display (for alert/confirm/prompt types)"
1596
1578
  },
1597
1579
  {
1598
1580
  "kind": "field",
1599
- "name": "showSpinners",
1581
+ "name": "modal",
1600
1582
  "type": {
1601
1583
  "text": "boolean"
1602
1584
  },
1603
1585
  "default": "true",
1604
- "description": "Whether to show the spinner controls"
1586
+ "description": "Whether the popup is modal (blocks interaction with page behind)"
1605
1587
  },
1606
1588
  {
1607
1589
  "kind": "field",
1608
- "name": "externalId",
1590
+ "name": "position",
1591
+ "type": {
1592
+ "text": "PopupPosition"
1593
+ },
1594
+ "default": "'center'",
1595
+ "description": "Position of the popup on screen"
1596
+ },
1597
+ {
1598
+ "kind": "field",
1599
+ "name": "confirmText",
1609
1600
  "type": {
1610
1601
  "text": "string"
1611
1602
  },
1612
- "description": "External ID for linking with external systems"
1603
+ "default": "'OK'",
1604
+ "description": "Text for the confirm/OK button"
1613
1605
  },
1614
1606
  {
1615
1607
  "kind": "field",
1616
- "name": "isValid",
1608
+ "name": "cancelText",
1609
+ "type": {
1610
+ "text": "string"
1611
+ },
1612
+ "default": "'Cancel'",
1613
+ "description": "Text for the cancel button"
1614
+ },
1615
+ {
1616
+ "kind": "field",
1617
+ "name": "placeholder",
1618
+ "type": {
1619
+ "text": "string"
1620
+ },
1621
+ "default": "''",
1622
+ "description": "Placeholder text for prompt input"
1623
+ },
1624
+ {
1625
+ "kind": "field",
1626
+ "name": "defaultValue",
1627
+ "type": {
1628
+ "text": "string"
1629
+ },
1630
+ "default": "''",
1631
+ "description": "Default value for prompt input"
1632
+ },
1633
+ {
1634
+ "kind": "field",
1635
+ "name": "closeOnBackdrop",
1617
1636
  "type": {
1618
1637
  "text": "boolean"
1619
1638
  },
1620
- "privacy": "private",
1621
1639
  "default": "true",
1622
- "description": "Internal validation state"
1640
+ "description": "Whether clicking the backdrop closes the popup (modal only)"
1623
1641
  },
1624
1642
  {
1625
1643
  "kind": "field",
1626
- "name": "validationMessage",
1644
+ "name": "inputValue",
1627
1645
  "type": {
1628
1646
  "text": "string"
1629
1647
  },
1630
- "privacy": "private",
1631
- "default": "''"
1648
+ "default": "''",
1649
+ "description": "Internal state for prompt input value"
1632
1650
  },
1633
1651
  {
1634
- "kind": "method",
1635
- "name": "valueChanged"
1652
+ "kind": "field",
1653
+ "name": "dialogEl",
1654
+ "type": {
1655
+ "text": "HTMLDialogElement | undefined"
1656
+ },
1657
+ "privacy": "private"
1636
1658
  },
1637
1659
  {
1638
- "kind": "method",
1639
- "name": "validate",
1660
+ "kind": "field",
1661
+ "name": "inputEl",
1662
+ "type": {
1663
+ "text": "HTMLInputElement | undefined"
1664
+ },
1640
1665
  "privacy": "private"
1641
1666
  },
1642
1667
  {
1643
- "kind": "method",
1644
- "name": "emitChange",
1668
+ "kind": "field",
1669
+ "name": "resolvePromise",
1670
+ "type": {
1671
+ "text": "(result: PopupResult) => void | undefined"
1672
+ },
1645
1673
  "privacy": "private"
1646
1674
  },
1647
1675
  {
1648
- "kind": "method",
1649
- "name": "emitInput",
1676
+ "kind": "field",
1677
+ "name": "handleDialogCancel",
1650
1678
  "privacy": "private"
1651
1679
  },
1652
1680
  {
1653
1681
  "kind": "method",
1654
- "name": "updateValue",
1655
- "privacy": "private",
1682
+ "name": "show",
1683
+ "return": {
1684
+ "type": {
1685
+ "text": "Promise<PopupResult>"
1686
+ }
1687
+ },
1688
+ "description": "Opens the popup and returns a promise that resolves when closed"
1689
+ },
1690
+ {
1691
+ "kind": "method",
1692
+ "name": "hide",
1656
1693
  "parameters": [
1657
1694
  {
1658
- "name": "newValue",
1695
+ "name": "confirmed",
1696
+ "default": "false",
1659
1697
  "type": {
1660
- "text": "number"
1698
+ "text": "boolean"
1661
1699
  }
1662
1700
  }
1663
- ]
1664
- },
1665
- {
1666
- "kind": "field",
1667
- "name": "handleInput",
1668
- "privacy": "private"
1701
+ ],
1702
+ "description": "Closes the popup with a result"
1669
1703
  },
1670
1704
  {
1671
1705
  "kind": "field",
1672
- "name": "handleChange",
1706
+ "name": "handleConfirm",
1673
1707
  "privacy": "private"
1674
1708
  },
1675
1709
  {
1676
1710
  "kind": "field",
1677
- "name": "handleKeyDown",
1711
+ "name": "handleCancel",
1678
1712
  "privacy": "private"
1679
1713
  },
1680
1714
  {
1681
1715
  "kind": "field",
1682
- "name": "handleWheel",
1716
+ "name": "handleBackdropClick",
1683
1717
  "privacy": "private"
1684
1718
  },
1685
1719
  {
1686
1720
  "kind": "field",
1687
- "name": "increment",
1721
+ "name": "handleInputChange",
1688
1722
  "privacy": "private"
1689
1723
  },
1690
1724
  {
1691
1725
  "kind": "field",
1692
- "name": "decrement",
1726
+ "name": "handleKeyDown",
1693
1727
  "privacy": "private"
1694
1728
  },
1695
1729
  {
1696
1730
  "kind": "method",
1697
- "name": "render"
1698
- }
1699
- ],
1700
- "attributes": [
1701
- {
1702
- "name": "value",
1703
- "fieldName": "value",
1704
- "description": "The value of the input",
1705
- "type": {
1706
- "text": "number"
1707
- }
1731
+ "name": "hasSlot",
1732
+ "privacy": "private",
1733
+ "return": {
1734
+ "type": {
1735
+ "text": "boolean"
1736
+ }
1737
+ },
1738
+ "parameters": [
1739
+ {
1740
+ "name": "name",
1741
+ "type": {
1742
+ "text": "string"
1743
+ }
1744
+ }
1745
+ ]
1708
1746
  },
1709
1747
  {
1710
- "name": "name",
1711
- "fieldName": "name",
1712
- "description": "The name of the input",
1748
+ "kind": "method",
1749
+ "name": "renderHeader",
1750
+ "privacy": "private"
1751
+ },
1752
+ {
1753
+ "kind": "method",
1754
+ "name": "renderBody",
1755
+ "privacy": "private"
1756
+ },
1757
+ {
1758
+ "kind": "method",
1759
+ "name": "renderFooter",
1760
+ "privacy": "private"
1761
+ },
1762
+ {
1763
+ "kind": "method",
1764
+ "name": "render"
1765
+ }
1766
+ ],
1767
+ "attributes": [
1768
+ {
1769
+ "name": "open",
1770
+ "fieldName": "open",
1771
+ "default": "false",
1772
+ "description": "Whether the popup is currently visible",
1713
1773
  "type": {
1714
- "text": "string"
1774
+ "text": "boolean"
1715
1775
  }
1716
1776
  },
1717
1777
  {
1718
- "name": "label",
1719
- "fieldName": "label",
1720
- "description": "Label for the input",
1778
+ "name": "type",
1779
+ "fieldName": "type",
1780
+ "default": "'alert'",
1781
+ "description": "Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom",
1721
1782
  "type": {
1722
- "text": "string"
1783
+ "text": "PopupType"
1723
1784
  }
1724
1785
  },
1725
1786
  {
1726
- "name": "placeholder",
1727
- "fieldName": "placeholder",
1728
- "description": "Placeholder text",
1787
+ "name": "popup-title",
1788
+ "fieldName": "popupTitle",
1789
+ "description": "Optional title for the popup header",
1729
1790
  "type": {
1730
1791
  "text": "string"
1731
1792
  }
1732
1793
  },
1733
1794
  {
1734
- "name": "min",
1735
- "fieldName": "min",
1736
- "description": "Minimum allowed value",
1795
+ "name": "message",
1796
+ "fieldName": "message",
1797
+ "description": "Message text to display (for alert/confirm/prompt types)",
1737
1798
  "type": {
1738
- "text": "number"
1799
+ "text": "string"
1739
1800
  }
1740
1801
  },
1741
1802
  {
1742
- "name": "max",
1743
- "fieldName": "max",
1744
- "description": "Maximum allowed value",
1803
+ "name": "modal",
1804
+ "fieldName": "modal",
1805
+ "default": "true",
1806
+ "description": "Whether the popup is modal (blocks interaction with page behind)",
1745
1807
  "type": {
1746
- "text": "number"
1808
+ "text": "boolean"
1747
1809
  }
1748
1810
  },
1749
1811
  {
1750
- "name": "step",
1751
- "fieldName": "step",
1752
- "default": "1",
1753
- "description": "Step value for increment/decrement",
1812
+ "name": "position",
1813
+ "fieldName": "position",
1814
+ "default": "'center'",
1815
+ "description": "Position of the popup on screen",
1754
1816
  "type": {
1755
- "text": "number"
1817
+ "text": "PopupPosition"
1756
1818
  }
1757
1819
  },
1758
1820
  {
1759
- "name": "required",
1760
- "fieldName": "required",
1761
- "default": "false",
1762
- "description": "Whether the input is required",
1821
+ "name": "confirm-text",
1822
+ "fieldName": "confirmText",
1823
+ "default": "'OK'",
1824
+ "description": "Text for the confirm/OK button",
1763
1825
  "type": {
1764
- "text": "boolean"
1826
+ "text": "string"
1765
1827
  }
1766
1828
  },
1767
1829
  {
1768
- "name": "disabled",
1769
- "fieldName": "disabled",
1770
- "default": "false",
1771
- "description": "Whether the input is disabled",
1830
+ "name": "cancel-text",
1831
+ "fieldName": "cancelText",
1832
+ "default": "'Cancel'",
1833
+ "description": "Text for the cancel button",
1772
1834
  "type": {
1773
- "text": "boolean"
1835
+ "text": "string"
1774
1836
  }
1775
1837
  },
1776
1838
  {
1777
- "name": "readonly",
1778
- "fieldName": "readonly",
1779
- "default": "false",
1780
- "description": "Whether the input is read-only",
1839
+ "name": "placeholder",
1840
+ "fieldName": "placeholder",
1841
+ "default": "''",
1842
+ "description": "Placeholder text for prompt input",
1781
1843
  "type": {
1782
- "text": "boolean"
1844
+ "text": "string"
1783
1845
  }
1784
1846
  },
1785
1847
  {
1786
- "name": "icon-start",
1787
- "fieldName": "iconStart",
1788
- "description": "Icon for the start icon",
1848
+ "name": "default-value",
1849
+ "fieldName": "defaultValue",
1850
+ "default": "''",
1851
+ "description": "Default value for prompt input",
1789
1852
  "type": {
1790
1853
  "text": "string"
1791
1854
  }
1792
1855
  },
1793
1856
  {
1794
- "name": "show-spinners",
1795
- "fieldName": "showSpinners",
1857
+ "name": "close-on-backdrop",
1858
+ "fieldName": "closeOnBackdrop",
1796
1859
  "default": "true",
1797
- "description": "Whether to show the spinner controls",
1860
+ "description": "Whether clicking the backdrop closes the popup (modal only)",
1798
1861
  "type": {
1799
1862
  "text": "boolean"
1800
1863
  }
1801
- },
1802
- {
1803
- "name": "external-id",
1804
- "fieldName": "externalId",
1805
- "description": "External ID for linking with external systems",
1806
- "type": {
1807
- "text": "string"
1808
- }
1809
1864
  }
1810
1865
  ],
1811
- "tagName": "le-number-input",
1866
+ "tagName": "le-popup",
1812
1867
  "events": [
1813
1868
  {
1814
- "name": "leChange",
1869
+ "name": "leConfirm",
1815
1870
  "type": {
1816
- "text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
1871
+ "text": "EventEmitter<PopupResult>"
1817
1872
  },
1818
- "description": "Emitted when the value changes (on blur or Enter)"
1873
+ "description": "Emitted when the popup is confirmed (OK clicked)"
1819
1874
  },
1820
1875
  {
1821
- "name": "leInput",
1876
+ "name": "leCancel",
1822
1877
  "type": {
1823
- "text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
1878
+ "text": "EventEmitter<PopupResult>"
1824
1879
  },
1825
- "description": "Emitted when the input value changes (on keystroke/spin)"
1880
+ "description": "Emitted when the popup is cancelled (Cancel clicked or dismissed)"
1881
+ },
1882
+ {
1883
+ "name": "leOpen",
1884
+ "type": {
1885
+ "text": "EventEmitter<void>"
1886
+ },
1887
+ "description": "Emitted when the popup opens"
1888
+ },
1889
+ {
1890
+ "name": "leClose",
1891
+ "type": {
1892
+ "text": "EventEmitter<PopupResult>"
1893
+ },
1894
+ "description": "Emitted when the popup closes"
1826
1895
  }
1827
1896
  ],
1828
1897
  "customElement": true
@@ -1831,42 +1900,38 @@
1831
1900
  "exports": [
1832
1901
  {
1833
1902
  "kind": "js",
1834
- "name": "LeNumberInput",
1903
+ "name": "LePopup",
1835
1904
  "declaration": {
1836
- "name": "LeNumberInput",
1837
- "module": "src/components/le-number-input/le-number-input.tsx"
1905
+ "name": "LePopup",
1906
+ "module": "src/components/le-popup/le-popup.tsx"
1838
1907
  }
1839
1908
  },
1840
1909
  {
1841
1910
  "kind": "custom-element-definition",
1842
- "name": "le-number-input",
1911
+ "name": "le-popup",
1843
1912
  "declaration": {
1844
- "name": "LeNumberInput",
1845
- "module": "src/components/le-number-input/le-number-input.tsx"
1913
+ "name": "LePopup",
1914
+ "module": "src/components/le-popup/le-popup.tsx"
1846
1915
  }
1847
1916
  }
1848
1917
  ]
1849
1918
  },
1850
1919
  {
1851
1920
  "kind": "javascript-module",
1852
- "path": "src/components/le-popup/le-popup.tsx",
1921
+ "path": "src/components/le-popover/le-popover.tsx",
1853
1922
  "declarations": [
1854
1923
  {
1855
1924
  "kind": "class",
1856
- "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().",
1857
- "name": "LePopup",
1925
+ "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.",
1926
+ "name": "LePopover",
1858
1927
  "slots": [
1859
1928
  {
1860
- "description": "Default slot for custom body content",
1929
+ "description": "Content to display inside the popover",
1861
1930
  "name": ""
1862
1931
  },
1863
1932
  {
1864
- "description": "Custom header content (replaces title)",
1865
- "name": "header"
1866
- },
1867
- {
1868
- "description": "Custom footer content (replaces default buttons)",
1869
- "name": "footer"
1933
+ "description": "Element that triggers the popover (optional)",
1934
+ "name": "trigger"
1870
1935
  }
1871
1936
  ],
1872
1937
  "members": [
@@ -1877,6 +1942,14 @@
1877
1942
  "text": "HTMLElement"
1878
1943
  }
1879
1944
  },
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
+ },
1880
1953
  {
1881
1954
  "kind": "field",
1882
1955
  "name": "open",
@@ -1884,214 +1957,207 @@
1884
1957
  "text": "boolean"
1885
1958
  },
1886
1959
  "default": "false",
1887
- "description": "Whether the popup is currently visible"
1960
+ "description": "Whether the popover is currently open"
1888
1961
  },
1889
1962
  {
1890
1963
  "kind": "field",
1891
- "name": "type",
1964
+ "name": "position",
1892
1965
  "type": {
1893
- "text": "PopupType"
1966
+ "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
1894
1967
  },
1895
- "default": "'alert'",
1896
- "description": "Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom"
1968
+ "default": "'bottom'",
1969
+ "description": "Position of the popover relative to its trigger"
1897
1970
  },
1898
1971
  {
1899
1972
  "kind": "field",
1900
- "name": "popupTitle",
1973
+ "name": "align",
1901
1974
  "type": {
1902
- "text": "string | undefined"
1975
+ "text": "'start' | 'center' | 'end'"
1903
1976
  },
1904
- "description": "Optional title for the popup header"
1977
+ "default": "'start'",
1978
+ "description": "Alignment of the popover"
1905
1979
  },
1906
1980
  {
1907
1981
  "kind": "field",
1908
- "name": "message",
1982
+ "name": "popoverTitle",
1909
1983
  "type": {
1910
1984
  "text": "string | undefined"
1911
1985
  },
1912
- "description": "Message text to display (for alert/confirm/prompt types)"
1986
+ "description": "Optional title for the popover header"
1913
1987
  },
1914
1988
  {
1915
1989
  "kind": "field",
1916
- "name": "modal",
1990
+ "name": "showClose",
1917
1991
  "type": {
1918
1992
  "text": "boolean"
1919
1993
  },
1920
1994
  "default": "true",
1921
- "description": "Whether the popup is modal (blocks interaction with page behind)"
1995
+ "description": "Whether to show a close button in the header"
1922
1996
  },
1923
1997
  {
1924
1998
  "kind": "field",
1925
- "name": "position",
1999
+ "name": "closeOnClickOutside",
1926
2000
  "type": {
1927
- "text": "PopupPosition"
2001
+ "text": "boolean"
1928
2002
  },
1929
- "default": "'center'",
1930
- "description": "Position of the popup on screen"
2003
+ "default": "true",
2004
+ "description": "Whether clicking outside closes the popover"
1931
2005
  },
1932
2006
  {
1933
2007
  "kind": "field",
1934
- "name": "confirmText",
2008
+ "name": "closeOnEscape",
1935
2009
  "type": {
1936
- "text": "string"
2010
+ "text": "boolean"
1937
2011
  },
1938
- "default": "'OK'",
1939
- "description": "Text for the confirm/OK button"
2012
+ "default": "true",
2013
+ "description": "Whether pressing Escape closes the popover"
1940
2014
  },
1941
2015
  {
1942
2016
  "kind": "field",
1943
- "name": "cancelText",
2017
+ "name": "offset",
1944
2018
  "type": {
1945
- "text": "string"
2019
+ "text": "number"
1946
2020
  },
1947
- "default": "'Cancel'",
1948
- "description": "Text for the cancel button"
2021
+ "default": "8",
2022
+ "description": "Offset from the trigger element (in pixels)"
1949
2023
  },
1950
2024
  {
1951
2025
  "kind": "field",
1952
- "name": "placeholder",
2026
+ "name": "width",
1953
2027
  "type": {
1954
- "text": "string"
2028
+ "text": "string | undefined"
1955
2029
  },
1956
- "default": "''",
1957
- "description": "Placeholder text for prompt input"
2030
+ "description": "Fixed width for the popover (e.g., '300px', '20rem')"
1958
2031
  },
1959
2032
  {
1960
2033
  "kind": "field",
1961
- "name": "defaultValue",
2034
+ "name": "minWidth",
1962
2035
  "type": {
1963
- "text": "string"
2036
+ "text": "string | undefined"
1964
2037
  },
1965
- "default": "''",
1966
- "description": "Default value for prompt input"
2038
+ "default": "'200px'",
2039
+ "description": "Minimum width for the popover (e.g., '200px', '15rem')"
1967
2040
  },
1968
2041
  {
1969
2042
  "kind": "field",
1970
- "name": "closeOnBackdrop",
2043
+ "name": "maxWidth",
1971
2044
  "type": {
1972
- "text": "boolean"
2045
+ "text": "string | undefined"
1973
2046
  },
1974
- "default": "true",
1975
- "description": "Whether clicking the backdrop closes the popup (modal only)"
2047
+ "description": "Maximum width for the popover (e.g., '400px', '25rem')"
1976
2048
  },
1977
2049
  {
1978
2050
  "kind": "field",
1979
- "name": "inputValue",
2051
+ "name": "isPositioned",
1980
2052
  "type": {
1981
- "text": "string"
2053
+ "text": "boolean"
1982
2054
  },
1983
- "default": "''",
1984
- "description": "Internal state for prompt input value"
2055
+ "privacy": "private",
2056
+ "default": "false"
1985
2057
  },
1986
2058
  {
1987
2059
  "kind": "field",
1988
- "name": "dialogEl",
2060
+ "name": "triggerEl",
1989
2061
  "type": {
1990
- "text": "HTMLDialogElement | undefined"
2062
+ "text": "HTMLElement | undefined"
1991
2063
  },
1992
2064
  "privacy": "private"
1993
2065
  },
1994
2066
  {
1995
2067
  "kind": "field",
1996
- "name": "inputEl",
2068
+ "name": "popoverEl",
1997
2069
  "type": {
1998
- "text": "HTMLInputElement | undefined"
2070
+ "text": "HTMLElement | undefined"
1999
2071
  },
2000
2072
  "privacy": "private"
2001
2073
  },
2002
2074
  {
2003
2075
  "kind": "field",
2004
- "name": "resolvePromise",
2076
+ "name": "uniqueId",
2005
2077
  "type": {
2006
- "text": "(result: PopupResult) => void | undefined"
2078
+ "text": "string"
2007
2079
  },
2008
- "privacy": "private"
2080
+ "privacy": "private",
2081
+ "default": "`le-popover-${Math.random().toString(36).substr(2, 9)}`"
2009
2082
  },
2010
2083
  {
2011
2084
  "kind": "field",
2012
- "name": "handleDialogCancel",
2013
- "privacy": "private"
2085
+ "name": "scrollParents",
2086
+ "type": {
2087
+ "text": "Element[]"
2088
+ },
2089
+ "privacy": "private",
2090
+ "default": "[]"
2014
2091
  },
2015
2092
  {
2016
2093
  "kind": "method",
2017
- "name": "show",
2094
+ "name": "getScrollParents",
2095
+ "privacy": "private",
2018
2096
  "return": {
2019
2097
  "type": {
2020
- "text": "Promise<PopupResult>"
2098
+ "text": "Element[]"
2021
2099
  }
2022
2100
  },
2023
- "description": "Opens the popup and returns a promise that resolves when closed"
2024
- },
2025
- {
2026
- "kind": "method",
2027
- "name": "hide",
2028
2101
  "parameters": [
2029
2102
  {
2030
- "name": "confirmed",
2031
- "default": "false",
2103
+ "name": "element",
2032
2104
  "type": {
2033
- "text": "boolean"
2105
+ "text": "Element"
2034
2106
  }
2035
2107
  }
2036
2108
  ],
2037
- "description": "Closes the popup with a result"
2109
+ "description": "Find all scrollable parent elements"
2038
2110
  },
2039
2111
  {
2040
- "kind": "field",
2041
- "name": "handleConfirm",
2042
- "privacy": "private"
2112
+ "kind": "method",
2113
+ "name": "addScrollListeners",
2114
+ "privacy": "private",
2115
+ "description": "Add scroll listeners to all scrollable parents"
2043
2116
  },
2044
2117
  {
2045
- "kind": "field",
2046
- "name": "handleCancel",
2047
- "privacy": "private"
2118
+ "kind": "method",
2119
+ "name": "removeScrollListeners",
2120
+ "privacy": "private",
2121
+ "description": "Remove scroll listeners"
2048
2122
  },
2049
2123
  {
2050
2124
  "kind": "field",
2051
- "name": "handleBackdropClick",
2125
+ "name": "handleScroll",
2052
2126
  "privacy": "private"
2053
2127
  },
2054
2128
  {
2055
2129
  "kind": "field",
2056
- "name": "handleInputChange",
2130
+ "name": "handlePopoverToggle",
2057
2131
  "privacy": "private"
2058
2132
  },
2059
2133
  {
2060
2134
  "kind": "field",
2061
- "name": "handleKeyDown",
2135
+ "name": "handleOtherPopoverOpen",
2062
2136
  "privacy": "private"
2063
2137
  },
2064
2138
  {
2065
2139
  "kind": "method",
2066
- "name": "hasSlot",
2067
- "privacy": "private",
2068
- "return": {
2069
- "type": {
2070
- "text": "boolean"
2071
- }
2072
- },
2073
- "parameters": [
2074
- {
2075
- "name": "name",
2076
- "type": {
2077
- "text": "string"
2078
- }
2079
- }
2080
- ]
2140
+ "name": "show",
2141
+ "description": "Opens the popover"
2081
2142
  },
2082
2143
  {
2083
2144
  "kind": "method",
2084
- "name": "renderHeader",
2085
- "privacy": "private"
2145
+ "name": "hide",
2146
+ "description": "Closes the popover"
2086
2147
  },
2087
2148
  {
2088
2149
  "kind": "method",
2089
- "name": "renderBody",
2150
+ "name": "toggle",
2151
+ "description": "Toggles the popover"
2152
+ },
2153
+ {
2154
+ "kind": "field",
2155
+ "name": "handleTriggerClick",
2090
2156
  "privacy": "private"
2091
2157
  },
2092
2158
  {
2093
2159
  "kind": "method",
2094
- "name": "renderFooter",
2160
+ "name": "updatePosition",
2095
2161
  "privacy": "private"
2096
2162
  },
2097
2163
  {
@@ -2100,133 +2166,126 @@
2100
2166
  }
2101
2167
  ],
2102
2168
  "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
+ },
2103
2177
  {
2104
2178
  "name": "open",
2105
2179
  "fieldName": "open",
2106
2180
  "default": "false",
2107
- "description": "Whether the popup is currently visible",
2181
+ "description": "Whether the popover is currently open",
2108
2182
  "type": {
2109
2183
  "text": "boolean"
2110
2184
  }
2111
2185
  },
2112
2186
  {
2113
- "name": "type",
2114
- "fieldName": "type",
2115
- "default": "'alert'",
2116
- "description": "Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom",
2187
+ "name": "position",
2188
+ "fieldName": "position",
2189
+ "default": "'bottom'",
2190
+ "description": "Position of the popover relative to its trigger",
2117
2191
  "type": {
2118
- "text": "PopupType"
2192
+ "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
2119
2193
  }
2120
2194
  },
2121
2195
  {
2122
- "name": "popup-title",
2123
- "fieldName": "popupTitle",
2124
- "description": "Optional title for the popup header",
2196
+ "name": "align",
2197
+ "fieldName": "align",
2198
+ "default": "'start'",
2199
+ "description": "Alignment of the popover",
2125
2200
  "type": {
2126
- "text": "string"
2201
+ "text": "'start' | 'center' | 'end'"
2127
2202
  }
2128
2203
  },
2129
2204
  {
2130
- "name": "message",
2131
- "fieldName": "message",
2132
- "description": "Message text to display (for alert/confirm/prompt types)",
2205
+ "name": "popover-title",
2206
+ "fieldName": "popoverTitle",
2207
+ "description": "Optional title for the popover header",
2133
2208
  "type": {
2134
2209
  "text": "string"
2135
2210
  }
2136
2211
  },
2137
2212
  {
2138
- "name": "modal",
2139
- "fieldName": "modal",
2213
+ "name": "show-close",
2214
+ "fieldName": "showClose",
2140
2215
  "default": "true",
2141
- "description": "Whether the popup is modal (blocks interaction with page behind)",
2216
+ "description": "Whether to show a close button in the header",
2142
2217
  "type": {
2143
2218
  "text": "boolean"
2144
2219
  }
2145
2220
  },
2146
2221
  {
2147
- "name": "position",
2148
- "fieldName": "position",
2149
- "default": "'center'",
2150
- "description": "Position of the popup on screen",
2222
+ "name": "close-on-click-outside",
2223
+ "fieldName": "closeOnClickOutside",
2224
+ "default": "true",
2225
+ "description": "Whether clicking outside closes the popover",
2151
2226
  "type": {
2152
- "text": "PopupPosition"
2227
+ "text": "boolean"
2153
2228
  }
2154
2229
  },
2155
2230
  {
2156
- "name": "confirm-text",
2157
- "fieldName": "confirmText",
2158
- "default": "'OK'",
2159
- "description": "Text for the confirm/OK button",
2231
+ "name": "close-on-escape",
2232
+ "fieldName": "closeOnEscape",
2233
+ "default": "true",
2234
+ "description": "Whether pressing Escape closes the popover",
2160
2235
  "type": {
2161
- "text": "string"
2236
+ "text": "boolean"
2162
2237
  }
2163
2238
  },
2164
2239
  {
2165
- "name": "cancel-text",
2166
- "fieldName": "cancelText",
2167
- "default": "'Cancel'",
2168
- "description": "Text for the cancel button",
2240
+ "name": "offset",
2241
+ "fieldName": "offset",
2242
+ "default": "8",
2243
+ "description": "Offset from the trigger element (in pixels)",
2169
2244
  "type": {
2170
- "text": "string"
2245
+ "text": "number"
2171
2246
  }
2172
2247
  },
2173
2248
  {
2174
- "name": "placeholder",
2175
- "fieldName": "placeholder",
2176
- "default": "''",
2177
- "description": "Placeholder text for prompt input",
2249
+ "name": "width",
2250
+ "fieldName": "width",
2251
+ "description": "Fixed width for the popover (e.g., '300px', '20rem')",
2178
2252
  "type": {
2179
2253
  "text": "string"
2180
2254
  }
2181
2255
  },
2182
2256
  {
2183
- "name": "default-value",
2184
- "fieldName": "defaultValue",
2185
- "default": "''",
2186
- "description": "Default value for prompt input",
2257
+ "name": "min-width",
2258
+ "fieldName": "minWidth",
2259
+ "default": "'200px'",
2260
+ "description": "Minimum width for the popover (e.g., '200px', '15rem')",
2187
2261
  "type": {
2188
2262
  "text": "string"
2189
2263
  }
2190
2264
  },
2191
2265
  {
2192
- "name": "close-on-backdrop",
2193
- "fieldName": "closeOnBackdrop",
2194
- "default": "true",
2195
- "description": "Whether clicking the backdrop closes the popup (modal only)",
2266
+ "name": "max-width",
2267
+ "fieldName": "maxWidth",
2268
+ "description": "Maximum width for the popover (e.g., '400px', '25rem')",
2196
2269
  "type": {
2197
- "text": "boolean"
2270
+ "text": "string"
2198
2271
  }
2199
2272
  }
2200
2273
  ],
2201
- "tagName": "le-popup",
2274
+ "tagName": "le-popover",
2202
2275
  "events": [
2203
2276
  {
2204
- "name": "leConfirm",
2205
- "type": {
2206
- "text": "EventEmitter<PopupResult>"
2207
- },
2208
- "description": "Emitted when the popup is confirmed (OK clicked)"
2209
- },
2210
- {
2211
- "name": "leCancel",
2212
- "type": {
2213
- "text": "EventEmitter<PopupResult>"
2214
- },
2215
- "description": "Emitted when the popup is cancelled (Cancel clicked or dismissed)"
2216
- },
2217
- {
2218
- "name": "leOpen",
2277
+ "name": "lePopoverOpen",
2219
2278
  "type": {
2220
2279
  "text": "EventEmitter<void>"
2221
2280
  },
2222
- "description": "Emitted when the popup opens"
2281
+ "description": "Emitted when the popover opens"
2223
2282
  },
2224
2283
  {
2225
- "name": "leClose",
2284
+ "name": "lePopoverClose",
2226
2285
  "type": {
2227
- "text": "EventEmitter<PopupResult>"
2286
+ "text": "EventEmitter<void>"
2228
2287
  },
2229
- "description": "Emitted when the popup closes"
2288
+ "description": "Emitted when the popover closes"
2230
2289
  }
2231
2290
  ],
2232
2291
  "customElement": true
@@ -2235,333 +2294,72 @@
2235
2294
  "exports": [
2236
2295
  {
2237
2296
  "kind": "js",
2238
- "name": "LePopup",
2297
+ "name": "LePopover",
2239
2298
  "declaration": {
2240
- "name": "LePopup",
2241
- "module": "src/components/le-popup/le-popup.tsx"
2299
+ "name": "LePopover",
2300
+ "module": "src/components/le-popover/le-popover.tsx"
2242
2301
  }
2243
2302
  },
2244
2303
  {
2245
2304
  "kind": "custom-element-definition",
2246
- "name": "le-popup",
2305
+ "name": "le-popover",
2247
2306
  "declaration": {
2248
- "name": "LePopup",
2249
- "module": "src/components/le-popup/le-popup.tsx"
2307
+ "name": "LePopover",
2308
+ "module": "src/components/le-popover/le-popover.tsx"
2250
2309
  }
2251
2310
  }
2252
2311
  ]
2253
2312
  },
2254
2313
  {
2255
2314
  "kind": "javascript-module",
2256
- "path": "src/components/le-component/le-component.tsx",
2315
+ "path": "src/components/le-number-input/le-number-input.tsx",
2257
2316
  "declarations": [
2258
2317
  {
2259
2318
  "kind": "class",
2260
- "description": "Component wrapper for admin mode editing.\n\nThis component is used internally by other components to provide admin-mode\nediting capabilities. It wraps the component's rendered output and shows\na settings popover for editing properties.\n\nIn default mode, it acts as a simple passthrough (display: contents).\nIn admin mode, it shows a border, component name header, and settings popover.\n\nThe host element is found automatically by traversing up through the shadow DOM.\n\nUsage inside a component's render method:\n```tsx\nrender() {\n return (\n <le-component component=\"le-card\">\n <Host>...</Host>\n </le-component>\n );\n}\n```",
2261
- "name": "LeComponent",
2262
- "slots": [
2263
- {
2264
- "description": "The component's rendered content",
2265
- "name": ""
2266
- }
2267
- ],
2268
- "members": [
2269
- {
2270
- "kind": "field",
2271
- "name": "el",
2272
- "type": {
2273
- "text": "HTMLElement"
2274
- }
2275
- },
2276
- {
2277
- "kind": "field",
2278
- "name": "component",
2279
- "type": {
2280
- "text": "string"
2281
- },
2282
- "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name."
2283
- },
2284
- {
2285
- "kind": "field",
2286
- "name": "displayName",
2287
- "type": {
2288
- "text": "string | undefined"
2289
- },
2290
- "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name."
2291
- },
2292
- {
2293
- "kind": "field",
2294
- "name": "hostClass",
2295
- "type": {
2296
- "text": "string | undefined"
2297
- },
2298
- "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes."
2299
- },
2300
- {
2301
- "kind": "field",
2302
- "name": "hostStyle",
2303
- "type": {
2304
- "text": "{ [key: string]: string } | undefined"
2305
- },
2306
- "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties)."
2307
- },
2308
- {
2309
- "kind": "field",
2310
- "name": "hostElement",
2311
- "type": {
2312
- "text": "HTMLElement | undefined"
2313
- },
2314
- "privacy": "private",
2315
- "description": "Reference to the host element (found automatically from parent)"
2316
- },
2317
- {
2318
- "kind": "field",
2319
- "name": "adminMode",
2320
- "type": {
2321
- "text": "boolean"
2322
- },
2323
- "privacy": "private",
2324
- "default": "false",
2325
- "description": "Internal state to track admin mode"
2326
- },
2327
- {
2328
- "kind": "field",
2329
- "name": "componentMeta",
2330
- "type": {
2331
- "text": "ComponentMetadata | null"
2332
- },
2333
- "privacy": "private",
2334
- "default": "null",
2335
- "description": "Component metadata loaded from Custom Elements Manifest"
2336
- },
2337
- {
2338
- "kind": "field",
2339
- "name": "propertyValues",
2340
- "type": {
2341
- "text": "Record<string, any>"
2342
- },
2343
- "privacy": "private",
2344
- "default": "{}",
2345
- "description": "Current property values of the host component"
2346
- },
2347
- {
2348
- "kind": "field",
2349
- "name": "disconnectModeObserver",
2350
- "type": {
2351
- "text": "() => void | undefined"
2352
- },
2353
- "privacy": "private"
2354
- },
2355
- {
2356
- "kind": "method",
2357
- "name": "findHostElement",
2358
- "privacy": "private",
2359
- "description": "Find the host element by traversing up through shadow DOM"
2360
- },
2361
- {
2362
- "kind": "method",
2363
- "name": "formatDisplayName",
2364
- "privacy": "private",
2365
- "return": {
2366
- "type": {
2367
- "text": "string"
2368
- }
2369
- },
2370
- "parameters": [
2371
- {
2372
- "name": "tagName",
2373
- "type": {
2374
- "text": "string"
2375
- }
2376
- }
2377
- ],
2378
- "description": "Formats a tag name into a display name\ne.g., 'le-card' -> 'Card'"
2379
- },
2380
- {
2381
- "kind": "method",
2382
- "name": "loadComponentMetadata",
2383
- "privacy": "private",
2384
- "description": "Load component metadata from the Custom Elements Manifest"
2385
- },
2386
- {
2387
- "kind": "method",
2388
- "name": "isInternalAttribute",
2389
- "privacy": "private",
2390
- "return": {
2391
- "type": {
2392
- "text": "boolean"
2393
- }
2394
- },
2395
- "parameters": [
2396
- {
2397
- "name": "name",
2398
- "type": {
2399
- "text": "string"
2400
- }
2401
- }
2402
- ],
2403
- "description": "Check if an attribute is internal (should not be shown in editor)"
2404
- },
2319
+ "description": "A number input component with validation, keyboard controls, and custom spinners.",
2320
+ "name": "LeNumberInput",
2321
+ "cssProperties": [
2405
2322
  {
2406
- "kind": "method",
2407
- "name": "readPropertyValues",
2408
- "privacy": "private",
2409
- "description": "Read current property values from the host element"
2323
+ "description": "Input background color",
2324
+ "name": "--le-input-bg"
2410
2325
  },
2411
2326
  {
2412
- "kind": "method",
2413
- "name": "parseAttributeValue",
2414
- "privacy": "private",
2415
- "return": {
2416
- "type": {
2417
- "text": "any"
2418
- }
2419
- },
2420
- "parameters": [
2421
- {
2422
- "name": "value",
2423
- "type": {
2424
- "text": "string | null"
2425
- }
2426
- },
2427
- {
2428
- "name": "type",
2429
- "optional": true,
2430
- "type": {
2431
- "text": "string"
2432
- }
2433
- }
2434
- ],
2435
- "description": "Parse an attribute value based on its type"
2327
+ "description": "Input text color",
2328
+ "name": "--le-input-color"
2436
2329
  },
2437
2330
  {
2438
- "kind": "method",
2439
- "name": "handlePropertyChange",
2440
- "privacy": "private",
2441
- "parameters": [
2442
- {
2443
- "name": "attrName",
2444
- "type": {
2445
- "text": "string"
2446
- }
2447
- },
2448
- {
2449
- "name": "value",
2450
- "type": {
2451
- "text": "any"
2452
- }
2453
- },
2454
- {
2455
- "name": "type",
2456
- "optional": true,
2457
- "type": {
2458
- "text": "string"
2459
- }
2460
- }
2461
- ],
2462
- "description": "Handle property value changes from the editor"
2331
+ "description": "Input border style",
2332
+ "name": "--le-input-border"
2463
2333
  },
2464
2334
  {
2465
- "kind": "method",
2466
- "name": "deleteComponent",
2467
- "privacy": "private",
2468
- "description": "Delete this component from the DOM"
2335
+ "description": "Input border style when focused",
2336
+ "name": "--le-input-border-focus"
2469
2337
  },
2470
2338
  {
2471
- "kind": "method",
2472
- "name": "renderPropertyEditor",
2473
- "privacy": "private",
2474
- "description": "Render the property editor form"
2339
+ "description": "Input border style when invalid",
2340
+ "name": "--le-input-border-error"
2475
2341
  },
2476
2342
  {
2477
- "kind": "method",
2478
- "name": "renderPropertyField",
2479
- "privacy": "private",
2480
- "parameters": [
2481
- {
2482
- "name": "attr",
2483
- "type": {
2484
- "text": "AttributeMetadata"
2485
- }
2486
- }
2487
- ],
2488
- "description": "Render a single property field based on its type"
2343
+ "description": "Input border radius",
2344
+ "name": "--le-input-radius"
2489
2345
  },
2490
2346
  {
2491
- "kind": "method",
2492
- "name": "render"
2347
+ "description": "Input padding",
2348
+ "name": "--le-input-padding"
2493
2349
  }
2494
2350
  ],
2495
- "attributes": [
2496
- {
2497
- "name": "component",
2498
- "fieldName": "component",
2499
- "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name.",
2500
- "type": {
2501
- "text": "string"
2502
- }
2503
- },
2351
+ "slots": [
2504
2352
  {
2505
- "name": "display-name",
2506
- "fieldName": "displayName",
2507
- "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name.",
2508
- "type": {
2509
- "text": "string"
2510
- }
2353
+ "description": "The label text for the input",
2354
+ "name": ""
2511
2355
  },
2512
2356
  {
2513
- "name": "host-class",
2514
- "fieldName": "hostClass",
2515
- "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes.",
2516
- "type": {
2517
- "text": "string"
2518
- }
2357
+ "description": "Additional description text displayed below the input",
2358
+ "name": "description"
2519
2359
  },
2520
2360
  {
2521
- "name": "host-style",
2522
- "fieldName": "hostStyle",
2523
- "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties).",
2524
- "type": {
2525
- "text": "{ [key: string]: string }"
2526
- }
2527
- }
2528
- ],
2529
- "tagName": "le-component",
2530
- "events": [],
2531
- "customElement": true
2532
- }
2533
- ],
2534
- "exports": [
2535
- {
2536
- "kind": "js",
2537
- "name": "LeComponent",
2538
- "declaration": {
2539
- "name": "LeComponent",
2540
- "module": "src/components/le-component/le-component.tsx"
2541
- }
2542
- },
2543
- {
2544
- "kind": "custom-element-definition",
2545
- "name": "le-component",
2546
- "declaration": {
2547
- "name": "LeComponent",
2548
- "module": "src/components/le-component/le-component.tsx"
2549
- }
2550
- }
2551
- ]
2552
- },
2553
- {
2554
- "kind": "javascript-module",
2555
- "path": "src/components/le-slot/le-slot.tsx",
2556
- "declarations": [
2557
- {
2558
- "kind": "class",
2559
- "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.",
2560
- "name": "LeSlot",
2561
- "slots": [
2562
- {
2563
- "description": "Default slot for placeholder content or drop zone UI",
2564
- "name": ""
2361
+ "description": "Icon to display at the start of the input",
2362
+ "name": "icon-start"
2565
2363
  }
2566
2364
  ],
2567
2365
  "members": [
@@ -2574,280 +2372,212 @@
2574
2372
  },
2575
2373
  {
2576
2374
  "kind": "field",
2577
- "name": "type",
2578
- "type": {
2579
- "text": "'slot' | 'text' | 'textarea'"
2580
- },
2581
- "default": "'slot'",
2582
- "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"
2583
- },
2584
- {
2585
- "kind": "field",
2586
- "name": "name",
2375
+ "name": "value",
2587
2376
  "type": {
2588
- "text": "string"
2589
- },
2590
- "default": "''",
2591
- "description": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component."
2377
+ "text": "number"
2378
+ },
2379
+ "description": "The value of the input"
2592
2380
  },
2593
2381
  {
2594
2382
  "kind": "field",
2595
- "name": "label",
2383
+ "name": "name",
2596
2384
  "type": {
2597
- "text": "string | undefined"
2385
+ "text": "string"
2598
2386
  },
2599
- "description": "Label to display in admin mode.\nIf not provided, the slot name will be used."
2387
+ "description": "The name of the input"
2600
2388
  },
2601
2389
  {
2602
2390
  "kind": "field",
2603
- "name": "description",
2391
+ "name": "label",
2604
2392
  "type": {
2605
- "text": "string | undefined"
2393
+ "text": "string"
2606
2394
  },
2607
- "description": "Description of what content this slot accepts.\nShown in admin mode to guide content editors."
2395
+ "description": "Label for the input"
2608
2396
  },
2609
2397
  {
2610
2398
  "kind": "field",
2611
- "name": "allowedComponents",
2399
+ "name": "placeholder",
2612
2400
  "type": {
2613
- "text": "string | undefined"
2401
+ "text": "string"
2614
2402
  },
2615
- "description": "Comma-separated list of allowed component tags for this slot.\nUsed by CMS to filter available components."
2403
+ "description": "Placeholder text"
2616
2404
  },
2617
2405
  {
2618
2406
  "kind": "field",
2619
- "name": "multiple",
2407
+ "name": "min",
2620
2408
  "type": {
2621
- "text": "boolean"
2409
+ "text": "number | undefined"
2622
2410
  },
2623
- "default": "true",
2624
- "description": "Whether multiple components can be dropped in this slot."
2411
+ "description": "Minimum allowed value"
2625
2412
  },
2626
2413
  {
2627
2414
  "kind": "field",
2628
- "name": "required",
2415
+ "name": "max",
2629
2416
  "type": {
2630
- "text": "boolean"
2417
+ "text": "number | undefined"
2631
2418
  },
2632
- "default": "false",
2633
- "description": "Whether this slot is required to have content."
2419
+ "description": "Maximum allowed value"
2634
2420
  },
2635
2421
  {
2636
2422
  "kind": "field",
2637
- "name": "placeholder",
2423
+ "name": "step",
2638
2424
  "type": {
2639
- "text": "string | undefined"
2425
+ "text": "number"
2640
2426
  },
2641
- "description": "Placeholder text for text/textarea inputs in admin mode."
2427
+ "default": "1",
2428
+ "description": "Step value for increment/decrement"
2642
2429
  },
2643
2430
  {
2644
2431
  "kind": "field",
2645
- "name": "tag",
2432
+ "name": "required",
2646
2433
  "type": {
2647
- "text": "string | undefined"
2434
+ "text": "boolean"
2648
2435
  },
2649
- "description": "The HTML tag to create when there's no slotted element.\nUsed with type=\"text\" or type=\"textarea\" to auto-create elements."
2436
+ "default": "false",
2437
+ "description": "Whether the input is required"
2650
2438
  },
2651
2439
  {
2652
2440
  "kind": "field",
2653
- "name": "slotStyle",
2441
+ "name": "disabled",
2654
2442
  "type": {
2655
- "text": "string | undefined"
2443
+ "text": "boolean"
2656
2444
  },
2657
- "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\"."
2445
+ "default": "false",
2446
+ "description": "Whether the input is disabled"
2658
2447
  },
2659
2448
  {
2660
2449
  "kind": "field",
2661
- "name": "adminMode",
2450
+ "name": "readonly",
2662
2451
  "type": {
2663
2452
  "text": "boolean"
2664
2453
  },
2665
- "privacy": "private",
2666
2454
  "default": "false",
2667
- "description": "Internal state to track admin mode"
2455
+ "description": "Whether the input is read-only"
2668
2456
  },
2669
2457
  {
2670
2458
  "kind": "field",
2671
- "name": "textValue",
2459
+ "name": "iconStart",
2672
2460
  "type": {
2673
- "text": "string"
2461
+ "text": "string | undefined"
2674
2462
  },
2675
- "privacy": "private",
2676
- "default": "''",
2677
- "description": "Internal state for text input value (synced from slot content)"
2463
+ "description": "Icon for the start icon"
2678
2464
  },
2679
2465
  {
2680
2466
  "kind": "field",
2681
- "name": "isValidHtml",
2467
+ "name": "showSpinners",
2682
2468
  "type": {
2683
2469
  "text": "boolean"
2684
2470
  },
2685
- "privacy": "private",
2686
2471
  "default": "true",
2687
- "description": "Whether the current textValue contains valid HTML"
2472
+ "description": "Whether to show the spinner controls"
2688
2473
  },
2689
2474
  {
2690
2475
  "kind": "field",
2691
- "name": "availableComponents",
2476
+ "name": "externalId",
2692
2477
  "type": {
2693
- "text": "ComponentInfo[]"
2478
+ "text": "string"
2694
2479
  },
2695
- "privacy": "private",
2696
- "default": "[]",
2697
- "description": "Available components loaded from Custom Elements Manifest"
2480
+ "description": "External ID for linking with external systems"
2698
2481
  },
2699
2482
  {
2700
2483
  "kind": "field",
2701
- "name": "pickerOpen",
2484
+ "name": "isValid",
2702
2485
  "type": {
2703
2486
  "text": "boolean"
2704
2487
  },
2705
2488
  "privacy": "private",
2706
- "default": "false",
2707
- "description": "Whether the component picker popover is open"
2489
+ "default": "true",
2490
+ "description": "Internal validation state"
2708
2491
  },
2709
2492
  {
2710
2493
  "kind": "field",
2711
- "name": "slotRef",
2494
+ "name": "validationMessage",
2712
2495
  "type": {
2713
- "text": "HTMLSlotElement | undefined"
2496
+ "text": "string"
2714
2497
  },
2715
2498
  "privacy": "private",
2716
- "description": "Reference to the slot element to access assignedNodes"
2499
+ "default": "''"
2717
2500
  },
2718
2501
  {
2719
- "kind": "field",
2720
- "name": "slottedElement",
2721
- "type": {
2722
- "text": "Element | undefined"
2723
- },
2724
- "privacy": "private",
2725
- "description": "The original slotted element (e.g., <h3 slot=\"header\">)"
2502
+ "kind": "method",
2503
+ "name": "valueChanged"
2726
2504
  },
2727
2505
  {
2728
- "kind": "field",
2729
- "name": "disconnectModeObserver",
2730
- "type": {
2731
- "text": "() => void | undefined"
2732
- },
2506
+ "kind": "method",
2507
+ "name": "validate",
2733
2508
  "privacy": "private"
2734
2509
  },
2735
2510
  {
2736
- "kind": "field",
2737
- "name": "isUpdating",
2738
- "type": {
2739
- "text": "boolean"
2740
- },
2741
- "privacy": "private",
2742
- "default": "false",
2743
- "description": "Flag to prevent re-reading content right after we updated it"
2511
+ "kind": "method",
2512
+ "name": "emitChange",
2513
+ "privacy": "private"
2744
2514
  },
2745
2515
  {
2746
2516
  "kind": "method",
2747
- "name": "readSlottedContent",
2748
- "privacy": "private",
2749
- "description": "Read content from slotted elements via assignedNodes()"
2517
+ "name": "emitInput",
2518
+ "privacy": "private"
2750
2519
  },
2751
2520
  {
2752
2521
  "kind": "method",
2753
- "name": "validateHtml",
2522
+ "name": "updateValue",
2754
2523
  "privacy": "private",
2755
- "return": {
2756
- "type": {
2757
- "text": "boolean"
2758
- }
2759
- },
2760
2524
  "parameters": [
2761
2525
  {
2762
- "name": "html",
2526
+ "name": "newValue",
2763
2527
  "type": {
2764
- "text": "string"
2528
+ "text": "number"
2765
2529
  }
2766
2530
  }
2767
- ],
2768
- "description": "Validates if a string contains valid HTML"
2531
+ ]
2769
2532
  },
2770
2533
  {
2771
2534
  "kind": "field",
2772
- "name": "handleTextInput",
2535
+ "name": "handleInput",
2773
2536
  "privacy": "private"
2774
2537
  },
2775
2538
  {
2776
- "kind": "method",
2777
- "name": "createSlottedElement",
2778
- "privacy": "private",
2779
- "description": "Create a new slotted element when none exists.\nThe element is appended to the host component's light DOM."
2539
+ "kind": "field",
2540
+ "name": "handleChange",
2541
+ "privacy": "private"
2780
2542
  },
2781
2543
  {
2782
- "kind": "method",
2783
- "name": "loadAvailableComponents",
2784
- "privacy": "private",
2785
- "description": "Load available components from Custom Elements Manifest"
2544
+ "kind": "field",
2545
+ "name": "handleKeyDown",
2546
+ "privacy": "private"
2786
2547
  },
2787
2548
  {
2788
- "kind": "method",
2789
- "name": "formatComponentName",
2790
- "privacy": "private",
2791
- "return": {
2792
- "type": {
2793
- "text": "string"
2794
- }
2795
- },
2796
- "parameters": [
2797
- {
2798
- "name": "tagName",
2799
- "type": {
2800
- "text": "string"
2801
- }
2802
- }
2803
- ],
2804
- "description": "Format a tag name into a display name\ne.g., 'le-card' -> 'Card'"
2549
+ "kind": "field",
2550
+ "name": "handleWheel",
2551
+ "privacy": "private"
2805
2552
  },
2806
2553
  {
2807
- "kind": "method",
2808
- "name": "addComponent",
2809
- "privacy": "private",
2810
- "parameters": [
2811
- {
2812
- "name": "tagName",
2813
- "type": {
2814
- "text": "string"
2815
- }
2816
- }
2817
- ],
2818
- "description": "Add a new component to the slot"
2554
+ "kind": "field",
2555
+ "name": "increment",
2556
+ "privacy": "private"
2819
2557
  },
2820
2558
  {
2821
2559
  "kind": "field",
2822
- "name": "handleSlotChange",
2823
- "privacy": "private",
2824
- "description": "Handle slot change event to re-read content when nodes are assigned"
2560
+ "name": "decrement",
2561
+ "privacy": "private"
2825
2562
  },
2826
2563
  {
2827
2564
  "kind": "method",
2828
2565
  "name": "render"
2829
- },
2830
- {
2831
- "kind": "method",
2832
- "name": "renderContent",
2833
- "privacy": "private"
2834
2566
  }
2835
2567
  ],
2836
2568
  "attributes": [
2837
2569
  {
2838
- "name": "type",
2839
- "fieldName": "type",
2840
- "default": "'slot'",
2841
- "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",
2570
+ "name": "value",
2571
+ "fieldName": "value",
2572
+ "description": "The value of the input",
2842
2573
  "type": {
2843
- "text": "'slot' | 'text' | 'textarea'"
2574
+ "text": "number"
2844
2575
  }
2845
2576
  },
2846
2577
  {
2847
2578
  "name": "name",
2848
2579
  "fieldName": "name",
2849
- "default": "''",
2850
- "description": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component.",
2580
+ "description": "The name of the input",
2851
2581
  "type": {
2852
2582
  "text": "string"
2853
2583
  }
@@ -2855,78 +2585,112 @@
2855
2585
  {
2856
2586
  "name": "label",
2857
2587
  "fieldName": "label",
2858
- "description": "Label to display in admin mode.\nIf not provided, the slot name will be used.",
2588
+ "description": "Label for the input",
2859
2589
  "type": {
2860
2590
  "text": "string"
2861
2591
  }
2862
2592
  },
2863
2593
  {
2864
- "name": "description",
2865
- "fieldName": "description",
2866
- "description": "Description of what content this slot accepts.\nShown in admin mode to guide content editors.",
2594
+ "name": "placeholder",
2595
+ "fieldName": "placeholder",
2596
+ "description": "Placeholder text",
2867
2597
  "type": {
2868
2598
  "text": "string"
2869
2599
  }
2870
2600
  },
2871
2601
  {
2872
- "name": "allowed-components",
2873
- "fieldName": "allowedComponents",
2874
- "description": "Comma-separated list of allowed component tags for this slot.\nUsed by CMS to filter available components.",
2602
+ "name": "min",
2603
+ "fieldName": "min",
2604
+ "description": "Minimum allowed value",
2875
2605
  "type": {
2876
- "text": "string"
2606
+ "text": "number"
2877
2607
  }
2878
2608
  },
2879
2609
  {
2880
- "name": "multiple",
2881
- "fieldName": "multiple",
2882
- "default": "true",
2883
- "description": "Whether multiple components can be dropped in this slot.",
2610
+ "name": "max",
2611
+ "fieldName": "max",
2612
+ "description": "Maximum allowed value",
2613
+ "type": {
2614
+ "text": "number"
2615
+ }
2616
+ },
2617
+ {
2618
+ "name": "step",
2619
+ "fieldName": "step",
2620
+ "default": "1",
2621
+ "description": "Step value for increment/decrement",
2622
+ "type": {
2623
+ "text": "number"
2624
+ }
2625
+ },
2626
+ {
2627
+ "name": "required",
2628
+ "fieldName": "required",
2629
+ "default": "false",
2630
+ "description": "Whether the input is required",
2631
+ "type": {
2632
+ "text": "boolean"
2633
+ }
2634
+ },
2635
+ {
2636
+ "name": "disabled",
2637
+ "fieldName": "disabled",
2638
+ "default": "false",
2639
+ "description": "Whether the input is disabled",
2884
2640
  "type": {
2885
2641
  "text": "boolean"
2886
2642
  }
2887
2643
  },
2888
2644
  {
2889
- "name": "required",
2890
- "fieldName": "required",
2645
+ "name": "readonly",
2646
+ "fieldName": "readonly",
2891
2647
  "default": "false",
2892
- "description": "Whether this slot is required to have content.",
2648
+ "description": "Whether the input is read-only",
2893
2649
  "type": {
2894
2650
  "text": "boolean"
2895
2651
  }
2896
2652
  },
2897
2653
  {
2898
- "name": "placeholder",
2899
- "fieldName": "placeholder",
2900
- "description": "Placeholder text for text/textarea inputs in admin mode.",
2654
+ "name": "icon-start",
2655
+ "fieldName": "iconStart",
2656
+ "description": "Icon for the start icon",
2901
2657
  "type": {
2902
2658
  "text": "string"
2903
2659
  }
2904
2660
  },
2905
2661
  {
2906
- "name": "tag",
2907
- "fieldName": "tag",
2908
- "description": "The HTML tag to create when there's no slotted element.\nUsed with type=\"text\" or type=\"textarea\" to auto-create elements.",
2662
+ "name": "show-spinners",
2663
+ "fieldName": "showSpinners",
2664
+ "default": "true",
2665
+ "description": "Whether to show the spinner controls",
2909
2666
  "type": {
2910
- "text": "string"
2667
+ "text": "boolean"
2911
2668
  }
2912
2669
  },
2913
2670
  {
2914
- "name": "slot-style",
2915
- "fieldName": "slotStyle",
2916
- "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\".",
2671
+ "name": "external-id",
2672
+ "fieldName": "externalId",
2673
+ "description": "External ID for linking with external systems",
2917
2674
  "type": {
2918
2675
  "text": "string"
2919
2676
  }
2920
2677
  }
2921
2678
  ],
2922
- "tagName": "le-slot",
2679
+ "tagName": "le-number-input",
2923
2680
  "events": [
2924
2681
  {
2925
- "name": "leSlotChange",
2682
+ "name": "leChange",
2926
2683
  "type": {
2927
- "text": "EventEmitter<{ name: string; value: string; isValid: boolean }>"
2684
+ "text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
2928
2685
  },
2929
- "description": "Emitted when text content changes in admin mode.\nThe event detail contains the new text value and validity."
2686
+ "description": "Emitted when the value changes (on blur or Enter)"
2687
+ },
2688
+ {
2689
+ "name": "leInput",
2690
+ "type": {
2691
+ "text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
2692
+ },
2693
+ "description": "Emitted when the input value changes (on keystroke/spin)"
2930
2694
  }
2931
2695
  ],
2932
2696
  "customElement": true
@@ -2935,18 +2699,18 @@
2935
2699
  "exports": [
2936
2700
  {
2937
2701
  "kind": "js",
2938
- "name": "LeSlot",
2702
+ "name": "LeNumberInput",
2939
2703
  "declaration": {
2940
- "name": "LeSlot",
2941
- "module": "src/components/le-slot/le-slot.tsx"
2704
+ "name": "LeNumberInput",
2705
+ "module": "src/components/le-number-input/le-number-input.tsx"
2942
2706
  }
2943
2707
  },
2944
2708
  {
2945
2709
  "kind": "custom-element-definition",
2946
- "name": "le-slot",
2710
+ "name": "le-number-input",
2947
2711
  "declaration": {
2948
- "name": "LeSlot",
2949
- "module": "src/components/le-slot/le-slot.tsx"
2712
+ "name": "LeNumberInput",
2713
+ "module": "src/components/le-number-input/le-number-input.tsx"
2950
2714
  }
2951
2715
  }
2952
2716
  ]
@@ -3216,199 +2980,435 @@
3216
2980
  }
3217
2981
  },
3218
2982
  {
3219
- "name": "padding",
3220
- "fieldName": "padding",
3221
- "description": "Padding inside the stack container (CSS value)",
2983
+ "name": "padding",
2984
+ "fieldName": "padding",
2985
+ "description": "Padding inside the stack container (CSS value)",
2986
+ "type": {
2987
+ "text": "string"
2988
+ }
2989
+ }
2990
+ ],
2991
+ "tagName": "le-stack",
2992
+ "events": [],
2993
+ "customElement": true
2994
+ }
2995
+ ],
2996
+ "exports": [
2997
+ {
2998
+ "kind": "js",
2999
+ "name": "LeStack",
3000
+ "declaration": {
3001
+ "name": "LeStack",
3002
+ "module": "src/components/le-stack/le-stack.tsx"
3003
+ }
3004
+ },
3005
+ {
3006
+ "kind": "custom-element-definition",
3007
+ "name": "le-stack",
3008
+ "declaration": {
3009
+ "name": "LeStack",
3010
+ "module": "src/components/le-stack/le-stack.tsx"
3011
+ }
3012
+ }
3013
+ ]
3014
+ },
3015
+ {
3016
+ "kind": "javascript-module",
3017
+ "path": "src/components/le-slot/le-slot.tsx",
3018
+ "declarations": [
3019
+ {
3020
+ "kind": "class",
3021
+ "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.",
3022
+ "name": "LeSlot",
3023
+ "slots": [
3024
+ {
3025
+ "description": "Default slot for placeholder content or drop zone UI",
3026
+ "name": ""
3027
+ }
3028
+ ],
3029
+ "members": [
3030
+ {
3031
+ "kind": "field",
3032
+ "name": "el",
3033
+ "type": {
3034
+ "text": "HTMLElement"
3035
+ }
3036
+ },
3037
+ {
3038
+ "kind": "field",
3039
+ "name": "type",
3040
+ "type": {
3041
+ "text": "'slot' | 'text' | 'textarea'"
3042
+ },
3043
+ "default": "'slot'",
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"
3045
+ },
3046
+ {
3047
+ "kind": "field",
3048
+ "name": "name",
3049
+ "type": {
3050
+ "text": "string"
3051
+ },
3052
+ "default": "''",
3053
+ "description": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component."
3054
+ },
3055
+ {
3056
+ "kind": "field",
3057
+ "name": "label",
3058
+ "type": {
3059
+ "text": "string | undefined"
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"
3068
+ },
3069
+ "description": "Description of what content this slot accepts.\nShown in admin mode to guide content editors."
3070
+ },
3071
+ {
3072
+ "kind": "field",
3073
+ "name": "allowedComponents",
3074
+ "type": {
3075
+ "text": "string | undefined"
3076
+ },
3077
+ "description": "Comma-separated list of allowed component tags for this slot.\nUsed by CMS to filter available components."
3078
+ },
3079
+ {
3080
+ "kind": "field",
3081
+ "name": "multiple",
3082
+ "type": {
3083
+ "text": "boolean"
3084
+ },
3085
+ "default": "true",
3086
+ "description": "Whether multiple components can be dropped in this slot."
3087
+ },
3088
+ {
3089
+ "kind": "field",
3090
+ "name": "required",
3091
+ "type": {
3092
+ "text": "boolean"
3093
+ },
3094
+ "default": "false",
3095
+ "description": "Whether this slot is required to have content."
3096
+ },
3097
+ {
3098
+ "kind": "field",
3099
+ "name": "placeholder",
3100
+ "type": {
3101
+ "text": "string | undefined"
3102
+ },
3103
+ "description": "Placeholder text for text/textarea inputs in admin mode."
3104
+ },
3105
+ {
3106
+ "kind": "field",
3107
+ "name": "tag",
3108
+ "type": {
3109
+ "text": "string | undefined"
3110
+ },
3111
+ "description": "The HTML tag to create when there's no slotted element.\nUsed with type=\"text\" or type=\"textarea\" to auto-create elements."
3112
+ },
3113
+ {
3114
+ "kind": "field",
3115
+ "name": "slotStyle",
3116
+ "type": {
3117
+ "text": "string | undefined"
3118
+ },
3119
+ "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\"."
3120
+ },
3121
+ {
3122
+ "kind": "field",
3123
+ "name": "adminMode",
3124
+ "type": {
3125
+ "text": "boolean"
3126
+ },
3127
+ "privacy": "private",
3128
+ "default": "false",
3129
+ "description": "Internal state to track admin mode"
3130
+ },
3131
+ {
3132
+ "kind": "field",
3133
+ "name": "textValue",
3134
+ "type": {
3135
+ "text": "string"
3136
+ },
3137
+ "privacy": "private",
3138
+ "default": "''",
3139
+ "description": "Internal state for text input value (synced from slot content)"
3140
+ },
3141
+ {
3142
+ "kind": "field",
3143
+ "name": "isValidHtml",
3144
+ "type": {
3145
+ "text": "boolean"
3146
+ },
3147
+ "privacy": "private",
3148
+ "default": "true",
3149
+ "description": "Whether the current textValue contains valid HTML"
3150
+ },
3151
+ {
3152
+ "kind": "field",
3153
+ "name": "availableComponents",
3154
+ "type": {
3155
+ "text": "ComponentInfo[]"
3156
+ },
3157
+ "privacy": "private",
3158
+ "default": "[]",
3159
+ "description": "Available components loaded from Custom Elements Manifest"
3160
+ },
3161
+ {
3162
+ "kind": "field",
3163
+ "name": "pickerOpen",
3164
+ "type": {
3165
+ "text": "boolean"
3166
+ },
3167
+ "privacy": "private",
3168
+ "default": "false",
3169
+ "description": "Whether the component picker popover is open"
3170
+ },
3171
+ {
3172
+ "kind": "field",
3173
+ "name": "slotRef",
3174
+ "type": {
3175
+ "text": "HTMLSlotElement | undefined"
3176
+ },
3177
+ "privacy": "private",
3178
+ "description": "Reference to the slot element to access assignedNodes"
3179
+ },
3180
+ {
3181
+ "kind": "field",
3182
+ "name": "slottedElement",
3222
3183
  "type": {
3223
- "text": "string"
3224
- }
3225
- }
3226
- ],
3227
- "tagName": "le-stack",
3228
- "events": [],
3229
- "customElement": true
3230
- }
3231
- ],
3232
- "exports": [
3233
- {
3234
- "kind": "js",
3235
- "name": "LeStack",
3236
- "declaration": {
3237
- "name": "LeStack",
3238
- "module": "src/components/le-stack/le-stack.tsx"
3239
- }
3240
- },
3241
- {
3242
- "kind": "custom-element-definition",
3243
- "name": "le-stack",
3244
- "declaration": {
3245
- "name": "LeStack",
3246
- "module": "src/components/le-stack/le-stack.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": [
3184
+ "text": "Element | undefined"
3185
+ },
3186
+ "privacy": "private",
3187
+ "description": "The original slotted element (e.g., <h3 slot=\"header\">)"
3188
+ },
3260
3189
  {
3261
3190
  "kind": "field",
3262
- "name": "el",
3191
+ "name": "disconnectModeObserver",
3263
3192
  "type": {
3264
- "text": "HTMLElement"
3265
- }
3193
+ "text": "() => void | undefined"
3194
+ },
3195
+ "privacy": "private"
3266
3196
  },
3267
3197
  {
3268
3198
  "kind": "field",
3269
- "name": "value",
3199
+ "name": "isUpdating",
3270
3200
  "type": {
3271
- "text": "number"
3201
+ "text": "boolean"
3272
3202
  },
3273
- "default": "0"
3203
+ "privacy": "private",
3204
+ "default": "false",
3205
+ "description": "Flag to prevent re-reading content right after we updated it"
3274
3206
  },
3275
3207
  {
3276
3208
  "kind": "method",
3277
- "name": "updateValue",
3209
+ "name": "readSlottedContent",
3210
+ "privacy": "private",
3211
+ "description": "Read content from slotted elements via assignedNodes()"
3212
+ },
3213
+ {
3214
+ "kind": "method",
3215
+ "name": "validateHtml",
3216
+ "privacy": "private",
3217
+ "return": {
3218
+ "type": {
3219
+ "text": "boolean"
3220
+ }
3221
+ },
3278
3222
  "parameters": [
3279
3223
  {
3280
- "name": "newValue",
3224
+ "name": "html",
3281
3225
  "type": {
3282
3226
  "text": "string"
3283
3227
  }
3284
3228
  }
3285
- ]
3229
+ ],
3230
+ "description": "Validates if a string contains valid HTML"
3286
3231
  },
3287
3232
  {
3288
3233
  "kind": "field",
3289
- "name": "padding",
3290
- "type": {
3291
- "text": "number"
3292
- },
3293
- "default": "0"
3234
+ "name": "handleTextInput",
3235
+ "privacy": "private"
3294
3236
  },
3295
3237
  {
3296
3238
  "kind": "method",
3297
- "name": "updatePadding",
3239
+ "name": "createSlottedElement",
3240
+ "privacy": "private",
3241
+ "description": "Create a new slotted element when none exists.\nThe element is appended to the host component's light DOM."
3242
+ },
3243
+ {
3244
+ "kind": "method",
3245
+ "name": "loadAvailableComponents",
3246
+ "privacy": "private",
3247
+ "description": "Load available components from Custom Elements Manifest"
3248
+ },
3249
+ {
3250
+ "kind": "method",
3251
+ "name": "formatComponentName",
3252
+ "privacy": "private",
3253
+ "return": {
3254
+ "type": {
3255
+ "text": "string"
3256
+ }
3257
+ },
3298
3258
  "parameters": [
3299
3259
  {
3300
- "name": "newValue",
3260
+ "name": "tagName",
3301
3261
  "type": {
3302
3262
  "text": "string"
3303
3263
  }
3304
3264
  }
3305
- ]
3306
- },
3307
- {
3308
- "kind": "field",
3309
- "name": "paths",
3310
- "type": {
3311
- "text": "string"
3312
- }
3265
+ ],
3266
+ "description": "Format a tag name into a display name\ne.g., 'le-card' -> 'Card'"
3313
3267
  },
3314
3268
  {
3315
3269
  "kind": "method",
3316
- "name": "updateProgressBackgrounds",
3270
+ "name": "addComponent",
3271
+ "privacy": "private",
3317
3272
  "parameters": [
3318
3273
  {
3319
- "name": "newValue",
3274
+ "name": "tagName",
3320
3275
  "type": {
3321
3276
  "text": "string"
3322
3277
  }
3323
3278
  }
3324
- ]
3279
+ ],
3280
+ "description": "Add a new component to the slot"
3325
3281
  },
3326
3282
  {
3327
3283
  "kind": "field",
3328
- "name": "progressPaths",
3284
+ "name": "handleSlotChange",
3285
+ "privacy": "private",
3286
+ "description": "Handle slot change event to re-read content when nodes are assigned"
3287
+ },
3288
+ {
3289
+ "kind": "method",
3290
+ "name": "render"
3291
+ },
3292
+ {
3293
+ "kind": "method",
3294
+ "name": "renderContent",
3295
+ "privacy": "private"
3296
+ }
3297
+ ],
3298
+ "attributes": [
3299
+ {
3300
+ "name": "type",
3301
+ "fieldName": "type",
3302
+ "default": "'slot'",
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",
3329
3304
  "type": {
3330
- "text": "any[]"
3305
+ "text": "'slot' | 'text' | 'textarea'"
3331
3306
  }
3332
3307
  },
3333
3308
  {
3334
- "kind": "field",
3335
- "name": "params",
3309
+ "name": "name",
3310
+ "fieldName": "name",
3311
+ "default": "''",
3312
+ "description": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component.",
3336
3313
  "type": {
3337
- "text": "{\n width: number;\n diameter: number;\n circumference: number;\n }"
3314
+ "text": "string"
3338
3315
  }
3339
3316
  },
3340
3317
  {
3341
- "kind": "method",
3342
- "name": "calcParams"
3318
+ "name": "label",
3319
+ "fieldName": "label",
3320
+ "description": "Label to display in admin mode.\nIf not provided, the slot name will be used.",
3321
+ "type": {
3322
+ "text": "string"
3323
+ }
3343
3324
  },
3344
3325
  {
3345
- "kind": "method",
3346
- "name": "getViewBox",
3347
- "description": "Returns the viewPath attribute value for the SVG\nbased on the width of the parent element"
3326
+ "name": "description",
3327
+ "fieldName": "description",
3328
+ "description": "Description of what content this slot accepts.\nShown in admin mode to guide content editors.",
3329
+ "type": {
3330
+ "text": "string"
3331
+ }
3348
3332
  },
3349
3333
  {
3350
- "kind": "method",
3351
- "name": "getPath",
3352
- "description": "Returns the circular path for the progress stroke\nand additional paths in the background"
3334
+ "name": "allowed-components",
3335
+ "fieldName": "allowedComponents",
3336
+ "description": "Comma-separated list of allowed component tags for this slot.\nUsed by CMS to filter available components.",
3337
+ "type": {
3338
+ "text": "string"
3339
+ }
3353
3340
  },
3354
3341
  {
3355
- "kind": "method",
3356
- "name": "getStrokeDashArray"
3342
+ "name": "multiple",
3343
+ "fieldName": "multiple",
3344
+ "default": "true",
3345
+ "description": "Whether multiple components can be dropped in this slot.",
3346
+ "type": {
3347
+ "text": "boolean"
3348
+ }
3357
3349
  },
3358
3350
  {
3359
- "kind": "method",
3360
- "name": "getPaths"
3351
+ "name": "required",
3352
+ "fieldName": "required",
3353
+ "default": "false",
3354
+ "description": "Whether this slot is required to have content.",
3355
+ "type": {
3356
+ "text": "boolean"
3357
+ }
3361
3358
  },
3362
3359
  {
3363
- "kind": "method",
3364
- "name": "render"
3365
- }
3366
- ],
3367
- "attributes": [
3368
- {
3369
- "name": "value",
3370
- "fieldName": "value",
3371
- "default": "0",
3360
+ "name": "placeholder",
3361
+ "fieldName": "placeholder",
3362
+ "description": "Placeholder text for text/textarea inputs in admin mode.",
3372
3363
  "type": {
3373
- "text": "number"
3364
+ "text": "string"
3374
3365
  }
3375
3366
  },
3376
3367
  {
3377
- "name": "padding",
3378
- "fieldName": "padding",
3379
- "default": "0",
3368
+ "name": "tag",
3369
+ "fieldName": "tag",
3370
+ "description": "The HTML tag to create when there's no slotted element.\nUsed with type=\"text\" or type=\"textarea\" to auto-create elements.",
3380
3371
  "type": {
3381
- "text": "number"
3372
+ "text": "string"
3382
3373
  }
3383
3374
  },
3384
3375
  {
3385
- "name": "paths",
3386
- "fieldName": "paths",
3376
+ "name": "slot-style",
3377
+ "fieldName": "slotStyle",
3378
+ "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\".",
3387
3379
  "type": {
3388
3380
  "text": "string"
3389
3381
  }
3390
3382
  }
3391
3383
  ],
3392
- "tagName": "le-round-progress",
3393
- "events": [],
3384
+ "tagName": "le-slot",
3385
+ "events": [
3386
+ {
3387
+ "name": "leSlotChange",
3388
+ "type": {
3389
+ "text": "EventEmitter<{ name: string; value: string; isValid: boolean }>"
3390
+ },
3391
+ "description": "Emitted when text content changes in admin mode.\nThe event detail contains the new text value and validity."
3392
+ }
3393
+ ],
3394
3394
  "customElement": true
3395
3395
  }
3396
3396
  ],
3397
3397
  "exports": [
3398
3398
  {
3399
3399
  "kind": "js",
3400
- "name": "LeRoundProgress",
3400
+ "name": "LeSlot",
3401
3401
  "declaration": {
3402
- "name": "LeRoundProgress",
3403
- "module": "src/components/le-round-progress/le-round-progress.tsx"
3402
+ "name": "LeSlot",
3403
+ "module": "src/components/le-slot/le-slot.tsx"
3404
3404
  }
3405
3405
  },
3406
3406
  {
3407
3407
  "kind": "custom-element-definition",
3408
- "name": "le-round-progress",
3408
+ "name": "le-slot",
3409
3409
  "declaration": {
3410
- "name": "LeRoundProgress",
3411
- "module": "src/components/le-round-progress/le-round-progress.tsx"
3410
+ "name": "LeSlot",
3411
+ "module": "src/components/le-slot/le-slot.tsx"
3412
3412
  }
3413
3413
  }
3414
3414
  ]