import { h, Host } from '@stencil/core';
import { RICH_TOOLBAR_COMMAND_ICON, RICH_TOOLBAR_COMMANDS, RICH_TOOLBAR_FORMAT_TAGS, } from '../RichToolbarHelper';
import initI18n from '../../../../utils/i18n';
export class EzRichToolbarLetters {
  async componentWillLoad() {
    this.i18n = await initI18n();
  }
  render() {
    return (h(Host, null, h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.BOLD, command: RICH_TOOLBAR_COMMANDS.FORMAT, value: RICH_TOOLBAR_FORMAT_TAGS.BOLD, title: this.i18n("ez-rich-text.title.bold") }), h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.ITALIC, command: RICH_TOOLBAR_COMMANDS.FORMAT, value: RICH_TOOLBAR_FORMAT_TAGS.ITALIC, title: this.i18n("ez-rich-text.title.italic") }), h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.UNDERLINE, command: RICH_TOOLBAR_COMMANDS.FORMAT, value: RICH_TOOLBAR_FORMAT_TAGS.UNDERLINE, title: this.i18n("ez-rich-text.title.underline") })));
  }
  static get is() { return "ez-rich-toolbar-letters"; }
  static get encapsulation() { return "scoped"; }
  static get originalStyleUrls() {
    return {
      "$": ["ez-rich-toolbar-letters.css"]
    };
  }
  static get styleUrls() {
    return {
      "$": ["ez-rich-toolbar-letters.css"]
    };
  }
}
