le-kit 0.1.7 → 0.1.8

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 (198) hide show
  1. package/custom-elements.json +877 -877
  2. package/dist/cjs/index-D7B9TPh8.js.map +1 -1
  3. package/dist/collection/components/le-popup/le-popup.js +7 -7
  4. package/dist/components/index.js.map +1 -1
  5. package/dist/core/cjs/index-D7B9TPh8.js +1835 -0
  6. package/dist/core/cjs/index-D7B9TPh8.js.map +1 -0
  7. package/dist/core/cjs/index.cjs.js +119 -0
  8. package/dist/core/cjs/index.cjs.js.map +1 -0
  9. package/dist/core/cjs/le-box.cjs.entry.js +184 -0
  10. package/dist/core/cjs/le-box.entry.cjs.js.map +1 -0
  11. package/dist/core/cjs/le-button.cjs.entry.js +92 -0
  12. package/dist/core/cjs/le-button.entry.cjs.js.map +1 -0
  13. package/dist/core/cjs/le-card.cjs.entry.js +29 -0
  14. package/dist/core/cjs/le-card.entry.cjs.js.map +1 -0
  15. package/dist/core/cjs/le-checkbox.cjs.entry.js +61 -0
  16. package/dist/core/cjs/le-checkbox.entry.cjs.js.map +1 -0
  17. package/dist/core/cjs/le-kit.cjs.js +25 -0
  18. package/dist/core/cjs/le-kit.cjs.js.map +1 -0
  19. package/dist/core/cjs/le-number-input.cjs.entry.js +202 -0
  20. package/dist/core/cjs/le-number-input.entry.cjs.js.map +1 -0
  21. package/dist/core/cjs/le-popover.cjs.entry.js +348 -0
  22. package/dist/core/cjs/le-popover.entry.cjs.js.map +1 -0
  23. package/dist/core/cjs/le-popup.cjs.entry.js +212 -0
  24. package/dist/core/cjs/le-popup.entry.cjs.js.map +1 -0
  25. package/dist/core/cjs/le-round-progress.cjs.entry.js +106 -0
  26. package/dist/core/cjs/le-round-progress.entry.cjs.js.map +1 -0
  27. package/dist/core/cjs/le-stack.cjs.entry.js +135 -0
  28. package/dist/core/cjs/le-stack.entry.cjs.js.map +1 -0
  29. package/dist/core/cjs/le-string-input.cjs.entry.js +95 -0
  30. package/dist/core/cjs/le-string-input.entry.cjs.js.map +1 -0
  31. package/dist/core/cjs/le-text.cjs.entry.js +335 -0
  32. package/dist/core/cjs/le-text.entry.cjs.js.map +1 -0
  33. package/dist/core/cjs/le-turntable.cjs.entry.js +139 -0
  34. package/dist/core/cjs/le-turntable.entry.cjs.js.map +1 -0
  35. package/dist/core/cjs/loader.cjs.js +13 -0
  36. package/dist/core/cjs/loader.cjs.js.map +1 -0
  37. package/dist/core/cjs/utils-DrsoID-a.js +152 -0
  38. package/dist/core/cjs/utils-DrsoID-a.js.map +1 -0
  39. package/dist/core/collection/collection-manifest.json +24 -0
  40. package/dist/core/collection/components/le-box/le-box.default.css +37 -0
  41. package/dist/core/collection/components/le-box/le-box.js +614 -0
  42. package/dist/core/collection/components/le-box/le-box.js.map +1 -0
  43. package/dist/core/collection/components/le-button/le-button.default.css +263 -0
  44. package/dist/core/collection/components/le-button/le-button.js +368 -0
  45. package/dist/core/collection/components/le-button/le-button.js.map +1 -0
  46. package/dist/core/collection/components/le-card/le-card.default.css +74 -0
  47. package/dist/core/collection/components/le-card/le-card.js +102 -0
  48. package/dist/core/collection/components/le-card/le-card.js.map +1 -0
  49. package/dist/core/collection/components/le-checkbox/le-checkbox.css +93 -0
  50. package/dist/core/collection/components/le-checkbox/le-checkbox.js +192 -0
  51. package/dist/core/collection/components/le-checkbox/le-checkbox.js.map +1 -0
  52. package/dist/core/collection/components/le-number-input/le-number-input.css +135 -0
  53. package/dist/core/collection/components/le-number-input/le-number-input.js +515 -0
  54. package/dist/core/collection/components/le-number-input/le-number-input.js.map +1 -0
  55. package/dist/core/collection/components/le-popover/le-popover.css +143 -0
  56. package/dist/core/collection/components/le-popover/le-popover.js +693 -0
  57. package/dist/core/collection/components/le-popover/le-popover.js.map +1 -0
  58. package/dist/core/collection/components/le-popup/le-popup.api.js +101 -0
  59. package/dist/core/collection/components/le-popup/le-popup.api.js.map +1 -0
  60. package/dist/core/collection/components/le-popup/le-popup.css +222 -0
  61. package/dist/core/collection/components/le-popup/le-popup.js +596 -0
  62. package/dist/core/collection/components/le-popup/le-popup.js.map +1 -0
  63. package/dist/core/collection/components/le-round-progress/le-round-progress.css +34 -0
  64. package/dist/core/collection/components/le-round-progress/le-round-progress.js +184 -0
  65. package/dist/core/collection/components/le-round-progress/le-round-progress.js.map +1 -0
  66. package/dist/core/collection/components/le-stack/le-stack.default.css +37 -0
  67. package/dist/core/collection/components/le-stack/le-stack.js +389 -0
  68. package/dist/core/collection/components/le-stack/le-stack.js.map +1 -0
  69. package/dist/core/collection/components/le-string-input/le-string-input.css +83 -0
  70. package/dist/core/collection/components/le-string-input/le-string-input.js +359 -0
  71. package/dist/core/collection/components/le-string-input/le-string-input.js.map +1 -0
  72. package/dist/core/collection/components/le-text/le-text.default.css +169 -0
  73. package/dist/core/collection/components/le-text/le-text.js +475 -0
  74. package/dist/core/collection/components/le-text/le-text.js.map +1 -0
  75. package/dist/core/collection/components/le-turntable/le-turntable.css +10 -0
  76. package/dist/core/collection/components/le-turntable/le-turntable.js +210 -0
  77. package/dist/core/collection/components/le-turntable/le-turntable.js.map +1 -0
  78. package/dist/core/collection/global/app.js +167 -0
  79. package/dist/core/collection/global/app.js.map +1 -0
  80. package/dist/core/collection/index.js +15 -0
  81. package/dist/core/collection/index.js.map +1 -0
  82. package/dist/core/collection/types/blocks.js +115 -0
  83. package/dist/core/collection/types/blocks.js.map +1 -0
  84. package/dist/core/collection/types/options.js +2 -0
  85. package/dist/core/collection/types/options.js.map +1 -0
  86. package/dist/core/collection/utils/utils.js +141 -0
  87. package/dist/core/collection/utils/utils.js.map +1 -0
  88. package/dist/core/esm/index-PS-3Rz-c.js +1818 -0
  89. package/dist/core/esm/index-PS-3Rz-c.js.map +1 -0
  90. package/dist/core/esm/index.js +106 -0
  91. package/dist/core/esm/index.js.map +1 -0
  92. package/dist/core/esm/le-box.entry.js +182 -0
  93. package/dist/core/esm/le-box.entry.js.map +1 -0
  94. package/dist/core/esm/le-button.entry.js +90 -0
  95. package/dist/core/esm/le-button.entry.js.map +1 -0
  96. package/dist/core/esm/le-card.entry.js +27 -0
  97. package/dist/core/esm/le-card.entry.js.map +1 -0
  98. package/dist/core/esm/le-checkbox.entry.js +59 -0
  99. package/dist/core/esm/le-checkbox.entry.js.map +1 -0
  100. package/dist/core/esm/le-kit.js +21 -0
  101. package/dist/core/esm/le-kit.js.map +1 -0
  102. package/dist/core/esm/le-number-input.entry.js +200 -0
  103. package/dist/core/esm/le-number-input.entry.js.map +1 -0
  104. package/dist/core/esm/le-popover.entry.js +346 -0
  105. package/dist/core/esm/le-popover.entry.js.map +1 -0
  106. package/dist/core/esm/le-popup.entry.js +210 -0
  107. package/dist/core/esm/le-popup.entry.js.map +1 -0
  108. package/dist/core/esm/le-round-progress.entry.js +104 -0
  109. package/dist/core/esm/le-round-progress.entry.js.map +1 -0
  110. package/dist/core/esm/le-stack.entry.js +133 -0
  111. package/dist/core/esm/le-stack.entry.js.map +1 -0
  112. package/dist/core/esm/le-string-input.entry.js +93 -0
  113. package/dist/core/esm/le-string-input.entry.js.map +1 -0
  114. package/dist/core/esm/le-text.entry.js +333 -0
  115. package/dist/core/esm/le-text.entry.js.map +1 -0
  116. package/dist/core/esm/le-turntable.entry.js +137 -0
  117. package/dist/core/esm/le-turntable.entry.js.map +1 -0
  118. package/dist/core/esm/loader.js +11 -0
  119. package/dist/core/esm/loader.js.map +1 -0
  120. package/dist/core/esm/utils-lgjSfQP0.js +146 -0
  121. package/dist/core/esm/utils-lgjSfQP0.js.map +1 -0
  122. package/dist/core/index.cjs.js +1 -0
  123. package/dist/core/index.js +1 -0
  124. package/dist/core/le-kit/index.esm.js +2 -0
  125. package/dist/core/le-kit/index.esm.js.map +1 -0
  126. package/dist/core/le-kit/le-box.entry.esm.js.map +1 -0
  127. package/dist/core/le-kit/le-button.entry.esm.js.map +1 -0
  128. package/dist/core/le-kit/le-card.entry.esm.js.map +1 -0
  129. package/dist/core/le-kit/le-checkbox.entry.esm.js.map +1 -0
  130. package/dist/core/le-kit/le-kit.css +1 -0
  131. package/dist/core/le-kit/le-kit.esm.js +2 -0
  132. package/dist/core/le-kit/le-kit.esm.js.map +1 -0
  133. package/dist/core/le-kit/le-number-input.entry.esm.js.map +1 -0
  134. package/dist/core/le-kit/le-popover.entry.esm.js.map +1 -0
  135. package/dist/core/le-kit/le-popup.entry.esm.js.map +1 -0
  136. package/dist/core/le-kit/le-round-progress.entry.esm.js.map +1 -0
  137. package/dist/core/le-kit/le-stack.entry.esm.js.map +1 -0
  138. package/dist/core/le-kit/le-string-input.entry.esm.js.map +1 -0
  139. package/dist/core/le-kit/le-text.entry.esm.js.map +1 -0
  140. package/dist/core/le-kit/le-turntable.entry.esm.js.map +1 -0
  141. package/dist/core/le-kit/loader.esm.js.map +1 -0
  142. package/dist/core/le-kit/p-1c5262eb.entry.js +2 -0
  143. package/dist/core/le-kit/p-1c5262eb.entry.js.map +1 -0
  144. package/dist/core/le-kit/p-32c08678.entry.js +2 -0
  145. package/dist/core/le-kit/p-32c08678.entry.js.map +1 -0
  146. package/dist/core/le-kit/p-38e7ec05.entry.js +2 -0
  147. package/dist/core/le-kit/p-38e7ec05.entry.js.map +1 -0
  148. package/dist/core/le-kit/p-4bf51acc.entry.js +2 -0
  149. package/dist/core/le-kit/p-4bf51acc.entry.js.map +1 -0
  150. package/dist/core/le-kit/p-86961f34.entry.js +2 -0
  151. package/dist/core/le-kit/p-86961f34.entry.js.map +1 -0
  152. package/dist/core/le-kit/p-9ee92c29.entry.js +2 -0
  153. package/dist/core/le-kit/p-9ee92c29.entry.js.map +1 -0
  154. package/dist/core/le-kit/p-DN2JVY-7.js +2 -0
  155. package/dist/core/le-kit/p-DN2JVY-7.js.map +1 -0
  156. package/dist/core/le-kit/p-PS-3Rz-c.js +3 -0
  157. package/dist/core/le-kit/p-PS-3Rz-c.js.map +1 -0
  158. package/dist/core/le-kit/p-a07048f8.entry.js +2 -0
  159. package/dist/core/le-kit/p-a07048f8.entry.js.map +1 -0
  160. package/dist/core/le-kit/p-a24b042d.entry.js +2 -0
  161. package/dist/core/le-kit/p-a24b042d.entry.js.map +1 -0
  162. package/dist/core/le-kit/p-bbc9e13e.entry.js +2 -0
  163. package/dist/core/le-kit/p-bbc9e13e.entry.js.map +1 -0
  164. package/dist/core/le-kit/p-c4223c60.entry.js +2 -0
  165. package/dist/core/le-kit/p-c4223c60.entry.js.map +1 -0
  166. package/dist/core/le-kit/p-dcf1343d.entry.js +2 -0
  167. package/dist/core/le-kit/p-dcf1343d.entry.js.map +1 -0
  168. package/dist/core/le-kit/p-fb4e68e0.entry.js +2 -0
  169. package/dist/core/le-kit/p-fb4e68e0.entry.js.map +1 -0
  170. package/dist/core/loader/cdn.js +1 -0
  171. package/dist/core/loader/index.cjs.js +1 -0
  172. package/dist/core/loader/index.d.ts +24 -0
  173. package/dist/core/loader/index.es2017.js +1 -0
  174. package/dist/core/loader/index.js +2 -0
  175. package/dist/core/types/components/le-box/le-box.d.ts +111 -0
  176. package/dist/core/types/components/le-button/le-button.d.ts +78 -0
  177. package/dist/core/types/components/le-card/le-card.d.ts +37 -0
  178. package/dist/core/types/components/le-checkbox/le-checkbox.d.ts +46 -0
  179. package/dist/core/types/components/le-number-input/le-number-input.d.ts +106 -0
  180. package/dist/core/types/components/le-popover/le-popover.d.ts +109 -0
  181. package/dist/core/types/components/le-popup/le-popup.api.d.ts +73 -0
  182. package/dist/core/types/components/le-popup/le-popup.d.ts +122 -0
  183. package/dist/core/types/components/le-round-progress/le-round-progress.d.ts +37 -0
  184. package/dist/core/types/components/le-stack/le-stack.d.ts +73 -0
  185. package/dist/core/types/components/le-string-input/le-string-input.d.ts +83 -0
  186. package/dist/core/types/components/le-text/le-text.d.ts +141 -0
  187. package/dist/core/types/components/le-turntable/le-turntable.d.ts +55 -0
  188. package/dist/core/types/components.d.ts +1752 -0
  189. package/dist/core/types/global/app.d.ts +73 -0
  190. package/dist/core/types/index.d.ts +15 -0
  191. package/dist/core/types/stencil-public-runtime.d.ts +1756 -0
  192. package/dist/core/types/types/blocks.d.ts +136 -0
  193. package/dist/core/types/types/options.d.ts +124 -0
  194. package/dist/core/types/utils/utils.d.ts +54 -0
  195. package/dist/docs.json +8 -8
  196. package/dist/esm/index-PS-3Rz-c.js.map +1 -1
  197. package/dist/le-kit/p-PS-3Rz-c.js.map +1 -1
  198. package/package.json +19 -2
