'use strict';

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

const index = require('./index-c157949f.js');

const defaultCodeDependenciesCss = ".sc-stencila-code-dependencies-default-h stencila-menu-item[divider].sc-stencila-code-dependencies-default,stencila-code-dependencies.sc-stencila-code-dependencies-default stencila-menu-item[divider].sc-stencila-code-dependencies-default{background-color:#e9eaf1;background-color:var(--color-neutral-50,#e9eaf1);font-size:.75rem;height:auto;line-height:1rem;line-height:2}";

const codeDependenciesMaterialCss = ".sc-stencila-code-dependencies-material-h stencila-menu-item[divider].sc-stencila-code-dependencies-material,stencila-code-dependencies.sc-stencila-code-dependencies-material stencila-menu-item[divider].sc-stencila-code-dependencies-material{background-color:#e9eaf1;background-color:var(--color-neutral-50,#e9eaf1);font-size:.75rem;height:auto;line-height:1rem;line-height:2}";

const CodeDependencies = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  render() {
    var _a, _b, _c, _d;
    return (index.h(index.Host, null, ((_b = (_a = this.el) === null || _a === void 0 ? void 0 : _a.children.length) !== null && _b !== void 0 ? _b : 0) > 0 &&
      (((_c = this.el) === null || _c === void 0 ? void 0 : _c.slot) === 'code-dependencies' ? (index.h("stencila-menu-item", { divider: true }, "Upstream dependencies")) : ((_d = this.el) === null || _d === void 0 ? void 0 : _d.slot) === 'code-dependents' ? (index.h("stencila-menu-item", { divider: true }, "Downstream dependents")) : null), index.h("slot", null)));
  }
  get el() { return index.getElement(this); }
};
CodeDependencies.style = {
  default: defaultCodeDependenciesCss,
  material: codeDependenciesMaterialCss
};

exports.stencila_code_dependencies = CodeDependencies;

//# sourceMappingURL=stencila-code-dependencies.cjs.entry.js.map