@m3e/react 2.5.4 → 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.
- package/dist/all.js +33 -1
- package/dist/all.js.map +1 -1
- package/dist/all.min.js +1 -1
- package/dist/all.min.js.map +1 -1
- package/dist/button.js +1 -0
- package/dist/button.js.map +1 -1
- package/dist/button.min.js +1 -1
- package/dist/button.min.js.map +1 -1
- package/dist/checkbox.js +1 -0
- package/dist/checkbox.js.map +1 -1
- package/dist/checkbox.min.js +1 -1
- package/dist/checkbox.min.js.map +1 -1
- package/dist/chips.js +2 -0
- package/dist/chips.js.map +1 -1
- package/dist/chips.min.js +1 -1
- package/dist/chips.min.js.map +1 -1
- package/dist/core.js.map +1 -1
- package/dist/core.min.js.map +1 -1
- package/dist/icon-button.js +1 -0
- package/dist/icon-button.js.map +1 -1
- package/dist/icon-button.min.js +1 -1
- package/dist/icon-button.min.js.map +1 -1
- package/dist/list.js +2 -0
- package/dist/list.js.map +1 -1
- package/dist/list.min.js +1 -1
- package/dist/list.min.js.map +1 -1
- package/dist/nav-bar.js +3 -0
- package/dist/nav-bar.js.map +1 -1
- package/dist/nav-bar.min.js +1 -1
- package/dist/nav-bar.min.js.map +1 -1
- package/dist/nav-rail.js +2 -0
- package/dist/nav-rail.js.map +1 -1
- package/dist/nav-rail.min.js +1 -1
- package/dist/nav-rail.min.js.map +1 -1
- package/dist/radio-group.js +3 -0
- package/dist/radio-group.js.map +1 -1
- package/dist/radio-group.min.js +1 -1
- package/dist/radio-group.min.js.map +1 -1
- package/dist/segmented-button.js +2 -0
- package/dist/segmented-button.js.map +1 -1
- package/dist/segmented-button.min.js +1 -1
- package/dist/segmented-button.min.js.map +1 -1
- package/dist/select.js +1 -0
- package/dist/select.js.map +1 -1
- package/dist/select.min.js +1 -1
- package/dist/select.min.js.map +1 -1
- package/dist/slider.js +7 -1
- package/dist/slider.js.map +1 -1
- package/dist/slider.min.js +1 -1
- package/dist/slider.min.js.map +1 -1
- package/dist/split-pane.js +1 -0
- package/dist/split-pane.js.map +1 -1
- package/dist/split-pane.min.js +1 -1
- package/dist/split-pane.min.js.map +1 -1
- package/dist/src/button/Button.d.ts +1 -0
- package/dist/src/button/Button.d.ts.map +1 -1
- package/dist/src/checkbox/Checkbox.d.ts +1 -0
- package/dist/src/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/src/chips/FilterChip.d.ts +1 -0
- package/dist/src/chips/FilterChip.d.ts.map +1 -1
- package/dist/src/chips/FilterChipSet.d.ts +1 -0
- package/dist/src/chips/FilterChipSet.d.ts.map +1 -1
- package/dist/src/core/Collapsible.d.ts +1 -1
- package/dist/src/core/Collapsible.d.ts.map +1 -1
- package/dist/src/icon-button/IconButton.d.ts +1 -0
- package/dist/src/icon-button/IconButton.d.ts.map +1 -1
- package/dist/src/list/ListOption.d.ts +1 -0
- package/dist/src/list/ListOption.d.ts.map +1 -1
- package/dist/src/list/SelectionList.d.ts +1 -0
- package/dist/src/list/SelectionList.d.ts.map +1 -1
- package/dist/src/nav-bar/NavBar.d.ts +2 -0
- package/dist/src/nav-bar/NavBar.d.ts.map +1 -1
- package/dist/src/nav-bar/NavItem.d.ts +1 -0
- package/dist/src/nav-bar/NavItem.d.ts.map +1 -1
- package/dist/src/nav-rail/NavRail.d.ts +2 -0
- package/dist/src/nav-rail/NavRail.d.ts.map +1 -1
- package/dist/src/radio-group/Radio.d.ts +1 -0
- package/dist/src/radio-group/Radio.d.ts.map +1 -1
- package/dist/src/radio-group/RadioGroup.d.ts +2 -0
- package/dist/src/radio-group/RadioGroup.d.ts.map +1 -1
- package/dist/src/segmented-button/ButtonSegment.d.ts +1 -0
- package/dist/src/segmented-button/ButtonSegment.d.ts.map +1 -1
- package/dist/src/segmented-button/SegmentedButton.d.ts +1 -0
- package/dist/src/segmented-button/SegmentedButton.d.ts.map +1 -1
- package/dist/src/select/Select.d.ts +1 -0
- package/dist/src/select/Select.d.ts.map +1 -1
- package/dist/src/slider/Slider.d.ts +5 -1
- package/dist/src/slider/Slider.d.ts.map +1 -1
- package/dist/src/slider/SliderThumb.d.ts +1 -0
- package/dist/src/slider/SliderThumb.d.ts.map +1 -1
- package/dist/src/split-pane/SplitPane.d.ts +1 -0
- package/dist/src/split-pane/SplitPane.d.ts.map +1 -1
- package/dist/src/stepper/Step.d.ts +1 -0
- package/dist/src/stepper/Step.d.ts.map +1 -1
- package/dist/src/stepper/Stepper.d.ts +2 -0
- package/dist/src/stepper/Stepper.d.ts.map +1 -1
- package/dist/src/switch/Switch.d.ts +1 -0
- package/dist/src/switch/Switch.d.ts.map +1 -1
- package/dist/src/tabs/Tab.d.ts +1 -0
- package/dist/src/tabs/Tab.d.ts.map +1 -1
- package/dist/src/tabs/Tabs.d.ts +2 -0
- package/dist/src/tabs/Tabs.d.ts.map +1 -1
- package/dist/stepper.js +3 -0
- package/dist/stepper.js.map +1 -1
- package/dist/stepper.min.js +1 -1
- package/dist/stepper.min.js.map +1 -1
- package/dist/switch.js +1 -0
- package/dist/switch.js.map +1 -1
- package/dist/switch.min.js +1 -1
- package/dist/switch.min.js.map +1 -1
- package/dist/tabs.js +3 -0
- package/dist/tabs.js.map +1 -1
- package/dist/tabs.min.js +1 -1
- package/dist/tabs.min.js.map +1 -1
- package/package.json +2 -2
package/dist/button.js
CHANGED
package/dist/button.js.map
CHANGED
|
@@ -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;;;;"}
|
package/dist/button.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 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
|
package/dist/button.min.js.map
CHANGED
|
@@ -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
package/dist/checkbox.js.map
CHANGED
|
@@ -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;;;;"}
|
package/dist/checkbox.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 o}from"@lit/react";import{M3eCheckboxElement as
|
|
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
|
package/dist/checkbox.min.js.map
CHANGED
|
@@ -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
|
|
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
|
package/dist/chips.min.js.map
CHANGED
|
@@ -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"}
|
package/dist/core.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"core.js","sources":["../../src/core/Collapsible.ts","../../src/core/Elevation.ts","../../src/core/FocusRing.ts","../../src/core/PseudoCheckbox.ts","../../src/core/PseudoRadio.ts","../../src/core/Ripple.ts","../../src/core/ScrollContainer.ts","../../src/core/Slide.ts","../../src/core/StateLayer.ts","../../src/core/TextHighlight.ts","../../src/core/TextOverflow.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCollapsibleElement } from \"@m3e/web/core\";\r\nexport type { M3eCollapsibleElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-collapsible` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-collapsible>` 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-collapsible>` instance for imperative access.\r\n *\r\n * See the `m3e-collapsible` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eCollapsible = createComponent({\r\n tagName: \"m3e-collapsible\",\r\n elementClass: M3eCollapsibleElement,\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 { M3eElevationElement } from \"@m3e/web/core\";\r\nexport type { M3eElevationElement, ElevationLevel } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-elevation` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-elevation>` 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-elevation>` instance for imperative access.\r\n *\r\n * See the `m3e-elevation` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eElevation = createComponent({\r\n tagName: \"m3e-elevation\",\r\n elementClass: M3eElevationElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFocusRingElement } from \"@m3e/web/core\";\r\nexport type { M3eFocusRingElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-focus-ring` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-focus-ring>` 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-focus-ring>` instance for imperative access.\r\n *\r\n * See the `m3e-focus-ring` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFocusRing = createComponent({\r\n tagName: \"m3e-focus-ring\",\r\n elementClass: M3eFocusRingElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3ePseudoCheckboxElement } from \"@m3e/web/core\";\r\nexport type { M3ePseudoCheckboxElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-pseudo-checkbox` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-pseudo-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-pseudo-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-pseudo-checkbox` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePseudoCheckbox = createComponent({\r\n tagName: \"m3e-pseudo-checkbox\",\r\n elementClass: M3ePseudoCheckboxElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3ePseudoRadioElement } from \"@m3e/web/core\";\r\nexport type { M3ePseudoRadioElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-pseudo-radio` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-pseudo-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-pseudo-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-pseudo-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePseudoRadio = createComponent({\r\n tagName: \"m3e-pseudo-radio\",\r\n elementClass: M3ePseudoRadioElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRippleElement } from \"@m3e/web/core\";\r\nexport type { M3eRippleElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-ripple` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-ripple>` 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-ripple>` instance for imperative access.\r\n *\r\n * See the `m3e-ripple` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRipple = createComponent({\r\n tagName: \"m3e-ripple\",\r\n elementClass: M3eRippleElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eScrollContainerElement } from \"@m3e/web/core\";\r\nexport type { M3eScrollContainerElement, ScrollDividers } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-scroll-container` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-scroll-container>` 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-scroll-container>` instance for imperative access.\r\n *\r\n * See the `m3e-scroll-container` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eScrollContainer = createComponent({\r\n tagName: \"m3e-scroll-container\",\r\n elementClass: M3eScrollContainerElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSlideElement } from \"@m3e/web/core\";\r\nexport type { M3eSlideElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-slide` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-slide>` 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-slide>` instance for imperative access.\r\n *\r\n * See the `m3e-slide` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSlide = createComponent({\r\n tagName: \"m3e-slide\",\r\n elementClass: M3eSlideElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStateLayerElement } from \"@m3e/web/core\";\r\nexport type { M3eStateLayerElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-state-layer` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-state-layer>` 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-state-layer>` instance for imperative access.\r\n *\r\n * See the `m3e-state-layer` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStateLayer = createComponent({\r\n tagName: \"m3e-state-layer\",\r\n elementClass: M3eStateLayerElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextHighlightElement } from \"@m3e/web/core\";\r\nexport type { M3eTextHighlightElement, TextHighlightMode } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-text-highlight` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-text-highlight>` 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-text-highlight>` instance for imperative access.\r\n *\r\n * See the `m3e-text-highlight` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextHighlight = createComponent({\r\n tagName: \"m3e-text-highlight\",\r\n elementClass: M3eTextHighlightElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextOverflowElement } from \"@m3e/web/core\";\r\nexport type { M3eTextOverflowElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-text-overflow` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-text-overflow>` 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-text-overflow>` instance for imperative access.\r\n *\r\n * See the `m3e-text-overflow` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextOverflow = createComponent({\r\n tagName: \"m3e-text-overflow\",\r\n elementClass: M3eTextOverflowElement,\r\n react: React,\r\n});\r\n"],"names":["M3eCollapsible","createComponent","tagName","elementClass","M3eCollapsibleElement","react","React","events","onOpening","onOpened","onClosing","onClosed","M3eElevation","M3eElevationElement","M3eFocusRing","M3eFocusRingElement","M3ePseudoCheckbox","M3ePseudoCheckboxElement","M3ePseudoRadio","M3ePseudoRadioElement","M3eRipple","M3eRippleElement","M3eScrollContainer","M3eScrollContainerElement","M3eSlide","M3eSlideElement","M3eStateLayer","M3eStateLayerElement","M3eTextHighlight","M3eTextHighlightElement","M3eTextOverflow","M3eTextOverflowElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,cAAc,GAAGC,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEC,qBAAqB;AACnCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,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,YAAY,GAAGX,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEU,mBAAmB;AACjCR,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMQ,YAAY,GAAGb,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEY,mBAAmB;AACjCV,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMU,iBAAiB,GAAGf,eAAe,CAAC;AAC/CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEc,wBAAwB;AACtCZ,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMY,cAAc,GAAGjB,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,YAAY,EAAEgB,qBAAqB;AACnCd,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMc,SAAS,GAAGnB,eAAe,CAAC;AACvCC,EAAAA,OAAO,EAAE,YAAY;AACrBC,EAAAA,YAAY,EAAEkB,gBAAgB;AAC9BhB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMgB,kBAAkB,GAAGrB,eAAe,CAAC;AAChDC,EAAAA,OAAO,EAAE,sBAAsB;AAC/BC,EAAAA,YAAY,EAAEoB,yBAAyB;AACvClB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMkB,QAAQ,GAAGvB,eAAe,CAAC;AACtCC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,YAAY,EAAEsB,eAAe;AAC7BpB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMoB,aAAa,GAAGzB,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEwB,oBAAoB;AAClCtB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMsB,gBAAgB,GAAG3B,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,YAAY,EAAE0B,uBAAuB;AACrCxB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMwB,eAAe,GAAG7B,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,YAAY,EAAE4B,sBAAsB;AACpC1B,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"core.js","sources":["../../src/core/Collapsible.ts","../../src/core/Elevation.ts","../../src/core/FocusRing.ts","../../src/core/PseudoCheckbox.ts","../../src/core/PseudoRadio.ts","../../src/core/Ripple.ts","../../src/core/ScrollContainer.ts","../../src/core/Slide.ts","../../src/core/StateLayer.ts","../../src/core/TextHighlight.ts","../../src/core/TextOverflow.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCollapsibleElement } from \"@m3e/web/core\";\r\nexport type { M3eCollapsibleElement, CollapsibleOrientation } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-collapsible` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-collapsible>` 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-collapsible>` instance for imperative access.\r\n *\r\n * See the `m3e-collapsible` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eCollapsible = createComponent({\r\n tagName: \"m3e-collapsible\",\r\n elementClass: M3eCollapsibleElement,\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 { M3eElevationElement } from \"@m3e/web/core\";\r\nexport type { M3eElevationElement, ElevationLevel } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-elevation` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-elevation>` 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-elevation>` instance for imperative access.\r\n *\r\n * See the `m3e-elevation` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eElevation = createComponent({\r\n tagName: \"m3e-elevation\",\r\n elementClass: M3eElevationElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFocusRingElement } from \"@m3e/web/core\";\r\nexport type { M3eFocusRingElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-focus-ring` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-focus-ring>` 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-focus-ring>` instance for imperative access.\r\n *\r\n * See the `m3e-focus-ring` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFocusRing = createComponent({\r\n tagName: \"m3e-focus-ring\",\r\n elementClass: M3eFocusRingElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3ePseudoCheckboxElement } from \"@m3e/web/core\";\r\nexport type { M3ePseudoCheckboxElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-pseudo-checkbox` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-pseudo-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-pseudo-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-pseudo-checkbox` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePseudoCheckbox = createComponent({\r\n tagName: \"m3e-pseudo-checkbox\",\r\n elementClass: M3ePseudoCheckboxElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3ePseudoRadioElement } from \"@m3e/web/core\";\r\nexport type { M3ePseudoRadioElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-pseudo-radio` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-pseudo-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-pseudo-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-pseudo-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePseudoRadio = createComponent({\r\n tagName: \"m3e-pseudo-radio\",\r\n elementClass: M3ePseudoRadioElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRippleElement } from \"@m3e/web/core\";\r\nexport type { M3eRippleElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-ripple` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-ripple>` 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-ripple>` instance for imperative access.\r\n *\r\n * See the `m3e-ripple` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRipple = createComponent({\r\n tagName: \"m3e-ripple\",\r\n elementClass: M3eRippleElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eScrollContainerElement } from \"@m3e/web/core\";\r\nexport type { M3eScrollContainerElement, ScrollDividers } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-scroll-container` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-scroll-container>` 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-scroll-container>` instance for imperative access.\r\n *\r\n * See the `m3e-scroll-container` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eScrollContainer = createComponent({\r\n tagName: \"m3e-scroll-container\",\r\n elementClass: M3eScrollContainerElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSlideElement } from \"@m3e/web/core\";\r\nexport type { M3eSlideElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-slide` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-slide>` 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-slide>` instance for imperative access.\r\n *\r\n * See the `m3e-slide` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSlide = createComponent({\r\n tagName: \"m3e-slide\",\r\n elementClass: M3eSlideElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStateLayerElement } from \"@m3e/web/core\";\r\nexport type { M3eStateLayerElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-state-layer` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-state-layer>` 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-state-layer>` instance for imperative access.\r\n *\r\n * See the `m3e-state-layer` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStateLayer = createComponent({\r\n tagName: \"m3e-state-layer\",\r\n elementClass: M3eStateLayerElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextHighlightElement } from \"@m3e/web/core\";\r\nexport type { M3eTextHighlightElement, TextHighlightMode } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-text-highlight` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-text-highlight>` 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-text-highlight>` instance for imperative access.\r\n *\r\n * See the `m3e-text-highlight` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextHighlight = createComponent({\r\n tagName: \"m3e-text-highlight\",\r\n elementClass: M3eTextHighlightElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextOverflowElement } from \"@m3e/web/core\";\r\nexport type { M3eTextOverflowElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-text-overflow` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-text-overflow>` 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-text-overflow>` instance for imperative access.\r\n *\r\n * See the `m3e-text-overflow` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextOverflow = createComponent({\r\n tagName: \"m3e-text-overflow\",\r\n elementClass: M3eTextOverflowElement,\r\n react: React,\r\n});\r\n"],"names":["M3eCollapsible","createComponent","tagName","elementClass","M3eCollapsibleElement","react","React","events","onOpening","onOpened","onClosing","onClosed","M3eElevation","M3eElevationElement","M3eFocusRing","M3eFocusRingElement","M3ePseudoCheckbox","M3ePseudoCheckboxElement","M3ePseudoRadio","M3ePseudoRadioElement","M3eRipple","M3eRippleElement","M3eScrollContainer","M3eScrollContainerElement","M3eSlide","M3eSlideElement","M3eStateLayer","M3eStateLayerElement","M3eTextHighlight","M3eTextHighlightElement","M3eTextOverflow","M3eTextOverflowElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,cAAc,GAAGC,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEC,qBAAqB;AACnCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,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,YAAY,GAAGX,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEU,mBAAmB;AACjCR,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMQ,YAAY,GAAGb,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEY,mBAAmB;AACjCV,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMU,iBAAiB,GAAGf,eAAe,CAAC;AAC/CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEc,wBAAwB;AACtCZ,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMY,cAAc,GAAGjB,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,YAAY,EAAEgB,qBAAqB;AACnCd,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMc,SAAS,GAAGnB,eAAe,CAAC;AACvCC,EAAAA,OAAO,EAAE,YAAY;AACrBC,EAAAA,YAAY,EAAEkB,gBAAgB;AAC9BhB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMgB,kBAAkB,GAAGrB,eAAe,CAAC;AAChDC,EAAAA,OAAO,EAAE,sBAAsB;AAC/BC,EAAAA,YAAY,EAAEoB,yBAAyB;AACvClB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMkB,QAAQ,GAAGvB,eAAe,CAAC;AACtCC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,YAAY,EAAEsB,eAAe;AAC7BpB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMoB,aAAa,GAAGzB,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEwB,oBAAoB;AAClCtB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMsB,gBAAgB,GAAG3B,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,YAAY,EAAE0B,uBAAuB;AACrCxB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMwB,eAAe,GAAG7B,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,YAAY,EAAE4B,sBAAsB;AACpC1B,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}
|
package/dist/core.min.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"core.min.js","sources":["../../src/core/Collapsible.ts","../../src/core/Elevation.ts","../../src/core/FocusRing.ts","../../src/core/PseudoCheckbox.ts","../../src/core/PseudoRadio.ts","../../src/core/Ripple.ts","../../src/core/ScrollContainer.ts","../../src/core/Slide.ts","../../src/core/StateLayer.ts","../../src/core/TextHighlight.ts","../../src/core/TextOverflow.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCollapsibleElement } from \"@m3e/web/core\";\r\nexport type { M3eCollapsibleElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-collapsible` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-collapsible>` 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-collapsible>` instance for imperative access.\r\n *\r\n * See the `m3e-collapsible` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eCollapsible = createComponent({\r\n tagName: \"m3e-collapsible\",\r\n elementClass: M3eCollapsibleElement,\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 { M3eElevationElement } from \"@m3e/web/core\";\r\nexport type { M3eElevationElement, ElevationLevel } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-elevation` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-elevation>` 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-elevation>` instance for imperative access.\r\n *\r\n * See the `m3e-elevation` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eElevation = createComponent({\r\n tagName: \"m3e-elevation\",\r\n elementClass: M3eElevationElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFocusRingElement } from \"@m3e/web/core\";\r\nexport type { M3eFocusRingElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-focus-ring` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-focus-ring>` 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-focus-ring>` instance for imperative access.\r\n *\r\n * See the `m3e-focus-ring` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFocusRing = createComponent({\r\n tagName: \"m3e-focus-ring\",\r\n elementClass: M3eFocusRingElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3ePseudoCheckboxElement } from \"@m3e/web/core\";\r\nexport type { M3ePseudoCheckboxElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-pseudo-checkbox` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-pseudo-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-pseudo-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-pseudo-checkbox` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePseudoCheckbox = createComponent({\r\n tagName: \"m3e-pseudo-checkbox\",\r\n elementClass: M3ePseudoCheckboxElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3ePseudoRadioElement } from \"@m3e/web/core\";\r\nexport type { M3ePseudoRadioElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-pseudo-radio` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-pseudo-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-pseudo-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-pseudo-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePseudoRadio = createComponent({\r\n tagName: \"m3e-pseudo-radio\",\r\n elementClass: M3ePseudoRadioElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRippleElement } from \"@m3e/web/core\";\r\nexport type { M3eRippleElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-ripple` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-ripple>` 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-ripple>` instance for imperative access.\r\n *\r\n * See the `m3e-ripple` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRipple = createComponent({\r\n tagName: \"m3e-ripple\",\r\n elementClass: M3eRippleElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eScrollContainerElement } from \"@m3e/web/core\";\r\nexport type { M3eScrollContainerElement, ScrollDividers } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-scroll-container` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-scroll-container>` 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-scroll-container>` instance for imperative access.\r\n *\r\n * See the `m3e-scroll-container` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eScrollContainer = createComponent({\r\n tagName: \"m3e-scroll-container\",\r\n elementClass: M3eScrollContainerElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSlideElement } from \"@m3e/web/core\";\r\nexport type { M3eSlideElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-slide` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-slide>` 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-slide>` instance for imperative access.\r\n *\r\n * See the `m3e-slide` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSlide = createComponent({\r\n tagName: \"m3e-slide\",\r\n elementClass: M3eSlideElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStateLayerElement } from \"@m3e/web/core\";\r\nexport type { M3eStateLayerElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-state-layer` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-state-layer>` 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-state-layer>` instance for imperative access.\r\n *\r\n * See the `m3e-state-layer` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStateLayer = createComponent({\r\n tagName: \"m3e-state-layer\",\r\n elementClass: M3eStateLayerElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextHighlightElement } from \"@m3e/web/core\";\r\nexport type { M3eTextHighlightElement, TextHighlightMode } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-text-highlight` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-text-highlight>` 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-text-highlight>` instance for imperative access.\r\n *\r\n * See the `m3e-text-highlight` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextHighlight = createComponent({\r\n tagName: \"m3e-text-highlight\",\r\n elementClass: M3eTextHighlightElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextOverflowElement } from \"@m3e/web/core\";\r\nexport type { M3eTextOverflowElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-text-overflow` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-text-overflow>` 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-text-overflow>` instance for imperative access.\r\n *\r\n * See the `m3e-text-overflow` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextOverflow = createComponent({\r\n tagName: \"m3e-text-overflow\",\r\n elementClass: M3eTextOverflowElement,\r\n react: React,\r\n});\r\n"],"names":["M3eCollapsible","createComponent","tagName","elementClass","M3eCollapsibleElement","react","React","events","onOpening","onOpened","onClosing","onClosed","M3eElevation","M3eElevationElement","M3eFocusRing","M3eFocusRingElement","M3ePseudoCheckbox","M3ePseudoCheckboxElement","M3ePseudoRadio","M3ePseudoRadioElement","M3eRipple","M3eRippleElement","M3eScrollContainer","M3eScrollContainerElement","M3eSlide","M3eSlideElement","M3eStateLayer","M3eStateLayerElement","M3eTextHighlight","M3eTextHighlightElement","M3eTextOverflow","M3eTextOverflowElement"],"mappings":";;;;;gYAmBO,MAAMA,EAAiBC,EAAgB,CAC5CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,UAAW,UACXC,SAAU,SACVC,UAAW,UACXC,SAAU,YCRDC,EAAeX,EAAgB,CAC1CC,QAAS,gBACTC,aAAcU,EACdR,MAAOC,ICHIQ,EAAeb,EAAgB,CAC1CC,QAAS,iBACTC,aAAcY,EACdV,MAAOC,ICHIU,EAAoBf,EAAgB,CAC/CC,QAAS,sBACTC,aAAcc,EACdZ,MAAOC,ICHIY,EAAiBjB,EAAgB,CAC5CC,QAAS,mBACTC,aAAcgB,EACdd,MAAOC,ICHIc,EAAYnB,EAAgB,CACvCC,QAAS,aACTC,aAAckB,EACdhB,MAAOC,ICHIgB,EAAqBrB,EAAgB,CAChDC,QAAS,uBACTC,aAAcoB,EACdlB,MAAOC,ICHIkB,EAAWvB,EAAgB,CACtCC,QAAS,YACTC,aAAcsB,EACdpB,MAAOC,ICHIoB,EAAgBzB,EAAgB,CAC3CC,QAAS,kBACTC,aAAcwB,EACdtB,MAAOC,ICHIsB,EAAmB3B,EAAgB,CAC9CC,QAAS,qBACTC,aAAc0B,EACdxB,MAAOC,ICHIwB,EAAkB7B,EAAgB,CAC7CC,QAAS,oBACTC,aAAc4B,EACd1B,MAAOC"}
|
|
1
|
+
{"version":3,"file":"core.min.js","sources":["../../src/core/Collapsible.ts","../../src/core/Elevation.ts","../../src/core/FocusRing.ts","../../src/core/PseudoCheckbox.ts","../../src/core/PseudoRadio.ts","../../src/core/Ripple.ts","../../src/core/ScrollContainer.ts","../../src/core/Slide.ts","../../src/core/StateLayer.ts","../../src/core/TextHighlight.ts","../../src/core/TextOverflow.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCollapsibleElement } from \"@m3e/web/core\";\r\nexport type { M3eCollapsibleElement, CollapsibleOrientation } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-collapsible` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-collapsible>` 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-collapsible>` instance for imperative access.\r\n *\r\n * See the `m3e-collapsible` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eCollapsible = createComponent({\r\n tagName: \"m3e-collapsible\",\r\n elementClass: M3eCollapsibleElement,\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 { M3eElevationElement } from \"@m3e/web/core\";\r\nexport type { M3eElevationElement, ElevationLevel } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-elevation` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-elevation>` 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-elevation>` instance for imperative access.\r\n *\r\n * See the `m3e-elevation` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eElevation = createComponent({\r\n tagName: \"m3e-elevation\",\r\n elementClass: M3eElevationElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFocusRingElement } from \"@m3e/web/core\";\r\nexport type { M3eFocusRingElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-focus-ring` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-focus-ring>` 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-focus-ring>` instance for imperative access.\r\n *\r\n * See the `m3e-focus-ring` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFocusRing = createComponent({\r\n tagName: \"m3e-focus-ring\",\r\n elementClass: M3eFocusRingElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3ePseudoCheckboxElement } from \"@m3e/web/core\";\r\nexport type { M3ePseudoCheckboxElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-pseudo-checkbox` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-pseudo-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-pseudo-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-pseudo-checkbox` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePseudoCheckbox = createComponent({\r\n tagName: \"m3e-pseudo-checkbox\",\r\n elementClass: M3ePseudoCheckboxElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3ePseudoRadioElement } from \"@m3e/web/core\";\r\nexport type { M3ePseudoRadioElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-pseudo-radio` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-pseudo-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-pseudo-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-pseudo-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePseudoRadio = createComponent({\r\n tagName: \"m3e-pseudo-radio\",\r\n elementClass: M3ePseudoRadioElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRippleElement } from \"@m3e/web/core\";\r\nexport type { M3eRippleElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-ripple` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-ripple>` 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-ripple>` instance for imperative access.\r\n *\r\n * See the `m3e-ripple` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRipple = createComponent({\r\n tagName: \"m3e-ripple\",\r\n elementClass: M3eRippleElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eScrollContainerElement } from \"@m3e/web/core\";\r\nexport type { M3eScrollContainerElement, ScrollDividers } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-scroll-container` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-scroll-container>` 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-scroll-container>` instance for imperative access.\r\n *\r\n * See the `m3e-scroll-container` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eScrollContainer = createComponent({\r\n tagName: \"m3e-scroll-container\",\r\n elementClass: M3eScrollContainerElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSlideElement } from \"@m3e/web/core\";\r\nexport type { M3eSlideElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-slide` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-slide>` 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-slide>` instance for imperative access.\r\n *\r\n * See the `m3e-slide` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSlide = createComponent({\r\n tagName: \"m3e-slide\",\r\n elementClass: M3eSlideElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStateLayerElement } from \"@m3e/web/core\";\r\nexport type { M3eStateLayerElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-state-layer` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-state-layer>` 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-state-layer>` instance for imperative access.\r\n *\r\n * See the `m3e-state-layer` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStateLayer = createComponent({\r\n tagName: \"m3e-state-layer\",\r\n elementClass: M3eStateLayerElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextHighlightElement } from \"@m3e/web/core\";\r\nexport type { M3eTextHighlightElement, TextHighlightMode } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-text-highlight` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-text-highlight>` 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-text-highlight>` instance for imperative access.\r\n *\r\n * See the `m3e-text-highlight` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextHighlight = createComponent({\r\n tagName: \"m3e-text-highlight\",\r\n elementClass: M3eTextHighlightElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextOverflowElement } from \"@m3e/web/core\";\r\nexport type { M3eTextOverflowElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-text-overflow` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-text-overflow>` 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-text-overflow>` instance for imperative access.\r\n *\r\n * See the `m3e-text-overflow` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextOverflow = createComponent({\r\n tagName: \"m3e-text-overflow\",\r\n elementClass: M3eTextOverflowElement,\r\n react: React,\r\n});\r\n"],"names":["M3eCollapsible","createComponent","tagName","elementClass","M3eCollapsibleElement","react","React","events","onOpening","onOpened","onClosing","onClosed","M3eElevation","M3eElevationElement","M3eFocusRing","M3eFocusRingElement","M3ePseudoCheckbox","M3ePseudoCheckboxElement","M3ePseudoRadio","M3ePseudoRadioElement","M3eRipple","M3eRippleElement","M3eScrollContainer","M3eScrollContainerElement","M3eSlide","M3eSlideElement","M3eStateLayer","M3eStateLayerElement","M3eTextHighlight","M3eTextHighlightElement","M3eTextOverflow","M3eTextOverflowElement"],"mappings":";;;;;gYAmBO,MAAMA,EAAiBC,EAAgB,CAC5CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,UAAW,UACXC,SAAU,SACVC,UAAW,UACXC,SAAU,YCRDC,EAAeX,EAAgB,CAC1CC,QAAS,gBACTC,aAAcU,EACdR,MAAOC,ICHIQ,EAAeb,EAAgB,CAC1CC,QAAS,iBACTC,aAAcY,EACdV,MAAOC,ICHIU,EAAoBf,EAAgB,CAC/CC,QAAS,sBACTC,aAAcc,EACdZ,MAAOC,ICHIY,EAAiBjB,EAAgB,CAC5CC,QAAS,mBACTC,aAAcgB,EACdd,MAAOC,ICHIc,EAAYnB,EAAgB,CACvCC,QAAS,aACTC,aAAckB,EACdhB,MAAOC,ICHIgB,EAAqBrB,EAAgB,CAChDC,QAAS,uBACTC,aAAcoB,EACdlB,MAAOC,ICHIkB,EAAWvB,EAAgB,CACtCC,QAAS,YACTC,aAAcsB,EACdpB,MAAOC,ICHIoB,EAAgBzB,EAAgB,CAC3CC,QAAS,kBACTC,aAAcwB,EACdtB,MAAOC,ICHIsB,EAAmB3B,EAAgB,CAC9CC,QAAS,qBACTC,aAAc0B,EACdxB,MAAOC,ICHIwB,EAAkB7B,EAAgB,CAC7CC,QAAS,oBACTC,aAAc4B,EACd1B,MAAOC"}
|
package/dist/icon-button.js
CHANGED
package/dist/icon-button.js.map
CHANGED
|
@@ -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;;;;"}
|
package/dist/icon-button.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 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;
|
|
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
|
|
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
|
package/dist/list.min.js.map
CHANGED
|
@@ -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,
|
|
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"
|