package/custom-elements.json CHANGED
@@ -445,139 +445,6 @@
445
445
  }
446
446
  ]
447
447
  },
448
- {
449
- "kind": "javascript-module",
450
- "path": "src/components/le-card/le-card.tsx",
451
- "declarations": [
452
- {
453
- "kind": "class",
454
- "description": "A flexible card component with header, content, and footer slots.\n\nThe card uses le-slot wrappers for each slot area. In admin mode,\nle-slot shows placeholders for CMS editing. In default mode,\nle-slot acts as a transparent passthrough.",
455
- "name": "LeCard",
456
- "cssProperties": [
457
- {
458
- "description": "Card background color",
459
- "name": "--le-card-bg"
460
- },
461
- {
462
- "description": "Card border radius",
463
- "name": "--le-card-border-radius"
464
- },
465
- {
466
- "description": "Card box shadow",
467
- "name": "--le-card-shadow"
468
- },
469
- {
470
- "description": "Card content padding",
471
- "name": "--le-card-padding"
472
- }
473
- ],
474
- "cssParts": [
475
- {
476
- "description": "The main card container",
477
- "name": "card"
478
- },
479
- {
480
- "description": "The card header section",
481
- "name": "header"
482
- },
483
- {
484
- "description": "The card content section",
485
- "name": "content"
486
- },
487
- {
488
- "description": "The card footer section",
489
- "name": "footer"
490
- }
491
- ],
492
- "slots": [
493
- {
494
- "description": "Card header content (title, actions)",
495
- "name": "header"
496
- },
497
- {
498
- "description": "Default slot for main card content",
499
- "name": ""
500
- },
501
- {
502
- "description": "Card footer content (buttons, links)",
503
- "name": "footer"
504
- }
505
- ],
506
- "members": [
507
- {
508
- "kind": "field",
509
- "name": "el",
510
- "type": {
511
- "text": "HTMLElement"
512
- }
513
- },
514
- {
515
- "kind": "field",
516
- "name": "variant",
517
- "type": {
518
- "text": "'default' | 'outlined' | 'elevated'"
519
- },
520
- "default": "'default'",
521
- "description": "Card variant style"
522
- },
523
- {
524
- "kind": "field",
525
- "name": "interactive",
526
- "type": {
527
- "text": "boolean"
528
- },
529
- "default": "false",
530
- "description": "Whether the card is interactive (clickable)"
531
- },
532
- {
533
- "kind": "method",
534
- "name": "render"
535
- }
536
- ],
537
- "attributes": [
538
- {
539
- "name": "variant",
540
- "fieldName": "variant",
541
- "default": "'default'",
542
- "description": "Card variant style",
543
- "type": {
544
- "text": "'default' | 'outlined' | 'elevated'"
545
- }
546
- },
547
- {
548
- "name": "interactive",
549
- "fieldName": "interactive",
550
- "default": "false",
551
- "description": "Whether the card is interactive (clickable)",
552
- "type": {
553
- "text": "boolean"
554
- }
555
- }
556
- ],
557
- "tagName": "le-card",
558
- "events": [],
559
- "customElement": true
560
- }
561
- ],
562
- "exports": [
563
- {
564
- "kind": "js",
565
- "name": "LeCard",
566
- "declaration": {
567
- "name": "LeCard",
568
- "module": "src/components/le-card/le-card.tsx"
569
- }
570
- },
571
- {
572
- "kind": "custom-element-definition",
573
- "name": "le-card",
574
- "declaration": {
575
- "name": "LeCard",
576
- "module": "src/components/le-card/le-card.tsx"
577
- }
578
- }
579
- ]
580
- },
581
448
  {
582
449
  "kind": "javascript-module",
583
450
  "path": "src/components/le-button/le-button.tsx",
@@ -878,38 +745,60 @@
878
745
  },
