@conectate/ct-menu

ct-menu

Menu web component for lit

Properties

Property	Attribute	Type	Default
$		{ items: HTMLSlotElement; menu: HTMLDivElement; }
addedNodes	addedNodes	(Node & { style?: { [x: string]: string; } | undefined; })[]	[]
align	align	"top" | "top-right" | "top-left" | "bottom" | "bottom-right" | "bottom-left" | null	"top-right"
close		(e: KeyboardEvent) => void
icon	icon	string
opened		boolean	false

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 reference ob: Original Object
deleteAt	(listTarget: string, index: number): void	Delete item in list listTarget: List Target index: 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 index listTarget: List Target index: Index el: 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: any[], old_index: number, new_index: number): void	Move item in array array: Array object old_index: Old Index new_index: New Index
push	(name: string, value: any): void	Set Value and fire event with the same name
scrollToY	(scrollTargetY?: number | undefined, time?: number | undefined, easing?: "easeInOutSine" | "easeOutSine" | "easeInOutQuint" | "easeInOutCubic" | undefined, target?: Element | undefined): void	scrollTargetY: pixels to scroll. Ej: const ticketsBlockPositionY = this.$.contact.getBoundingClientRect().top + window.scrollTarget.scrollTop; time: Time to scroll target: 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
toggle	(e: CustomEvent<any>): void

Slots

Name	Description
dropdown-trigger	Item trigger

Installation

To include this, type:

$ yarn add @conectate/ct-menu

or

$ npm i @conectate/ct-menu

Follow me

https://twitter.com/herberthobregon

https://www.conectate.today/herberthobregon

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -m 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

License

See LICENSE