import { n as u, x as d, R as h, K as l, y as g } from "./copilot-xjoIJFQc.js";
import { B as f } from "./base-panel-CTLXjjmN.js";
import { i as e } from "./icons-AkLm3oZf.js";
const m = "copilot-shortcuts-panel{font:var(--font-xsmall);padding:var(--space-200);display:flex;flex-direction:column;gap:var(--space-50)}copilot-shortcuts-panel h3{font:var(--font-xsmall-semibold);margin:0;padding:0}copilot-shortcuts-panel h3:not(:first-of-type){margin-top:var(--space-200)}copilot-shortcuts-panel ul{list-style:none;margin:0;padding:0 var(--space-50);display:flex;flex-direction:column}copilot-shortcuts-panel ul li{display:flex;align-items:center;gap:var(--space-150);padding:var(--space-75) 0}copilot-shortcuts-panel ul li:not(:last-of-type){border-bottom:1px dashed var(--border-color)}copilot-shortcuts-panel ul li svg{height:16px;width:16px}copilot-shortcuts-panel ul li .kbds{flex:1;text-align:right}copilot-shortcuts-panel kbd{display:inline-block;border-radius:var(--radius-1);border:1px solid var(--border-color);min-width:1em;min-height:1em;text-align:center;margin:0 .1em;padding:.25em;box-sizing:border-box;font-size:var(--font-size-1);font-family:var(--font-family);line-height:1}";
var $ = Object.defineProperty, b = Object.getOwnPropertyDescriptor, v = (i, s, n, a) => {
  for (var t = a > 1 ? void 0 : a ? b(s, n) : s, r = i.length - 1, p; r >= 0; r--)
    (p = i[r]) && (t = (a ? p(s, n, t) : p(t)) || t);
  return a && t && $(s, n, t), t;
};
let c = class extends f {
  render() {
    return d`<style>
        ${m}
      </style>
      <h3>Global</h3>
      <ul>
        <li>${e.vaadinLogo} Copilot ${o(l.toggleCopilot)}</li>
        <li>${e.terminal} Command window ${o(l.toggleCommandWindow)}</li>
        <li>${e.undo} Undo ${o(l.undo)}</li>
        <li>${e.redo} Redo ${o(l.redo)}</li>
      </ul>
      <h3>Selected component</h3>
      <ul>
        <li>${e.code} Go to source ${o(l.goToSource)}</li>
        <li>${e.copy} Copy ${o(l.copy)}</li>
        <li>${e.paste} Paste ${o(l.paste)}</li>
        <li>${e.duplicate} Duplicate ${o(l.duplicate)}</li>
        <li>${e.userUp} Select parent ${o(l.selectParent)}</li>
        <li>${e.userLeft} Select previous sibling ${o(l.selectPreviousSibling)}</li>
        <li>${e.userRight} Select first child / next sibling ${o(l.selectNextSibling)}</li>
        <li>${e.trash} Delete ${o(l.delete)}</li>
      </ul>`;
  }
};
c = v([
  u("copilot-shortcuts-panel")
], c);
function o(i) {
  return d`<span class="kbds">${h(i)}</span>`;
}
const x = g({
  header: "Keyboard Shortcuts",
  tag: "copilot-shortcuts-panel",
  width: 400,
  height: 550,
  floatingPosition: {
    top: 50,
    left: 50
  }
}), y = {
  init(i) {
    i.addPanel(x);
  }
};
window.Vaadin.copilot.plugins.push(y);
