activator-oce-exporter/test/activator/shared/src/fusion/slide/form/index.js

Extract Activator binder and convert it to valid OCE mono pacakge

import { html } from '@polymer/lit-element';
import { FusionBase } from '../../base';
import { applyMixins, SlideComponent } from '../../mixins';

class FusionForm extends applyMixins(FusionBase, [SlideComponent]) {
  static get properties() {
    return {
      ...super.properties,
      width: {
        type: String,
        fieldType: 'Number',
        value: '200px',
      },
      height: {
        type: String,
        fieldType: 'Number',
        value: '200px',
      },
    };
  }

  static get options() {
    return {
      componentName: 'fusion-form',
      componentUIName: 'Form',
      componentScope: 'standard',
      componentType: 'static',
      componentCategory: 'data',
      componentDescription: 'Container for form elements',
      componentDomain: 'slide',
      isTextEdit: false,
      baseLevel: 100,
      isRootNested: true,
      defaultTemplate: '',
      nestedTypes: [],
      nestedComponents: ['fusion-submit-email', 'fusion-text-input', 'fusion-button'],
      resizable: 'all',
      draggable: 'xy',
      rotatable: true,
      sortable: false,
    };
  }

  render() {
    super.render();
    return html`
      <style>
        ${FusionForm.getStyle()}
      </style>
      <div class="fusion-input-container">
        <slot></slot>
      </div>
      ${FusionForm.getSystemSlotTemplate()}
    `;
  }
}

export { FusionForm };