activator-oce-exporter/test/activator/shared/src/components/document-header/index.js

Extract Activator binder and convert it to valid OCE mono pacakge

import { html } from '@polymer/lit-element';
import { FusionText } from '../../fusion/slide/text';

const defaultTemplate = '<p>Header</p>';

class DocumentHeader extends FusionText {
  static get properties() {
    const defaultProps = super.properties;
    return {
      ...defaultProps,
      top: {
        type: String,
        fieldType: 'Number',
        value: '82px',
      },
      left: {
        type: String,
        fieldType: 'Number',
        value: '65px',
      },
      width: {
        type: String,
        fieldType: 'Number',
        value: '850px',
      },
      'font-size': {
        type: String,
        fieldType: 'Number',
        value: '34px',
      },
      'line-height': {
        type: String,
        fieldType: 'Number',
        value: '1.2',
        step: 0.1,
      },
    };
  }

  static get options() {
    return {
      ...super.options,
      componentName: 'document-header',
      componentUIName: 'Document Header',
      componentCategory: 'UI',
      componentDescription: 'Default slide header',
      nestedTypes: [],
      nestedComponents: [],
      defaultTemplate,
      resizable: false,
      draggable: false,
      rotatable: true,
      sortable: false,
    };
  }

  static getStyle() {
    const styleRoot = super.getStyle();
    return `
    ${styleRoot}
    `;
  }

  render() {
    return html`
      ${super.render()}
    `;
  }
}

export { DocumentHeader };