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.