@quick-game/cli
Version:
Command line interface for rapid qg development
82 lines • 3.62 kB
JavaScript
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
// Copyright 2023 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import '../../recorder/components/components.js';
import * as Host from '../../../core/host/host.js';
import * as i18n from '../../../core/i18n/i18n.js';
import * as Buttons from '../../../ui/components/buttons/buttons.js';
import * as LitHtml from '../../../ui/lit-html/lit-html.js';
import toolbarStyles from './toolbar.css.js';
const { html, Decorators, LitElement } = LitHtml;
const { customElement } = Decorators;
const UIStrings = {
/**
* @description The title of a the button that sends a CDP command.
*/
sendCommandCtrlEnter: 'Send command - Ctrl+Enter',
/**
* @description The title of a the button that sends a CDP command.
*/
sendCommandCmdEnter: 'Send command - ⌘+Enter',
/**
* @description he title of a the button that copies a CDP command.
*/
copyCommand: 'Copy command',
};
const str_ = i18n.i18n.registerUIStrings('panels/protocol_monitor/components/Toolbar.ts', UIStrings);
const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
const copyIconUrl = new URL('../../../Images/copy.svg', import.meta.url).toString();
const sendIconUrl = new URL('../../../Images/send.svg', import.meta.url).toString();
export class CopyCommandEvent extends Event {
static eventName = 'copycommand';
constructor() {
super(CopyCommandEvent.eventName, { bubbles: true, composed: true });
}
}
export class SendCommandEvent extends Event {
static eventName = 'commandsent';
constructor() {
super(SendCommandEvent.eventName, { bubbles: true, composed: true });
}
}
export let Toolbar = class Toolbar extends LitElement {
static styles = [toolbarStyles];
#handleCopy = () => {
this.dispatchEvent(new CopyCommandEvent());
};
#handleSend = () => {
this.dispatchEvent(new SendCommandEvent());
};
render() {
// clang-format off
return html `
<div class="toolbar">
<${Buttons.Button.Button.litTagName}
title=${i18nString(UIStrings.copyCommand)}
.size=${"SMALL" /* Buttons.Button.Size.SMALL */}
.iconUrl=${copyIconUrl}
.variant=${"toolbar" /* Buttons.Button.Variant.TOOLBAR */}
@click=${this.#handleCopy}
></${Buttons.Button.Button.litTagName}>
<${Buttons.Button.Button.litTagName}
.size=${"SMALL" /* Buttons.Button.Size.SMALL */}
title=${Host.Platform.isMac() ? i18nString(UIStrings.sendCommandCmdEnter) : i18nString(UIStrings.sendCommandCtrlEnter)}
.iconUrl=${sendIconUrl}
.variant=${"primary_toolbar" /* Buttons.Button.Variant.PRIMARY_TOOLBAR */}
@click=${this.#handleSend}
></${Buttons.Button.Button.litTagName}>
</div>
`;
// clang-format on
}
};
Toolbar = __decorate([
customElement('devtools-pm-toolbar')
], Toolbar);
//# sourceMappingURL=Toolbar.js.map