'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const core = require('./core-859ae5a6.js');

const ContextMenuItem = class {
    constructor(hostRef) {
        core.registerInstance(this, hostRef);
        /**
         * Is the item disabled
         */
        this.disabled = false;
    }
    onClick(event) {
        if (this.disabled) {
            event.preventDefault();
            event.stopPropagation();
        }
    }
    static get style() { return "anj-context-menu-item {\n  display: block;\n  font-size: 0.875rem;\n  font-family: var(--anj-font-family);\n  font-weight: normal;\n  line-height: 1.5;\n  outline: none;\n  background-color: transparent;\n  border: 0;\n  color: var(--anj-text);\n  clear: both;\n  cursor: pointer;\n  font-weight: 400;\n  padding: 0.25rem 0.75rem;\n  text-align: inherit;\n  white-space: nowrap;\n  width: 100%;\n}\nanj-context-menu-item, anj-context-menu-item::before, anj-context-menu-item::after {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  outline: none;\n}\nanj-context-menu-item:focus, anj-context-menu-item:active, anj-context-menu-item *:focus, anj-context-menu-item *:active {\n  outline: none;\n}\nanj-context-menu-item:active, anj-context-menu-item:hover, anj-context-menu-item:focus {\n  background-color: var(--anj-background);\n  color: var(--anj-text);\n  text-decoration: none;\n  outline: none;\n}\nanj-context-menu-item[disabled], anj-context-menu-item[disabled]:hover, anj-context-menu-item[disabled]:active {\n  background-color: var(--anj-light);\n  color: var(--anj-neutral);\n  pointer-events: none;\n}"; }
};

exports.anj_context_menu_item = ContextMenuItem;
