@m3e/menu 1.1.11 → 1.2.1

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 (22) hide show
  1. package/README.md +138 -83
  2. package/dist/css-custom-data.json +282 -12
  3. package/dist/custom-elements.json +307 -12
  4. package/dist/html-custom-data.json +9 -4
  5. package/dist/index.js +129 -17
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.min.js +7 -7
  8. package/dist/index.min.js.map +1 -1
  9. package/dist/src/MenuElement.d.ts +12 -0
  10. package/dist/src/MenuElement.d.ts.map +1 -1
  11. package/dist/src/MenuItemCheckboxElement.d.ts +19 -2
  12. package/dist/src/MenuItemCheckboxElement.d.ts.map +1 -1
  13. package/dist/src/MenuItemElement.d.ts +18 -2
  14. package/dist/src/MenuItemElement.d.ts.map +1 -1
  15. package/dist/src/MenuItemElementBase.d.ts.map +1 -1
  16. package/dist/src/MenuItemRadioElement.d.ts +19 -2
  17. package/dist/src/MenuItemRadioElement.d.ts.map +1 -1
  18. package/dist/src/MenuVariant.d.ts +3 -0
  19. package/dist/src/MenuVariant.d.ts.map +1 -0
  20. package/dist/src/index.d.ts +1 -0
  21. package/dist/src/index.d.ts.map +1 -1
  22. package/package.json +2 -2
package/dist/src/MenuElement.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { CSSResultGroup, LitElement, PropertyValues } from "lit";
2
2
  import { MenuPositionX, MenuPositionY } from "./MenuPosition";
3
3
  import { MenuItemElementBase } from "./MenuItemElementBase";
4
+ import { MenuVariant } from "./MenuVariant";
4
5
  declare const M3eMenuElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor & typeof LitElement;
5
6
  /**
6
7
  * Presents a list of choices on a temporary surface.
@@ -61,23 +62,29 @@ declare const M3eMenuElement_base: import("node_modules/@m3e/core/dist/src/share
61
62
  *
62
63
  * @attr position-x - The position of the menu, on the x-axis.
63
64
  * @attr position-y - The position of the menu, on the y-axis.
65
+ * @attr variant - The appearance variant of the menu.
64
66
  *
65
67
  * @fires beforetoggle - Dispatched before the toggle state changes.
66
68
  * @fires toggle - Dispatched after the toggle state has changed.
67
69
  *
68
70
  * @cssprop --m3e-menu-container-shape - Controls the corner radius of the menu container.
71
+ * @cssprop --m3e-menu-active-container-shape - Controls the corner radius of the menu container when active.
69
72
  * @cssprop --m3e-menu-container-min-width - Minimum width of the menu container.
70
73
  * @cssprop --m3e-menu-container-max-width - Maximum width of the menu container.
71
74
  * @cssprop --m3e-menu-container-max-height - Maximum height of the menu container.
72
75
  * @cssprop --m3e-menu-container-padding-block - Vertical padding inside the menu container.
76
+ * @cssprop --m3e-menu-container-padding-inline - Horizontal padding inside the menu container.
73
77
  * @cssprop --m3e-menu-container-color - Background color of the menu container.
74
78
  * @cssprop --m3e-menu-container-elevation - Box shadow elevation of the menu container.
79
+ * @cssprop --m3e-vibrant-menu-container-color - Background color of the menu container for vibrant variant.
75
80
  * @cssprop --m3e-menu-divider-spacing - Vertical spacing around slotted `m3e-divider` elements.
81
+ * @cssprop --m3e-menu-gap - Gap between content in the menu.
76
82
  */