879
746
  {
880
747
  "kind": "javascript-module",
881
- "path": "src/components/le-checkbox/le-checkbox.tsx",
748
+ "path": "src/components/le-card/le-card.tsx",
882
749
  "declarations": [
883
750
  {
884
751
  "kind": "class",
885
- "description": "A checkbox component with support for labels, descriptions, and external IDs.",
886
- "name": "LeCheckbox",
752
+ "description": "A flexible card component with header, content, and footer slots.\n\nThe card uses le-slot wrappers for each slot area. In admin mode,\nle-slot shows placeholders for CMS editing. In default mode,\nle-slot acts as a transparent passthrough.",
753
+ "name": "LeCard",
887
754
  "cssProperties": [
888
755
  {
889
- "description": "Size of the checkbox input",
890
- "name": "--le-checkbox-size"
756
+ "description": "Card background color",
757
+ "name": "--le-card-bg"
891
758
  },
892
759
  {
893
- "description": "Color of the checkbox when checked",
894
- "name": "--le-checkbox-color"
760
+ "description": "Card border radius",
761
+ "name": "--le-card-border-radius"
895
762
  },
896
763
  {
897
- "description": "Color of the label text",
898
- "name": "--le-checkbox-label-color"
764
+ "description": "Card box shadow",
765
+ "name": "--le-card-shadow"
899
766
  },
900
767
  {
901
- "description": "Color of the description text",
902
- "name": "--le-checkbox-desc-color"
768
+ "description": "Card content padding",
769
+ "name": "--le-card-padding"
770
+ }
771
+ ],
772
+ "cssParts": [
773
+ {
774
+ "description": "The main card container",
775
+ "name": "card"
776
+ },
777
+ {
778
+ "description": "The card header section",
779
+ "name": "header"
780
+ },
781
+ {
782
+ "description": "The card content section",
783
+ "name": "content"
784
+ },
785
+ {
786
+ "description": "The card footer section",
787
+ "name": "footer"
903
788
  }
904
789
  ],
905
790
  "slots": [
906
791
  {
907
- "description": "The label text for the checkbox",
792
+ "description": "Card header content (title, actions)",
793
+ "name": "header"
794
+ },
795
+ {
796
+ "description": "Default slot for main card content",
908
797
  "name": ""
909
798
  },
910
799
  {
911
- "description": "Additional description text displayed below the label",
912
- "name": "description"
800
+ "description": "Card footer content (buttons, links)",
801
+ "name": "footer"
913
802
  }
914
803
  ],
915
804
  "members": [
@@ -922,50 +811,21 @@
922
811
  },
923
812
  {
924
813
  "kind": "field",
925
- "name": "checked",
814
+ "name": "variant",
926
815
  "type": {
927
- "text": "boolean"
816
+ "text": "'default' | 'outlined' | 'elevated'"
928
817
  },
929
- "default": "false",
930
- "description": "Whether the checkbox is checked"
818
+ "default": "'default'",
819
+ "description": "Card variant style"
931
820
  },
932
821
  {
933
822
  "kind": "field",
934
- "name": "disabled",
823
+ "name": "interactive",
935
824
  "type": {
936
825
  "text": "boolean"
937
826
  },
938
827
  "default": "false",
939
- "description": "Whether the checkbox is disabled"
940
- },
941
- {
942
- "kind": "field",
943
- "name": "name",
944
- "type": {
945
- "text": "string"
946
- },
947
- "description": "The name of the checkbox input"
948
- },
949
- {
950
- "kind": "field",
951
- "name": "value",
952
- "type": {
953
- "text": "string"
954
- },
955
- "description": "The value of the checkbox input"
956
- },
957
- {
958
- "kind": "field",
959
- "name": "externalId",
960
- "type": {
961
- "text": "string"
962
- },
963
- "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
964
- },
965
- {
966
- "kind": "field",
967
- "name": "handleChange",
968
- "privacy": "private"
828
+ "description": "Whether the card is interactive (clickable)"
969
829
  },
970
830
  {
971
831
  "kind": "method",
@@ -974,92 +834,82 @@
974
834
  ],
975
835
  "attributes": [
976
836
  {
977
- "name": "checked",
978
- "fieldName": "checked",
979
- "default": "false",
980
- "description": "Whether the checkbox is checked",
837
+ "name": "variant",
838
+ "fieldName": "variant",
839
+ "default": "'default'",
840
+ "description": "Card variant style",
981
841
  "type": {
982
- "text": "boolean"
842
+ "text": "'default' | 'outlined' | 'elevated'"
983
843
  }
984
844
  },
985
845
  {
986
- "name": "disabled",
987
- "fieldName": "disabled",
846
+ "name": "interactive",
847
+ "fieldName": "interactive",
988
848
  "default": "false",
989
- "description": "Whether the checkbox is disabled",
849
+ "description": "Whether the card is interactive (clickable)",
990
850
  "type": {
991
851
  "text": "boolean"
992
852
  }
993
- },
994
- {
995
- "name": "name",
996
- "fieldName": "name",
997
- "description": "The name of the checkbox input",
998
- "type": {
999
- "text": "string"
1000
- }
1001
- },
1002
- {
1003
- "name": "value",
1004
- "fieldName": "value",
1005
- "description": "The value of the checkbox input",
1006
- "type": {
1007
- "text": "string"
1008
- }
1009
- },
1010
- {
1011
- "name": "external-id",
1012
- "fieldName": "externalId",
1013
- "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)",
1014
- "type": {
1015
- "text": "string"
1016
- }
1017
- }
1018
- ],
1019
- "tagName": "le-checkbox",
1020
- "events": [
1021
- {
1022
- "name": "change",
1023
- "type": {
1024
- "text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
1025
- },
1026
- "description": "Emitted when the checked state changes"
1027
853
  }
1028
854
  ],
855
+ "tagName": "le-card",
856
+ "events": [],
1029
857
  "customElement": true
1030
858
  }
1031
859
  ],
1032
860
  "exports": [
1033
861
  {
1034
862
  "kind": "js",
1035
- "name": "LeCheckbox",
863
+ "name": "LeCard",
1036
864
  "declaration": {
1037
- "name": "LeCheckbox",
1038
- "module": "src/components/le-checkbox/le-checkbox.tsx"
865
+ "name": "LeCard",
866
+ "module": "src/components/le-card/le-card.tsx"
1039
867
  }
1040
868
  },
1041
869
  {
1042
870
  "kind": "custom-element-definition",
1043
- "name": "le-checkbox",
871
+ "name": "le-card",
1044
872
  "declaration": {
1045
- "name": "LeCheckbox",
1046
- "module": "src/components/le-checkbox/le-checkbox.tsx"
873
+ "name": "LeCard",
874
+ "module": "src/components/le-card/le-card.tsx"
1047
875
  }
1048
876
  }
1049
877
  ]
1050
878
  },
1051
879
  {
1052
880
  "kind": "javascript-module",
1053
- "path": "src/components/le-component/le-component.tsx",
881
+ "path": "src/components/le-checkbox/le-checkbox.tsx",
1054
882
  "declarations": [
1055
883
  {
1056
884
  "kind": "class",
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",
885
+ "description": "A checkbox component with support for labels, descriptions, and external IDs.",
886
+ "name": "LeCheckbox",
887
+ "cssProperties": [
888
+ {
889
+ "description": "Size of the checkbox input",
890
+ "name": "--le-checkbox-size"
891
+ },
892
+ {
893
+ "description": "Color of the checkbox when checked",
894
+ "name": "--le-checkbox-color"
895
+ },
896
+ {
897
+ "description": "Color of the label text",
898
+ "name": "--le-checkbox-label-color"
899
+ },
900
+ {
901
+ "description": "Color of the description text",
902
+ "name": "--le-checkbox-desc-color"
903
+ }
904
+ ],
1059
905
  "slots": [
1060
906
  {
1061
- "description": "The component's rendered content",
907
+ "description": "The label text for the checkbox",
1062
908
  "name": ""
909
+ },
910
+ {
911
+ "description": "Additional description text displayed below the label",
912
+ "name": "description"
1063
913
  }
1064
914
  ],
1065
915
  "members": [
@@ -1072,217 +922,50 @@
1072
922
  },
1073
923
  {
1074
924
  "kind": "field",
1075
- "name": "component",
1076
- "type": {
1077
- "text": "string"
1078
- },
1079
- "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name."
1080
- },
1081
- {
1082
- "kind": "field",
1083
- "name": "displayName",
1084
- "type": {
1085
- "text": "string | undefined"
1086
- },
1087
- "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name."
1088
- },
1089
- {
1090
- "kind": "field",
1091
- "name": "hostClass",
1092
- "type": {
1093
- "text": "string | undefined"
1094
- },
1095
- "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes."
1096
- },
1097
- {
1098
- "kind": "field",
1099
- "name": "hostStyle",
1100
- "type": {
1101
- "text": "{ [key: string]: string } | undefined"
1102
- },
1103
- "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties)."
1104
- },
1105
- {
1106
- "kind": "field",
1107
- "name": "hostElement",
925
+ "name": "checked",
1108
926
  "type": {
1109
- "text": "HTMLElement | undefined"
927
+ "text": "boolean"
1110
928
  },
1111
- "privacy": "private",
1112
- "description": "Reference to the host element (found automatically from parent)"
929
+ "default": "false",
930
+ "description": "Whether the checkbox is checked"
1113
931
  },
1114
932
  {
1115
933
  "kind": "field",
1116
- "name": "adminMode",
934
+ "name": "disabled",
1117
935
  "type": {
1118
936
  "text": "boolean"
1119
937
  },
1120
- "privacy": "private",
1121
938
  "default": "false",
1122
- "description": "Internal state to track admin mode"
939
+ "description": "Whether the checkbox is disabled"
1123
940
  },
1124
941
  {
1125
942
  "kind": "field",
1126
- "name": "componentMeta",
943
+ "name": "name",
1127
944
  "type": {
1128
- "text": "ComponentMetadata | null"
945
+ "text": "string"
1129
946
  },
1130
- "privacy": "private",
1131
- "default": "null",
1132
- "description": "Component metadata loaded from Custom Elements Manifest"
947
+ "description": "The name of the checkbox input"
1133
948
  },
1134
949
  {
1135
950
  "kind": "field",
1136
- "name": "propertyValues",
951
+ "name": "value",
1137
952
  "type": {
1138
- "text": "Record<string, any>"
953
+ "text": "string"
1139
954
  },
1140
- "privacy": "private",
1141
- "default": "{}",
1142
- "description": "Current property values of the host component"
955
+ "description": "The value of the checkbox input"
1143
956
  },
1144
957
  {
1145
958
  "kind": "field",
1146
- "name": "disconnectModeObserver",
959
+ "name": "externalId",
1147
960
  "type": {
1148
- "text": "() => void | undefined"
1149
- },
1150
- "privacy": "private"
1151
- },
1152
- {
1153
- "kind": "method",
1154
- "name": "findHostElement",
1155
- "privacy": "private",
1156
- "description": "Find the host element by traversing up through shadow DOM"
1157
- },
1158
- {
1159
- "kind": "method",
1160
- "name": "formatDisplayName",
1161
- "privacy": "private",
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'"
1176
- },
1177
- {
1178
- "kind": "method",
1179
- "name": "loadComponentMetadata",
1180
- "privacy": "private",
1181
- "description": "Load component metadata from the Custom Elements Manifest"
1182
- },
1183
- {
1184
- "kind": "method",
1185
- "name": "isInternalAttribute",
1186
- "privacy": "private",
1187
- "return": {
1188
- "type": {
1189
- "text": "boolean"
1190
- }
1191
- },
1192
- "parameters": [
1193
- {
1194
- "name": "name",
1195
- "type": {
1196
- "text": "string"
1197
- }
1198
- }
1199
- ],
1200
- "description": "Check if an attribute is internal (should not be shown in editor)"
1201
- },
1202
- {
1203
- "kind": "method",
1204
- "name": "readPropertyValues",
1205
- "privacy": "private",
1206
- "description": "Read current property values from the host element"
1207
- },
1208
- {
1209
- "kind": "method",
1210
- "name": "parseAttributeValue",
1211
- "privacy": "private",
1212
- "return": {
1213
- "type": {
1214
- "text": "any"
1215
- }
961
+ "text": "string"
1216
962
  },
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"
1233
- },
1234
- {
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"
1260
- },
1261
- {
1262
- "kind": "method",
1263
- "name": "deleteComponent",
1264
- "privacy": "private",
1265
- "description": "Delete this component from the DOM"
1266
- },
1267
- {
1268
- "kind": "method",
1269
- "name": "renderPropertyEditor",
1270
- "privacy": "private",
1271
- "description": "Render the property editor form"
963
+ "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
1272
964
  },
1273
965
  {
1274
- "kind": "method",
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"
966
+ "kind": "field",
967
+ "name": "handleChange",
968
+ "privacy": "private"
1286
969
  },
1287
970
  {
1288
971
  "kind": "method",
@@ -1291,112 +974,96 @@
1291
974
  ],
1292
975
  "attributes": [
1293
976
  {
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.",
977
+ "name": "checked",
978
+ "fieldName": "checked",
979
+ "default": "false",
980
+ "description": "Whether the checkbox is checked",
1297
981
  "type": {
1298
- "text": "string"
982
+ "text": "boolean"
1299
983
  }
1300
984
  },
1301
985
  {
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.",
986
+ "name": "disabled",
987
+ "fieldName": "disabled",
988
+ "default": "false",
989
+ "description": "Whether the checkbox is disabled",
990
+ "type": {
991
+ "text": "boolean"
992
+ }
993
+ },
994
+ {
995
+ "name": "name",
996
+ "fieldName": "name",
997
+ "description": "The name of the checkbox input",
1305
998
  "type": {
1306
999
  "text": "string"
1307
1000
  }
1308
1001
  },
1309
1002
  {
1310
- "name": "host-class",
1311
- "fieldName": "hostClass",
1312
- "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes.",
1003
+ "name": "value",
1004
+ "fieldName": "value",
1005
+ "description": "The value of the checkbox input",
1313
1006
  "type": {
1314
1007
  "text": "string"
1315
1008
  }
1316
1009
  },
1317
1010
  {
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).",
1011
+ "name": "external-id",
1012
+ "fieldName": "externalId",
1013
+ "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)",
1321
1014
  "type": {
1322
- "text": "{ [key: string]: string }"
1015
+ "text": "string"
1323
1016
  }
1324
1017
  }
1325
1018
  ],
1326
- "tagName": "le-component",
1327
- "events": [],
1019
+ "tagName": "le-checkbox",
1020
+ "events": [
1021
+ {
1022
+ "name": "change",
1023
+ "type": {
1024
+ "text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
1025
+ },
1026
+ "description": "Emitted when the checked state changes"
1027
+ }
1028
+ ],
1328
1029
  "customElement": true
1329
1030
  }
1330
1031
  ],
