@m3e/chips 1.0.0-rc.1 → 1.0.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/README.md +1 -2
  2. package/dist/custom-elements.json +4780 -481
  3. package/dist/html-custom-data.json +10 -10
  4. package/dist/index.js +10 -12
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.js +60 -60
  7. package/dist/index.min.js.map +1 -1
  8. package/package.json +5 -5
  9. package/cem.config.mjs +0 -16
  10. package/demo/index.html +0 -183
  11. package/dist/src/AssistChipElement.d.ts +0 -82
  12. package/dist/src/AssistChipElement.d.ts.map +0 -1
  13. package/dist/src/ChipElement.d.ts +0 -86
  14. package/dist/src/ChipElement.d.ts.map +0 -1
  15. package/dist/src/ChipSetElement.d.ts +0 -43
  16. package/dist/src/ChipSetElement.d.ts.map +0 -1
  17. package/dist/src/ChipVariant.d.ts +0 -3
  18. package/dist/src/ChipVariant.d.ts.map +0 -1
  19. package/dist/src/FilterChipElement.d.ts +0 -93
  20. package/dist/src/FilterChipElement.d.ts.map +0 -1
  21. package/dist/src/FilterChipSetElement.d.ts +0 -78
  22. package/dist/src/FilterChipSetElement.d.ts.map +0 -1
  23. package/dist/src/InputChipElement.d.ts +0 -104
  24. package/dist/src/InputChipElement.d.ts.map +0 -1
  25. package/dist/src/InputChipSetElement.d.ts +0 -75
  26. package/dist/src/InputChipSetElement.d.ts.map +0 -1
  27. package/dist/src/SuggestionChipElement.d.ts +0 -83
  28. package/dist/src/SuggestionChipElement.d.ts.map +0 -1
  29. package/dist/src/index.d.ts +0 -10
  30. package/dist/src/index.d.ts.map +0 -1
  31. package/eslint.config.mjs +0 -13
  32. package/rollup.config.js +0 -32
  33. package/src/AssistChipElement.ts +0 -103
  34. package/src/ChipElement.ts +0 -336
  35. package/src/ChipSetElement.ts +0 -60
  36. package/src/ChipVariant.ts +0 -2
  37. package/src/FilterChipElement.ts +0 -254
  38. package/src/FilterChipSetElement.ts +0 -161
  39. package/src/InputChipElement.ts +0 -287
  40. package/src/InputChipSetElement.ts +0 -360
  41. package/src/SuggestionChipElement.ts +0 -104
  42. package/src/index.ts +0 -9
  43. package/tsconfig.json +0 -9