77
83
  export declare class M3eMenuElement extends M3eMenuElement_base {
78
84
  #private;
79
85
  /** The styles of the element. */
80
86
  static styles: CSSResultGroup;
87
+ /** @private */ static __activeMenu?: M3eMenuElement;
81
88
  /**
82
89
  * The position of the menu, on the x-axis.
83
90
  * @default "after"
@@ -88,6 +95,11 @@ export declare class M3eMenuElement extends M3eMenuElement_base {
88
95
  * @default "below"
89
96
  */
90
97
  positionY: MenuPositionY;
98
+ /**
99
+ * The appearance variant of the menu.
100
+ * @default "standard"
101
+ */
102
+ variant: MenuVariant;
91
103
  /** The items of the menu. */
92
104
  get items(): ReadonlyArray<MenuItemElementBase>;
93
105
  /** A value indicating whether the menu is open. */
package/dist/src/MenuElement.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuElement.d.ts","sourceRoot":"","sources":["../../src/MenuElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AASvF,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,qBACa,cAAe,SAAQ,mBAAwB;;IAC1D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA4EpC;IA+BF;;;OAGG;IACoC,SAAS,EAAE,aAAa,CAAW;IAE1E;;;OAGG;IACoC,SAAS,EAAE,aAAa,CAAW;IAE1E,6BAA6B;IAC7B,IAAI,KAAK,IAAI,aAAa,CAAC,mBAAmB,CAAC,CAE9C;IAED,mDAAmD;IACnD,IAAI,MAAM,YAET;IAED,wDAAwD;IACZ,OAAO,UAAS;IAE5D,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAWlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAQrC;;;;OAIG;IACG,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAyD/C;;;OAGG;IACH,IAAI,CAAC,YAAY,GAAE,OAAe,GAAG,IAAI;IAoBzC;;;OAGG;IACH,OAAO,CAAC,YAAY,GAAE,OAAe,GAAG,IAAI;IAa5C;;;;OAIG;IACG,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAQjD,kBAAkB;cACC,MAAM,IAAI,OAAO;IAIpC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;CAiF1E;AAED,UAAU,sBAAuB,SAAQ,mBAAmB;IAC1D,YAAY,EAAE,WAAW,CAAC;IAC1B,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,gBAAgB,CAAC,CAAC,SAAS,MAAM,sBAAsB,EACrD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,EACvE,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,gBAAgB,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,mBAAmB,CAAC,CAAC,SAAS,MAAM,sBAAsB,EACxD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,EACvE,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;IAER,mBAAmB,CACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;CACT;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
1
+ {"version":3,"file":"MenuElement.d.ts","sourceRoot":"","sources":["../../src/MenuElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AASvF,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,qBACa,cAAe,SAAQ,mBAAwB;;IAgB1D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAmIpC;IAEF,eAAe,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,cAAc,CAAC;IAgCrD;;;OAGG;IACoC,SAAS,EAAE,aAAa,CAAW;IAE1E;;;OAGG;IACoC,SAAS,EAAE,aAAa,CAAW;IAE1E;;;OAGG;IAC0B,OAAO,EAAE,WAAW,CAAc;IAE/D,6BAA6B;IAC7B,IAAI,KAAK,IAAI,aAAa,CAAC,mBAAmB,CAAC,CAE9C;IAED,mDAAmD;IACnD,IAAI,MAAM,YAET;IAED,wDAAwD;IACZ,OAAO,UAAS;IAE5D,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAYlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAWrC;;;;OAIG;IACG,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAgE/C;;;OAGG;IACH,IAAI,CAAC,YAAY,GAAE,OAAe,GAAG,IAAI;IAqBzC;;;OAGG;IACH,OAAO,CAAC,YAAY,GAAE,OAAe,GAAG,IAAI;IAa5C;;;;OAIG;IACG,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAQjD,kBAAkB;cACC,MAAM,IAAI,OAAO;IAIpC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;CA4G1E;AAED,UAAU,sBAAuB,SAAQ,mBAAmB;IAC1D,YAAY,EAAE,WAAW,CAAC;IAC1B,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,gBAAgB,CAAC,CAAC,SAAS,MAAM,sBAAsB,EACrD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,EACvE,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,gBAAgB,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,mBAAmB,CAAC,CAAC,SAAS,MAAM,sBAAsB,EACxD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,EACvE,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;IAER,mBAAmB,CACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;CACT;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
package/dist/src/MenuItemCheckboxElement.d.ts CHANGED
@@ -40,13 +40,26 @@ declare const M3eMenuItemCheckboxElement_base: import("node_modules/@m3e/core/di
40
40
  * @cssprop --m3e-menu-item-container-hover-color - State layer hover color for unselected items.
41
41
  * @cssprop --m3e-menu-item-container-focus-color - State layer focus color for unselected items.
42
42
  * @cssprop --m3e-menu-item-ripple-color - Ripple color for unselected items.
43
- * @cssprop --m3e-menu-selected-color - Text color for selected or expanded items.
44
- * @cssprop --m3e-menu-selected-container-color - Background color for selected or expanded items.
43
+ * @cssprop --m3e-menu-item-selected-color - Text color for selected items.
44
+ * @cssprop --m3e-menu-item-selected-container-color - Background color for selected items.
45
45
  * @cssprop --m3e-menu-item-selected-container-hover-color - State layer hover color for selected items.
46
46
  * @cssprop --m3e-menu-item-selected-container-focus-color - State layer focus color for selected items.
47
47
  * @cssprop --m3e-menu-item-selected-ripple-color - Ripple color for selected items.
48
+ * @cssprop --m3e-menu-item-active-state-layer-color - State layer color for expanded items.
49
+ * @cssprop --m3e-menu-item-active-state-layer-opacity - State layer opacity for expanded items.
48
50
  * @cssprop --m3e-menu-item-disabled-color - Base color for disabled items.
49
51
  * @cssprop --m3e-menu-item-disabled-opacity - Opacity percentage for disabled item color mix.
52
+ * @cssprop --m3e-vibrant-menu-item-color - Text color for unselected, enabled menu items for vibrant variant.
53
+ * @cssprop --m3e-vibrant-menu-item-container-hover-color - State layer hover color for unselected items for vibrant variant.
54
+ * @cssprop --m3e-vibrant-menu-item-container-focus-color - State layer focus color for unselected items for vibrant variant.
55
+ * @cssprop --m3e-vibrant-menu-item-ripple-color - Ripple color for unselected items for vibrant variant.
56
+ * @cssprop --m3e-vibrant-menu-item-selected-color - Text color for selected items for vibrant variant.
57
+ * @cssprop --m3e-vibrant-menu-item-selected-container-color - Background color for selected items for vibrant variant.
58
+ * @cssprop --m3e-vibrant-menu-item-selected-container-hover-color - State layer hover color for selected items for vibrant variant.
59
+ * @cssprop --m3e-vibrant-menu-item-selected-container-focus-color - State layer focus color for selected items for vibrant variant.
60
+ * @cssprop --m3e-vibrant-menu-item-selected-ripple-color - Ripple color for selected items for vibrant variant.
61
+ * @cssprop --m3e-vibrant-menu-item-active-state-layer-color - State layer color for expanded items for vibrant variant.
62
+ * @cssprop --m3e-vibrant-menu-item-disabled-color - Base color for disabled items for vibrant variant
50
63
  * @cssprop --m3e-menu-item-icon-label-space - Horizontal gap between icon and content.
51
64
  * @cssprop --m3e-menu-item-padding-start - Start padding for the item wrapper.
52
65
  * @cssprop --m3e-menu-item-padding-end - End padding for the item wrapper.
@@ -56,6 +69,10 @@ declare const M3eMenuItemCheckboxElement_base: import("node_modules/@m3e/core/di
56
69
  * @cssprop --m3e-menu-item-label-text-tracking - Letter spacing for menu item text.
57
70
  * @cssprop --m3e-menu-item-focus-ring-shape - Border radius for the focus ring.
58
71
  * @cssprop --m3e-menu-item-icon-size - Font size for leading and trailing icons.
72
+ * @cssprop --m3e-menu-item-shape - Base shape of the menu item.
73
+ * @cssprop --m3e-menu-item-selected-shape - Shape used for a selected menu item.
74
+ * @cssprop --m3e-menu-item-first-child-shape - Shape for the first menu item in a menu.
75
+ * @cssprop --m3e-menu-item-last-child-shape - Shape for the last menu item in a menu.
59
76
  */
60
77
  export declare class M3eMenuItemCheckboxElement extends M3eMenuItemCheckboxElement_base {
61
78
  #private;
package/dist/src/MenuItemCheckboxElement.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemCheckboxElement.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckboxElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,MAAM,KAAK,CAAC;AAMhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,qBACa,0BAA2B,SAAQ,+BAAsD;;IACpG,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAyBpC;IAQF,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IASlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IASrC,4BAA4B;cACT,cAAc,IAAI,OAAO;CAmD7C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
1
+ {"version":3,"file":"MenuItemCheckboxElement.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckboxElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,MAAM,KAAK,CAAC;AAMhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,qBACa,0BAA2B,SAAQ,+BAAsD;;IACpG,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA+BpC;IAQF,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IASlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IASrC,4BAA4B;cACT,cAAc,IAAI,OAAO;CAuD7C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
package/dist/src/MenuItemElement.d.ts CHANGED
@@ -75,13 +75,26 @@ declare const M3eMenuItemElement_base: import("node_modules/@m3e/core/dist/src/s
75
75
  * @cssprop --m3e-menu-item-container-hover-color - State layer hover color for unselected items.
76
76
  * @cssprop --m3e-menu-item-container-focus-color - State layer focus color for unselected items.
77
77
  * @cssprop --m3e-menu-item-ripple-color - Ripple color for unselected items.
78
- * @cssprop --m3e-menu-selected-color - Text color for selected or expanded items.
79
- * @cssprop --m3e-menu-selected-container-color - Background color for selected or expanded items.
78
+ * @cssprop --m3e-menu-item-selected-color - Text color for selected items.
79
+ * @cssprop --m3e-menu-item-selected-container-color - Background color for selected items.
80
80
  * @cssprop --m3e-menu-item-selected-container-hover-color - State layer hover color for selected items.
81
81
  * @cssprop --m3e-menu-item-selected-container-focus-color - State layer focus color for selected items.
82
82
  * @cssprop --m3e-menu-item-selected-ripple-color - Ripple color for selected items.
83
+ * @cssprop --m3e-menu-item-active-state-layer-color - State layer color for expanded items.
84
+ * @cssprop --m3e-menu-item-active-state-layer-opacity - State layer opacity for expanded items.
83
85
  * @cssprop --m3e-menu-item-disabled-color - Base color for disabled items.
84
86
  * @cssprop --m3e-menu-item-disabled-opacity - Opacity percentage for disabled item color mix.
87
+ * @cssprop --m3e-vibrant-menu-item-color - Text color for unselected, enabled menu items for vibrant variant.
88
+ * @cssprop --m3e-vibrant-menu-item-container-hover-color - State layer hover color for unselected items for vibrant variant.
89
+ * @cssprop --m3e-vibrant-menu-item-container-focus-color - State layer focus color for unselected items for vibrant variant.
90
+ * @cssprop --m3e-vibrant-menu-item-ripple-color - Ripple color for unselected items for vibrant variant.
91
+ * @cssprop --m3e-vibrant-menu-item-selected-color - Text color for selected items for vibrant variant.
92
+ * @cssprop --m3e-vibrant-menu-item-selected-container-color - Background color for selected items for vibrant variant.
93
+ * @cssprop --m3e-vibrant-menu-item-selected-container-hover-color - State layer hover color for selected items for vibrant variant.
94
+ * @cssprop --m3e-vibrant-menu-item-selected-container-focus-color - State layer focus color for selected items for vibrant variant.
95
+ * @cssprop --m3e-vibrant-menu-item-selected-ripple-color - Ripple color for selected items for vibrant variant.
96
+ * @cssprop --m3e-vibrant-menu-item-active-state-layer-color - State layer color for expanded items for vibrant variant.
97
+ * @cssprop --m3e-vibrant-menu-item-disabled-color - Base color for disabled items for vibrant variant.
85
98
  * @cssprop --m3e-menu-item-icon-label-space - Horizontal gap between icon and content.
86
99
  * @cssprop --m3e-menu-item-padding-start - Start padding for the item wrapper.
87
100
  * @cssprop --m3e-menu-item-padding-end - End padding for the item wrapper.
@@ -91,6 +104,9 @@ declare const M3eMenuItemElement_base: import("node_modules/@m3e/core/dist/src/s
91
104
  * @cssprop --m3e-menu-item-label-text-tracking - Letter spacing for menu item text.
92
105
  * @cssprop --m3e-menu-item-focus-ring-shape - Border radius for the focus ring.
93
106
  * @cssprop --m3e-menu-item-icon-size - Font size for leading and trailing icons.
107
+ * @cssprop --m3e-menu-item-shape - Base shape of the menu item.
108
+ * @cssprop --m3e-menu-item-first-child-shape - Shape for the first menu item in a menu.
109
+ * @cssprop --m3e-menu-item-last-child-shape - Shape for the last menu item in a menu.
94
110
  */
95
111
  export declare class M3eMenuItemElement extends M3eMenuItemElement_base {
96
112
  #private;
package/dist/src/MenuItemElement.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemElement.d.ts","sourceRoot":"","sources":["../../src/MenuItemElement.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAG5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0FG;AACH,qBACa,kBAAmB,SAAQ,uBAAiD;;IAKvF,eAAe,CAAU,OAAO,CAAC,WAAW,CAAS;;IAiBrD,yCAAyC;IACzC,IAAI,OAAO,IAAI,cAAc,GAAG,IAAI,CAEnC;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAQlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAQrC,4BAA4B;cACT,cAAc,IAAI,OAAO;CAyE7C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
1
+ {"version":3,"file":"MenuItemElement.d.ts","sourceRoot":"","sources":["../../src/MenuItemElement.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAG5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0GG;AACH,qBACa,kBAAmB,SAAQ,uBAAiD;;IAKvF,eAAe,CAAU,OAAO,CAAC,WAAW,CAAS;;IAiBrD,yCAAyC;IACzC,IAAI,OAAO,IAAI,cAAc,GAAG,IAAI,CAEnC;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAQlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAQrC,4BAA4B;cACT,cAAc,IAAI,OAAO;CAyE7C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
package/dist/src/MenuItemElementBase.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemElementBase.d.ts","sourceRoot":"","sources":["../../src/MenuItemElementBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAE,MAAM,KAAK,CAAC;AAgBrF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;;AAEpD,iFAAiF;AACjF,8BAAsB,mBAAoB,SAAQ,wBAEjD;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAqGpC;IAEF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;IAE9E,2CAA2C;IAC3C,IAAI,IAAI,IAAI,cAAc,GAAG,IAAI,CAEhC;IAED,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;IACT,MAAM,IAAI,OAAO;IAW1B,iDAAiD;IACjD,SAAS,CAAC,QAAQ,CAAC,cAAc,IAAI,OAAO;CAC7C"}
1
+ {"version":3,"file":"MenuItemElementBase.d.ts","sourceRoot":"","sources":["../../src/MenuItemElementBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAa,MAAM,KAAK,CAAC;AAgBhG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;;AAEpD,iFAAiF;AACjF,8BAAsB,mBAAoB,SAAQ,wBAEjD;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAyIpC;IAEF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;IAE9E,2CAA2C;IAC3C,IAAI,IAAI,IAAI,cAAc,GAAG,IAAI,CAEhC;IAED,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;IACT,MAAM,IAAI,OAAO;IAW1B,iDAAiD;IACjD,SAAS,CAAC,QAAQ,CAAC,cAAc,IAAI,OAAO;CAC7C"}
package/dist/src/MenuItemRadioElement.d.ts CHANGED
@@ -39,13 +39,26 @@ declare const M3eMenuItemRadioElement_base: import("node_modules/@m3e/core/dist/
39
39
  * @cssprop --m3e-menu-item-container-hover-color - State layer hover color for unselected items.
40
40
  * @cssprop --m3e-menu-item-container-focus-color - State layer focus color for unselected items.
41
41
  * @cssprop --m3e-menu-item-ripple-color - Ripple color for unselected items.
42
- * @cssprop --m3e-menu-selected-color - Text color for selected or expanded items.
43
- * @cssprop --m3e-menu-selected-container-color - Background color for selected or expanded items.
42
+ * @cssprop --m3e-menu-item-selected-color - Text color for selected items.
43
+ * @cssprop --m3e-menu-item-selected-container-color - Background color for selected items.
44
44
  * @cssprop --m3e-menu-item-selected-container-hover-color - State layer hover color for selected items.
45
45
  * @cssprop --m3e-menu-item-selected-container-focus-color - State layer focus color for selected items.
46
46
  * @cssprop --m3e-menu-item-selected-ripple-color - Ripple color for selected items.
47
+ * @cssprop --m3e-menu-item-active-state-layer-color - State layer color for expanded items.
48
+ * @cssprop --m3e-menu-item-active-state-layer-opacity - State layer opacity for expanded items.
47
49
  * @cssprop --m3e-menu-item-disabled-color - Base color for disabled items.
48
50
  * @cssprop --m3e-menu-item-disabled-opacity - Opacity percentage for disabled item color mix.
51
+ * @cssprop --m3e-vibrant-menu-item-color - Text color for unselected, enabled menu items for vibrant variant.
52
+ * @cssprop --m3e-vibrant-menu-item-container-hover-color - State layer hover color for unselected items for vibrant variant.
53
+ * @cssprop --m3e-vibrant-menu-item-container-focus-color - State layer focus color for unselected items for vibrant variant.
54
+ * @cssprop --m3e-vibrant-menu-item-ripple-color - Ripple color for unselected items for vibrant variant.
55
+ * @cssprop --m3e-vibrant-menu-item-selected-color - Text color for selected items for vibrant variant.
56
+ * @cssprop --m3e-vibrant-menu-item-selected-container-color - Background color for selected items for vibrant variant.
57
+ * @cssprop --m3e-vibrant-menu-item-selected-container-hover-color - State layer hover color for selected items for vibrant variant.
58
+ * @cssprop --m3e-vibrant-menu-item-selected-container-focus-color - State layer focus color for selected items for vibrant variant.
59
+ * @cssprop --m3e-vibrant-menu-item-selected-ripple-color - Ripple color for selected items for vibrant variant.
60
+ * @cssprop --m3e-vibrant-menu-item-active-state-layer-color - State layer color for expanded items for vibrant variant.
61
+ * @cssprop --m3e-vibrant-menu-item-disabled-color - Base color for disabled items for vibrant variant
49
62
  * @cssprop --m3e-menu-item-icon-label-space - Horizontal gap between icon and content.
50
63
  * @cssprop --m3e-menu-item-padding-start - Start padding for the item wrapper.
51
64
  * @cssprop --m3e-menu-item-padding-end - End padding for the item wrapper.
@@ -55,6 +68,10 @@ declare const M3eMenuItemRadioElement_base: import("node_modules/@m3e/core/dist/
55
68
  * @cssprop --m3e-menu-item-label-text-tracking - Letter spacing for menu item text.
56
69
  * @cssprop --m3e-menu-item-focus-ring-shape - Border radius for the focus ring.
57
70
  * @cssprop --m3e-menu-item-icon-size - Font size for leading and trailing icons.
71
+ * @cssprop --m3e-menu-item-shape - Base shape of the menu item.
72
+ * @cssprop --m3e-menu-item-selected-shape - Shape used for a selected menu item.
73
+ * @cssprop --m3e-menu-item-first-child-shape - Shape for the first menu item in a menu.
74
+ * @cssprop --m3e-menu-item-last-child-shape - Shape for the last menu item in a menu.
58
75
  */
59
76
  export declare class M3eMenuItemRadioElement extends M3eMenuItemRadioElement_base {
60
77
  #private;
package/dist/src/MenuItemRadioElement.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemRadioElement.d.ts","sourceRoot":"","sources":["../../src/MenuItemRadioElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAO3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,qBACa,uBAAwB,SAAQ,4BAAmD;;IAC9F,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAAqC;IAS3E,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IASlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IASrC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAcxE,4BAA4B;cACT,cAAc,IAAI,OAAO;CAmD7C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,uBAAuB,CAAC;KAChD;CACF"}
1
+ {"version":3,"file":"MenuItemRadioElement.d.ts","sourceRoot":"","sources":["../../src/MenuItemRadioElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAO3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,qBACa,uBAAwB,SAAQ,4BAAmD;;IAC9F,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAAqC;IAS3E,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IASlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IASrC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAcxE,4BAA4B;cACT,cAAc,IAAI,OAAO;CAuD7C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,uBAAuB,CAAC;KAChD;CACF"}
package/dist/src/MenuVariant.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ /** Specifies the possible appearance variants of a menu. */
2
+ export type MenuVariant = "standard" | "vibrant";
3
+ //# sourceMappingURL=MenuVariant.d.ts.map
package/dist/src/MenuVariant.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuVariant.d.ts","sourceRoot":"","sources":["../../src/MenuVariant.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC"}
package/dist/src/index.d.ts CHANGED
@@ -5,4 +5,5 @@ export * from "./MenuItemGroupElement";
5
5
  export * from "./MenuItemRadioElement";
6
6
  export * from "./MenuPosition";
7
7
  export * from "./MenuTriggerElement";
8
+ export * from "./MenuVariant";
8
9
  //# sourceMappingURL=index.d.ts.map
package/dist/src/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m3e/menu",
3
- "version": "1.1.11",
3
+ "version": "1.2.1",
4
4
  "description": "Menu for M3E",
5
5
  "author": "matraic <matraic@yahoo.com>",
6
6
  "license": "MIT",
@@ -27,7 +27,7 @@
27
27
  "clean": "rimraf dist"
28
28
  },
29
29
  "peerDependencies": {
30
- "@m3e/core": "^1.1.3",
30
+ "@m3e/core": "^1.2.0",
31
31
  "lit": "^3.3.0"
32
32
  },
33
33
  "customElements": "dist/custom-elements.json"