fchristant

import component from '../system/component.parent.mjs';

class scaffold extends component {

  constructor(selector) {

    super(selector);

    // DOM element representing the message panel
    this._panel = this.dom.querySelector("[data-panel]"); 

fchristant

<div data-component data-component-module="scaffold" data-component-init data-component-id="scaffold1" data-name="Alpha" class="c_scaffold f_row--2">
    <textarea data-panel="" rows="10"></textarea>
</div>
			

fchristant

dragon.components.header.instances.globalheader.hide();

fchristant

dragon.component.mount(window.document.body).then(() =>{
  console.log('mounted!');
});

fchristant

let header = document.getElementById("header");
dragon.component.create(header).then(component => {
  console.log(component);
});

fchristant

dragon.module.load("test").then(module => {
  console.log(module.hello);
});

fchristant

 dragon.script.load("https://code.jquery.com/jquery-3.4.1.min.js").then(() =>{
  $( document ).ready(function() {
    console.log($(document));
  });
 });

fchristant

window.addEventListener('🐉',() => {
  console.log(dragon);
});

fchristant

<div data-component data-component-module="scaffold" data-component-init data-component-id="scaffold1" class="c_scaffold">
<!-- inner markup -->
</div>

fchristant

<script src="/dragon.mjs" type="module"></script>