1331
1032
  "exports": [
1332
1033
  {
1333
1034
  "kind": "js",
1334
- "name": "LeComponent",
1035
+ "name": "LeCheckbox",
1335
1036
  "declaration": {
1336
- "name": "LeComponent",
1337
- "module": "src/components/le-component/le-component.tsx"
1037
+ "name": "LeCheckbox",
1038
+ "module": "src/components/le-checkbox/le-checkbox.tsx"
1338
1039
  }
1339
1040
  },
1340
1041
  {
1341
1042
  "kind": "custom-element-definition",
1342
- "name": "le-component",
1043
+ "name": "le-checkbox",
1343
1044
  "declaration": {
1344
- "name": "LeComponent",
1345
- "module": "src/components/le-component/le-component.tsx"
1045
+ "name": "LeCheckbox",
1046
+ "module": "src/components/le-checkbox/le-checkbox.tsx"
1346
1047
  }
1347
1048
  }
1348
1049
  ]
1349
1050
  },
1350
1051
  {
1351
1052
  "kind": "javascript-module",
1352
- "path": "src/components/le-number-input/le-number-input.tsx",
1053
+ "path": "src/components/le-popover/le-popover.tsx",
1353
1054
  "declarations": [
1354
1055
  {
1355
1056
  "kind": "class",
1356
- "description": "A number input component with validation, keyboard controls, and custom spinners.",
1357
- "name": "LeNumberInput",
1358
- "cssProperties": [
1359
- {
1360
- "description": "Input background color",
1361
- "name": "--le-input-bg"
1362
- },
1363
- {
1364
- "description": "Input text color",
1365
- "name": "--le-input-color"
1366
- },
1367
- {
1368
- "description": "Input border style",
1369
- "name": "--le-input-border"
1370
- },
1371
- {
1372
- "description": "Input border style when focused",
1373
- "name": "--le-input-border-focus"
1374
- },
1375
- {
1376
- "description": "Input border style when invalid",
1377
- "name": "--le-input-border-error"
1378
- },
1379
- {
1380
- "description": "Input border radius",
1381
- "name": "--le-input-radius"
1382
- },
1383
- {
1384
- "description": "Input padding",
1385
- "name": "--le-input-padding"
1386
- }
1387
- ],
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",
1388
1059
  "slots": [
1389
1060
  {
1390
- "description": "The label text for the input",
1061
+ "description": "Content to display inside the popover",
1391
1062
  "name": ""
1392
1063
  },
1393
1064
  {
1394
- "description": "Additional description text displayed below the input",
1395
- "name": "description"
1396
- },
1397
- {
1398
- "description": "Icon to display at the start of the input",
1399
- "name": "icon-start"
1065
+ "description": "Element that triggers the popover (optional)",
1066
+ "name": "trigger"
1400
1067
  }
1401
1068
  ],
1402
1069
  "members": [
@@ -1409,192 +1076,220 @@
1409
1076
  },
1410
1077
  {
1411
1078
  "kind": "field",
1412
- "name": "value",
1079
+ "name": "mode",
1413
1080
  "type": {
1414
- "text": "number"
1081
+ "text": "'default' | 'admin'"
1415
1082
  },
1416
- "description": "The value of the input"
1083
+ "description": "Mode of the popover should be 'default' for internal use"
1417
1084
  },
1418
1085
  {
1419
1086
  "kind": "field",
1420
- "name": "name",
1087
+ "name": "open",
1421
1088
  "type": {
1422
- "text": "string"
1089
+ "text": "boolean"
1423
1090
  },
1424
- "description": "The name of the input"
1091
+ "default": "false",
1092
+ "description": "Whether the popover is currently open"
1425
1093
  },
1426
1094
  {
1427
1095
  "kind": "field",
1428
- "name": "label",
1096
+ "name": "position",
1429
1097
  "type": {
1430
- "text": "string"
1098
+ "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
1431
1099
  },
1432
- "description": "Label for the input"
1100
+ "default": "'bottom'",
1101
+ "description": "Position of the popover relative to its trigger"
1433
1102
  },
1434
1103
  {
1435
1104
  "kind": "field",
1436
- "name": "placeholder",
1105
+ "name": "align",
1437
1106
  "type": {
1438
- "text": "string"
1107
+ "text": "'start' | 'center' | 'end'"
1439
1108
  },
1440
- "description": "Placeholder text"
1109
+ "default": "'start'",
1110
+ "description": "Alignment of the popover"
1441
1111
  },
1442
1112
  {
1443
1113
  "kind": "field",
1444
- "name": "min",
1114
+ "name": "popoverTitle",
1445
1115
  "type": {
1446
- "text": "number | undefined"
1116
+ "text": "string | undefined"
1447
1117
  },
1448
- "description": "Minimum allowed value"
1118
+ "description": "Optional title for the popover header"
1449
1119
  },
1450
1120
  {
1451
1121
  "kind": "field",
1452
- "name": "max",
1122
+ "name": "showClose",
1453
1123
  "type": {
1454
- "text": "number | undefined"
1124
+ "text": "boolean"
1455
1125
  },
1456
- "description": "Maximum allowed value"
1126
+ "default": "true",
1127
+ "description": "Whether to show a close button in the header"
1457
1128
  },
1458
1129
  {
1459
1130
  "kind": "field",
1460
- "name": "step",
1131
+ "name": "closeOnClickOutside",
1461
1132
  "type": {
1462
- "text": "number"
1133
+ "text": "boolean"
1463
1134
  },
1464
- "default": "1",
1465
- "description": "Step value for increment/decrement"
1135
+ "default": "true",
1136
+ "description": "Whether clicking outside closes the popover"
1466
1137
  },
1467
1138
  {
1468
1139
  "kind": "field",
1469
- "name": "required",
1140
+ "name": "closeOnEscape",
1470
1141
  "type": {
1471
1142
  "text": "boolean"
1472
1143
  },
1473
- "default": "false",
1474
- "description": "Whether the input is required"
1144
+ "default": "true",
1145
+ "description": "Whether pressing Escape closes the popover"
1475
1146
  },
1476
1147
  {
1477
1148
  "kind": "field",
1478
- "name": "disabled",
1149
+ "name": "offset",
1479
1150
  "type": {
1480
- "text": "boolean"
1151
+ "text": "number"
1481
1152
  },
1482
- "default": "false",
1483
- "description": "Whether the input is disabled"
1153
+ "default": "8",
1154
+ "description": "Offset from the trigger element (in pixels)"
1484
1155
  },
1485
1156
  {
1486
1157
  "kind": "field",
1487
- "name": "readonly",
1158
+ "name": "width",
1488
1159
  "type": {
1489
- "text": "boolean"
1160
+ "text": "string | undefined"
1490
1161
  },
1491
- "default": "false",
1492
- "description": "Whether the input is read-only"
1162
+ "description": "Fixed width for the popover (e.g., '300px', '20rem')"
1493
1163
  },
1494
1164
  {
1495
1165
  "kind": "field",
1496
- "name": "iconStart",
1166
+ "name": "minWidth",
1497
1167
  "type": {
1498
1168
  "text": "string | undefined"
1499
1169
  },
1500
- "description": "Icon for the start icon"
1170
+ "default": "'200px'",
1171
+ "description": "Minimum width for the popover (e.g., '200px', '15rem')"
1501
1172
  },
1502
1173
  {
1503
1174
  "kind": "field",
1504
- "name": "showSpinners",
1175
+ "name": "maxWidth",
1176
+ "type": {
1177
+ "text": "string | undefined"
1178
+ },
1179
+ "description": "Maximum width for the popover (e.g., '400px', '25rem')"
1180
+ },
1181
+ {
1182
+ "kind": "field",
1183
+ "name": "isPositioned",
1505
1184
  "type": {
1506
1185
  "text": "boolean"
1507
1186
  },
1508
- "default": "true",
1509
- "description": "Whether to show the spinner controls"
1187
+ "privacy": "private",
1188
+ "default": "false"
1510
1189
  },
1511
1190
  {
1512
1191
  "kind": "field",
1513
- "name": "externalId",
1192
+ "name": "triggerEl",
1514
1193
  "type": {
1515
- "text": "string"
1194
+ "text": "HTMLElement | undefined"
1516
1195
  },
1517
- "description": "External ID for linking with external systems"
1196
+ "privacy": "private"
1518
1197
  },
1519
1198
  {
1520
1199
  "kind": "field",
1521
- "name": "isValid",
1200
+ "name": "popoverEl",
1522
1201
  "type": {
1523
- "text": "boolean"
1202
+ "text": "HTMLElement | undefined"
1524
1203
  },
1525
- "privacy": "private",
1526
- "default": "true",
1527
- "description": "Internal validation state"
1204
+ "privacy": "private"
1528
1205
  },
1529
1206
  {
1530
1207
  "kind": "field",
1531
- "name": "validationMessage",
1208
+ "name": "uniqueId",
1532
1209
  "type": {
1533
1210
  "text": "string"
1534
1211
  },
1535
1212
  "privacy": "private",
1536
- "default": "''"
1537
- },
1538
- {
1539
- "kind": "method",
1540
- "name": "valueChanged"
1213
+ "default": "`le-popover-${Math.random().toString(36).substr(2, 9)}`"
1541
1214
  },
1542
1215
  {
1543
- "kind": "method",
1544
- "name": "validate",
1545
- "privacy": "private"
1216
+ "kind": "field",
1217
+ "name": "scrollParents",
1218
+ "type": {
1219
+ "text": "Element[]"
1220
+ },
1221
+ "privacy": "private",
1222
+ "default": "[]"
1546
1223
  },
1547
1224
  {
1548
1225
  "kind": "method",
1549
- "name": "emitChange",
1550
- "privacy": "private"
1226
+ "name": "getScrollParents",
1227
+ "privacy": "private",
1228
+ "return": {
1229
+ "type": {
1230
+ "text": "Element[]"
1231
+ }
1232
+ },
1233
+ "parameters": [
1234
+ {
1235
+ "name": "element",
1236
+ "type": {
1237
+ "text": "Element"
1238
+ }
1239
+ }
1240
+ ],
1241
+ "description": "Find all scrollable parent elements"
1551
1242
  },
1552
1243
  {
1553
1244
  "kind": "method",
1554
- "name": "emitInput",
1555
- "privacy": "private"
1245
+ "name": "addScrollListeners",
1246
+ "privacy": "private",
1247
+ "description": "Add scroll listeners to all scrollable parents"
1556
1248
  },
1557
1249
  {
1558
1250
  "kind": "method",
1559
- "name": "updateValue",
1251
+ "name": "removeScrollListeners",
1560
1252
  "privacy": "private",
1561
- "parameters": [
1562
- {
1563
- "name": "newValue",
1564
- "type": {
1565
- "text": "number"
1566
- }
1567
- }
1568
- ]
1253
+ "description": "Remove scroll listeners"
1569
1254
  },
1570
1255
  {
1571
1256
  "kind": "field",
1572
- "name": "handleInput",
1257
+ "name": "handleScroll",
1573
1258
  "privacy": "private"
1574
1259
  },
1575
1260
  {
1576
1261
  "kind": "field",
1577
- "name": "handleChange",
1262
+ "name": "handlePopoverToggle",
1578
1263
  "privacy": "private"
1579
1264
  },
1580
1265
  {
1581
1266
  "kind": "field",
1582
- "name": "handleKeyDown",
1267
+ "name": "handleOtherPopoverOpen",
1583
1268
  "privacy": "private"
1584
1269
  },
1585
1270
  {
1586
- "kind": "field",
1587
- "name": "handleWheel",
1588
- "privacy": "private"
1271
+ "kind": "method",
1272
+ "name": "show",
1273
+ "description": "Opens the popover"
1274
+ },
1275
+ {
1276
+ "kind": "method",
1277
+ "name": "hide",
1278
+ "description": "Closes the popover"
1279
+ },
1280
+ {
1281
+ "kind": "method",
1282
+ "name": "toggle",
1283
+ "description": "Toggles the popover"
1589
1284
  },
1590
1285
  {
1591
1286
  "kind": "field",
1592
- "name": "increment",
1287
+ "name": "handleTriggerClick",
1593
1288
  "privacy": "private"
1594
1289
  },
1595
1290
  {
1596
- "kind": "field",
1597
- "name": "decrement",
1291
+ "kind": "method",
1292
+ "name": "updatePosition",
1598
1293
  "privacy": "private"
1599
1294
  },
1600
1295
  {
@@ -1604,130 +1299,125 @@
1604
1299
  ],
1605
1300
  "attributes": [
1606
1301
  {
1607
- "name": "value",
1608
- "fieldName": "value",
1609
- "description": "The value of the input",
1610
- "type": {
1611
- "text": "number"
1612
- }
1613
- },
1614
- {
1615
- "name": "name",
1616
- "fieldName": "name",
1617
- "description": "The name of the input",
1302
+ "name": "mode",
1303
+ "fieldName": "mode",
1304
+ "description": "Mode of the popover should be 'default' for internal use",
1618
1305
  "type": {
1619
- "text": "string"
1306
+ "text": "'default' | 'admin'"
1620
1307
  }
1621
1308
  },
1622
1309
  {
1623
- "name": "label",
1624
- "fieldName": "label",
1625
- "description": "Label for the input",
1310
+ "name": "open",
1311
+ "fieldName": "open",
1312
+ "default": "false",
1313
+ "description": "Whether the popover is currently open",
1626
1314
  "type": {
1627
- "text": "string"
1315
+ "text": "boolean"
1628
1316
  }
1629
1317
  },
1630
1318
  {
1631
- "name": "placeholder",
1632
- "fieldName": "placeholder",
1633
- "description": "Placeholder text",
1319
+ "name": "position",
1320
+ "fieldName": "position",
1321
+ "default": "'bottom'",
1322
+ "description": "Position of the popover relative to its trigger",
1634
1323
  "type": {
1635
- "text": "string"
1324
+ "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
1636
1325
  }
1637
1326
  },
1638
1327
  {
1639
- "name": "min",
1640
- "fieldName": "min",
1641
- "description": "Minimum allowed value",
1328
+ "name": "align",
1329
+ "fieldName": "align",
1330
+ "default": "'start'",
1331
+ "description": "Alignment of the popover",
1642
1332
  "type": {
1643
- "text": "number"
1333
+ "text": "'start' | 'center' | 'end'"
1644
1334
  }
1645
1335
  },
1646
1336
  {
1647
- "name": "max",
1648
- "fieldName": "max",
1649
- "description": "Maximum allowed value",
1337
+ "name": "popover-title",
1338
+ "fieldName": "popoverTitle",
1339
+ "description": "Optional title for the popover header",
1650
1340
  "type": {
1651
- "text": "number"
1341
+ "text": "string"
1652
1342
  }
1653
1343
  },
1654
1344
  {
1655
- "name": "step",
1656
- "fieldName": "step",
1657
- "default": "1",
1658
- "description": "Step value for increment/decrement",
1345
+ "name": "show-close",
1346
+ "fieldName": "showClose",
1347
+ "default": "true",
1348
+ "description": "Whether to show a close button in the header",
1659
1349
  "type": {
1660
- "text": "number"
1350
+ "text": "boolean"
1661
1351
  }
1662
1352
  },
1663
1353
  {
1664
- "name": "required",
1665
- "fieldName": "required",
1666
- "default": "false",
1667
- "description": "Whether the input is required",
1354
+ "name": "close-on-click-outside",
1355
+ "fieldName": "closeOnClickOutside",
1356
+ "default": "true",
1357
+ "description": "Whether clicking outside closes the popover",
1668
1358
  "type": {
1669
1359
  "text": "boolean"
1670
1360
  }
1671
1361
  },
1672
1362
  {
1673
- "name": "disabled",
1674
- "fieldName": "disabled",
1675
- "default": "false",
1676
- "description": "Whether the input is disabled",
1363
+ "name": "close-on-escape",
1364
+ "fieldName": "closeOnEscape",
1365
+ "default": "true",
1366
+ "description": "Whether pressing Escape closes the popover",
1677
1367
  "type": {
1678
1368
  "text": "boolean"
1679
1369
  }
1680
1370
  },
1681
1371
  {
1682
- "name": "readonly",
1683
- "fieldName": "readonly",
1684
- "default": "false",
1685
- "description": "Whether the input is read-only",
1372
+ "name": "offset",
1373
+ "fieldName": "offset",
1374
+ "default": "8",
1375
+ "description": "Offset from the trigger element (in pixels)",
1686
1376
  "type": {
1687
- "text": "boolean"
1377
+ "text": "number"
1688
1378
  }
1689
1379
  },
1690
1380
  {
1691
- "name": "icon-start",
1692
- "fieldName": "iconStart",
1693
- "description": "Icon for the start icon",
1381
+ "name": "width",
1382
+ "fieldName": "width",
1383
+ "description": "Fixed width for the popover (e.g., '300px', '20rem')",
1694
1384
  "type": {
1695
1385
  "text": "string"
1696
1386
  }
1697
1387
  },
1698
1388
  {
1699
- "name": "show-spinners",
1700
- "fieldName": "showSpinners",
1701
- "default": "true",
1702
- "description": "Whether to show the spinner controls",
1389
+ "name": "min-width",
1390
+ "fieldName": "minWidth",
1391
+ "default": "'200px'",
1392
+ "description": "Minimum width for the popover (e.g., '200px', '15rem')",
1703
1393
  "type": {
1704
- "text": "boolean"
1394
+ "text": "string"
1705
1395
  }
1706
1396
  },
1707
1397
  {
1708
- "name": "external-id",
1709
- "fieldName": "externalId",
1710
- "description": "External ID for linking with external systems",
1398
+ "name": "max-width",
1399
+ "fieldName": "maxWidth",
1400
+ "description": "Maximum width for the popover (e.g., '400px', '25rem')",
1711
1401
  "type": {
1712
1402
  "text": "string"
1713
1403
  }
1714
1404
  }
1715
1405
  ],
1716
- "tagName": "le-number-input",
1406
+ "tagName": "le-popover",
1717
1407
  "events": [
1718
1408
  {
1719
- "name": "leChange",
1409
+ "name": "lePopoverOpen",
1720
1410
  "type": {
1721
- "text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
1411
+ "text": "EventEmitter<void>"
1722
1412
  },
1723
- "description": "Emitted when the value changes (on blur or Enter)"
1413
+ "description": "Emitted when the popover opens"
1724
1414
  },
1725
1415
  {
1726
- "name": "leInput",
1416
+ "name": "lePopoverClose",
1727
1417
  "type": {
1728
- "text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
1418
+ "text": "EventEmitter<void>"
1729
1419
  },
1730
- "description": "Emitted when the input value changes (on keystroke/spin)"
1420
+ "description": "Emitted when the popover closes"
1731
1421
  }
1732
1422
  ],
1733
1423
  "customElement": true
@@ -1736,38 +1426,72 @@
1736
1426
  "exports": [
1737
1427
  {
1738
1428
  "kind": "js",
1739
- "name": "LeNumberInput",
1429
+ "name": "LePopover",
1740
1430
  "declaration": {
1741
- "name": "LeNumberInput",
1742
- "module": "src/components/le-number-input/le-number-input.tsx"
1431
+ "name": "LePopover",
1432
+ "module": "src/components/le-popover/le-popover.tsx"
1743
1433
  }
1744
1434
  },
1745
1435
  {
1746
1436
  "kind": "custom-element-definition",
1747
- "name": "le-number-input",
1437
+ "name": "le-popover",
1748
1438
  "declaration": {
1749
- "name": "LeNumberInput",
1750
- "module": "src/components/le-number-input/le-number-input.tsx"
1439
+ "name": "LePopover",
1440
+ "module": "src/components/le-popover/le-popover.tsx"
1751
1441
  }
1752
1442
  }
1753
1443
  ]
1754
1444
  },
1755
1445
  {
1756
1446
  "kind": "javascript-module",
1757
- "path": "src/components/le-popover/le-popover.tsx",
1447
+ "path": "src/components/le-number-input/le-number-input.tsx",
1758
1448
  "declarations": [
1759
1449
  {
1760
1450
  "kind": "class",
1761
- "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.",
1762
- "name": "LePopover",
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
+ ],
1763
1483
  "slots": [
1764
1484
  {
1765
- "description": "Content to display inside the popover",
1485
+ "description": "The label text for the input",
1766
1486
  "name": ""
1767
1487
  },
1768
1488
  {
1769
- "description": "Element that triggers the popover (optional)",
1770
- "name": "trigger"
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"
1771
1495
  }
1772
1496
  ],
1773
1497
  "members": [
@@ -1780,220 +1504,192 @@
1780
1504
  },
1781
1505
  {
1782
1506
  "kind": "field",
1783
- "name": "mode",
1507
+ "name": "value",
1784
1508
  "type": {
1785
- "text": "'default' | 'admin'"
1509
+ "text": "number"
1786
1510
  },
1787
- "description": "Mode of the popover should be 'default' for internal use"
1511
+ "description": "The value of the input"
1788
1512
  },
1789
1513
  {
1790
1514
  "kind": "field",
1791
- "name": "open",
1515
+ "name": "name",
1792
1516
  "type": {
1793
- "text": "boolean"
1517
+ "text": "string"
1794
1518
  },
1795
- "default": "false",
1796
- "description": "Whether the popover is currently open"
1519
+ "description": "The name of the input"
1797
1520
  },
1798
1521
  {
1799
1522
  "kind": "field",
1800
- "name": "position",
1523
+ "name": "label",
1801
1524
  "type": {
1802
- "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
1525
+ "text": "string"
1803
1526
  },
1804
- "default": "'bottom'",
1805
- "description": "Position of the popover relative to its trigger"
1527
+ "description": "Label for the input"
1806
1528
  },
1807
1529
  {
1808
1530
  "kind": "field",
1809
- "name": "align",
1531
+ "name": "placeholder",
1810
1532
  "type": {
1811
- "text": "'start' | 'center' | 'end'"
1533
+ "text": "string"
1812
1534
  },
1813
- "default": "'start'",
1814
- "description": "Alignment of the popover"
1535
+ "description": "Placeholder text"
1815
1536
  },
1816
1537
  {
1817
1538
  "kind": "field",
1818
- "name": "popoverTitle",
1539
+ "name": "min",
1819
1540
  "type": {
1820
- "text": "string | undefined"
1541
+ "text": "number | undefined"
1821
1542
  },
1822
- "description": "Optional title for the popover header"
1543
+ "description": "Minimum allowed value"
1823
1544
  },
1824
1545
  {
1825
1546
  "kind": "field",
1826
- "name": "showClose",
1547
+ "name": "max",
1827
1548
  "type": {
1828
- "text": "boolean"
1549
+ "text": "number | undefined"
1829
1550
  },
1830
- "default": "true",
1831
- "description": "Whether to show a close button in the header"
1551
+ "description": "Maximum allowed value"
1832
1552
  },
1833
1553
  {
1834
1554
  "kind": "field",
1835
- "name": "closeOnClickOutside",
1555
+ "name": "step",
1836
1556
  "type": {
1837
- "text": "boolean"
1557
+ "text": "number"
1838
1558
  },
1839
- "default": "true",
1840
- "description": "Whether clicking outside closes the popover"
1559
+ "default": "1",
1560
+ "description": "Step value for increment/decrement"
1841
1561
  },
1842
1562
  {
1843
1563
  "kind": "field",
1844
- "name": "closeOnEscape",
1564
+ "name": "required",
1845
1565
  "type": {
1846
1566
  "text": "boolean"
1847
1567
  },
1848
- "default": "true",
1849
- "description": "Whether pressing Escape closes the popover"
1850
- },
1851
- {
1852
- "kind": "field",
1853
- "name": "offset",
1854
- "type": {
1855
- "text": "number"
1856
- },
1857
- "default": "8",
1858
- "description": "Offset from the trigger element (in pixels)"
1568
+ "default": "false",
1569
+ "description": "Whether the input is required"
1859
1570
  },
1860
1571
  {
1861
1572
  "kind": "field",
1862
- "name": "width",
1573
+ "name": "disabled",
1863
1574
  "type": {
1864
- "text": "string | undefined"
1575
+ "text": "boolean"
1865
1576
  },
1866
- "description": "Fixed width for the popover (e.g., '300px', '20rem')"
1577
+ "default": "false",
1578
+ "description": "Whether the input is disabled"
1867
1579
  },
1868
1580
  {
1869
1581
  "kind": "field",
1870
- "name": "minWidth",
1582
+ "name": "readonly",
1871
1583
  "type": {
1872
- "text": "string | undefined"
1584
+ "text": "boolean"
1873
1585
  },
1874
- "default": "'200px'",
1875
- "description": "Minimum width for the popover (e.g., '200px', '15rem')"
1586
+ "default": "false",
1587
+ "description": "Whether the input is read-only"
1876
1588
  },
1877
1589
  {
1878
1590
  "kind": "field",
1879
- "name": "maxWidth",
1591
+ "name": "iconStart",
1880
1592
  "type": {
1881
1593
  "text": "string | undefined"
1882
1594
  },
1883
- "description": "Maximum width for the popover (e.g., '400px', '25rem')"
1595
+ "description": "Icon for the start icon"
1884
1596
  },
1885
1597
  {
1886
1598
  "kind": "field",
1887
- "name": "isPositioned",
1599
+ "name": "showSpinners",
1888
1600
  "type": {
1889
1601
  "text": "boolean"
1890
1602
  },
1891
- "privacy": "private",
1892
- "default": "false"
1603
+ "default": "true",
1604
+ "description": "Whether to show the spinner controls"
1893
1605
  },
1894
1606
  {
1895
1607
  "kind": "field",
1896
- "name": "triggerEl",
1608
+ "name": "externalId",
1897
1609
  "type": {
1898
- "text": "HTMLElement | undefined"
1610
+ "text": "string"
1899
1611
  },
1900
- "privacy": "private"
1612
+ "description": "External ID for linking with external systems"
1901
1613
  },
1902
1614
  {
1903
1615
  "kind": "field",
1904
- "name": "popoverEl",
1616
+ "name": "isValid",
1905
1617
  "type": {
1906
- "text": "HTMLElement | undefined"
1618
+ "text": "boolean"
1907
1619
  },
1908
- "privacy": "private"
1620
+ "privacy": "private",
1621
+ "default": "true",
1622
+ "description": "Internal validation state"
1909
1623
  },
1910
1624
  {
1911
1625
  "kind": "field",
1912
- "name": "uniqueId",
1626
+ "name": "validationMessage",
1913
1627
  "type": {
1914
1628
  "text": "string"
1915
1629
  },
1916
1630
  "privacy": "private",
1917
- "default": "`le-popover-${Math.random().toString(36).substr(2, 9)}`"
1631
+ "default": "''"
1918
1632
  },
1919
1633
  {
1920
- "kind": "field",
1921
- "name": "scrollParents",
1922
- "type": {
1923
- "text": "Element[]"
1924
- },
1925
- "privacy": "private",
1926
- "default": "[]"
1634
+ "kind": "method",
1635
+ "name": "valueChanged"
1927
1636
  },
1928
1637
  {
1929
1638
  "kind": "method",
1930
- "name": "getScrollParents",
1931
- "privacy": "private",
1932
- "return": {
1933
- "type": {
1934
- "text": "Element[]"
1935
- }
1936
- },
1937
- "parameters": [
1938
- {
1939
- "name": "element",
1940
- "type": {
1941
- "text": "Element"
1942
- }
1943
- }
1944
- ],
1945
- "description": "Find all scrollable parent elements"
1639
+ "name": "validate",
1640
+ "privacy": "private"
1946
1641
  },
1947
1642
  {
1948
1643
  "kind": "method",
1949
- "name": "addScrollListeners",
1950
- "privacy": "private",
1951
- "description": "Add scroll listeners to all scrollable parents"
1644
+ "name": "emitChange",
1645
+ "privacy": "private"
1952
1646
  },
1953
1647
  {
1954
1648
  "kind": "method",
1955
- "name": "removeScrollListeners",
1649
+ "name": "emitInput",
1650
+ "privacy": "private"
1651
+ },
1652
+ {
1653
+ "kind": "method",
1654
+ "name": "updateValue",
1956
1655
  "privacy": "private",
1957
- "description": "Remove scroll listeners"
1656
+ "parameters": [
1657
+ {
1658
+ "name": "newValue",
1659
+ "type": {
1660
+ "text": "number"
1661
+ }
1662
+ }
1663
+ ]
1958
1664
  },
1959
1665
  {
1960
1666
  "kind": "field",
1961
- "name": "handleScroll",
1667
+ "name": "handleInput",
1962
1668
  "privacy": "private"
1963
1669
  },
1964
1670
  {
1965
1671
  "kind": "field",
1966
- "name": "handlePopoverToggle",
1672
+ "name": "handleChange",
1967
1673
  "privacy": "private"
1968
1674
  },
1969
1675
  {
1970
1676
  "kind": "field",
1971
- "name": "handleOtherPopoverOpen",
1677
+ "name": "handleKeyDown",
1972
1678
  "privacy": "private"
1973
1679
  },
1974
1680
  {
1975
- "kind": "method",
1976
- "name": "show",
1977
- "description": "Opens the popover"
1978
- },
1979
- {
1980
- "kind": "method",
1981
- "name": "hide",
1982
- "description": "Closes the popover"
1983
- },
1984
- {
1985
- "kind": "method",
1986
- "name": "toggle",
1987
- "description": "Toggles the popover"
1681
+ "kind": "field",
1682
+ "name": "handleWheel",
1683
+ "privacy": "private"
1988
1684
  },
1989
1685
  {
1990
1686
  "kind": "field",
1991
- "name": "handleTriggerClick",
1687
+ "name": "increment",
1992
1688
  "privacy": "private"
1993
1689
  },
1994
1690
  {
1995
- "kind": "method",
1996
- "name": "updatePosition",
1691
+ "kind": "field",
1692
+ "name": "decrement",
1997
1693
  "privacy": "private"
1998
1694
  },
1999
1695
  {
@@ -2003,125 +1699,130 @@
2003
1699
  ],
2004
1700
  "attributes": [
2005
1701
  {
2006
- "name": "mode",
2007
- "fieldName": "mode",
2008
- "description": "Mode of the popover should be 'default' for internal use",
1702
+ "name": "value",
1703
+ "fieldName": "value",
1704
+ "description": "The value of the input",
2009
1705
  "type": {
2010
- "text": "'default' | 'admin'"
1706
+ "text": "number"
2011
1707
  }
2012
1708
  },
2013
1709
  {
2014
- "name": "open",
2015
- "fieldName": "open",
2016
- "default": "false",
2017
- "description": "Whether the popover is currently open",
1710
+ "name": "name",
1711
+ "fieldName": "name",
1712
+ "description": "The name of the input",
2018
1713
  "type": {
2019
- "text": "boolean"
1714
+ "text": "string"
2020
1715
  }
2021
1716
  },
2022
1717
  {
2023
- "name": "position",
2024
- "fieldName": "position",
2025
- "default": "'bottom'",
2026
- "description": "Position of the popover relative to its trigger",
1718
+ "name": "label",
1719
+ "fieldName": "label",
1720
+ "description": "Label for the input",
2027
1721
  "type": {
2028
- "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
1722
+ "text": "string"
2029
1723
  }
2030
1724
  },
2031
1725
  {
2032
- "name": "align",
2033
- "fieldName": "align",
2034
- "default": "'start'",
2035
- "description": "Alignment of the popover",
1726
+ "name": "placeholder",
1727
+ "fieldName": "placeholder",
1728
+ "description": "Placeholder text",
2036
1729
  "type": {
2037
- "text": "'start' | 'center' | 'end'"
1730
+ "text": "string"
2038
1731
  }
2039
1732
  },
2040
1733
  {
2041
- "name": "popover-title",
2042
- "fieldName": "popoverTitle",
2043
- "description": "Optional title for the popover header",
1734
+ "name": "min",
1735
+ "fieldName": "min",
1736
+ "description": "Minimum allowed value",
2044
1737
  "type": {
2045
- "text": "string"
1738
+ "text": "number"
2046
1739
  }
2047
1740
  },
2048
1741
  {
2049
- "name": "show-close",
2050
- "fieldName": "showClose",
2051
- "default": "true",
2052
- "description": "Whether to show a close button in the header",
1742
+ "name": "max",
1743
+ "fieldName": "max",
1744
+ "description": "Maximum allowed value",
1745
+ "type": {
1746
+ "text": "number"
1747
+ }
1748
+ },
1749
+ {
1750
+ "name": "step",
1751
+ "fieldName": "step",
1752
+ "default": "1",
1753
+ "description": "Step value for increment/decrement",
1754
+ "type": {
1755
+ "text": "number"
1756
+ }
1757
+ },
1758
+ {
1759
+ "name": "required",
1760
+ "fieldName": "required",
1761
+ "default": "false",
1762
+ "description": "Whether the input is required",
2053
1763
  "type": {
2054
1764
  "text": "boolean"
2055
1765
  }
2056
1766
  },
2057
1767
  {
2058
- "name": "close-on-click-outside",
2059
- "fieldName": "closeOnClickOutside",
2060
- "default": "true",
2061
- "description": "Whether clicking outside closes the popover",
1768
+ "name": "disabled",
1769
+ "fieldName": "disabled",
1770
+ "default": "false",
1771
+ "description": "Whether the input is disabled",
2062
1772
  "type": {
2063
1773
  "text": "boolean"
2064
1774
  }
2065
1775
  },
2066
1776
  {
2067
- "name": "close-on-escape",
2068
- "fieldName": "closeOnEscape",
2069
- "default": "true",
2070
- "description": "Whether pressing Escape closes the popover",
1777
+ "name": "readonly",
1778
+ "fieldName": "readonly",
1779
+ "default": "false",
1780
+ "description": "Whether the input is read-only",
2071
1781
  "type": {
2072
1782
  "text": "boolean"
2073
1783
  }
2074
1784
  },
2075
1785
  {
2076
- "name": "offset",
2077
- "fieldName": "offset",
2078
- "default": "8",
2079
- "description": "Offset from the trigger element (in pixels)",
2080
- "type": {
2081
- "text": "number"
2082
- }
2083
- },
2084
- {
2085
- "name": "width",
2086
- "fieldName": "width",
2087
- "description": "Fixed width for the popover (e.g., '300px', '20rem')",
1786
+ "name": "icon-start",
1787
+ "fieldName": "iconStart",
1788
+ "description": "Icon for the start icon",
2088
1789
  "type": {
2089
1790
  "text": "string"
2090
1791
  }
2091
1792
  },
2092
1793
  {
2093
- "name": "min-width",
2094
- "fieldName": "minWidth",
2095
- "default": "'200px'",
2096
- "description": "Minimum width for the popover (e.g., '200px', '15rem')",
1794
+ "name": "show-spinners",
1795
+ "fieldName": "showSpinners",
1796
+ "default": "true",
1797
+ "description": "Whether to show the spinner controls",
2097
1798
  "type": {
2098
- "text": "string"
1799
+ "text": "boolean"
2099
1800
  }
2100
1801
  },
2101
1802
  {
2102
- "name": "max-width",
2103
- "fieldName": "maxWidth",
2104
- "description": "Maximum width for the popover (e.g., '400px', '25rem')",
1803
+ "name": "external-id",
1804
+ "fieldName": "externalId",
1805
+ "description": "External ID for linking with external systems",
2105
1806
  "type": {
2106
1807
  "text": "string"
2107
1808
  }
2108
1809
  }
2109
1810
  ],
2110
- "tagName": "le-popover",
1811
+ "tagName": "le-number-input",
2111
1812
  "events": [
2112
1813
  {
2113
- "name": "lePopoverOpen",
1814
+ "name": "leChange",
2114
1815
  "type": {
2115
- "text": "EventEmitter<void>"
1816
+ "text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
2116
1817
  },
2117
- "description": "Emitted when the popover opens"
1818
+ "description": "Emitted when the value changes (on blur or Enter)"
2118
1819
  },
2119
1820
  {
2120
- "name": "lePopoverClose",
1821
+ "name": "leInput",
2121
1822
  "type": {
2122
- "text": "EventEmitter<void>"
1823
+ "text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
2123
1824
  },
2124
- "description": "Emitted when the popover closes"
1825
+ "description": "Emitted when the input value changes (on keystroke/spin)"
2125
1826
  }
2126
1827
  ],
2127
1828
  "customElement": true
@@ -2130,18 +1831,18 @@
2130
1831
  "exports": [
2131
1832
  {
2132
1833
  "kind": "js",
2133
- "name": "LePopover",
1834
+ "name": "LeNumberInput",
2134
1835
  "declaration": {
2135
- "name": "LePopover",
2136
- "module": "src/components/le-popover/le-popover.tsx"
1836
+ "name": "LeNumberInput",
1837
+ "module": "src/components/le-number-input/le-number-input.tsx"
2137
1838
  }
2138
1839
  },
2139
1840
  {
2140
1841
  "kind": "custom-element-definition",
2141
- "name": "le-popover",
1842
+ "name": "le-number-input",
2142
1843
  "declaration": {
2143
- "name": "LePopover",
2144
- "module": "src/components/le-popover/le-popover.tsx"
1844
+ "name": "LeNumberInput",
1845
+ "module": "src/components/le-number-input/le-number-input.tsx"
2145
1846
  }
2146
1847
  }
2147
1848
  ]
@@ -2552,12 +2253,18 @@
2552
2253
  },
2553
2254
  {
2554
2255
  "kind": "javascript-module",
2555
- "path": "src/components/le-round-progress/le-round-progress.tsx",
2256
+ "path": "src/components/le-component/le-component.tsx",
2556
2257
  "declarations": [
2557
2258
  {
2558
2259
  "kind": "class",
2559
- "description": "",
2560
- "name": "LeRoundProgress",
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
+ ],
2561
2268
  "members": [
2562
2269
  {
2563
2270
  "kind": "field",
@@ -2568,98 +2275,217 @@
2568
2275
  },
2569
2276
  {
2570
2277
  "kind": "field",
2571
- "name": "value",
2278
+ "name": "component",
2572
2279
  "type": {
2573
- "text": "number"
2280
+ "text": "string"
2574
2281
  },
2575
- "default": "0"
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"
2576
2354
  },
2577
2355
  {
2578
2356
  "kind": "method",
2579
- "name": "updateValue",
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
+ },
2580
2370
  "parameters": [
2581
2371
  {
2582
- "name": "newValue",
2372
+ "name": "tagName",
2583
2373
  "type": {
2584
2374
  "text": "string"
2585
2375
  }
2586
2376
  }
2587
- ]
2377
+ ],
2378
+ "description": "Formats a tag name into a display name\ne.g., 'le-card' -> 'Card'"
2588
2379
  },
2589
2380
  {
2590
- "kind": "field",
2591
- "name": "padding",
2592
- "type": {
2593
- "text": "number"
2594
- },
2595
- "default": "0"
2381
+ "kind": "method",
2382
+ "name": "loadComponentMetadata",
2383
+ "privacy": "private",
2384
+ "description": "Load component metadata from the Custom Elements Manifest"
2596
2385
  },
2597
2386
  {
2598
2387
  "kind": "method",
2599
- "name": "updatePadding",
2388
+ "name": "isInternalAttribute",
2389
+ "privacy": "private",
2390
+ "return": {
2391
+ "type": {
2392
+ "text": "boolean"
2393
+ }
2394
+ },
2600
2395
  "parameters": [
2601
2396
  {
2602
- "name": "newValue",
2397
+ "name": "name",
2603
2398
  "type": {
2604
2399
  "text": "string"
2605
2400
  }
2606
2401
  }
2607
- ]
2402
+ ],
2403
+ "description": "Check if an attribute is internal (should not be shown in editor)"
2608
2404
  },
2609
2405
  {
2610
- "kind": "field",
2611
- "name": "paths",
2612
- "type": {
2613
- "text": "string"
2614
- }
2406
+ "kind": "method",
2407
+ "name": "readPropertyValues",
2408
+ "privacy": "private",
2409
+ "description": "Read current property values from the host element"
2615
2410
  },
2616
2411
  {
2617
2412
  "kind": "method",
2618
- "name": "updateProgressBackgrounds",
2413
+ "name": "parseAttributeValue",
2414
+ "privacy": "private",
2415
+ "return": {
2416
+ "type": {
2417
+ "text": "any"
2418
+ }
2419
+ },
2619
2420
  "parameters": [
2620
2421
  {
2621
- "name": "newValue",
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"
2436
+ },
2437
+ {
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,
2622
2457
  "type": {
2623
2458
  "text": "string"
2624
2459
  }
2625
2460
  }
2626
- ]
2627
- },
2628
- {
2629
- "kind": "field",
2630
- "name": "progressPaths",
2631
- "type": {
2632
- "text": "any[]"
2633
- }
2634
- },
2635
- {
2636
- "kind": "field",
2637
- "name": "params",
2638
- "type": {
2639
- "text": "{\n width: number;\n diameter: number;\n circumference: number;\n }"
2640
- }
2641
- },
2642
- {
2643
- "kind": "method",
2644
- "name": "calcParams"
2645
- },
2646
- {
2647
- "kind": "method",
2648
- "name": "getViewBox",
2649
- "description": "Returns the viewPath attribute value for the SVG\nbased on the width of the parent element"
2461
+ ],
2462
+ "description": "Handle property value changes from the editor"
2650
2463
  },
2651
2464
  {
2652
2465
  "kind": "method",
2653
- "name": "getPath",
2654
- "description": "Returns the circular path for the progress stroke\nand additional paths in the background"
2466
+ "name": "deleteComponent",
2467
+ "privacy": "private",
2468
+ "description": "Delete this component from the DOM"
2655
2469
  },
2656
2470
  {
2657
2471
  "kind": "method",
2658
- "name": "getStrokeDashArray"
2472
+ "name": "renderPropertyEditor",
2473
+ "privacy": "private",
2474
+ "description": "Render the property editor form"
2659
2475
  },
2660
2476
  {
2661
2477
  "kind": "method",
2662
- "name": "getPaths"
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"
2663
2489
  },
2664
2490
  {
2665
2491
  "kind": "method",
@@ -2668,30 +2494,39 @@
2668
2494
  ],
2669
2495
  "attributes": [
2670
2496
  {
2671
- "name": "value",
2672
- "fieldName": "value",
2673
- "default": "0",
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.",
2674
2500
  "type": {
2675
- "text": "number"
2501
+ "text": "string"
2676
2502
  }
2677
2503
  },
2678
2504
  {
2679
- "name": "padding",
2680
- "fieldName": "padding",
2681
- "default": "0",
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.",
2682
2508
  "type": {
2683
- "text": "number"
2509
+ "text": "string"
2684
2510
  }
2685
2511
  },
2686
2512
  {
2687
- "name": "paths",
2688
- "fieldName": "paths",
2513
+ "name": "host-class",
2514
+ "fieldName": "hostClass",
2515
+ "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes.",
2689
2516
  "type": {
2690
2517
  "text": "string"
2691
2518
  }
2519
+ },
2520
+ {
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
+ }
2692
2527
  }
2693
2528
  ],
2694
- "tagName": "le-round-progress",
2529
+ "tagName": "le-component",
2695
2530
  "events": [],
2696
2531
  "customElement": true
2697
2532
  }