@@ -4,7 +4,7 @@
4
4
  "tags": [
5
5
  {
6
6
  "name": "m3e-assist-chip",
7
- "description": "A chip users interact with to perform a smart or automated action that can span multiple applications.\n---\n\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_",
7
+ "description": "A chip users interact with to perform a smart or automated action that can span multiple applications.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_",
8
8
  "attributes": [
9
9
  {
10
10
  "name": "disabled",
@@ -39,12 +39,12 @@
39
39
  {
40
40
  "name": "target",
41
41
  "description": "The target of the link button.",
42
- "values": []
42
+ "values": [{ "name": "LinkTarget" }]
43
43
  },
44
44
  {
45
45
  "name": "type",
46
46
  "description": "The type of the element.",
47
- "values": []
47
+ "values": [{ "name": "FormSubmitterType" }]
48
48
  },
49
49
  {
50
50
  "name": "value",
@@ -90,7 +90,7 @@
90
90
  },
91
91
  {
92
92
  "name": "m3e-filter-chip",
93
- "description": "A chip users interact with to select/deselect options.\n---\n\n\n### **Events:**\n - **input** - Emitted when the selected state changes.\n- **change** - Emitted when the selected state changes.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_\n- **--m3e-chip-selected-outline-thickness** - Outline thickness for selected state. _(default: undefined)_\n- **--m3e-chip-selected-label-text-color** - Text color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-color** - Background color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-hover-color** - Hover state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-focus-color** - Focus state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-hover-elevation** - Elevation on hover in selected state. _(default: undefined)_\n- **--m3e-chip-selected-ripple-color** - Ripple color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-state-layer-focus-color** - Focus state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-state-layer-hover-color** - Hover state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-leading-icon-color** - Leading icon color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-trailing-icon-color** - Trailing icon color in selected state. _(default: undefined)_\n- **--m3e-chip-unselected-label-text-color** - Text color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-ripple-color** - Ripple color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-state-layer-focus-color** - Focus state layer color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-state-layer-hover-color** - Hover state layer color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-leading-icon-color** - Leading icon color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-trailing-icon-color** - Trailing icon color in unselected state. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_",
93
+ "description": "A chip users interact with to select/deselect options.\n---\n\n\n### **Events:**\n - **input** - Emitted when the selected state changes.\n- **change** - Emitted when the selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_\n- **--m3e-chip-selected-outline-thickness** - Outline thickness for selected state. _(default: undefined)_\n- **--m3e-chip-selected-label-text-color** - Text color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-color** - Background color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-hover-color** - Hover state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-focus-color** - Focus state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-hover-elevation** - Elevation on hover in selected state. _(default: undefined)_\n- **--m3e-chip-selected-ripple-color** - Ripple color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-state-layer-focus-color** - Focus state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-state-layer-hover-color** - Hover state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-leading-icon-color** - Leading icon color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-trailing-icon-color** - Trailing icon color in selected state. _(default: undefined)_\n- **--m3e-chip-unselected-label-text-color** - Text color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-ripple-color** - Ripple color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-state-layer-focus-color** - Focus state layer color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-state-layer-hover-color** - Hover state layer color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-leading-icon-color** - Leading icon color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-trailing-icon-color** - Trailing icon color in unselected state. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_",
94
94
  "attributes": [
95
95
  {
96
96
  "name": "disabled",
@@ -122,7 +122,7 @@
122
122
  },
123
123
  {
124
124
  "name": "m3e-filter-chip-set",
125
- "description": "A container that organizes filter chips into a cohesive group, enabling selection and\r\ndeselection of values used to refine content or trigger contextual behavior.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state of a chip changes.\n- **input** - Emitted when the selected state of a chip changes.\n\n### **Slots:**\n - _default_ - Renders the chips of the set.\n\n### **CSS Properties:**\n - **--m3e-chip-set-spacing** - The spacing (gap) between chips in the set. _(default: undefined)_",
125
+ "description": "A container that organizes filter chips into a cohesive group, enabling selection and\r\ndeselection of values used to refine content or trigger contextual behavior.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state of a chip changes.\n- **input** - Emitted when the selected state of a chip changes.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **Slots:**\n - _default_ - Renders the chips of the set.\n\n### **CSS Properties:**\n - **--m3e-chip-set-spacing** - The spacing (gap) between chips in the set. _(default: undefined)_",
126
126
  "attributes": [
127
127
  {
128
128
  "name": "disabled",
@@ -154,7 +154,7 @@
154
154
  },
155
155
  {
156
156
  "name": "m3e-input-chip",
157
- "description": "A chip which represents a discrete piece of information entered by a user.\n---\n\n\n### **Events:**\n - **remove** - Emitted when the remove button is clicked or DELETE or BACKSPACE key is pressed.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **avatar** - Renders an avatar before the chip's label.\n- **icon** - Renders an icon before the chip's label.\n- **remove-icon** - Renders the icon for the button used to remove the chip.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_\n- **--m3e-chip-avatar-size** - Font size of the avatar slot content. _(default: undefined)_\n- **--m3e-chip-disabled-avatar-opacity** - Opacity applied to the avatar when disabled. _(default: undefined)_\n- **--m3e-chip-with-avatar-padding-start** - Start padding when an avatar is present. _(default: undefined)_",
157
+ "description": "A chip which represents a discrete piece of information entered by a user.\n---\n\n\n### **Events:**\n - **remove** - Emitted when the remove button is clicked or DELETE or BACKSPACE key is pressed.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **avatar** - Renders an avatar before the chip's label.\n- **icon** - Renders an icon before the chip's label.\n- **remove-icon** - Renders the icon for the button used to remove the chip.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_\n- **--m3e-chip-avatar-size** - Font size of the avatar slot content. _(default: undefined)_\n- **--m3e-chip-disabled-avatar-opacity** - Opacity applied to the avatar when disabled. _(default: undefined)_\n- **--m3e-chip-with-avatar-padding-start** - Start padding when an avatar is present. _(default: undefined)_",
158
158
  "attributes": [
159
159
  {
160
160
  "name": "disabled",
@@ -191,7 +191,7 @@
191
191
  },
192
192
  {
193
193
  "name": "m3e-input-chip-set",
194
- "description": "A container that transforms user input into a cohesive set of interactive chips, supporting entry, editing, and removal of discrete values.\n---\n\n\n### **Events:**\n - **change** - Emitted when a chip is added to, or removed from, the set.\n\n### **Slots:**\n - _default_ - Renders the chips of the set.\n- **input** - Renders the input element used to add new chips to the set.\n\n### **CSS Properties:**\n - **--m3e-chip-set-spacing** - The spacing (gap) between chips in the set. _(default: undefined)_",
194
+ "description": "A container that transforms user input into a cohesive set of interactive chips, supporting entry, editing, and removal of discrete values.\n---\n\n\n### **Events:**\n - **change** - Emitted when a chip is added to, or removed from, the set.\n\n### **Methods:**\n - **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **Slots:**\n - _default_ - Renders the chips of the set.\n- **input** - Renders the input element used to add new chips to the set.\n\n### **CSS Properties:**\n - **--m3e-chip-set-spacing** - The spacing (gap) between chips in the set. _(default: undefined)_",
195
195
  "attributes": [
196
196
  {
197
197
  "name": "disabled",
@@ -218,7 +218,7 @@
218
218
  },
219
219
  {
220
220
  "name": "m3e-suggestion-chip",
221
- "description": "A chip used to help narrow a user's intent by presenting dynamically generated suggestions, such as\r\nsuggested responses or search filters.\n---\n\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_",
221
+ "description": "A chip used to help narrow a user's intent by presenting dynamically generated suggestions, such as\r\nsuggested responses or search filters.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_",
222
222
  "attributes": [
223
223
  {
224
224
  "name": "disabled",
@@ -253,12 +253,12 @@
253
253
  {
254
254
  "name": "target",
255
255
  "description": "The target of the link button.",
256
- "values": []
256
+ "values": [{ "name": "LinkTarget" }]
257
257
  },
258
258
  {
259
259
  "name": "type",
260
260
  "description": "The type of the element.",
261
- "values": []
261
+ "values": [{ "name": "FormSubmitterType" }]
262
262
  },
263
263
  {
264
264
  "name": "value",
package/dist/index.js CHANGED
@@ -3,8 +3,8 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
- import { LitElement, nothing, html, unsafeCSS, css } from 'lit';
7
- import { Role, isDisabledMixin, isDisabledInteractiveMixin, isLinkButtonMixin, renderPseudoLink, DesignToken, hasAssignedNodes, getTextContent, FormSubmitter, AttachInternals, LinkButton, KeyboardClick, Focusable, DisabledInteractive, Disabled, Vertical, Selected, Labelled, Dirty, Touched, FormAssociated, formValue, EventAttribute, RequiredConstraintValidation, Required, ConstraintValidation } from '@m3e/core';
6
+ import { unsafeCSS, css, LitElement, nothing, html } from 'lit';
7
+ import { DesignToken, isDisabledMixin, isDisabledInteractiveMixin, isLinkButtonMixin, renderPseudoLink, hasAssignedNodes, getTextContent, FormSubmitter, AttachInternals, LinkButton, KeyboardClick, Focusable, DisabledInteractive, Disabled, Role, Vertical, Selected, Labelled, Dirty, Touched, FormAssociated, formValue, EventAttribute, RequiredConstraintValidation, Required, ConstraintValidation } from '@m3e/core';
8
8
  import { selectionManager, SelectionManager, ListManager, ListKeyManager } from '@m3e/core/a11y';
9
9
 
10
10
  /******************************************************************************
@@ -90,7 +90,6 @@ const e$2=(e,t,c)=>(c.configurable=true,c.enumerable=true,Reflect.decorate&&"obj
90
90
 
91
91
  var _M3eChipElement_instances, _M3eChipElement_value, _M3eChipElement_textContent, _M3eChipElement_renderContent, _M3eChipElement_handleIconSlotChange, _M3eChipElement_handleTrailingIconSlotChange, _M3eChipElement_handleSlotChange;
92
92
  /**
93
- * @summary
94
93
  * A non-interactive chip used to convey small pieces of information.
95
94
  *
96
95
  * @description
@@ -138,7 +137,7 @@ var _M3eChipElement_instances, _M3eChipElement_value, _M3eChipElement_textConten
138
137
  * @cssprop --m3e-outlined-chip-outline-thickness - Outline thickness for outlined variant.
139
138
  * @cssprop --m3e-outlined-chip-outline-color - Outline color for outlined variant.
140
139
  */
141
- let M3eChipElement = class M3eChipElement extends Role(LitElement, "none") {
140
+ let M3eChipElement = class M3eChipElement extends LitElement {
142
141
  constructor() {
143
142
  super(...arguments);
144
143
  _M3eChipElement_instances.add(this);
@@ -402,7 +401,6 @@ M3eChipElement = __decorate([
402
401
  ], M3eChipElement);
403
402
 
404
403
  /**
405
- * @summary
406
404
  * A chip users interact with to perform a smart or automated action that can span multiple applications.
407
405
  *
408
406
  * @description
@@ -441,6 +439,8 @@ M3eChipElement = __decorate([
441
439
  * @attr value - A string representing the value of the chip.
442
440
  * @attr variant - The appearance variant of the chip.
443
441
  *
442
+ * @fires click - Emitted when the element is clicked.
443
+ *
444
444
  * @cssprop --m3e-chip-container-shape - Border radius of the chip container.
445
445
  * @cssprop --m3e-chip-container-height - Base height of the chip container before density adjustment.
446
446
  * @cssprop --m3e-chip-label-text-font-size - Font size of the chip label text.
@@ -481,7 +481,6 @@ M3eAssistChipElement = __decorate([
481
481
  ], M3eAssistChipElement);
482
482
 
483
483
  /**
484
- * @summary
485
484
  * A container used to organize chips into a cohesive unit.
486
485
  *
487
486
  * @description
@@ -508,7 +507,7 @@ M3eAssistChipElement = __decorate([
508
507
  *
509
508
  * @cssprop --m3e-chip-set-spacing - The spacing (gap) between chips in the set.
510
509
  */
511
- let M3eChipSetElement = class M3eChipSetElement extends Vertical(Role(LitElement, "none")) {
510
+ let M3eChipSetElement = class M3eChipSetElement extends Vertical(LitElement) {
512
511
  /** @inheritdoc */
513
512
  render() {
514
513
  return html `<slot></slot>`;
@@ -533,7 +532,6 @@ M3eChipSetElement = __decorate([
533
532
 
534
533
  var _M3eFilterChipElement_instances, _M3eFilterChipElement_clickHandler, _M3eFilterChipElement_handleClick;
535
534
  /**
536
- * @summary
537
535
  * A chip users interact with to select/deselect options.
538
536
  *
539
537
  * @description
@@ -557,6 +555,7 @@ var _M3eFilterChipElement_instances, _M3eFilterChipElement_clickHandler, _M3eFil
557
555
  *
558
556
  * @fires input - Emitted when the selected state changes.
559
557
  * @fires change - Emitted when the selected state changes.
558
+ * @fires click - Emitted when the element is clicked.
560
559
  *
561
560
  * @cssprop --m3e-chip-container-shape - Border radius of the chip container.
562
561
  * @cssprop --m3e-chip-container-height - Base height of the chip container before density adjustment.
@@ -764,7 +763,6 @@ M3eFilterChipElement = __decorate([
764
763
 
765
764
  var _M3eFilterChipSetElement_instances, _M3eFilterChipSetElement_handleSlotChange, _M3eFilterChipSetElement_handleKeyDown, _M3eFilterChipSetElement_handleChange, _a;
766
765
  /**
767
- * @summary
768
766
  * A container that organizes filter chips into a cohesive group, enabling selection and
769
767
  * deselection of values used to refine content or trigger contextual behavior.
770
768
  *
@@ -917,7 +915,6 @@ const t=globalThis,i=t.trustedTypes,s=i?i.createPolicy("lit-html",{createHTML:t=
917
915
 
918
916
  var _M3eInputChipElement_instances, _M3eInputChipElement_handleAvatarSlotChange, _M3eInputChipElement_handleRemoveButtonClick, _M3eInputChipElement_handleKeyDown;
919
917
  /**
920
- * @summary
921
918
  * A chip which represents a discrete piece of information entered by a user.
922
919
  *
923
920
  * @description
@@ -940,6 +937,7 @@ var _M3eInputChipElement_instances, _M3eInputChipElement_handleAvatarSlotChange,
940
937
  * @attr variant - The appearance variant of the chip.
941
938
  *
942
939
  * @fires remove - Emitted when the remove button is clicked or DELETE or BACKSPACE key is pressed.
940
+ * @fires click - Emitted when the element is clicked.
943
941
  *
944
942
  * @cssprop --m3e-chip-container-shape - Border radius of the chip container.
945
943
  * @cssprop --m3e-chip-container-height - Base height of the chip container before density adjustment.
@@ -1148,7 +1146,6 @@ M3eInputChipElement = __decorate([
1148
1146
 
1149
1147
  var _M3eInputChipSetElement_instances, _M3eInputChipSetElement_inputChangeHandler, _M3eInputChipSetElement_inputKeyDownHandler, _M3eInputChipSetElement_focusHandler, _M3eInputChipSetElement_focusInHandler, _M3eInputChipSetElement_focusOutHandler, _M3eInputChipSetElement_chipRemoveHandler, _M3eInputChipSetElement_chipClickHandler, _M3eInputChipSetElement_listManager, _M3eInputChipSetElement_listKeyManager, _M3eInputChipSetElement_ignoreInputChange, _M3eInputChipSetElement_input, _M3eInputChipSetElement_tabindex, _M3eInputChipSetElement_handleKeyDown, _M3eInputChipSetElement_handleSlotChange, _M3eInputChipSetElement_handleInputSlotChange, _M3eInputChipSetElement_handleFocus, _M3eInputChipSetElement_handleFocusIn, _M3eInputChipSetElement_handleFocusOut, _M3eInputChipSetElement_handleChipRemove, _M3eInputChipSetElement_handleChipClick, _M3eInputChipSetElement_handleInputChange, _M3eInputChipSetElement_handleInputKeyDown;
1150
1148
  /**
1151
- * @summary
1152
1149
  * A container that transforms user input into a cohesive set of interactive chips, supporting entry, editing, and removal of discrete values.
1153
1150
  *
1154
1151
  * @description
@@ -1433,7 +1430,6 @@ M3eInputChipSetElement = __decorate([
1433
1430
  ], M3eInputChipSetElement);
1434
1431
 
1435
1432
  /**
1436
- * @summary
1437
1433
  * A chip used to help narrow a user's intent by presenting dynamically generated suggestions, such as
1438
1434
  * suggested responses or search filters.
1439
1435
  *
@@ -1473,6 +1469,8 @@ M3eInputChipSetElement = __decorate([
1473
1469
  * @attr value - A string representing the value of the chip.
1474
1470
  * @attr variant - The appearance variant of the chip.
1475
1471
  *
1472
+ * @fires click - Emitted when the element is clicked.
1473
+ *
1476
1474
  * @cssprop --m3e-chip-container-shape - Border radius of the chip container.
1477
1475
  * @cssprop --m3e-chip-container-height - Base height of the chip container before density adjustment.
1478
1476
  * @cssprop --m3e-chip-label-text-font-size - Font size of the chip label text.