3.12.0 • Published 8 months ago
@conectate/ct-menu v3.12.0
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 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: any[], 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 \| 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 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 |
toggle | (e: CustomEvent<any>): void |
Slots
| Name | Description |
|---|---|
dropdown-trigger | Item trigger |
Installation
To include this, type:
$ yarn add @conectate/ct-menuor
$ npm i @conectate/ct-menuFollow me
https://twitter.com/herberthobregon
https://www.conectate.today/herberthobregon
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D
License
See LICENSE
3.9.0
9 months ago
3.8.1
10 months ago
3.11.0
8 months ago
3.8.0
10 months ago
3.10.0
8 months ago
3.12.0
8 months ago
3.7.5
1 year ago
3.7.4
1 year ago
3.7.3
2 years ago
3.7.1
2 years ago
3.7.0
2 years ago
3.6.0
2 years ago
3.5.5
3 years ago
3.5.0
3 years ago
3.4.0
3 years ago
3.2.2
3 years ago
3.2.1
3 years ago
3.2.0
3 years ago
3.1.0
3 years ago
3.0.0
3 years ago
1.4.1
3 years ago
1.4.0
3 years ago
1.3.0
3 years ago