@dvsmedeiros/oid/lib/foundation/components/ui/button-oid.js

Web components based on the Digital Content Component (DCC) model for the Mundorum space.

import { html } from '../../infra/literals.js'
import { Oid } from '../../base/oid.js'
import { OidUI } from '../../base/oid-ui.js'

Oid.cInterface({ id: 'itf:oid', methods: [] })
Oid.cInterface({ id: 'itf:transfer', methods: ['send'] })

export class ButtonOid extends OidUI {
  _onClick () {
    this._callCustom('click')
    this._notify('click', {value: this.value || this.label})
    this._invoke('itf:transfer', 'send', {value: this.value || this.label})
  }

  _onMouseenter () {
    this._notify('mouseenter', {value: this.value || this.label})
  }

  _onMouseleave () {
    this._notify('mouseleave', {value: this.value || this.label})
  }
}

Oid.component(
{
  id: 'oid:button',
  element: 'button-oid',
  properties: {
    label: {},
    value: {}
  },
  implementation: ButtonOid,
  stylesheets: 'default',
  template: html`
  <button id="oid-prs" class="btn btn-primary"
    @click @mouseenter @mouseleave>
    {{this.label}} BLO
  </button>`
})