This is a base element.

That includes:

  • i18next initialization.
  • Bootstrap (custom build + color in vars), Font Awesome, reset and some custom style.
  • Configuration directly available by overriding the initConfig method.
  • RXJS subscription added to subscriptions are unsubscribe on element removal. Example:
   import {html, css} from 'lit';
import {customElement} from 'lit/decorators.js';

// @ts-ignore
@customElement('my-element')
export default class MyElement extent (window as any).gmfapi.elements.BaseElement {
static styles = [
...(window as any).gmfapi.elements.BaseElement.styles,
css`...`
];

initConfig(configuration: Any): void {
...
};

render(): TemplateResult {
return html`${this.getTitle(i18next.t('Title'))}
your template`
}
}

Hierarchy

Constructors

  • Returns default

Properties

bootstrapStyle: CSSResult = ...
bootstrapVarStyle: CSSResult = ...
commonStyle: CSSResult = ...
fontawesomeStyle: CSSResult = ...
resetStyle: CSSResult = ...
styles: CSSResult[] = ...

Methods

  • Returns Promise<void>

  • Returns Promise<void>

  • Returns Promise<void>

  • Parameters

    • Optional allowKeyboardInput: number

    Returns Promise<void>

Generated using TypeDoc