mirror of
https://github.com/zhigang1992/DefinitelyTyped.git
synced 2026-04-19 16:49:45 +08:00
135 lines
3.2 KiB
TypeScript
135 lines
3.2 KiB
TypeScript
// Type definition tests for Flickity v1.1.1
|
|
// Project: http://flickity.metafizzy.co/
|
|
// Definitions by: Chris McGrath <https://www.github.com/clmcgrath>
|
|
// Definitions: https://github.com/clmcgrath/
|
|
|
|
///<reference types="jquery"/>
|
|
|
|
//jQuery tests
|
|
|
|
var $flickity: JQuery = $("#flickity-selector").flickity(
|
|
{
|
|
initialIndex: 0,
|
|
accessibility: true,
|
|
asNavFor: "#nav-bar",
|
|
autoPlay: true,
|
|
cellAlign: "left",
|
|
cellSelector: ".gallery-cell",
|
|
contain: true,
|
|
draggable: true,
|
|
freeScroll: false,
|
|
freeScrollFriction: 0.5,
|
|
friction: 0.8,
|
|
imagesLoaded: false,
|
|
lazyLoad: false,
|
|
pageDots: false,
|
|
arrowShape: "arrow.svg",
|
|
percentPosition: false,
|
|
prevNextButtons: false,
|
|
selectedAttraction: 0.050,
|
|
setGallerySize: true,
|
|
watchCSS: true,
|
|
wrapAround: true,
|
|
resize: true,
|
|
rightToLeft: false
|
|
});
|
|
|
|
$flickity.flickity("next")
|
|
.flickity('select', 4);
|
|
|
|
//Vanilla jQuery tests
|
|
var flikty: Flickity = new Flickity("#flickity-gallery");
|
|
|
|
var flikty2: Flickity =
|
|
new Flickity("#flickity-gallery",
|
|
{
|
|
initialIndex: 0,
|
|
accessibility: true,
|
|
asNavFor: "#nav-bar",
|
|
autoPlay: true,
|
|
cellAlign: "left",
|
|
cellSelector: ".gallery-cell",
|
|
contain: true,
|
|
draggable: true,
|
|
freeScroll: false,
|
|
freeScrollFriction: 0.5,
|
|
friction: 0.8,
|
|
imagesLoaded: false,
|
|
lazyLoad: false,
|
|
pageDots: false,
|
|
arrowShape: "arrow.svg",
|
|
percentPosition: false,
|
|
prevNextButtons: false,
|
|
selectedAttraction: 0.050,
|
|
setGallerySize: true,
|
|
watchCSS: true,
|
|
wrapAround: true,
|
|
resize: true,
|
|
rightToLeft: false
|
|
});
|
|
|
|
//ES6 element selector for tests
|
|
var element = document.querySelector("#gallery");
|
|
var nodeList = document.querySelectorAll("#gallery");
|
|
var cellElements: Array<Element> = flikty2.getCellElements();
|
|
|
|
flikty2.select(1, true);
|
|
flikty2.select(1);
|
|
|
|
flikty2.previous();
|
|
flikty2.previous(true);
|
|
|
|
flikty2.next();
|
|
flikty2.next(true);
|
|
|
|
flikty2.resize();
|
|
flikty2.reposition();
|
|
|
|
flikty2.prepend(element);
|
|
|
|
flikty2.append(element);
|
|
flikty2.append(nodeList);
|
|
|
|
flikty2.insert(element, 0);
|
|
flikty2.insert(nodeList, 0);
|
|
flikty2.insert(new Array<Element>(), 0);
|
|
|
|
flikty2.remove(element);
|
|
flikty2.remove(nodeList);
|
|
flikty2.remove(new Array<Element>());
|
|
|
|
flikty2.destroy();
|
|
|
|
flikty2.reloadCells();
|
|
|
|
//event handlers
|
|
flikty2.on("cellSelect", (evt, ele) => {
|
|
//do something
|
|
});
|
|
|
|
flikty2.off("cellSelect", (evt, ele, pntr, vctr) => {
|
|
//do something
|
|
});
|
|
|
|
flikty2.once("cellSelect", (evt, ele, pntr) => {
|
|
//do something
|
|
});
|
|
|
|
flikty2.listener("myCustomEvent", (evt: Event) => {
|
|
//do something
|
|
});
|
|
|
|
//static get data methods
|
|
|
|
var jQdata = jQuery.fn.data('flickity')();
|
|
jQdata = $.fn.data('flickity')();
|
|
|
|
var jsData = Flickity.data("#gallery");
|
|
jsData = Flickity.data("#gallery");
|
|
|
|
//property tests
|
|
var selectedIndex: number = flikty2.selectedIndex;
|
|
|
|
var selectedElement: Element = flikty2.selectedElement;
|
|
var cells: Array<Element> = flikty2.cells;
|