131 lines
3.9 KiB
JavaScript
131 lines
3.9 KiB
JavaScript
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{er as t}from"./control-ui-foundation-CeFMP1Ly.js";import{K as n,ml as r,pl as i}from"./control-ui-core-pH6nakZ-.js";import{G as a,J as o,W as s,Z as c,at as l,lt as u,rt as d}from"./lit-runtime-BEtFSUCp.js";import{Ht as f,Nt as p,qt as m}from"./control-ui-core-Br5DB0Zj.js";import{$r as h,Qr as g}from"./control-ui-boot-Cdpgu1Gm.js";var _;function v(){return(v=e((()=>{s(),c(),f(),g(),r(),p(),_=class extends i{constructor(...e){super(...e),this.sendShortcut=`enter`,this.open=!1}static{this.styles=u`
|
||
:host {
|
||
display: contents;
|
||
--openclaw-modal-width: 560px;
|
||
}
|
||
|
||
.dialog {
|
||
display: flex;
|
||
max-height: min(720px, calc(100dvh - 64px));
|
||
flex-direction: column;
|
||
border: 1px solid var(--border);
|
||
border-radius: 14px;
|
||
background: var(--card);
|
||
color: var(--text);
|
||
}
|
||
|
||
.header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 20px 22px 16px;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
|
||
h2 {
|
||
margin: 0;
|
||
color: var(--text-strong);
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.close {
|
||
display: grid;
|
||
width: 28px;
|
||
height: 28px;
|
||
place-items: center;
|
||
border: 0;
|
||
border-radius: 6px;
|
||
background: transparent;
|
||
color: var(--muted);
|
||
font-size: 20px;
|
||
}
|
||
|
||
.close:hover {
|
||
background: var(--bg-hover);
|
||
color: var(--text);
|
||
}
|
||
|
||
.body {
|
||
overflow: auto;
|
||
padding: 8px 22px 18px;
|
||
}
|
||
|
||
section + section {
|
||
margin-top: 12px;
|
||
border-top: 1px solid var(--border);
|
||
}
|
||
|
||
h3 {
|
||
margin: 18px 0 8px;
|
||
color: var(--muted);
|
||
font-size: 12px;
|
||
font-weight: 600;
|
||
letter-spacing: 0.04em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.shortcut-row {
|
||
display: flex;
|
||
min-height: 34px;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 16px;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.combos {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
}
|
||
|
||
.combo {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
}
|
||
|
||
kbd {
|
||
min-width: 22px;
|
||
padding: 3px 6px;
|
||
border: 1px solid var(--border-strong);
|
||
border-radius: 5px;
|
||
background: var(--bg-muted);
|
||
color: var(--text);
|
||
font: inherit;
|
||
font-size: 12px;
|
||
text-align: center;
|
||
}
|
||
`}get isOpen(){return this.open}toggle(){this.open=!this.open}render(){if(!this.open)return a;let e=()=>{this.open=!1};return o`
|
||
<openclaw-modal-dialog label=${m(`shortcutsOverlay.title`)} @modal-cancel=${e}>
|
||
<div class="dialog">
|
||
<header class="header">
|
||
<h2>${m(`shortcutsOverlay.title`)}</h2>
|
||
<button class="close" type="button" aria-label=${m(`common.close`)} @click=${e}>
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</header>
|
||
<div class="body">
|
||
${h(this.sendShortcut).map(e=>o`
|
||
<section>
|
||
<h3>${m(e.label)}</h3>
|
||
${e.entries.map(e=>o`
|
||
<div class="shortcut-row">
|
||
<span>${m(e.label)}</span>
|
||
<span class="combos">
|
||
${e.combos.map(e=>o`
|
||
<span class="combo">
|
||
${n(e).map(e=>o`<kbd>${e}</kbd>`)}
|
||
</span>
|
||
`)}
|
||
</span>
|
||
</div>
|
||
`)}
|
||
</section>
|
||
`)}
|
||
</div>
|
||
</div>
|
||
</openclaw-modal-dialog>
|
||
`}},t([l({attribute:!1})],_.prototype,`sendShortcut`,void 0),t([d()],_.prototype,`open`,void 0),customElements.get(`openclaw-keyboard-shortcuts-dialog`)||customElements.define(`openclaw-keyboard-shortcuts-dialog`,_)})))()}v();
|
||
//# sourceMappingURL=keyboard-shortcuts-dialog-H2IcvF5A.js.map
|