@m3e/web 2.3.2 → 2.4.0

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 (40) hide show
  1. package/README.md +1 -0
  2. package/dist/all.js +746 -32
  3. package/dist/all.js.map +1 -1
  4. package/dist/all.min.js +15 -15
  5. package/dist/all.min.js.map +1 -1
  6. package/dist/core.js +2 -2
  7. package/dist/core.js.map +1 -1
  8. package/dist/core.min.js +1 -1
  9. package/dist/core.min.js.map +1 -1
  10. package/dist/css-custom-data.json +375 -265
  11. package/dist/custom-elements.json +17627 -16439
  12. package/dist/html-custom-data.json +195 -156
  13. package/dist/list.js +1 -1
  14. package/dist/list.js.map +1 -1
  15. package/dist/list.min.js +1 -1
  16. package/dist/list.min.js.map +1 -1
  17. package/dist/nav-menu.js +18 -26
  18. package/dist/nav-menu.js.map +1 -1
  19. package/dist/nav-menu.min.js +1 -1
  20. package/dist/nav-menu.min.js.map +1 -1
  21. package/dist/src/all.d.ts +1 -0
  22. package/dist/src/all.d.ts.map +1 -1
  23. package/dist/src/core/shared/primitives/PseudoCheckboxElement.d.ts.map +1 -1
  24. package/dist/src/core/shared/primitives/PseudoRadioElement.d.ts.map +1 -1
  25. package/dist/src/list/ListItemElement.d.ts.map +1 -1
  26. package/dist/src/nav-menu/NavMenuElement.d.ts +18 -6
  27. package/dist/src/nav-menu/NavMenuElement.d.ts.map +1 -1
  28. package/dist/src/nav-menu/NavMenuItemElement.d.ts +3 -5
  29. package/dist/src/nav-menu/NavMenuItemElement.d.ts.map +1 -1
  30. package/dist/src/tree/TreeElement.d.ts +150 -0
  31. package/dist/src/tree/TreeElement.d.ts.map +1 -0
  32. package/dist/src/tree/TreeItemElement.d.ts +131 -0
  33. package/dist/src/tree/TreeItemElement.d.ts.map +1 -0
  34. package/dist/src/tree/index.d.ts +3 -0
  35. package/dist/src/tree/index.d.ts.map +1 -0
  36. package/dist/tree.js +737 -0
  37. package/dist/tree.js.map +1 -0
  38. package/dist/tree.min.js +7 -0
  39. package/dist/tree.min.js.map +1 -0
  40. package/package.json +7 -2
package/dist/core.js CHANGED
@@ -4310,7 +4310,7 @@ let M3ePseudoCheckboxElement = class M3ePseudoCheckboxElement extends CheckedInd
4310
4310
  }
4311
4311
  };
4312
4312
  /** The styles of the element. */
4313
- M3ePseudoCheckboxElement.styles = css`:host { display: inline-block; vertical-align: middle; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 2px); box-sizing: border-box; flex: none; } :host(:not([checked]):not([indeterminate])) { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host(:not([disabled])[checked]), :host(:not([disabled])[indeterminate]) { background-color: var(--m3e-checkbox-selected-container-color, ${DesignToken.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${DesignToken.color.onPrimary}); } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: var(--m3e-checkbox-unselected-outline-color, ${DesignToken.color.onSurfaceVariant}); } :host([disabled]:not([checked]):not([indeterminate])) { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${DesignToken.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([disabled][checked]), :host([disabled][indeterminate]) { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${DesignToken.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${DesignToken.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); }`;
4313
+ M3ePseudoCheckboxElement.styles = css`:host { display: inline-block; vertical-align: middle; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 2px); box-sizing: border-box; flex: none; } :host(:not([checked]):not([indeterminate])) { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host(:not([disabled])[checked]), :host(:not([disabled])[indeterminate]) { background-color: var(--m3e-checkbox-selected-container-color, ${DesignToken.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${DesignToken.color.onPrimary}); } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: var(--m3e-checkbox-unselected-outline-color, ${DesignToken.color.onSurfaceVariant}); } :host([disabled]:not([checked]):not([indeterminate])) { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${DesignToken.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([disabled][checked]), :host([disabled][indeterminate]) { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${DesignToken.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${DesignToken.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); } svg { pointer-events: none; } @media (forced-colors: active) { :host(:not([disabled])[checked]), :host(:not([disabled])[indeterminate]) { border-color: Highlight; background-color: Highlight; color: HighlightText; } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: CanvasText; background: Canvas; } :host([disabled]:not([checked]):not([indeterminate])) { border-color: GrayText; background-color: Canvas; } :host([disabled][checked]), :host([disabled][indeterminate]) { background-color: GrayText; color: Canvas; } }`;
4314
4314
  M3ePseudoCheckboxElement = __decorate([customElement("m3e-pseudo-checkbox")], M3ePseudoCheckboxElement);
4315
4315
 
4316
4316
  /**
@@ -4348,7 +4348,7 @@ let M3ePseudoRadioElement = class M3ePseudoRadioElement extends Checked(Disabled
4348
4348
  }
4349
4349
  };
4350
4350
  /** The styles of the element. */
4351
- M3ePseudoRadioElement.styles = css`:host { display: inline-block; vertical-align: middle; box-sizing: border-box; width: var(--m3e-radio-icon-size, 1.25rem); height: var(--m3e-radio-icon-size, 1.25rem); flex: none; } .circle { fill: currentColor; } :host(:not([checked])) .circle.inner { opacity: 0; } :host(:not([checked])) { color: var(--m3e-radio-unselected-icon-color, ${DesignToken.color.onSurfaceVariant}); } :host([checked]) { color: var(--m3e-radio-selected-icon-color, ${DesignToken.color.primary}); } :host([disabled]) { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${DesignToken.color.onSurface}) 38%, transparent); }`;
4351
+ M3ePseudoRadioElement.styles = css`:host { display: inline-block; vertical-align: middle; box-sizing: border-box; width: var(--m3e-radio-icon-size, 1.25rem); height: var(--m3e-radio-icon-size, 1.25rem); flex: none; } .circle { fill: currentColor; } :host(:not([checked])) .circle.inner { opacity: 0; } :host(:not([checked])) { color: var(--m3e-radio-unselected-icon-color, ${DesignToken.color.onSurfaceVariant}); } :host([checked]) { color: var(--m3e-radio-selected-icon-color, ${DesignToken.color.primary}); } :host([disabled]) { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${DesignToken.color.onSurface}) 38%, transparent); } @media (forced-colors: active) { :host { border-radius: 50%; } :host(:not([checked])) { color: CanvasText; background-color: Canvas; } :host([checked]) { color: HighlightText; background-color: Highlight; } :host([disabled]) { color: GrayText; background-color: Canvas; } }`;
4352
4352
  M3ePseudoRadioElement = __decorate([customElement("m3e-pseudo-radio")], M3ePseudoRadioElement);
4353
4353
 
4354
4354
  /**