@m3e/react 2.5.5 → 2.5.6

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 (111) hide show
  1. package/dist/all.js +33 -1
  2. package/dist/all.js.map +1 -1
  3. package/dist/all.min.js +1 -1
  4. package/dist/all.min.js.map +1 -1
  5. package/dist/button.js +1 -0
  6. package/dist/button.js.map +1 -1
  7. package/dist/button.min.js +1 -1
  8. package/dist/button.min.js.map +1 -1
  9. package/dist/checkbox.js +1 -0
  10. package/dist/checkbox.js.map +1 -1
  11. package/dist/checkbox.min.js +1 -1
  12. package/dist/checkbox.min.js.map +1 -1
  13. package/dist/chips.js +2 -0
  14. package/dist/chips.js.map +1 -1
  15. package/dist/chips.min.js +1 -1
  16. package/dist/chips.min.js.map +1 -1
  17. package/dist/icon-button.js +1 -0
  18. package/dist/icon-button.js.map +1 -1
  19. package/dist/icon-button.min.js +1 -1
  20. package/dist/icon-button.min.js.map +1 -1
  21. package/dist/list.js +2 -0
  22. package/dist/list.js.map +1 -1
  23. package/dist/list.min.js +1 -1
  24. package/dist/list.min.js.map +1 -1
  25. package/dist/nav-bar.js +3 -0
  26. package/dist/nav-bar.js.map +1 -1
  27. package/dist/nav-bar.min.js +1 -1
  28. package/dist/nav-bar.min.js.map +1 -1
  29. package/dist/nav-rail.js +2 -0
  30. package/dist/nav-rail.js.map +1 -1
  31. package/dist/nav-rail.min.js +1 -1
  32. package/dist/nav-rail.min.js.map +1 -1
  33. package/dist/radio-group.js +3 -0
  34. package/dist/radio-group.js.map +1 -1
  35. package/dist/radio-group.min.js +1 -1
  36. package/dist/radio-group.min.js.map +1 -1
  37. package/dist/segmented-button.js +2 -0
  38. package/dist/segmented-button.js.map +1 -1
  39. package/dist/segmented-button.min.js +1 -1
  40. package/dist/segmented-button.min.js.map +1 -1
  41. package/dist/select.js +1 -0
  42. package/dist/select.js.map +1 -1
  43. package/dist/select.min.js +1 -1
  44. package/dist/select.min.js.map +1 -1
  45. package/dist/slider.js +7 -1
  46. package/dist/slider.js.map +1 -1
  47. package/dist/slider.min.js +1 -1
  48. package/dist/slider.min.js.map +1 -1
  49. package/dist/split-pane.js +1 -0
  50. package/dist/split-pane.js.map +1 -1
  51. package/dist/split-pane.min.js +1 -1
  52. package/dist/split-pane.min.js.map +1 -1
  53. package/dist/src/button/Button.d.ts +1 -0
  54. package/dist/src/button/Button.d.ts.map +1 -1
  55. package/dist/src/checkbox/Checkbox.d.ts +1 -0
  56. package/dist/src/checkbox/Checkbox.d.ts.map +1 -1
  57. package/dist/src/chips/FilterChip.d.ts +1 -0
  58. package/dist/src/chips/FilterChip.d.ts.map +1 -1
  59. package/dist/src/chips/FilterChipSet.d.ts +1 -0
  60. package/dist/src/chips/FilterChipSet.d.ts.map +1 -1
  61. package/dist/src/icon-button/IconButton.d.ts +1 -0
  62. package/dist/src/icon-button/IconButton.d.ts.map +1 -1
  63. package/dist/src/list/ListOption.d.ts +1 -0
  64. package/dist/src/list/ListOption.d.ts.map +1 -1
  65. package/dist/src/list/SelectionList.d.ts +1 -0
  66. package/dist/src/list/SelectionList.d.ts.map +1 -1
  67. package/dist/src/nav-bar/NavBar.d.ts +2 -0
  68. package/dist/src/nav-bar/NavBar.d.ts.map +1 -1
  69. package/dist/src/nav-bar/NavItem.d.ts +1 -0
  70. package/dist/src/nav-bar/NavItem.d.ts.map +1 -1
  71. package/dist/src/nav-rail/NavRail.d.ts +2 -0
  72. package/dist/src/nav-rail/NavRail.d.ts.map +1 -1
  73. package/dist/src/radio-group/Radio.d.ts +1 -0
  74. package/dist/src/radio-group/Radio.d.ts.map +1 -1
  75. package/dist/src/radio-group/RadioGroup.d.ts +2 -0
  76. package/dist/src/radio-group/RadioGroup.d.ts.map +1 -1
  77. package/dist/src/segmented-button/ButtonSegment.d.ts +1 -0
  78. package/dist/src/segmented-button/ButtonSegment.d.ts.map +1 -1
  79. package/dist/src/segmented-button/SegmentedButton.d.ts +1 -0
  80. package/dist/src/segmented-button/SegmentedButton.d.ts.map +1 -1
  81. package/dist/src/select/Select.d.ts +1 -0
  82. package/dist/src/select/Select.d.ts.map +1 -1
  83. package/dist/src/slider/Slider.d.ts +5 -1
  84. package/dist/src/slider/Slider.d.ts.map +1 -1
  85. package/dist/src/slider/SliderThumb.d.ts +1 -0
  86. package/dist/src/slider/SliderThumb.d.ts.map +1 -1
  87. package/dist/src/split-pane/SplitPane.d.ts +1 -0
  88. package/dist/src/split-pane/SplitPane.d.ts.map +1 -1
  89. package/dist/src/stepper/Step.d.ts +1 -0
  90. package/dist/src/stepper/Step.d.ts.map +1 -1
  91. package/dist/src/stepper/Stepper.d.ts +2 -0
  92. package/dist/src/stepper/Stepper.d.ts.map +1 -1
  93. package/dist/src/switch/Switch.d.ts +1 -0
  94. package/dist/src/switch/Switch.d.ts.map +1 -1
  95. package/dist/src/tabs/Tab.d.ts +1 -0
  96. package/dist/src/tabs/Tab.d.ts.map +1 -1
  97. package/dist/src/tabs/Tabs.d.ts +2 -0
  98. package/dist/src/tabs/Tabs.d.ts.map +1 -1
  99. package/dist/stepper.js +3 -0
  100. package/dist/stepper.js.map +1 -1
  101. package/dist/stepper.min.js +1 -1
  102. package/dist/stepper.min.js.map +1 -1
  103. package/dist/switch.js +1 -0
  104. package/dist/switch.js.map +1 -1
  105. package/dist/switch.min.js +1 -1
  106. package/dist/switch.min.js.map +1 -1
  107. package/dist/tabs.js +3 -0
  108. package/dist/tabs.js.map +1 -1
  109. package/dist/tabs.min.js +1 -1
  110. package/dist/tabs.min.js.map +1 -1
  111. package/package.json +2 -2
