@coderundebug/ui-web/ui-side-menu.js

A collection of UI web components that can be used in any web project.

/* By Stephen Paul Hassall (web: https://coderundebug.com) */
import{UiTools as e}from"./ui-tools.js";export class UiSideMenu extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=UiSideMenu.uiHtml,this.shadowRoot.adoptedStyleSheets=[UiSideMenu.uiCssStyleSheet]}}UiSideMenu.uiCss=":host{display:flex;flex-direction:column;background-color:var(--ui-menu-side-background, var(--ui-background, hsl(0 0% 97% / 1)));color:var(--ui-menu-side-foreground, var(--ui-foreground, hsl(0 0% 18% / 1)));}::slotted(ui-popup){display:grid;}::slotted(*:not(:defined)){display:none;}",UiSideMenu.uiHtml="<slot></slot>",e.createUi(UiSideMenu,"ui-side-menu",import.meta.url);