2023-08-04 16:13:48 +02:00
|
|
|
import {NavigationDrawerModal as MDNavigationDrawerModal} from '@material/web/labs/navigationdrawer/internal/navigation-drawer-modal.js';
|
|
|
|
import {styles} from '@material/web/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js';
|
|
|
|
import {styles as sharedStyles} from '@material/web/labs/navigationdrawer/internal/shared-styles.css.js';
|
2023-04-20 20:00:38 +02:00
|
|
|
import {css} from 'lit';
|
|
|
|
import {customElement} from 'lit/decorators.js';
|
|
|
|
|
2023-05-07 13:37:58 +02:00
|
|
|
declare global {
|
|
|
|
interface HTMLElementTagNameMap {
|
|
|
|
'md-navigation-drawer-modal': MdNavigationDrawer;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-12-08 17:02:25 +01:00
|
|
|
/**
|
|
|
|
* @deprecated Use `nav-drawer` instead until official Material Web NavigationDrawer is released.
|
|
|
|
*/
|
2023-04-20 20:00:38 +02:00
|
|
|
@customElement('md-navigation-drawer-modal')
|
|
|
|
export default class MdNavigationDrawer extends MDNavigationDrawerModal {
|
|
|
|
static override readonly styles = [sharedStyles, styles, css`
|
|
|
|
:host {
|
|
|
|
--md-navigation-drawer-modal-container-color: var(--md-sys-color-surface);
|
|
|
|
z-index: 10;
|
|
|
|
}
|
2023-05-07 13:37:58 +02:00
|
|
|
|
2023-04-20 20:00:38 +02:00
|
|
|
/*.md3-navigation-drawer-modal .md3-navigation-drawer-modal__slot-content {
|
|
|
|
padding-top: 64px;
|
|
|
|
}*/
|
|
|
|
`];
|
|
|
|
}
|