Options
All
  • Public
  • Public/Protected
  • All
Menu

Base element of the application tools icon.

Example:

   import {html, css} from 'lit';
import {customElement} from 'lit/decorators.js';

// @ts-ignore
@customElement('my-button')
export class MyToolButtonElement extends (window as any).gmfapi.elements.ToolButtonElement {
constructor() {
super(panelName);
}

render(): TemplateResult {
return html`
<button
@click=${() => this.click_()}
class="btn btn-default ${this.active_ ? 'active' : ''}"
data-toggle="tooltip"
data-placement="left"
data-original-title="${i18next.t('Title')}"
>
<span class="fa fa-my-icon"></span>
</button>
`;
}
}

Hierarchy

Index

Constructors

constructor

  • new default(panelName: string): default

Properties

Static bootstrapStyle

bootstrapStyle: CSSResult = ...

Static bootstrapVarStyle

bootstrapVarStyle: CSSResult = ...

Static commonStyle

commonStyle: CSSResult = ...

Static fontawesomeStyle

fontawesomeStyle: CSSResult = ...

Static resetStyle

resetStyle: CSSResult = ...

Static styles

styles: CSSResult[] = ...

Methods

connectedCallback

  • connectedCallback(): void

disconnectedCallback

  • disconnectedCallback(): void

firstUpdated

  • firstUpdated(): void

mozRequestFullScreen

  • mozRequestFullScreen(): Promise<void>

mozRequestFullScreenWithKeys

  • mozRequestFullScreenWithKeys(): Promise<void>

msRequestFullscreen

  • msRequestFullscreen(): Promise<void>

render

  • render(): TemplateResult<ResultType>

webkitRequestFullscreen

  • webkitRequestFullscreen(allowKeyboardInput?: number): Promise<void>

Generated using TypeDoc