@appstractdk/as-core

as-core contains the base for most of our components, i.e. Base and View components. This packages contains no styling.

Usage no npm install needed!

<script type="module">
  import appstractdkAsCore from 'https://cdn.skypack.dev/@appstractdk/as-core';
</script>

README

as-core

as-core contains the base for most of our components, i.e. Base and View components. This packages contains no styling.

Base

Base class contains the following methods:

makeElement(name[, attributes]) - creates HTML element specified by tagName with optional attributes.

const node = this.makeElement('div', 'test-class'); - creates an element with a class passed as a string.
const node = this.makeElement('div', 'test-class another-test-class third-class'); - creates an element with several classes passed as a string.

          className: 'test-class',
      }, [
          this.makeElement('a', {
              innerHTML: 'text',
              href: 'https://google.com'
          })
      ]);``` - creates an element with a child.

          xmlns: 'http://www.w3.org/1999/xhtml',
          className: 'test-class another-test-class'
      });``` - creates an element with custom namespace.

matches(element, selector) - Element.matches() polyfill.
subscribe(eventName, listener, context) - subscribe to an event.
emit(eventName, ...arg) - emit on an event.

View

View class contains the following methods:

query(selectors) - returns an array of all elements descended from the selector.
addListener(type, match, method) - adds an event listener to specified listener.
remove() - removes the element.