package/dist/button.js CHANGED
@@ -25,6 +25,7 @@ const M3eButton = createComponent({
25
25
  elementClass: M3eButtonElement,
26
26
  react: React,
27
27
  events: {
28
+ onBeforeInput: "beforeinput",
28
29
  onInput: "input",
29
30
  onChange: "change",
30
31
  onClick: "click"
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sources":["../../src/button/Button.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eButtonElement } from \"@m3e/web/button\";\r\nexport type { ButtonShape, ButtonSize, ButtonVariant, M3eButtonElement } from \"@m3e/web/button\";\r\n\r\n/**\r\n * React binding for the `m3e-button` Web Component from `@m3e/web/button`.\r\n *\r\n * This component renders the underlying `<m3e-button>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-button>` instance for imperative access.\r\n *\r\n * See the `m3e-button` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eButton = createComponent({\r\n tagName: \"m3e-button\",\r\n elementClass: M3eButtonElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eButton","createComponent","tagName","elementClass","M3eButtonElement","react","React","events","onInput","onChange","onClick"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,SAAS,GAAGC,eAAe,CAAC;AACvCC,EAAAA,OAAO,EAAE,YAAY;AACrBC,EAAAA,YAAY,EAAEC,gBAAgB;AAC9BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
1
+ {"version":3,"file":"button.js","sources":["../../src/button/Button.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eButtonElement } from \"@m3e/web/button\";\r\nexport type { ButtonShape, ButtonSize, ButtonVariant, M3eButtonElement } from \"@m3e/web/button\";\r\n\r\n/**\r\n * React binding for the `m3e-button` Web Component from `@m3e/web/button`.\r\n *\r\n * This component renders the underlying `<m3e-button>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-button>` instance for imperative access.\r\n *\r\n * See the `m3e-button` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eButton = createComponent({\r\n tagName: \"m3e-button\",\r\n elementClass: M3eButtonElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eButton","createComponent","tagName","elementClass","M3eButtonElement","react","React","events","onBeforeInput","onInput","onChange","onClick"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,SAAS,GAAGC,eAAe,CAAC;AACvCC,EAAAA,OAAO,EAAE,YAAY;AACrBC,EAAAA,YAAY,EAAEC,gBAAgB;AAC9BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
@@ -3,5 +3,5 @@
3
3
  * Copyright (c) 2025–2026 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
- import t from"react";import{createComponent as e}from"@lit/react";import{M3eButtonElement as o}from"@m3e/web/button";const n=e({tagName:"m3e-button",elementClass:o,react:t,events:{onInput:"input",onChange:"change",onClick:"click"}});export{n as M3eButton};
6
+ import t from"react";import{createComponent as e}from"@lit/react";import{M3eButtonElement as o}from"@m3e/web/button";const n=e({tagName:"m3e-button",elementClass:o,react:t,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change",onClick:"click"}});export{n as M3eButton};
7
7
  //# sourceMappingURL=button.min.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.min.js","sources":["../../src/button/Button.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eButtonElement } from \"@m3e/web/button\";\r\nexport type { ButtonShape, ButtonSize, ButtonVariant, M3eButtonElement } from \"@m3e/web/button\";\r\n\r\n/**\r\n * React binding for the `m3e-button` Web Component from `@m3e/web/button`.\r\n *\r\n * This component renders the underlying `<m3e-button>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-button>` instance for imperative access.\r\n *\r\n * See the `m3e-button` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eButton = createComponent({\r\n tagName: \"m3e-button\",\r\n elementClass: M3eButtonElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eButton","createComponent","tagName","elementClass","M3eButtonElement","react","React","events","onInput","onChange","onClick"],"mappings":";;;;;qHAmBO,MAAMA,EAAYC,EAAgB,CACvCC,QAAS,aACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTC,SAAU,SACVC,QAAS"}
1
+ {"version":3,"file":"button.min.js","sources":["../../src/button/Button.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eButtonElement } from \"@m3e/web/button\";\r\nexport type { ButtonShape, ButtonSize, ButtonVariant, M3eButtonElement } from \"@m3e/web/button\";\r\n\r\n/**\r\n * React binding for the `m3e-button` Web Component from `@m3e/web/button`.\r\n *\r\n * This component renders the underlying `<m3e-button>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-button>` instance for imperative access.\r\n *\r\n * See the `m3e-button` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eButton = createComponent({\r\n tagName: \"m3e-button\",\r\n elementClass: M3eButtonElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eButton","createComponent","tagName","elementClass","M3eButtonElement","react","React","events","onBeforeInput","onInput","onChange","onClick"],"mappings":";;;;;qHAmBO,MAAMA,EAAYC,EAAgB,CACvCC,QAAS,aACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,cAAe,cACfC,QAAS,QACTC,SAAU,SACVC,QAAS"}
package/dist/checkbox.js CHANGED
@@ -25,6 +25,7 @@ const M3eCheckbox = createComponent({
25
25
  elementClass: M3eCheckboxElement,
26
26
  react: React,
27
27
  events: {
28
+ onBeforeInput: "beforeinput",
28
29
  onInput: "input",
29
30
  onInvalid: "invalid",
30
31
  onChange: "change",
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.js","sources":["../../src/checkbox/Checkbox.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\nexport type { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\n\r\n/**\r\n * React binding for the `m3e-checkbox` Web Component from `@m3e/web/checkbox`.\r\n *\r\n * This component renders the underlying `<m3e-checkbox>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-checkbox` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCheckbox = createComponent({\r\n tagName: \"m3e-checkbox\",\r\n elementClass: M3eCheckboxElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onInvalid: \"invalid\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eCheckbox","createComponent","tagName","elementClass","M3eCheckboxElement","react","React","events","onInput","onInvalid","onChange","onClick"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,WAAW,GAAGC,eAAe,CAAC;AACzCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAEC,kBAAkB;AAChCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
1
+ {"version":3,"file":"checkbox.js","sources":["../../src/checkbox/Checkbox.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\nexport type { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\n\r\n/**\r\n * React binding for the `m3e-checkbox` Web Component from `@m3e/web/checkbox`.\r\n *\r\n * This component renders the underlying `<m3e-checkbox>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-checkbox` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCheckbox = createComponent({\r\n tagName: \"m3e-checkbox\",\r\n elementClass: M3eCheckboxElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onInvalid: \"invalid\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eCheckbox","createComponent","tagName","elementClass","M3eCheckboxElement","react","React","events","onBeforeInput","onInput","onInvalid","onChange","onClick"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,WAAW,GAAGC,eAAe,CAAC;AACzCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAEC,kBAAkB;AAChCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
@@ -3,5 +3,5 @@
3
3
  * Copyright (c) 2025–2026 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
- import e from"react";import{createComponent as o}from"@lit/react";import{M3eCheckboxElement as t}from"@m3e/web/checkbox";const n=o({tagName:"m3e-checkbox",elementClass:t,react:e,events:{onInput:"input",onInvalid:"invalid",onChange:"change",onClick:"click"}});export{n as M3eCheckbox};
6
+ import e from"react";import{createComponent as o}from"@lit/react";import{M3eCheckboxElement as n}from"@m3e/web/checkbox";const t=o({tagName:"m3e-checkbox",elementClass:n,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onInvalid:"invalid",onChange:"change",onClick:"click"}});export{t as M3eCheckbox};
7
7
  //# sourceMappingURL=checkbox.min.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.min.js","sources":["../../src/checkbox/Checkbox.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\nexport type { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\n\r\n/**\r\n * React binding for the `m3e-checkbox` Web Component from `@m3e/web/checkbox`.\r\n *\r\n * This component renders the underlying `<m3e-checkbox>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-checkbox` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCheckbox = createComponent({\r\n tagName: \"m3e-checkbox\",\r\n elementClass: M3eCheckboxElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onInvalid: \"invalid\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eCheckbox","createComponent","tagName","elementClass","M3eCheckboxElement","react","React","events","onInput","onInvalid","onChange","onClick"],"mappings":";;;;;yHAmBO,MAAMA,EAAcC,EAAgB,CACzCC,QAAS,eACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTC,UAAW,UACXC,SAAU,SACVC,QAAS"}
1
+ {"version":3,"file":"checkbox.min.js","sources":["../../src/checkbox/Checkbox.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\nexport type { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\n\r\n/**\r\n * React binding for the `m3e-checkbox` Web Component from `@m3e/web/checkbox`.\r\n *\r\n * This component renders the underlying `<m3e-checkbox>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-checkbox` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCheckbox = createComponent({\r\n tagName: \"m3e-checkbox\",\r\n elementClass: M3eCheckboxElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onInvalid: \"invalid\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eCheckbox","createComponent","tagName","elementClass","M3eCheckboxElement","react","React","events","onBeforeInput","onInput","onInvalid","onChange","onClick"],"mappings":";;;;;yHAmBO,MAAMA,EAAcC,EAAgB,CACzCC,QAAS,eACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,cAAe,cACfC,QAAS,QACTC,UAAW,UACXC,SAAU,SACVC,QAAS"}
package/dist/chips.js CHANGED
@@ -85,6 +85,7 @@ const M3eFilterChip = createComponent({
85
85
  elementClass: M3eFilterChipElement,
86
86
  react: React,
87
87
  events: {
88
+ onBeforeInput: "beforeinput",
88
89
  onInput: "input",
89
90
  onChange: "change",
90
91
  onClick: "click"
@@ -109,6 +110,7 @@ const M3eFilterChipSet = createComponent({
109
110
  elementClass: M3eFilterChipSetElement,
110
111
  react: React,
111
112
  events: {
113
+ onBeforeInput: "beforeinput",
112
114
  onInput: "input",
113
115
  onChange: "change"
114
116
  }
package/dist/chips.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chips.js","sources":["../../src/chips/AssistChip.ts","../../src/chips/Chip.ts","../../src/chips/ChipSet.ts","../../src/chips/FilterChip.ts","../../src/chips/FilterChipSet.ts","../../src/chips/InputChip.ts","../../src/chips/InputChipSet.ts","../../src/chips/SuggestionChip.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eAssistChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eAssistChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-assist-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-assist-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-assist-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-assist-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eAssistChip = createComponent({\r\n tagName: \"m3e-assist-chip\",\r\n elementClass: M3eAssistChipElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eChipElement } from \"@m3e/web/chips\";\r\nexport type { ChipVariant, M3eChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChip = createComponent({\r\n tagName: \"m3e-chip\",\r\n elementClass: M3eChipElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip-set>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChipSet = createComponent({\r\n tagName: \"m3e-chip-set\",\r\n elementClass: M3eChipSetElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFilterChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-filter-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChip = createComponent({\r\n tagName: \"m3e-filter-chip\",\r\n elementClass: M3eFilterChipElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip-set>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-filter-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChipSet = createComponent({\r\n tagName: \"m3e-filter-chip-set\",\r\n elementClass: M3eFilterChipSetElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eInputChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-input-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChip = createComponent({\r\n tagName: \"m3e-input-chip\",\r\n elementClass: M3eInputChipElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n onRemove: \"remove\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eInputChipSetElement, InputChipSetChangeEventDetail } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipSetElement, InputChipSetChangeEventDetail, InputChipSetChangeType } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip-set>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-input-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChipSet = createComponent({\r\n tagName: \"m3e-input-chip-set\",\r\n elementClass: M3eInputChipSetElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\" as EventName<CustomEvent<InputChipSetChangeEventDetail>>,\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-suggestion-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-suggestion-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-suggestion-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-suggestion-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSuggestionChip = createComponent({\r\n tagName: \"m3e-suggestion-chip\",\r\n elementClass: M3eSuggestionChipElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eAssistChip","createComponent","tagName","elementClass","M3eAssistChipElement","react","React","events","onClick","M3eChip","M3eChipElement","M3eChipSet","M3eChipSetElement","M3eFilterChip","M3eFilterChipElement","onInput","onChange","M3eFilterChipSet","M3eFilterChipSetElement","M3eInputChip","M3eInputChipElement","onRemove","M3eInputChipSet","M3eInputChipSetElement","M3eSuggestionChip","M3eSuggestionChipElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,aAAa,GAAGC,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEC,oBAAoB;AAClCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,OAAO,GAAGR,eAAe,CAAC;AACrCC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,YAAY,EAAEO,cAAc;AAC5BL,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMK,UAAU,GAAGV,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAES,iBAAiB;AAC/BP,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMO,aAAa,GAAGZ,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEW,oBAAoB;AAClCT,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNQ,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBR,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAMS,gBAAgB,GAAGhB,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEe,uBAAuB;AACrCb,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNQ,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAMG,YAAY,GAAGlB,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEiB,mBAAmB;AACjCf,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,OAAO;AAChBa,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAMC,eAAe,GAAGrB,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,YAAY,EAAEoB,sBAAsB;AACpClB,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNS,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMQ,iBAAiB,GAAGvB,eAAe,CAAC;AAC/CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEsB,wBAAwB;AACtCpB,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
1
+ {"version":3,"file":"chips.js","sources":["../../src/chips/AssistChip.ts","../../src/chips/Chip.ts","../../src/chips/ChipSet.ts","../../src/chips/FilterChip.ts","../../src/chips/FilterChipSet.ts","../../src/chips/InputChip.ts","../../src/chips/InputChipSet.ts","../../src/chips/SuggestionChip.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eAssistChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eAssistChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-assist-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-assist-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-assist-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-assist-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eAssistChip = createComponent({\r\n tagName: \"m3e-assist-chip\",\r\n elementClass: M3eAssistChipElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eChipElement } from \"@m3e/web/chips\";\r\nexport type { ChipVariant, M3eChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChip = createComponent({\r\n tagName: \"m3e-chip\",\r\n elementClass: M3eChipElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip-set>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChipSet = createComponent({\r\n tagName: \"m3e-chip-set\",\r\n elementClass: M3eChipSetElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFilterChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-filter-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChip = createComponent({\r\n tagName: \"m3e-filter-chip\",\r\n elementClass: M3eFilterChipElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip-set>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-filter-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChipSet = createComponent({\r\n tagName: \"m3e-filter-chip-set\",\r\n elementClass: M3eFilterChipSetElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eInputChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-input-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChip = createComponent({\r\n tagName: \"m3e-input-chip\",\r\n elementClass: M3eInputChipElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n onRemove: \"remove\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eInputChipSetElement, InputChipSetChangeEventDetail } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipSetElement, InputChipSetChangeEventDetail, InputChipSetChangeType } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip-set>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-input-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChipSet = createComponent({\r\n tagName: \"m3e-input-chip-set\",\r\n elementClass: M3eInputChipSetElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\" as EventName<CustomEvent<InputChipSetChangeEventDetail>>,\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-suggestion-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-suggestion-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-suggestion-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-suggestion-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSuggestionChip = createComponent({\r\n tagName: \"m3e-suggestion-chip\",\r\n elementClass: M3eSuggestionChipElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eAssistChip","createComponent","tagName","elementClass","M3eAssistChipElement","react","React","events","onClick","M3eChip","M3eChipElement","M3eChipSet","M3eChipSetElement","M3eFilterChip","M3eFilterChipElement","onBeforeInput","onInput","onChange","M3eFilterChipSet","M3eFilterChipSetElement","M3eInputChip","M3eInputChipElement","onRemove","M3eInputChipSet","M3eInputChipSetElement","M3eSuggestionChip","M3eSuggestionChipElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,aAAa,GAAGC,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEC,oBAAoB;AAClCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,OAAO,GAAGR,eAAe,CAAC;AACrCC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,YAAY,EAAEO,cAAc;AAC5BL,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMK,UAAU,GAAGV,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAES,iBAAiB;AAC/BP,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMO,aAAa,GAAGZ,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEW,oBAAoB;AAClCT,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNQ,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBT,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAMU,gBAAgB,GAAGjB,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEgB,uBAAuB;AACrCd,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNQ,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAMG,YAAY,GAAGnB,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEkB,mBAAmB;AACjChB,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,OAAO;AAChBc,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAMC,eAAe,GAAGtB,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,YAAY,EAAEqB,sBAAsB;AACpCnB,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNU,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMQ,iBAAiB,GAAGxB,eAAe,CAAC;AAC/CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEuB,wBAAwB;AACtCrB,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
package/dist/chips.min.js CHANGED
@@ -3,5 +3,5 @@
3
3
  * Copyright (c) 2025–2026 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
- import e from"react";import{createComponent as t}from"@lit/react";import{M3eAssistChipElement as a,M3eChipElement as n,M3eChipSetElement as c,M3eFilterChipElement as m,M3eFilterChipSetElement as s,M3eInputChipElement as i,M3eInputChipSetElement as l,M3eSuggestionChipElement as o}from"@m3e/web/chips";const r=t({tagName:"m3e-assist-chip",elementClass:a,react:e,events:{onClick:"click"}}),p=t({tagName:"m3e-chip",elementClass:n,react:e}),g=t({tagName:"m3e-chip-set",elementClass:c,react:e}),h=t({tagName:"m3e-filter-chip",elementClass:m,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),C=t({tagName:"m3e-filter-chip-set",elementClass:s,react:e,events:{onInput:"input",onChange:"change"}}),k=t({tagName:"m3e-input-chip",elementClass:i,react:e,events:{onClick:"click",onRemove:"remove"}}),v=t({tagName:"m3e-input-chip-set",elementClass:l,react:e,events:{onChange:"change"}}),N=t({tagName:"m3e-suggestion-chip",elementClass:o,react:e,events:{onClick:"click"}});export{r as M3eAssistChip,p as M3eChip,g as M3eChipSet,h as M3eFilterChip,C as M3eFilterChipSet,k as M3eInputChip,v as M3eInputChipSet,N as M3eSuggestionChip};
6
+ import e from"react";import{createComponent as t}from"@lit/react";import{M3eAssistChipElement as n,M3eChipElement as a,M3eChipSetElement as c,M3eFilterChipElement as m,M3eFilterChipSetElement as s,M3eInputChipElement as i,M3eInputChipSetElement as l,M3eSuggestionChipElement as o}from"@m3e/web/chips";const r=t({tagName:"m3e-assist-chip",elementClass:n,react:e,events:{onClick:"click"}}),p=t({tagName:"m3e-chip",elementClass:a,react:e}),g=t({tagName:"m3e-chip-set",elementClass:c,react:e}),h=t({tagName:"m3e-filter-chip",elementClass:m,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change",onClick:"click"}}),C=t({tagName:"m3e-filter-chip-set",elementClass:s,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change"}}),u=t({tagName:"m3e-input-chip",elementClass:i,react:e,events:{onClick:"click",onRemove:"remove"}}),f=t({tagName:"m3e-input-chip-set",elementClass:l,react:e,events:{onChange:"change"}}),k=t({tagName:"m3e-suggestion-chip",elementClass:o,react:e,events:{onClick:"click"}});export{r as M3eAssistChip,p as M3eChip,g as M3eChipSet,h as M3eFilterChip,C as M3eFilterChipSet,u as M3eInputChip,f as M3eInputChipSet,k as M3eSuggestionChip};
7
7
  //# sourceMappingURL=chips.min.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"chips.min.js","sources":["../../src/chips/AssistChip.ts","../../src/chips/Chip.ts","../../src/chips/ChipSet.ts","../../src/chips/FilterChip.ts","../../src/chips/FilterChipSet.ts","../../src/chips/InputChip.ts","../../src/chips/InputChipSet.ts","../../src/chips/SuggestionChip.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eAssistChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eAssistChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-assist-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-assist-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-assist-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-assist-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eAssistChip = createComponent({\r\n tagName: \"m3e-assist-chip\",\r\n elementClass: M3eAssistChipElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eChipElement } from \"@m3e/web/chips\";\r\nexport type { ChipVariant, M3eChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChip = createComponent({\r\n tagName: \"m3e-chip\",\r\n elementClass: M3eChipElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip-set>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChipSet = createComponent({\r\n tagName: \"m3e-chip-set\",\r\n elementClass: M3eChipSetElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFilterChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-filter-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChip = createComponent({\r\n tagName: \"m3e-filter-chip\",\r\n elementClass: M3eFilterChipElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip-set>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-filter-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChipSet = createComponent({\r\n tagName: \"m3e-filter-chip-set\",\r\n elementClass: M3eFilterChipSetElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eInputChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-input-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChip = createComponent({\r\n tagName: \"m3e-input-chip\",\r\n elementClass: M3eInputChipElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n onRemove: \"remove\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eInputChipSetElement, InputChipSetChangeEventDetail } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipSetElement, InputChipSetChangeEventDetail, InputChipSetChangeType } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip-set>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-input-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChipSet = createComponent({\r\n tagName: \"m3e-input-chip-set\",\r\n elementClass: M3eInputChipSetElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\" as EventName<CustomEvent<InputChipSetChangeEventDetail>>,\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-suggestion-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-suggestion-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-suggestion-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-suggestion-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSuggestionChip = createComponent({\r\n tagName: \"m3e-suggestion-chip\",\r\n elementClass: M3eSuggestionChipElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eAssistChip","createComponent","tagName","elementClass","M3eAssistChipElement","react","React","events","onClick","M3eChip","M3eChipElement","M3eChipSet","M3eChipSetElement","M3eFilterChip","M3eFilterChipElement","onInput","onChange","M3eFilterChipSet","M3eFilterChipSetElement","M3eInputChip","M3eInputChipElement","onRemove","M3eInputChipSet","M3eInputChipSetElement","M3eSuggestionChip","M3eSuggestionChipElement"],"mappings":";;;;;6SAmBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,WCLAC,EAAUR,EAAgB,CACrCC,QAAS,WACTC,aAAcO,EACdL,MAAOC,ICHIK,EAAaV,EAAgB,CACxCC,QAAS,eACTC,aAAcS,EACdP,MAAOC,ICHIO,EAAgBZ,EAAgB,CAC3CC,QAAS,kBACTC,aAAcW,EACdT,MAAOC,EACPC,OAAQ,CACNQ,QAAS,QACTC,SAAU,SACVR,QAAS,WCPAS,EAAmBhB,EAAgB,CAC9CC,QAAS,sBACTC,aAAce,EACdb,MAAOC,EACPC,OAAQ,CACNQ,QAAS,QACTC,SAAU,YCNDG,EAAelB,EAAgB,CAC1CC,QAAS,iBACTC,aAAciB,EACdf,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTa,SAAU,YCNDC,EAAkBrB,EAAgB,CAC7CC,QAAS,qBACTC,aAAcoB,EACdlB,MAAOC,EACPC,OAAQ,CACNS,SAAU,YCLDQ,EAAoBvB,EAAgB,CAC/CC,QAAS,sBACTC,aAAcsB,EACdpB,MAAOC,EACPC,OAAQ,CACNC,QAAS"}
1
+ {"version":3,"file":"chips.min.js","sources":["../../src/chips/AssistChip.ts","../../src/chips/Chip.ts","../../src/chips/ChipSet.ts","../../src/chips/FilterChip.ts","../../src/chips/FilterChipSet.ts","../../src/chips/InputChip.ts","../../src/chips/InputChipSet.ts","../../src/chips/SuggestionChip.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eAssistChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eAssistChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-assist-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-assist-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-assist-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-assist-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eAssistChip = createComponent({\r\n tagName: \"m3e-assist-chip\",\r\n elementClass: M3eAssistChipElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eChipElement } from \"@m3e/web/chips\";\r\nexport type { ChipVariant, M3eChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChip = createComponent({\r\n tagName: \"m3e-chip\",\r\n elementClass: M3eChipElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip-set>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChipSet = createComponent({\r\n tagName: \"m3e-chip-set\",\r\n elementClass: M3eChipSetElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFilterChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-filter-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChip = createComponent({\r\n tagName: \"m3e-filter-chip\",\r\n elementClass: M3eFilterChipElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip-set>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-filter-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChipSet = createComponent({\r\n tagName: \"m3e-filter-chip-set\",\r\n elementClass: M3eFilterChipSetElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eInputChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-input-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChip = createComponent({\r\n tagName: \"m3e-input-chip\",\r\n elementClass: M3eInputChipElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n onRemove: \"remove\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eInputChipSetElement, InputChipSetChangeEventDetail } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipSetElement, InputChipSetChangeEventDetail, InputChipSetChangeType } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip-set>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-input-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChipSet = createComponent({\r\n tagName: \"m3e-input-chip-set\",\r\n elementClass: M3eInputChipSetElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\" as EventName<CustomEvent<InputChipSetChangeEventDetail>>,\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-suggestion-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-suggestion-chip>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-suggestion-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-suggestion-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSuggestionChip = createComponent({\r\n tagName: \"m3e-suggestion-chip\",\r\n elementClass: M3eSuggestionChipElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eAssistChip","createComponent","tagName","elementClass","M3eAssistChipElement","react","React","events","onClick","M3eChip","M3eChipElement","M3eChipSet","M3eChipSetElement","M3eFilterChip","M3eFilterChipElement","onBeforeInput","onInput","onChange","M3eFilterChipSet","M3eFilterChipSetElement","M3eInputChip","M3eInputChipElement","onRemove","M3eInputChipSet","M3eInputChipSetElement","M3eSuggestionChip","M3eSuggestionChipElement"],"mappings":";;;;;6SAmBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,WCLAC,EAAUR,EAAgB,CACrCC,QAAS,WACTC,aAAcO,EACdL,MAAOC,ICHIK,EAAaV,EAAgB,CACxCC,QAAS,eACTC,aAAcS,EACdP,MAAOC,ICHIO,EAAgBZ,EAAgB,CAC3CC,QAAS,kBACTC,aAAcW,EACdT,MAAOC,EACPC,OAAQ,CACNQ,cAAe,cACfC,QAAS,QACTC,SAAU,SACVT,QAAS,WCRAU,EAAmBjB,EAAgB,CAC9CC,QAAS,sBACTC,aAAcgB,EACdd,MAAOC,EACPC,OAAQ,CACNQ,cAAe,cACfC,QAAS,QACTC,SAAU,YCPDG,EAAenB,EAAgB,CAC1CC,QAAS,iBACTC,aAAckB,EACdhB,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTc,SAAU,YCNDC,EAAkBtB,EAAgB,CAC7CC,QAAS,qBACTC,aAAcqB,EACdnB,MAAOC,EACPC,OAAQ,CACNU,SAAU,YCLDQ,EAAoBxB,EAAgB,CAC/CC,QAAS,sBACTC,aAAcuB,EACdrB,MAAOC,EACPC,OAAQ,CACNC,QAAS"}
@@ -25,6 +25,7 @@ const M3eIconButton = createComponent({
25
25
  elementClass: M3eIconButtonElement,
26
26
  react: React,
27
27
  events: {
28
+ onBeforeInput: "beforeinput",
28
29
  onInput: "input",
29
30
  onChange: "change",
30
31
  onClick: "click"
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.js","sources":["../../src/icon-button/IconButton.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eIconButtonElement } from \"@m3e/web/icon-button\";\r\nexport type {\r\n IconButtonShape,\r\n IconButtonSize,\r\n IconButtonVariant,\r\n IconButtonWidth,\r\n M3eIconButtonElement,\r\n} from \"@m3e/web/icon-button\";\r\n\r\n/**\r\n * React binding for the `m3e-icon-button` Web Component from `@m3e/web/icon-button`.\r\n *\r\n * This component renders the underlying `<m3e-icon-button>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-icon-button>` instance for imperative access.\r\n *\r\n * See the `m3e-icon-button` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIconButton = createComponent({\r\n tagName: \"m3e-icon-button\",\r\n elementClass: M3eIconButtonElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eIconButton","createComponent","tagName","elementClass","M3eIconButtonElement","react","React","events","onInput","onChange","onClick"],"mappings":";;;;;;;;;AAYA;;;;;;;;;;;;AAYG;AACI,MAAMA,aAAa,GAAGC,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEC,oBAAoB;AAClCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
1
+ {"version":3,"file":"icon-button.js","sources":["../../src/icon-button/IconButton.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eIconButtonElement } from \"@m3e/web/icon-button\";\r\nexport type {\r\n IconButtonShape,\r\n IconButtonSize,\r\n IconButtonVariant,\r\n IconButtonWidth,\r\n M3eIconButtonElement,\r\n} from \"@m3e/web/icon-button\";\r\n\r\n/**\r\n * React binding for the `m3e-icon-button` Web Component from `@m3e/web/icon-button`.\r\n *\r\n * This component renders the underlying `<m3e-icon-button>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-icon-button>` instance for imperative access.\r\n *\r\n * See the `m3e-icon-button` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIconButton = createComponent({\r\n tagName: \"m3e-icon-button\",\r\n elementClass: M3eIconButtonElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eIconButton","createComponent","tagName","elementClass","M3eIconButtonElement","react","React","events","onBeforeInput","onInput","onChange","onClick"],"mappings":";;;;;;;;;AAYA;;;;;;;;;;;;AAYG;AACI,MAAMA,aAAa,GAAGC,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEC,oBAAoB;AAClCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
@@ -3,5 +3,5 @@
3
3
  * Copyright (c) 2025–2026 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
- import t from"react";import{createComponent as e}from"@lit/react";import{M3eIconButtonElement as o}from"@m3e/web/icon-button";const n=e({tagName:"m3e-icon-button",elementClass:o,react:t,events:{onInput:"input",onChange:"change",onClick:"click"}});export{n as M3eIconButton};
6
+ import t from"react";import{createComponent as e}from"@lit/react";import{M3eIconButtonElement as o}from"@m3e/web/icon-button";const n=e({tagName:"m3e-icon-button",elementClass:o,react:t,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change",onClick:"click"}});export{n as M3eIconButton};
7
7
  //# sourceMappingURL=icon-button.min.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.min.js","sources":["../../src/icon-button/IconButton.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eIconButtonElement } from \"@m3e/web/icon-button\";\r\nexport type {\r\n IconButtonShape,\r\n IconButtonSize,\r\n IconButtonVariant,\r\n IconButtonWidth,\r\n M3eIconButtonElement,\r\n} from \"@m3e/web/icon-button\";\r\n\r\n/**\r\n * React binding for the `m3e-icon-button` Web Component from `@m3e/web/icon-button`.\r\n *\r\n * This component renders the underlying `<m3e-icon-button>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-icon-button>` instance for imperative access.\r\n *\r\n * See the `m3e-icon-button` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIconButton = createComponent({\r\n tagName: \"m3e-icon-button\",\r\n elementClass: M3eIconButtonElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eIconButton","createComponent","tagName","elementClass","M3eIconButtonElement","react","React","events","onInput","onChange","onClick"],"mappings":";;;;;8HAyBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTC,SAAU,SACVC,QAAS"}
1
+ {"version":3,"file":"icon-button.min.js","sources":["../../src/icon-button/IconButton.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eIconButtonElement } from \"@m3e/web/icon-button\";\r\nexport type {\r\n IconButtonShape,\r\n IconButtonSize,\r\n IconButtonVariant,\r\n IconButtonWidth,\r\n M3eIconButtonElement,\r\n} from \"@m3e/web/icon-button\";\r\n\r\n/**\r\n * React binding for the `m3e-icon-button` Web Component from `@m3e/web/icon-button`.\r\n *\r\n * This component renders the underlying `<m3e-icon-button>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-icon-button>` instance for imperative access.\r\n *\r\n * See the `m3e-icon-button` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIconButton = createComponent({\r\n tagName: \"m3e-icon-button\",\r\n elementClass: M3eIconButtonElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eIconButton","createComponent","tagName","elementClass","M3eIconButtonElement","react","React","events","onBeforeInput","onInput","onChange","onClick"],"mappings":";;;;;8HAyBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,cAAe,cACfC,QAAS,QACTC,SAAU,SACVC,QAAS"}
package/dist/list.js CHANGED
@@ -129,6 +129,7 @@ const M3eListOption = createComponent({
129
129
  elementClass: M3eListOptionElement,
130
130
  react: React,
131
131
  events: {
132
+ onBeforeInput: "beforeinput",
132
133
  onInput: "input",
133
134
  onChange: "change",
134
135
  onClick: "click"
@@ -153,6 +154,7 @@ const M3eSelectionList = createComponent({
153
154
  elementClass: M3eSelectionListElement,
154
155
  react: React,
155
156
  events: {
157
+ onBeforeInput: "beforeinput",
156
158
  onInput: "input",
157
159
  onChange: "change"
158
160
  }
package/dist/list.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list.js","sources":["../../src/list/ActionList.ts","../../src/list/ExpandableListItem.ts","../../src/list/List.ts","../../src/list/ListAction.ts","../../src/list/ListItem.ts","../../src/list/ListOption.ts","../../src/list/SelectionList.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eActionListElement } from \"@m3e/web/list\";\r\nexport type { M3eActionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-action-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-action-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-action-list>` instance for imperative access.\r\n *\r\n * See the `m3e-action-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eActionList = createComponent({\r\n tagName: \"m3e-action-list\",\r\n elementClass: M3eActionListElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-expandable-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-expandable-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-expandable-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eExpandableListItem = createComponent({\r\n tagName: \"m3e-expandable-list-item\",\r\n elementClass: M3eExpandableListItemElement,\r\n react: React,\r\n events: {\r\n onOpening: \"opening\",\r\n onOpened: \"opened\",\r\n onClosing: \"closing\",\r\n onClosed: \"closed\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListElement } from \"@m3e/web/list\";\r\nexport type { ListVariant, M3eListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list>` instance for imperative access.\r\n *\r\n * See the `m3e-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eList = createComponent({\r\n tagName: \"m3e-list\",\r\n elementClass: M3eListElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListActionElement } from \"@m3e/web/list\";\r\nexport type { M3eListActionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-action` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-action>` instance for imperative access.\r\n *\r\n * See the `m3e-list-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListAction = createComponent({\r\n tagName: \"m3e-list-action\",\r\n elementClass: M3eListActionElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-item` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListItem = createComponent({\r\n tagName: \"m3e-list-item\",\r\n elementClass: M3eListItemElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListOptionElement } from \"@m3e/web/list\";\r\nexport type { M3eListOptionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-option` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-option>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-option>` instance for imperative access.\r\n *\r\n * See the `m3e-list-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListOption = createComponent({\r\n tagName: \"m3e-list-option\",\r\n elementClass: M3eListOptionElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSelectionListElement } from \"@m3e/web/list\";\r\nexport type { M3eSelectionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-selection-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-selection-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-selection-list>` instance for imperative access.\r\n *\r\n * See the `m3e-selection-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSelectionList = createComponent({\r\n tagName: \"m3e-selection-list\",\r\n elementClass: M3eSelectionListElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n"],"names":["M3eActionList","createComponent","tagName","elementClass","M3eActionListElement","react","React","M3eExpandableListItem","M3eExpandableListItemElement","events","onOpening","onOpened","onClosing","onClosed","M3eList","M3eListElement","M3eListAction","M3eListActionElement","onClick","M3eListItem","M3eListItemElement","M3eListOption","M3eListOptionElement","onInput","onChange","M3eSelectionList","M3eSelectionListElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,aAAa,GAAGC,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEC,oBAAoB;AAClCC,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMC,qBAAqB,GAAGN,eAAe,CAAC;AACnDC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,YAAY,EAAEK,4BAA4B;AAC1CH,EAAAA,KAAK,EAAEC,KAAK;AACZG,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAMC,OAAO,GAAGb,eAAe,CAAC;AACrCC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,YAAY,EAAEY,cAAc;AAC5BV,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMU,aAAa,GAAGf,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEc,oBAAoB;AAClCZ,EAAAA,KAAK,EAAEC,KAAK;AACZG,EAAAA,MAAM,EAAE;AACNS,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,WAAW,GAAGlB,eAAe,CAAC;AACzCC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEiB,kBAAkB;AAChCf,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMe,aAAa,GAAGpB,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEmB,oBAAoB;AAClCjB,EAAAA,KAAK,EAAEC,KAAK;AACZG,EAAAA,MAAM,EAAE;AACNc,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBN,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAMO,gBAAgB,GAAGxB,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,YAAY,EAAEuB,uBAAuB;AACrCrB,EAAAA,KAAK,EAAEC,KAAK;AACZG,EAAAA,MAAM,EAAE;AACNc,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}
1
+ {"version":3,"file":"list.js","sources":["../../src/list/ActionList.ts","../../src/list/ExpandableListItem.ts","../../src/list/List.ts","../../src/list/ListAction.ts","../../src/list/ListItem.ts","../../src/list/ListOption.ts","../../src/list/SelectionList.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eActionListElement } from \"@m3e/web/list\";\r\nexport type { M3eActionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-action-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-action-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-action-list>` instance for imperative access.\r\n *\r\n * See the `m3e-action-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eActionList = createComponent({\r\n tagName: \"m3e-action-list\",\r\n elementClass: M3eActionListElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-expandable-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-expandable-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-expandable-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eExpandableListItem = createComponent({\r\n tagName: \"m3e-expandable-list-item\",\r\n elementClass: M3eExpandableListItemElement,\r\n react: React,\r\n events: {\r\n onOpening: \"opening\",\r\n onOpened: \"opened\",\r\n onClosing: \"closing\",\r\n onClosed: \"closed\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListElement } from \"@m3e/web/list\";\r\nexport type { ListVariant, M3eListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list>` instance for imperative access.\r\n *\r\n * See the `m3e-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eList = createComponent({\r\n tagName: \"m3e-list\",\r\n elementClass: M3eListElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListActionElement } from \"@m3e/web/list\";\r\nexport type { M3eListActionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-action` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-action>` instance for imperative access.\r\n *\r\n * See the `m3e-list-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListAction = createComponent({\r\n tagName: \"m3e-list-action\",\r\n elementClass: M3eListActionElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-item` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListItem = createComponent({\r\n tagName: \"m3e-list-item\",\r\n elementClass: M3eListItemElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListOptionElement } from \"@m3e/web/list\";\r\nexport type { M3eListOptionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-option` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-option>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-option>` instance for imperative access.\r\n *\r\n * See the `m3e-list-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListOption = createComponent({\r\n tagName: \"m3e-list-option\",\r\n elementClass: M3eListOptionElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSelectionListElement } from \"@m3e/web/list\";\r\nexport type { M3eSelectionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-selection-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-selection-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-selection-list>` instance for imperative access.\r\n *\r\n * See the `m3e-selection-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSelectionList = createComponent({\r\n tagName: \"m3e-selection-list\",\r\n elementClass: M3eSelectionListElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n"],"names":["M3eActionList","createComponent","tagName","elementClass","M3eActionListElement","react","React","M3eExpandableListItem","M3eExpandableListItemElement","events","onOpening","onOpened","onClosing","onClosed","M3eList","M3eListElement","M3eListAction","M3eListActionElement","onClick","M3eListItem","M3eListItemElement","M3eListOption","M3eListOptionElement","onBeforeInput","onInput","onChange","M3eSelectionList","M3eSelectionListElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,aAAa,GAAGC,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEC,oBAAoB;AAClCC,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMC,qBAAqB,GAAGN,eAAe,CAAC;AACnDC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,YAAY,EAAEK,4BAA4B;AAC1CH,EAAAA,KAAK,EAAEC,KAAK;AACZG,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAMC,OAAO,GAAGb,eAAe,CAAC;AACrCC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,YAAY,EAAEY,cAAc;AAC5BV,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMU,aAAa,GAAGf,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEc,oBAAoB;AAClCZ,EAAAA,KAAK,EAAEC,KAAK;AACZG,EAAAA,MAAM,EAAE;AACNS,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,WAAW,GAAGlB,eAAe,CAAC;AACzCC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEiB,kBAAkB;AAChCf,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMe,aAAa,GAAGpB,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEmB,oBAAoB;AAClCjB,EAAAA,KAAK,EAAEC,KAAK;AACZG,EAAAA,MAAM,EAAE;AACNc,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBP,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAMQ,gBAAgB,GAAGzB,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,YAAY,EAAEwB,uBAAuB;AACrCtB,EAAAA,KAAK,EAAEC,KAAK;AACZG,EAAAA,MAAM,EAAE;AACNc,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}
package/dist/list.min.js CHANGED
@@ -3,5 +3,5 @@
3
3
  * Copyright (c) 2025–2026 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
- import e from"react";import{createComponent as t}from"@lit/react";import{M3eActionListElement as n,M3eExpandableListItemElement as a,M3eListElement as l,M3eListActionElement as s,M3eListItemElement as m,M3eListOptionElement as o,M3eSelectionListElement as i}from"@m3e/web/list";const c=t({tagName:"m3e-action-list",elementClass:n,react:e}),r=t({tagName:"m3e-expandable-list-item",elementClass:a,react:e,events:{onOpening:"opening",onOpened:"opened",onClosing:"closing",onClosed:"closed"}}),g=t({tagName:"m3e-list",elementClass:l,react:e}),p=t({tagName:"m3e-list-action",elementClass:s,react:e,events:{onClick:"click"}}),C=t({tagName:"m3e-list-item",elementClass:m,react:e}),N=t({tagName:"m3e-list-option",elementClass:o,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),d=t({tagName:"m3e-selection-list",elementClass:i,react:e,events:{onInput:"input",onChange:"change"}});export{c as M3eActionList,r as M3eExpandableListItem,g as M3eList,p as M3eListAction,C as M3eListItem,N as M3eListOption,d as M3eSelectionList};
6
+ import e from"react";import{createComponent as t}from"@lit/react";import{M3eActionListElement as n,M3eExpandableListItemElement as a,M3eListElement as o,M3eListActionElement as l,M3eListItemElement as s,M3eListOptionElement as i,M3eSelectionListElement as m}from"@m3e/web/list";const c=t({tagName:"m3e-action-list",elementClass:n,react:e}),r=t({tagName:"m3e-expandable-list-item",elementClass:a,react:e,events:{onOpening:"opening",onOpened:"opened",onClosing:"closing",onClosed:"closed"}}),p=t({tagName:"m3e-list",elementClass:o,react:e}),g=t({tagName:"m3e-list-action",elementClass:l,react:e,events:{onClick:"click"}}),C=t({tagName:"m3e-list-item",elementClass:s,react:e}),u=t({tagName:"m3e-list-option",elementClass:i,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change",onClick:"click"}}),f=t({tagName:"m3e-selection-list",elementClass:m,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change"}});export{c as M3eActionList,r as M3eExpandableListItem,p as M3eList,g as M3eListAction,C as M3eListItem,u as M3eListOption,f as M3eSelectionList};
7
7
  //# sourceMappingURL=list.min.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list.min.js","sources":["../../src/list/ActionList.ts","../../src/list/ExpandableListItem.ts","../../src/list/List.ts","../../src/list/ListAction.ts","../../src/list/ListItem.ts","../../src/list/ListOption.ts","../../src/list/SelectionList.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eActionListElement } from \"@m3e/web/list\";\r\nexport type { M3eActionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-action-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-action-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-action-list>` instance for imperative access.\r\n *\r\n * See the `m3e-action-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eActionList = createComponent({\r\n tagName: \"m3e-action-list\",\r\n elementClass: M3eActionListElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-expandable-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-expandable-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-expandable-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eExpandableListItem = createComponent({\r\n tagName: \"m3e-expandable-list-item\",\r\n elementClass: M3eExpandableListItemElement,\r\n react: React,\r\n events: {\r\n onOpening: \"opening\",\r\n onOpened: \"opened\",\r\n onClosing: \"closing\",\r\n onClosed: \"closed\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListElement } from \"@m3e/web/list\";\r\nexport type { ListVariant, M3eListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list>` instance for imperative access.\r\n *\r\n * See the `m3e-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eList = createComponent({\r\n tagName: \"m3e-list\",\r\n elementClass: M3eListElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListActionElement } from \"@m3e/web/list\";\r\nexport type { M3eListActionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-action` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-action>` instance for imperative access.\r\n *\r\n * See the `m3e-list-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListAction = createComponent({\r\n tagName: \"m3e-list-action\",\r\n elementClass: M3eListActionElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-item` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListItem = createComponent({\r\n tagName: \"m3e-list-item\",\r\n elementClass: M3eListItemElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListOptionElement } from \"@m3e/web/list\";\r\nexport type { M3eListOptionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-option` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-option>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-option>` instance for imperative access.\r\n *\r\n * See the `m3e-list-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListOption = createComponent({\r\n tagName: \"m3e-list-option\",\r\n elementClass: M3eListOptionElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSelectionListElement } from \"@m3e/web/list\";\r\nexport type { M3eSelectionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-selection-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-selection-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-selection-list>` instance for imperative access.\r\n *\r\n * See the `m3e-selection-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSelectionList = createComponent({\r\n tagName: \"m3e-selection-list\",\r\n elementClass: M3eSelectionListElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n"],"names":["M3eActionList","createComponent","tagName","elementClass","M3eActionListElement","react","React","M3eExpandableListItem","M3eExpandableListItemElement","events","onOpening","onOpened","onClosing","onClosed","M3eList","M3eListElement","M3eListAction","M3eListActionElement","onClick","M3eListItem","M3eListItemElement","M3eListOption","M3eListOptionElement","onInput","onChange","M3eSelectionList","M3eSelectionListElement"],"mappings":";;;;;sRAmBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC,ICHIC,EAAwBN,EAAgB,CACnDC,QAAS,2BACTC,aAAcK,EACdH,MAAOC,EACPG,OAAQ,CACNC,UAAW,UACXC,SAAU,SACVC,UAAW,UACXC,SAAU,YCRDC,EAAUb,EAAgB,CACrCC,QAAS,WACTC,aAAcY,EACdV,MAAOC,ICHIU,EAAgBf,EAAgB,CAC3CC,QAAS,kBACTC,aAAcc,EACdZ,MAAOC,EACPG,OAAQ,CACNS,QAAS,WCLAC,EAAclB,EAAgB,CACzCC,QAAS,gBACTC,aAAciB,EACdf,MAAOC,ICHIe,EAAgBpB,EAAgB,CAC3CC,QAAS,kBACTC,aAAcmB,EACdjB,MAAOC,EACPG,OAAQ,CACNc,QAAS,QACTC,SAAU,SACVN,QAAS,WCPAO,EAAmBxB,EAAgB,CAC9CC,QAAS,qBACTC,aAAcuB,EACdrB,MAAOC,EACPG,OAAQ,CACNc,QAAS,QACTC,SAAU"}
1
+ {"version":3,"file":"list.min.js","sources":["../../src/list/ActionList.ts","../../src/list/ExpandableListItem.ts","../../src/list/List.ts","../../src/list/ListAction.ts","../../src/list/ListItem.ts","../../src/list/ListOption.ts","../../src/list/SelectionList.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eActionListElement } from \"@m3e/web/list\";\r\nexport type { M3eActionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-action-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-action-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-action-list>` instance for imperative access.\r\n *\r\n * See the `m3e-action-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eActionList = createComponent({\r\n tagName: \"m3e-action-list\",\r\n elementClass: M3eActionListElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-expandable-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-expandable-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-expandable-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eExpandableListItem = createComponent({\r\n tagName: \"m3e-expandable-list-item\",\r\n elementClass: M3eExpandableListItemElement,\r\n react: React,\r\n events: {\r\n onOpening: \"opening\",\r\n onOpened: \"opened\",\r\n onClosing: \"closing\",\r\n onClosed: \"closed\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListElement } from \"@m3e/web/list\";\r\nexport type { ListVariant, M3eListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list>` instance for imperative access.\r\n *\r\n * See the `m3e-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eList = createComponent({\r\n tagName: \"m3e-list\",\r\n elementClass: M3eListElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListActionElement } from \"@m3e/web/list\";\r\nexport type { M3eListActionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-action` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-action>` instance for imperative access.\r\n *\r\n * See the `m3e-list-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListAction = createComponent({\r\n tagName: \"m3e-list-action\",\r\n elementClass: M3eListActionElement,\r\n react: React,\r\n events: {\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-item` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListItem = createComponent({\r\n tagName: \"m3e-list-item\",\r\n elementClass: M3eListItemElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListOptionElement } from \"@m3e/web/list\";\r\nexport type { M3eListOptionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-option` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-option>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-option>` instance for imperative access.\r\n *\r\n * See the `m3e-list-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListOption = createComponent({\r\n tagName: \"m3e-list-option\",\r\n elementClass: M3eListOptionElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSelectionListElement } from \"@m3e/web/list\";\r\nexport type { M3eSelectionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-selection-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-selection-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-selection-list>` instance for imperative access.\r\n *\r\n * See the `m3e-selection-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSelectionList = createComponent({\r\n tagName: \"m3e-selection-list\",\r\n elementClass: M3eSelectionListElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n"],"names":["M3eActionList","createComponent","tagName","elementClass","M3eActionListElement","react","React","M3eExpandableListItem","M3eExpandableListItemElement","events","onOpening","onOpened","onClosing","onClosed","M3eList","M3eListElement","M3eListAction","M3eListActionElement","onClick","M3eListItem","M3eListItemElement","M3eListOption","M3eListOptionElement","onBeforeInput","onInput","onChange","M3eSelectionList","M3eSelectionListElement"],"mappings":";;;;;sRAmBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC,ICHIC,EAAwBN,EAAgB,CACnDC,QAAS,2BACTC,aAAcK,EACdH,MAAOC,EACPG,OAAQ,CACNC,UAAW,UACXC,SAAU,SACVC,UAAW,UACXC,SAAU,YCRDC,EAAUb,EAAgB,CACrCC,QAAS,WACTC,aAAcY,EACdV,MAAOC,ICHIU,EAAgBf,EAAgB,CAC3CC,QAAS,kBACTC,aAAcc,EACdZ,MAAOC,EACPG,OAAQ,CACNS,QAAS,WCLAC,EAAclB,EAAgB,CACzCC,QAAS,gBACTC,aAAciB,EACdf,MAAOC,ICHIe,EAAgBpB,EAAgB,CAC3CC,QAAS,kBACTC,aAAcmB,EACdjB,MAAOC,EACPG,OAAQ,CACNc,cAAe,cACfC,QAAS,QACTC,SAAU,SACVP,QAAS,WCRAQ,EAAmBzB,EAAgB,CAC9CC,QAAS,qBACTC,aAAcwB,EACdtB,MAAOC,EACPG,OAAQ,CACNc,cAAe,cACfC,QAAS,QACTC,SAAU"}
package/dist/nav-bar.js CHANGED
@@ -25,6 +25,8 @@ const M3eNavBar = createComponent({
25
25
  elementClass: M3eNavBarElement,
26
26
  react: React,
27
27
  events: {
28
+ onBeforeInput: "beforeinput",
29
+ onInput: "input",
28
30
  onChange: "change"
29
31
  }
30
32
  });
@@ -47,6 +49,7 @@ const M3eNavItem = createComponent({
47
49
  elementClass: M3eNavItemElement,
48
50
  react: React,
49
51
  events: {
52
+ onBeforeInput: "beforeinput",
50
53
  onInput: "input",
51
54
  onChange: "change",
52
55
  onClick: "click"
@@ -1 +1 @@
1
- {"version":3,"file":"nav-bar.js","sources":["../../src/nav-bar/NavBar.ts","../../src/nav-bar/NavItem.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\nexport type { NavBarMode, NavItemOrientation, M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-bar` Web Component from `@m3e/web/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-bar>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavBar = createComponent({\r\n tagName: \"m3e-nav-bar\",\r\n elementClass: M3eNavBarElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\nexport type { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-item` Web Component from `@m3e/web/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavItem = createComponent({\r\n tagName: \"m3e-nav-item\",\r\n elementClass: M3eNavItemElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eNavBar","createComponent","tagName","elementClass","M3eNavBarElement","react","React","events","onChange","M3eNavItem","M3eNavItemElement","onInput","onClick"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,SAAS,GAAGC,eAAe,CAAC;AACvCC,EAAAA,OAAO,EAAE,aAAa;AACtBC,EAAAA,YAAY,EAAEC,gBAAgB;AAC9BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,UAAU,GAAGR,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAEO,iBAAiB;AAC/BL,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNI,IAAAA,OAAO,EAAE,OAAO;AAChBH,IAAAA,QAAQ,EAAE,QAAQ;AAClBI,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
1
+ {"version":3,"file":"nav-bar.js","sources":["../../src/nav-bar/NavBar.ts","../../src/nav-bar/NavItem.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\nexport type { NavBarMode, NavItemOrientation, M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-bar` Web Component from `@m3e/web/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-bar>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavBar = createComponent({\r\n tagName: \"m3e-nav-bar\",\r\n elementClass: M3eNavBarElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\nexport type { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-item` Web Component from `@m3e/web/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavItem = createComponent({\r\n tagName: \"m3e-nav-item\",\r\n elementClass: M3eNavItemElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eNavBar","createComponent","tagName","elementClass","M3eNavBarElement","react","React","events","onBeforeInput","onInput","onChange","M3eNavItem","M3eNavItemElement","onClick"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,SAAS,GAAGC,eAAe,CAAC;AACvCC,EAAAA,OAAO,EAAE,aAAa;AACtBC,EAAAA,YAAY,EAAEC,gBAAgB;AAC9BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAMC,UAAU,GAAGV,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAES,iBAAiB;AAC/BP,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBG,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
@@ -3,5 +3,5 @@
3
3
  * Copyright (c) 2025–2026 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
- import e from"react";import{createComponent as a}from"@lit/react";import{M3eNavBarElement as t,M3eNavItemElement as n}from"@m3e/web/nav-bar";const m=a({tagName:"m3e-nav-bar",elementClass:t,react:e,events:{onChange:"change"}}),r=a({tagName:"m3e-nav-item",elementClass:n,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}});export{m as M3eNavBar,r as M3eNavItem};
6
+ import e from"react";import{createComponent as n}from"@lit/react";import{M3eNavBarElement as t,M3eNavItemElement as a}from"@m3e/web/nav-bar";const o=n({tagName:"m3e-nav-bar",elementClass:t,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change"}}),r=n({tagName:"m3e-nav-item",elementClass:a,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change",onClick:"click"}});export{o as M3eNavBar,r as M3eNavItem};
7
7
  //# sourceMappingURL=nav-bar.min.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nav-bar.min.js","sources":["../../src/nav-bar/NavBar.ts","../../src/nav-bar/NavItem.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\nexport type { NavBarMode, NavItemOrientation, M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-bar` Web Component from `@m3e/web/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-bar>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavBar = createComponent({\r\n tagName: \"m3e-nav-bar\",\r\n elementClass: M3eNavBarElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\nexport type { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-item` Web Component from `@m3e/web/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavItem = createComponent({\r\n tagName: \"m3e-nav-item\",\r\n elementClass: M3eNavItemElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eNavBar","createComponent","tagName","elementClass","M3eNavBarElement","react","React","events","onChange","M3eNavItem","M3eNavItemElement","onInput","onClick"],"mappings":";;;;;6IAmBO,MAAMA,EAAYC,EAAgB,CACvCC,QAAS,cACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU,YCLDC,EAAaR,EAAgB,CACxCC,QAAS,eACTC,aAAcO,EACdL,MAAOC,EACPC,OAAQ,CACNI,QAAS,QACTH,SAAU,SACVI,QAAS"}
1
+ {"version":3,"file":"nav-bar.min.js","sources":["../../src/nav-bar/NavBar.ts","../../src/nav-bar/NavItem.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\nexport type { NavBarMode, NavItemOrientation, M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-bar` Web Component from `@m3e/web/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-bar>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavBar = createComponent({\r\n tagName: \"m3e-nav-bar\",\r\n elementClass: M3eNavBarElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\nexport type { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-item` Web Component from `@m3e/web/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavItem = createComponent({\r\n tagName: \"m3e-nav-item\",\r\n elementClass: M3eNavItemElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n"],"names":["M3eNavBar","createComponent","tagName","elementClass","M3eNavBarElement","react","React","events","onBeforeInput","onInput","onChange","M3eNavItem","M3eNavItemElement","onClick"],"mappings":";;;;;6IAmBO,MAAMA,EAAYC,EAAgB,CACvCC,QAAS,cACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,cAAe,cACfC,QAAS,QACTC,SAAU,YCPDC,EAAaV,EAAgB,CACxCC,QAAS,eACTC,aAAcS,EACdP,MAAOC,EACPC,OAAQ,CACNC,cAAe,cACfC,QAAS,QACTC,SAAU,SACVG,QAAS"}
package/dist/nav-rail.js CHANGED
@@ -25,6 +25,8 @@ const M3eNavRail = createComponent({
25
25
  elementClass: M3eNavRailElement,
26
26
  react: React,
27
27
  events: {
28
+ onBeforeInput: "beforeinput",
29
+ onInput: "input",
28
30
  onChange: "change"
29
31
  }
30
32
  });
@@ -1 +1 @@
1
- {"version":3,"file":"nav-rail.js","sources":["../../src/nav-rail/NavRail.ts","../../src/nav-rail/NavRailToggle.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail` Web Component from `@m3e/web/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-rail>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRail = createComponent({\r\n tagName: \"m3e-nav-rail\",\r\n elementClass: M3eNavRailElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail-toggle` Web Component from `@m3e/web/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail-toggle>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-rail-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail-toggle` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRailToggle = createComponent({\r\n tagName: \"m3e-nav-rail-toggle\",\r\n elementClass: M3eNavRailToggleElement,\r\n react: React,\r\n});\r\n"],"names":["M3eNavRail","createComponent","tagName","elementClass","M3eNavRailElement","react","React","events","onChange","M3eNavRailToggle","M3eNavRailToggleElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,UAAU,GAAGC,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAEC,iBAAiB;AAC/BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,gBAAgB,GAAGR,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEO,uBAAuB;AACrCL,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}
1
+ {"version":3,"file":"nav-rail.js","sources":["../../src/nav-rail/NavRail.ts","../../src/nav-rail/NavRailToggle.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail` Web Component from `@m3e/web/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-rail>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRail = createComponent({\r\n tagName: \"m3e-nav-rail\",\r\n elementClass: M3eNavRailElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail-toggle` Web Component from `@m3e/web/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail-toggle>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-rail-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail-toggle` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRailToggle = createComponent({\r\n tagName: \"m3e-nav-rail-toggle\",\r\n elementClass: M3eNavRailToggleElement,\r\n react: React,\r\n});\r\n"],"names":["M3eNavRail","createComponent","tagName","elementClass","M3eNavRailElement","react","React","events","onBeforeInput","onInput","onChange","M3eNavRailToggle","M3eNavRailToggleElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,UAAU,GAAGC,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAEC,iBAAiB;AAC/BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAMC,gBAAgB,GAAGV,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAES,uBAAuB;AACrCP,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}
@@ -3,5 +3,5 @@
3
3
  * Copyright (c) 2025–2026 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
- import e from"react";import{createComponent as a}from"@lit/react";import{M3eNavRailElement as t,M3eNavRailToggleElement as r}from"@m3e/web/nav-rail";const m=a({tagName:"m3e-nav-rail",elementClass:t,react:e,events:{onChange:"change"}}),n=a({tagName:"m3e-nav-rail-toggle",elementClass:r,react:e});export{m as M3eNavRail,n as M3eNavRailToggle};
6
+ import e from"react";import{createComponent as t}from"@lit/react";import{M3eNavRailElement as a,M3eNavRailToggleElement as n}from"@m3e/web/nav-rail";const r=t({tagName:"m3e-nav-rail",elementClass:a,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change"}}),o=t({tagName:"m3e-nav-rail-toggle",elementClass:n,react:e});export{r as M3eNavRail,o as M3eNavRailToggle};
7
7
  //# sourceMappingURL=nav-rail.min.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nav-rail.min.js","sources":["../../src/nav-rail/NavRail.ts","../../src/nav-rail/NavRailToggle.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail` Web Component from `@m3e/web/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-rail>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRail = createComponent({\r\n tagName: \"m3e-nav-rail\",\r\n elementClass: M3eNavRailElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail-toggle` Web Component from `@m3e/web/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail-toggle>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-rail-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail-toggle` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRailToggle = createComponent({\r\n tagName: \"m3e-nav-rail-toggle\",\r\n elementClass: M3eNavRailToggleElement,\r\n react: React,\r\n});\r\n"],"names":["M3eNavRail","createComponent","tagName","elementClass","M3eNavRailElement","react","React","events","onChange","M3eNavRailToggle","M3eNavRailToggleElement"],"mappings":";;;;;qJAmBO,MAAMA,EAAaC,EAAgB,CACxCC,QAAS,eACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU,YCLDC,EAAmBR,EAAgB,CAC9CC,QAAS,sBACTC,aAAcO,EACdL,MAAOC"}
1
+ {"version":3,"file":"nav-rail.min.js","sources":["../../src/nav-rail/NavRail.ts","../../src/nav-rail/NavRailToggle.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail` Web Component from `@m3e/web/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-rail>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRail = createComponent({\r\n tagName: \"m3e-nav-rail\",\r\n elementClass: M3eNavRailElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail-toggle` Web Component from `@m3e/web/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail-toggle>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-nav-rail-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail-toggle` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRailToggle = createComponent({\r\n tagName: \"m3e-nav-rail-toggle\",\r\n elementClass: M3eNavRailToggleElement,\r\n react: React,\r\n});\r\n"],"names":["M3eNavRail","createComponent","tagName","elementClass","M3eNavRailElement","react","React","events","onBeforeInput","onInput","onChange","M3eNavRailToggle","M3eNavRailToggleElement"],"mappings":";;;;;qJAmBO,MAAMA,EAAaC,EAAgB,CACxCC,QAAS,eACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,cAAe,cACfC,QAAS,QACTC,SAAU,YCPDC,EAAmBV,EAAgB,CAC9CC,QAAS,sBACTC,aAAcS,EACdP,MAAOC"}
@@ -25,6 +25,7 @@ const M3eRadio = createComponent({
25
25
  elementClass: M3eRadioElement,
26
26
  react: React,
27
27
  events: {
28
+ onBeforeInput: "beforeinput",
28
29
  onInput: "input",
29
30
  onChange: "change",
30
31
  onClick: "click"
@@ -49,6 +50,8 @@ const M3eRadioGroup = createComponent({
49
50
  elementClass: M3eRadioGroupElement,
50
51
  react: React,
51
52
  events: {
53
+ onBeforeInput: "beforeinput",
54
+ onInput: "input",
52
55
  onChange: "change"
53
56
  }
54
57
  });
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group.js","sources":["../../src/radio-group/Radio.ts","../../src/radio-group/RadioGroup.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRadioElement } from \"@m3e/web/radio-group\";\r\nexport type { M3eRadioElement } from \"@m3e/web/radio-group\";\r\n\r\n/**\r\n * React binding for the `m3e-radio` Web Component from `@m3e/web/radio-group`.\r\n *\r\n * This component renders the underlying `<m3e-radio>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRadio = createComponent({\r\n tagName: \"m3e-radio\",\r\n elementClass: M3eRadioElement,\r\n react: React,\r\n events: {\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRadioGroupElement } from \"@m3e/web/radio-group\";\r\nexport type { M3eRadioGroupElement } from \"@m3e/web/radio-group\";\r\n\r\n/**\r\n * React binding for the `m3e-radio-group` Web Component from `@m3e/web/radio-group`.\r\n *\r\n * This component renders the underlying `<m3e-radio-group>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-radio-group>` instance for imperative access.\r\n *\r\n * See the `m3e-radio-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRadioGroup = createComponent({\r\n tagName: \"m3e-radio-group\",\r\n elementClass: M3eRadioGroupElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\",\r\n },\r\n});\r\n"],"names":["M3eRadio","createComponent","tagName","elementClass","M3eRadioElement","react","React","events","onInput","onChange","onClick","M3eRadioGroup","M3eRadioGroupElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,QAAQ,GAAGC,eAAe,CAAC;AACtCC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,YAAY,EAAEC,eAAe;AAC7BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAMC,aAAa,GAAGV,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAES,oBAAoB;AAClCP,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNE,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}
1
+ {"version":3,"file":"radio-group.js","sources":["../../src/radio-group/Radio.ts","../../src/radio-group/RadioGroup.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRadioElement } from \"@m3e/web/radio-group\";\r\nexport type { M3eRadioElement } from \"@m3e/web/radio-group\";\r\n\r\n/**\r\n * React binding for the `m3e-radio` Web Component from `@m3e/web/radio-group`.\r\n *\r\n * This component renders the underlying `<m3e-radio>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRadio = createComponent({\r\n tagName: \"m3e-radio\",\r\n elementClass: M3eRadioElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n onClick: \"click\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRadioGroupElement } from \"@m3e/web/radio-group\";\r\nexport type { M3eRadioGroupElement } from \"@m3e/web/radio-group\";\r\n\r\n/**\r\n * React binding for the `m3e-radio-group` Web Component from `@m3e/web/radio-group`.\r\n *\r\n * This component renders the underlying `<m3e-radio-group>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-radio-group>` instance for imperative access.\r\n *\r\n * See the `m3e-radio-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRadioGroup = createComponent({\r\n tagName: \"m3e-radio-group\",\r\n elementClass: M3eRadioGroupElement,\r\n react: React,\r\n events: {\r\n onBeforeInput: \"beforeinput\",\r\n onInput: \"input\",\r\n onChange: \"change\",\r\n },\r\n});\r\n"],"names":["M3eRadio","createComponent","tagName","elementClass","M3eRadioElement","react","React","events","onBeforeInput","onInput","onChange","onClick","M3eRadioGroup","M3eRadioGroupElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,QAAQ,GAAGC,eAAe,CAAC;AACtCC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,YAAY,EAAEC,eAAe;AAC7BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAMC,aAAa,GAAGX,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEU,oBAAoB;AAClCR,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}
@@ -3,5 +3,5 @@
3
3
  * Copyright (c) 2025–2026 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
- import e from"react";import{createComponent as t}from"@lit/react";import{M3eRadioElement as a,M3eRadioGroupElement as o}from"@m3e/web/radio-group";const r=t({tagName:"m3e-radio",elementClass:a,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),n=t({tagName:"m3e-radio-group",elementClass:o,react:e,events:{onChange:"change"}});export{r as M3eRadio,n as M3eRadioGroup};
6
+ import e from"react";import{createComponent as n}from"@lit/react";import{M3eRadioElement as o,M3eRadioGroupElement as t}from"@m3e/web/radio-group";const r=n({tagName:"m3e-radio",elementClass:o,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change",onClick:"click"}}),a=n({tagName:"m3e-radio-group",elementClass:t,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change"}});export{r as M3eRadio,a as M3eRadioGroup};
7
7
  //# sourceMappingURL=radio-group.min.js.map