@infinite-canvas-tutorial/webcomponents
Version:
WebComponents UI implementation
27 lines (26 loc) • 979 B
TypeScript
import { LitElement, PropertyValues } from 'lit';
import { AppState, Pen } from '@infinite-canvas-tutorial/ecs';
import { ExtendedAPI } from '../API';
export declare class Penbar extends LitElement {
static styles: import("lit").CSSResult;
appState: AppState;
api: ExtendedAPI;
/**
* Record the last draw pen, so that when the penbar is changed, the last draw pen will be selected.
*/
lastDrawPen: Pen.DRAW_RECT | Pen.DRAW_ELLIPSE | Pen.DRAW_LINE | Pen.DRAW_ARROW | Pen.DRAW_ROUGH_RECT | Pen.DRAW_ROUGH_ELLIPSE | Pen.DRAW_ROUGH_LINE;
private binded;
private previousPen;
private previousPenbarVisible;
shouldUpdate(changedProperties: PropertyValues): boolean;
private handlePenChanged;
private setPenWithKeyboard;
private handleKeyDown;
disconnectedCallback(): void;
render(): import("lit").TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'ic-spectrum-penbar': Penbar;
}
}