@@ -2699,18 +2534,18 @@
2699
2534
  "exports": [
2700
2535
  {
2701
2536
  "kind": "js",
2702
- "name": "LeRoundProgress",
2537
+ "name": "LeComponent",
2703
2538
  "declaration": {
2704
- "name": "LeRoundProgress",
2705
- "module": "src/components/le-round-progress/le-round-progress.tsx"
2539
+ "name": "LeComponent",
2540
+ "module": "src/components/le-component/le-component.tsx"
2706
2541
  }
2707
2542
  },
2708
2543
  {
2709
2544
  "kind": "custom-element-definition",
2710
- "name": "le-round-progress",
2545
+ "name": "le-component",
2711
2546
  "declaration": {
2712
- "name": "LeRoundProgress",
2713
- "module": "src/components/le-round-progress/le-round-progress.tsx"
2547
+ "name": "LeComponent",
2548
+ "module": "src/components/le-component/le-component.tsx"
2714
2549
  }
2715
2550
  }
2716
2551
  ]
@@ -3413,6 +3248,171 @@
3413
3248
  }
3414
3249
  ]
3415
3250
  },
3251
+ {
3252
+ "kind": "javascript-module",
3253
+ "path": "src/components/le-round-progress/le-round-progress.tsx",
3254
+ "declarations": [
3255
+ {
3256
+ "kind": "class",
3257
+ "description": "",
3258
+ "name": "LeRoundProgress",
3259
+ "members": [
3260
+ {
3261
+ "kind": "field",
3262
+ "name": "el",
3263
+ "type": {
3264
+ "text": "HTMLElement"
3265
+ }
3266
+ },
3267
+ {
3268
+ "kind": "field",
3269
+ "name": "value",
3270
+ "type": {
3271
+ "text": "number"
3272
+ },
3273
+ "default": "0"
3274
+ },
3275
+ {
3276
+ "kind": "method",
3277
+ "name": "updateValue",
3278
+ "parameters": [
3279
+ {
3280
+ "name": "newValue",
3281
+ "type": {
3282
+ "text": "string"
3283
+ }
3284
+ }
3285
+ ]
3286
+ },
3287
+ {
3288
+ "kind": "field",
3289
+ "name": "padding",
3290
+ "type": {
3291
+ "text": "number"
3292
+ },
3293
+ "default": "0"
3294
+ },
3295
+ {
3296
+ "kind": "method",
3297
+ "name": "updatePadding",
3298
+ "parameters": [
3299
+ {
3300
+ "name": "newValue",
3301
+ "type": {
3302
+ "text": "string"
3303
+ }
3304
+ }
3305
+ ]
3306
+ },
3307
+ {
3308
+ "kind": "field",
3309
+ "name": "paths",
3310
+ "type": {
3311
+ "text": "string"
3312
+ }
3313
+ },
3314
+ {
3315
+ "kind": "method",
3316
+ "name": "updateProgressBackgrounds",
3317
+ "parameters": [
3318
+ {
3319
+ "name": "newValue",
3320
+ "type": {
3321
+ "text": "string"
3322
+ }
3323
+ }
3324
+ ]
3325
+ },
3326
+ {
3327
+ "kind": "field",
3328
+ "name": "progressPaths",
3329
+ "type": {
3330
+ "text": "any[]"
3331
+ }
3332
+ },
3333
+ {
3334
+ "kind": "field",
3335
+ "name": "params",
3336
+ "type": {
3337
+ "text": "{\n width: number;\n diameter: number;\n circumference: number;\n }"
3338
+ }
3339
+ },
3340
+ {
3341
+ "kind": "method",
3342
+ "name": "calcParams"
3343
+ },
3344
+ {
3345
+ "kind": "method",
3346
+ "name": "getViewBox",
3347
+ "description": "Returns the viewPath attribute value for the SVG\nbased on the width of the parent element"
3348
+ },
3349
+ {
3350
+ "kind": "method",
3351
+ "name": "getPath",
3352
+ "description": "Returns the circular path for the progress stroke\nand additional paths in the background"
3353
+ },
3354
+ {
3355
+ "kind": "method",
3356
+ "name": "getStrokeDashArray"
3357
+ },
3358
+ {
3359
+ "kind": "method",
3360
+ "name": "getPaths"
3361
+ },
3362
+ {
3363
+ "kind": "method",
3364
+ "name": "render"
3365
+ }
3366
+ ],
3367
+ "attributes": [
3368
+ {
3369
+ "name": "value",
3370
+ "fieldName": "value",
3371
+ "default": "0",
3372
+ "type": {
3373
+ "text": "number"
3374
+ }
3375
+ },
3376
+ {
3377
+ "name": "padding",
3378
+ "fieldName": "padding",
3379
+ "default": "0",
3380
+ "type": {
3381
+ "text": "number"
3382
+ }
3383
+ },
3384
+ {
3385
+ "name": "paths",
3386
+ "fieldName": "paths",
3387
+ "type": {
3388
+ "text": "string"
3389
+ }
3390
+ }
3391
+ ],
3392
+ "tagName": "le-round-progress",
3393
+ "events": [],
3394
+ "customElement": true
3395
+ }
3396
+ ],
3397
+ "exports": [
3398
+ {
3399
+ "kind": "js",
3400
+ "name": "LeRoundProgress",
3401
+ "declaration": {
3402
+ "name": "LeRoundProgress",
3403
+ "module": "src/components/le-round-progress/le-round-progress.tsx"
3404
+ }
3405
+ },
3406
+ {
3407
+ "kind": "custom-element-definition",
3408
+ "name": "le-round-progress",
3409
+ "declaration": {
3410
+ "name": "LeRoundProgress",
3411
+ "module": "src/components/le-round-progress/le-round-progress.tsx"
3412
+ }
3413
+ }
3414
+ ]
3415
+ },
3416
3416
  {
3417
3417
  "kind": "javascript-module",
3418
3418
  "path": "src/components/le-string-input/le-string-input.tsx",