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

Extract Activator binder and convert it to valid OCE mono pacakge

import { html } from '@polymer/lit-element';
import { FusionPopup } from '../popup';
import { createObjectItem } from '../../utils';
import { FusionArrowPopupOverlay } from '../arrow-popup-overlay';

class FusionArrowPopup extends FusionPopup {
  static get options() {
    return {
      ...super.options,
      componentName: 'fusion-arrow-popup',
      componentUIName: 'Arrow Popup',
      componentDescription: 'Popup with selectable placement of pointing arrow',
      nestedComponents: ['fusion-backdrop', 'fusion-arrow-popup-overlay'],
    };
  }

  constructor() {
    super();
    this.state = 'ArrowPopup';
    this.overlay = createObjectItem(FusionArrowPopupOverlay);
  }

  static getStyle() {
    const styleRoot = super.getStyle();
    return `
      ${styleRoot}
      [part='overlay'] {
        padding: 30px 40px;
        background-clip: padding-box; 
      }
      [part="overlay"]:before {
        content: "";
        position: absolute;
        border: solid transparent;
        pointer-events: none;
      }
    `;
  }

  render() {
    super.render();
    return html`
      <style >
        ${FusionArrowPopup.getStyle()}
      </style>
      <slot></slot>
      ${FusionArrowPopup.getSystemSlotTemplate()}
    `;
  }
}

export { FusionArrowPopup };