@conectate/ct-lit NPM

ct-lit

It's a simple wrapper for LitElement

Installation

To include this, type:

$ yarn add @conectate/ct-lit

$ npm i @conectate/ct-lit

Usage

// Typescript
import { CtLit, css, customElement, html, property } from "@conectate/ct-lit";

@customElement("my-demo")
export class MyDemo extends CtLit {
	static styles = css`
		:host {
			display: block;
		}
	`;

	render() {
		return html``;
	}
}

Properties

Property	Type	Default
`$`	`{ [x: string]: any; }`	{}

Methods

Method	Type	Description
`$$`	`(name: string): HTMLElement \\| Element \\| undefined \\| null`	Returns the first element that is a descendant of node that matches selectors.
`$$$`	`(name: string): NodeListOf<HTMLElement \\| Element> \\| undefined`	Returns all element descendants of node that match selectors.
`deepClone`	`(ob: object): any`	Clone all `native` types of object in a new object referenceob: Original Object
`deleteAt`	`(listTarget: string, index: number): void`	Delete item in listlistTarget: List Targetindex: Index
`fire`	`(name: string, value: any): void`	Fire a event with name and value
`insertAt`	`(listTarget: string, index: number, el: any): void`	Insert Object in list at indexlistTarget: List Targetindex: Indexel: Object
`mapIDs`	`(): void`	Map all IDs for shadowRoot and save in `this.$` like a polymer element.You should add in the first line of `firstUpdated()`
`move`	`(array: object, old_index: number, new_index: number): void`	Move item in arrayarray: Array objectold_index: Old Indexnew_index: New Index
`push`	`(name: string, value: any): void`	Set Value and fire event with the same name
`scrollToY`	`(scrollTargetY?: number, time?: number, easing?: "easeInOutSine" \\| "easeOutSine" \\| "easeInOutQuint" \\| "easeInOutCubic", target?: any): void`	scrollTargetY: pixels to scroll. Ej: const ticketsBlockPositionY = this.$.contact.getBoundingClientRect().top + window.scrollTarget.scrollTop;time: Time to scrolltarget: scrollTarget Element
`set`	`(name: string, value: any): void`	Set Value and fire event with the same name
`setAt`	`(listTarget: string, index: number, el: any): void`
`splice`	`(name: string, index: number, pos: number, value: any): void`	Set Value and fire event with the same name