JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q36751F
  • License BSD-3-Clause

Menu web component for lit

Package Exports

  • @conectate/ct-menu

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@conectate/ct-menu) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Published on webcomponents.org

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

Herberth Obregón

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