@freshworks/crayons/dist/components/fw-menu.js

Crayons Web Components library

import { attachShadow, h, proxyCustomElement } from '@stencil/core/internal/client';

const menuCss = ":host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, oxygen, ubuntu, cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}.menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:var(--fw-menu-min-width);max-width:var(--fw-menu-max-width);min-height:var(--fw-menu-min-height, 10px);max-height:var(--fw-menu-max-height, 400px);border:var(--fw-menu-border, 1px solid #ebeff3);border-radius:var(--fw-menu-border-radius);-webkit-box-shadow:var(--fw-menu-box-shadow);box-shadow:var(--fw-menu-box-shadow)}";

let Menu = class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    attachShadow(this);
  }
  render() {
    return (h("div", { class: 'menu', role: 'menu' }, h("slot", null)));
  }
  static get style() { return menuCss; }
};
Menu = /*@__PURE__*/ proxyCustomElement(Menu, [1, "fw-menu"]);
function defineCustomElement$1() {
  const components = ["fw-menu"];
  components.forEach(tagName => { switch (tagName) {
    case "fw-menu":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, Menu);
      }
      break;
  } });
}

const FwMenu = Menu;
const defineCustomElement = defineCustomElement$1;

export { FwMenu, defineCustomElement };