- " +
populateMarkupArr(getDatesBetween(s, e), e) + "
- " + markupArr + "
').hide().insertBefore($target);
$events.one(event_purge, function () {
$inline.replaceWith($target);
});
prep($target);
} else if (settings.get('iframe')) {
// IFrame element won't be added to the DOM until it is ready to be displayed,
// to avoid problems with DOM-ready JS that might be trying to run in that iframe.
prep(" ");
} else if (settings.get('html')) {
prep(settings.get('html'));
} else if (isImage(settings, href)) {
href = retinaUrl(settings, href);
photo = settings.get('createImg');
$(photo)
.addClass(prefix + 'Photo')
.bind('error.' + prefix, function () {
prep($tag(div, 'Error').html(settings.get('imgError')));
})
.one('load', function () {
if (request !== requests) {
return;
}
// A small pause because some browsers will occasionally report a
// img.width and img.height of zero immediately after the img.onload fires
setTimeout(function () {
var percent;
if (settings.get('retinaImage') && window.devicePixelRatio > 1) {
photo.height = photo.height / window.devicePixelRatio;
photo.width = photo.width / window.devicePixelRatio;
}
if (settings.get('scalePhotos')) {
setResize = function () {
photo.height -= photo.height * percent;
photo.width -= photo.width * percent;
};
if (settings.mw && photo.width > settings.mw) {
percent = (photo.width - settings.mw) / photo.width;
setResize();
}
if (settings.mh && photo.height > settings.mh) {
percent = (photo.height - settings.mh) / photo.height;
setResize();
}
}
if (settings.h) {
photo.style.marginTop = Math.max(settings.mh - photo.height, 0) / 2 + 'px';
}
if ($related[1] && (settings.get('loop') || $related[index + 1])) {
photo.style.cursor = 'pointer';
$(photo).bind('click.' + prefix, function () {
publicMethod.next();
});
}
photo.style.width = photo.width + 'px';
photo.style.height = photo.height + 'px';
prep(photo);
}, 1);
});
photo.src = href;
} else if (href) {
$loadingBay.load(href, settings.get('data'), function (data, status) {
if (request === requests) {
prep(status === 'error' ? $tag(div, 'Error').html(settings.get('xhrError')) : $(this).contents());
}
});
}
}
// Navigates to the next page/image in a set.
publicMethod.next = function () {
if (!active && $related[1] && (settings.get('loop') || $related[index + 1])) {
index = getIndex(1);
launch($related[index]);
}
};
publicMethod.prev = function () {
if (!active && $related[1] && (settings.get('loop') || index)) {
index = getIndex(-1);
launch($related[index]);
}
};
// Note: to use this within an iframe use the following format: parent.jQuery.colorbox.close();
publicMethod.close = function () {
if (open && !closing) {
closing = true;
open = false;
trigger(event_cleanup);
settings.get('onCleanup');
$window.unbind('.' + prefix);
$overlay.fadeTo(settings.get('fadeOut') || 0, 0);
$box.stop().fadeTo(settings.get('fadeOut') || 0, 0, function () {
$box.hide();
$overlay.hide();
trigger(event_purge);
$loaded.remove();
setTimeout(function () {
closing = false;
trigger(event_closed);
settings.get('onClosed');
}, 1);
});
}
};
// Removes changes Colorbox made to the document, but does not remove the plugin.
publicMethod.remove = function () {
if (!$box) { return; }
$box.stop();
$[colorbox].close();
$box.stop(false, true).remove();
$overlay.remove();
closing = false;
$box = null;
$('.' + boxElement)
.removeData(colorbox)
.removeClass(boxElement);
$(document).unbind('click.' + prefix).unbind('keydown.' + prefix);
};
// A method for fetching the current element Colorbox is referencing.
// returns a jQuery object.
publicMethod.element = function () {
return $(settings.el);
};
publicMethod.settings = defaults;
}(jQuery, document, window));
;
$(function () {
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
if (window.location.pathname === "/play/" || window.location.pathname === "/play" || window.location.pathname === "/en/play/" || window.location.pathname === "/en/play") {
var playlandingcookie = Cookies.get('playlandingcookie');
var hasPlayCookie = typeof playlandingcookie !== 'undefined';
if (!hasPlayCookie) {
Cookies.set('playlandingcookie', 1, { expires: 3000 });
if (!iOS) {
//
}
} else {
console.log("hasCookie");
}
} else {
Cookies.remove('playlandingcookie');
}
$("body").on("click", ".js-play-sortorder button", function (e) {
e.preventDefault();
$(".js-play-sortorder button").toggleClass("active");
e.preventDefault();
FilterEngine.Search(null, true);
});
});;
var K = K || {};
K.Play = {
Init: function () {
$("body").on("click", ".js-open-play-modal", function (e) {
e.preventDefault();
var $self = $(this);
var trailerUrl = $self.data("trailer");
$self.blur();
K.Play.OpenModal(trailerUrl);
});
$("body").on("click", ".js-close-play-modal", function (e) {
e.preventDefault();
K.Play.CloseModal($(this));
});
$("body").on("click", ".js-play-load-more",
function (e) {
e.preventDefault();
K.Play.LoadMore($(this));
});
},
GetModalMarkup: function (content) {
var lang = $("html").attr("lang");
var closeText = lang == "en" ? "Close" : "Stäng";
return $('');
},
OpenModal: function (trailerUrl) {
$.get(trailerUrl, function (response) {
var $markup = K.Play.GetModalMarkup(response);
$(this).delay(300).queue(function (next) {
$("body").addClass("noscroll");
});
$("body").prepend($markup.fadeIn(1000, function () {
}));
});
},
CloseModal: function ($trigger) {
$trigger.closest(".modal").detach();
$("body").removeClass("noscroll");
},
LoadMore: function ($trigger) {
var take = parseInt($trigger.attr("data-take")),
$container = $("body"),
skip = parseInt($container.find(".js-related-movie").length),
$filterContainer = $("body").find(".js-movie-calendar-filter"),
url = window.location.href;
var typefilters = [];
var $typefillterul = $filterContainer.find(".js-type-filters:first");
var $selectedTypeFilters = $typefillterul.find(":checked");
$selectedTypeFilters.each(function () {
var $curr = $(this);
var $hiddentypesibling = $curr.hasClass("js-select-all") ? $curr.siblings("[name$='Id']") : $curr.siblings("[name$='Value']");
var value = parseInt($hiddentypesibling.val());
if (value !== 0) {
typefilters.push(parseInt($hiddentypesibling.val()));
}
});
$("").insertBefore($trigger);
$.ajax({
url: "/MovieLandingPage/LoadMore",
dataType: "json",
method: "POST",
data: { skip: skip, categories: typefilters, lang: $("html").attr("lang") },
success: function (response) {
$trigger.removeAttr("disabled", true);
if (response.HideSelf) {
$trigger.fadeOut(300);
}
var $markupResponse = $(response.Html),
$targetToReplace = $trigger.siblings(".js-temp-load:first");
$markupResponse.hide();
$targetToReplace.replaceWith($markupResponse);
$markupResponse.fadeIn("300", function () {
window.slimmage.checkResponsiveImages();
var $firstLi = $markupResponse.children();
var $a = $($markupResponse.find(".js-related-movie").find("a")[0]);
$a.closest(".clickableArea").addClass('highlightTabbing');
$a.focus();
$markupResponse.on("keyup", "a", function (e) {
var code = e.keyCode ? e.keyCode : e.which;
var el = document.activeElement;
if (code == '9') {
$(this).closest(".clickableArea").addClass('highlightTabbing');
}
}).on("keydown", "a", function (e) {
var code = e.keyCode ? e.keyCode : e.which;
var el = document.activeElement;
if (code == '9') {
$(this).closest(".clickableArea").removeClass('highlightTabbing');
}
}).on("blur", "a", function (e) {
$(this).closest(".clickableArea").removeClass('highlightTabbing');
});
});
}, error: function (xhr) {
}
});
}
}
;
var AutoComplete = AutoComplete || {};
var FilterEngine = {
PendingRequest: null,
Skip: parseInt($("body").find(".js-hs-result-li").length),
Take: parseInt($(".js-historical-search").attr("data-take")),
StartYear: $(".js-historical-search").attr("data-startyear") == "0" ? 1900 : parseInt($(".js-historical-search").attr("data-startyear")),
ToggleFilter: function (e) {
e.preventDefault();
e.stopPropagation();
var $self = $(this),
id = $self.data("id"),
isFree = $self.hasClass("free"),
type = !isFree ? $self.attr("data-type").toLowerCase() : "categoryfilter",
translatedType = !isFree ? $self.attr("data-ts-type") : "",
html = $self.attr("data-markup"),
shouldRemove = $self.hasClass("js-ac-remove"),
$container = $self.closest(".js-historical-search"),
$ghostinputcontainer = $container.find(".js-ac-ghost-container"),
$textField = $ghostinputcontainer.find("input[type='text']"),
$freeText = $container.find(".js-ac-freetext");
if (shouldRemove) {
if (type == "year") {
var yearType = $self.closest("li").find("[data-year]").attr("data-type");
if (yearType == "start") {
$("#StartYear").prop("type", "text");
$("#StartYear").val("");
$("#StartYear").prop("type", "number");
} else {
$("#EndYear").prop("type", "text");
$("#EndYear").val("");
$("#EndYear").prop("type", "number");
}
}
var $li = $(this).closest("li"),
parentid = $li.attr("data-parentid"),
isCategoryfilter = typeof (parentid) !== "undefined";
if (isCategoryfilter) {
FilterEngine.ResetFilterGroup($li.attr("data-id"), parentid);
}
$(this).closest("li").fadeOut(400).remove();
} else {
var text = $self.find(".autocomplete-hit-text").parent().data("markup"),
firstSurrounded = text[0] === '"',
lastSurrounded = text[text.length - 1] === '"';
var closeTxt = $("html").attr("lang") === "en" ? "remove " : "ta bort ";
var $clone = $self.find(".autocomplete-hit-text").clone();
var childText = $clone.find("span:first").text();
var $closeBtn = $("");
var $attached;
$clone.children().remove();
var t = $clone.text().replaceAll("\"", "");
t += "¤" + childText;
if (!isFree) {
$attached = $("" + text.replaceAll("\"", "") + " ");
var $last = $ghostinputcontainer.find(".js-autocomplete-filter").length ? $ghostinputcontainer.find(".js-autocomplete-filter:last") : $ghostinputcontainer.find("li:last");
AutoComplete.AddChunks($last, text, type, true);
}
}
$textField.val("").focus();
$freeText.find("p").remove();
FilterEngine.Search();
},
RemoveYearFilterFromParameter: function ($elem) {
var $self = $elem;
var yearType = $self.closest("li").find("[data-year]").attr("data-type");
if (yearType == "start") {
$("#StartYear").prop("type", "text");
$("#StartYear").val(FilterEngine.StartYear);
$("#StartYear").prop("type", "number");
} else {
$("#EndYear").prop("type", "text");
$("#EndYear").val(new Date().getFullYear());
$("#EndYear").prop("type", "number");
}
var $li = $(this).closest("li"),
parentid = $li.attr("data-parentid"),
isCategoryfilter = typeof (parentid) !== "undefined";
if (isCategoryfilter) {
FilterEngine.ResetFilterGroup($li.attr("data-id"), parentid);
}
$(this).closest("li").fadeOut(400).remove();
},
ResetFilterGroup: function (currentid, parentid) {
var $filtergroup = $(".js-sub-filter-group[data-parentfilterid=" + parentid + "]");
if (!$filtergroup.length) {
return false;
}
var $inputs = $filtergroup.find("input[type='checkbox']"),
isBoxGroup = true;
if (!$inputs.length) {
$inputs = $filtergroup.find("input[type='radio']");
isBoxGroup = false;
}
$inputs.each(function () {
if (isBoxGroup) {
$(this).prop("checked", true);
//if ($(this).prev().val() === currentid) {
// $(this).removeAttr("checked");
//}
} else {
if ($(this).hasClass("js-select-all-hs")) {
$(this).prop("checked", true);
} else {
$(this).removeAttr("checked");
}
}
});
if (isBoxGroup && !$filtergroup.find("input:checked").length) {
$filtergroup.find(".js-select-all-hs").prop("checked", true);
}
},
GetFilterDictionary: function ($filterContainer) {
var filters = [];
var $artists = $filterContainer.find(".artist-filter");
var $composers = $filterContainer.find(".composer-filter");
var $works = $filterContainer.find(".work-filter");
var $productions = $filterContainer.find(".production-filter");
var $categories = $filterContainer.find(".category-filter");
var artists = [];
$artists.each(function () {
var artist = {
Id: $(this).data("id"),
Value: $(this).find("span:first").html()
};
artists.push(artist);
});
var composers = [];
$composers.each(function () {
var composer = {
Id: $(this).data("id"),
Value: $(this).find("span:first").html()
};
composers.push(composer);
});
var works = [];
$works.each(function () {
var work = {
Id: $(this).data("id"),
Value: typeof $(this).attr("data-hack") !== "undefined" ? $(this).attr("data-hack") : $(this).find("span:first").html()
};
works.push(work);
});
var productions = [];
$productions.each(function () {
var work = {
Id: $(this).data("id"),
Value: $(this).find("span:first").html()
};
productions.push(work);
});
var categories = [];
$categories.each(function () {
var work = {
Id: $(this).data("id"),
Value: $(this).find("span:first").html()
};
categories.push(work);
});
filters.push({ Key: "Artist", Value: artists.length ? artists : 0 });
filters.push({ Key: "Composer", Value: composers.length ? composers : 0 });
filters.push({ Key: "Work", Value: works.length ? works : 0 });
filters.push({ Key: "Production", Value: productions.length ? productions : 0 });
filters.push({ Key: "Category", Value: categories.length ? categories : 0 });
return filters;
},
GetHistoricalSearchFilter: function ($container) {
var historicalSearchFilter = {
YearFilter: FilterEngine.GetYearFilter($container),
Filters: FilterEngine.GetCategoryFilters($container)
};
return historicalSearchFilter;
},
GetYearFilter: function ($container) {
var $startTag = $("body").find("#StartYear");
var $endTag = $("body").find("#EndYear");
var startValue = $startTag.val();
var endValue = $endTag.val();
var YearFilter = {
StartYear: typeof (startValue) !== "undefined" && startValue !== "" ? startValue : "1753",
EndYear: typeof (endValue) !== "undefined" && endValue != "" ? endValue : "9999"
}
return YearFilter;
},
GetCategoryFilters: function ($ghostContainer) {
var $filters = $ghostContainer.find("[data-type='categoryfilter']").not(".free-text");
var filters = [];
var parentIds = [];
var $boxContainer = $(".js-sub-filter-group[data-parentfilterid=" + 30 + "]"),
$checked = $boxContainer.find("input[type='checkbox']").filter(function () { return $(this).is(":checked"); });
var checkfilters = [];
$checked.each(function () {
var sFilter = {
Id: $(this).prev().val(),
HistoricalFilterType: 20
};
checkfilters.push(sFilter);
});
var filterT = {
Id: 30,
HistoricalFilterType: 20,
HistoricalSubFilters: checkfilters,
IsRadio: false
};
filters.push(filterT);
if (!$filters.length) {
return filters;
}
$filters.each(function () {
var parentId = $(this).attr("data-parentid");
if (parentIds.indexOf(parentId) < 0) {
parentIds.push(parentId);
if (parentId == 30) {
return true;
} else {
var $subfilters = $ghostContainer.find("[data-parentid=" + parentId + "]");
var subfilters = [];
$subfilters.each(function () {
var filterType = $(this).data("historical-filter-type"),
id = $(this).attr("data-id");
var subfilter = {
Id: id,
HistoricalFilterType: filterType
};
subfilters.push(subfilter);
});
var filter = {
Id: parentId,
HistoricalFilterType: $(this).data("historical-filter-type"),
HistoricalSubFilters: subfilters,
IsRadio: $(this).attr("data-isradio")
};
filters.push(filter);
}
}
});
console.log(filters);
return filters;
},
BuildModel: function ($ghostinputcontainer) {
var order = "True";
if ($("#jsautocomplete").data("type") === "historical") {
var $sortBtn = $(".js-hs-datesort");
order = $sortBtn.attr("data-order");
}
if ($("#jsautocomplete").data("type") === "play") {
var $activSortBtn = $(".jsButtonSort.active");
if ($activSortBtn.data("sort") === "latest") {
order = "True";
}
if ($activSortBtn.data("sort") === "popular") {
order = "False";
}
}
var model = {};
var filterDictionary = FilterEngine.GetFilterDictionary($ghostinputcontainer);
if (FilterEngine.IsEmpty(filterDictionary)) {
filterDictionary = null;
}
model.FilterDictionary = filterDictionary;
var historicalSearchFilter = FilterEngine.GetHistoricalSearchFilter($ghostinputcontainer);
var freeText = "";
var $freetexts = $ghostinputcontainer.find(".free-text");
$freetexts.each(function (i) {
var divider = i === $freetexts.length - 1 ? "" : "|";
freeText += $(this).find("span:first").html() + divider;
});
$ghostinputcontainer.find("input[type='text']").val("");
var $hitTypeFilter = $ghostinputcontainer.find("[data-historical-filter-type='40']");
var hitTypeFilterValue = $hitTypeFilter.length ? $hitTypeFilter.attr("data-hittype") : "";
model.FreeText = freeText;
model.SortAsc = order;
model.AutoCompleteType = hitTypeFilterValue;
model.YearFilter = historicalSearchFilter.YearFilter;
model.Filters = historicalSearchFilter.Filters;
model.DatabaseId = $(".js-historical-search").attr("data-sharedbid");
return model;
},
Search: function (loadmore, updatesortorder) {
var isloadmore = typeof (loadmore) !== "undefined" && loadmore !== null;
var isSort = typeof (updatesortorder) !== "undefined" && updatesortorder !== null;
var $resultContainer = $(".js-result-container"),
$ghostinputcontainer = $(".js-ac-ghost-container");
$ghostinputcontainer.siblings().remove();
var model = FilterEngine.BuildModel($ghostinputcontainer);
var lang = $("html").attr("lang");
$(".js-traditional-trigger").addClass("button-loading");
FilterEngine["PendingRequest"] = $.ajax({
beforeSend: function () {
if (FilterEngine["PendingRequest"] != null) {
FilterEngine["PendingRequest"].abort();
}
if (AutoComplete["PendingRequest"] != null) {
AutoComplete["PendingRequest"].abort();
}
$(".js-hs-load-more").hide();
if (isloadmore) {
$(".js-result-count").clone().insertAfter($(".js-hs-load-more")).hide().fadeIn(200, function () {
//$(this).focus();
});
}
$(".js-result-count").each(function () {
$(this).addClass("loading");
$(this).html($(this).data("ts-load"));
});
},
url: $("#jsautocomplete").data("filterurl"),
method: "post",
dataType: 'json',
data: {
historicalSearchFilter: model,
skip: isloadmore ? FilterEngine.Skip : 0,
take: FilterEngine.Take,
updatesortorder: isSort,
lang: lang
},
success: function (response) {
$(".js-start-container").remove();
var isCanceled = typeof (response.CancelMsg) !== "undefined";
console.log("is canceled " + isCanceled);
if (!isCanceled) {
if ($(".js-autocomplete").val() === "") {
$ghostinputcontainer.next().fadeOut(200);
}
if (isloadmore && $(".js-hs-load-more").next().hasClass("js-result-count")) {
$(".js-hs-load-more").next().remove();
}
if (response.HideLoadMore) {
$(".js-hs-load-more").hide();
} else {
$(".js-hs-load-more").html(response.UpdatedLoadMoreText);
$(".js-hs-load-more").show();
}
if (!isloadmore) {
$resultContainer.hide().html(response.Html).fadeIn(300,
function () {
});
} else {
$resultContainer.append(response.Html).slideDown(100,
function () {
var $li = $(".js-hs-result-li").eq(FilterEngine.Skip);
if ($li.length) {
var $focused = $(':focus');
if (!$focused.is("input[type='text']")) {
$('html, body').animate({
scrollTop: $li.offset().top
},
800,
function () {
$li.delay(400).queue(function (next) {
$li.removeAttr("style");
$li.find("h3:first").attr("tabindex", -1);
$li.find("h3:first").focus();
next();
});
});
}
}
});
}
var resultCount = isloadmore ? response.LoadMoreHitText : $(".js-result-container").find(".js-result-count").text().replace(" ", "");
$(".js-result-count").each(function () {
$(this).hide().removeClass("loading");
$(this).html(resultCount.replace(/\b(\d+)\b/g, '$1')).fadeIn(100);
});
FilterEngine["Skip"] = $resultContainer.find(".js-hs-result-li").length;
FilterEngine["PendingRequest"] = null;
AutoComplete["YearTagPending"] = null;
FilterEngine.HandleClearBtn($ghostinputcontainer);
$(".js-traditional-trigger").removeClass("button-loading");
localStorage.removeItem("textor");
var hidesort = response.HideSort;
if (hidesort) {
$(".js-hs-datesort").hide();
}
} else {
$(".js-traditional-trigger").removeClass("button-loading");
$(".js-result-count").each(function () {
$(this).hide().removeClass("loading");
$(this).html(response.CancelMsg).fadeIn(100);
});
$(".js-result-wrapper").html("");
}
$('.carousel').flickity({
contain: true,
prevNextButtons: true,
pageDots: false,
cellAlign: "left",
groupCells: 2
});
setTimeout(function () {
window.slimmage.checkResponsiveImages();
$('.clickableArea').matchHeight();
$('.jsMovieItem').matchHeight();
}, 50);
setTimeout(function () {
$(".carousel[data-lazyload='True']").each(function () {
FilterEngine.LazyLoad(this.id);
});
}, 500);
},
error: function (xhr, e) {
//console.error(xhr.responseText);
console.error(e);
FilterEngine["PendingRequest"] = null;
}
});
},
LazyLoad: function (contentGuid) {
const lang = $("html").attr("lang");
if ($(".js-ac-ghost-container").find(".js-autocomplete-filter").length === 0) {
$.ajax({
url: "/MovieLandingPage/LazyLoad",
dataType: "json",
method: "GET",
data: { contentGuid: contentGuid, lang: lang },
success: function (response) {
$('#' + contentGuid).flickity('append', $(response.Html));
setTimeout(function () {
window.slimmage.checkResponsiveImages();
$('.clickableArea').matchHeight();
$('.jsMovieItem').matchHeight();
},
50);
},
error: function (xhr) {
console.log(xhr);
}
});
} else {
const $ghostinputcontainer = $(".js-ac-ghost-container");
$ghostinputcontainer.siblings().remove();
const model = FilterEngine.BuildModel($ghostinputcontainer);
$.ajax({
url: "/MovieLandingPage/LazyLoadWithFilter",
dataType: "json",
method: "POST",
data: { historicalSearchFilter: model, contentGuid: contentGuid, lang: lang },
success: function (response) {
$('#' + contentGuid).flickity('append', $(response.Html));
setTimeout(function () {
window.slimmage.checkResponsiveImages();
$('.clickableArea').matchHeight();
$('.jsMovieItem').matchHeight();
},
50);
},
error: function (xhr) {
console.log(xhr);
}
});
}
},
BackToIndex: function () {
var url = FilterEngine.GetCookieLocation();
$.ajax({
type: "GET",
url: url,
data: {},
dataType: "html",
success: function (response) {
$("body").html(response);
}
});
},
StoreCookieLocation: function () {
var lang = $("html").attr("lang");
Cookies.set('currentLocation_' + lang, window.location.href, { expires: 3000 });
},
GetCookieLocation: function () {
var lang = $("html").attr("lang");
return Cookies.get('currentLocation_' + lang);
},
IsEmpty: function (obj) {
return Object.keys(obj).length === 0;
},
LoadMore: function () {
FilterEngine.Search(true, null);
},
ClearAll: function (e) {
e.preventDefault();
var $self = $(this),
$ul = $(".js-ac-ghost-container").find("ul:first");
$self.attr("diabled", "disabled");
$ul.find(".js-autocomplete-filter").each(function () {
var $btn = $(this).find(".js-ac-remove");
if ($(this).hasClass("js-ac-year-tag-from") || $(this).hasClass("js-ac-year-tag-to")) {
FilterEngine.RemoveYearFilterFromParameter($btn);
} else {
AutoComplete.RemoveFilterTagFromParameter($btn, false);
}
$btn.closest("li").remove();
});
$(this).delay(200).queue(function (next) {
FilterEngine.Search();
next();
});
},
HandleClearBtn: function ($ghostinputcontainer) {
//var $ul = $ghostinputcontainer.find("ul:first");
//var leng = $ul.find(".js-autocomplete-filter").length;
//leng >= 2 ? $(".js-hs-clearance").find("button").removeAttr("disabled") : $(".js-hs-clearance").find("button").attr("disabled", "disabled");
},
StoreFilters: function (e) {
e.preventDefault();
var $self = $(this);
if ($self.attr("href") !== "#" && $self.attr("href") !== undefined) {
window.open($self.attr('href'));
}
var $ghostContainer = $(".js-ac-ghost-container");
var model = FilterEngine.BuildModel($ghostContainer);
$.ajax({
url: "/SearchHistoricalPage/StoreFilter",
method: "post",
data: { historicalSearchFilter: model, hits: $(".historical-results-found").text().replace(/\s/g, "").match(/\d+/) },
success: function (response) {
$(".js-historical-search").attr("data-sharedbid", newGuid());
if (response === 200 && $self.attr("href") === "#") {
var $old = $("Spara filtrering!");
var $new = $("" +
AutoComplete.HandleQuotes(groupedval) +
" ").hide().insertBefore($lastLi).fadeIn(500);
$lastAttached.append($(""));
$lastAttached.children().last().get(0)
.addEventListener("click", AutoComplete.RemoveFilterTag, false);
continue;
}
continue;
}
var $attached =
$("" +
currentVal.replace('"', '') +
" ").hide().insertBefore($lastLi).fadeIn(500);
$attached.append($(""));
$attached.children().last().get(0).addEventListener("click", AutoComplete.RemoveFilterTag, false);
}
},
HandleQuotes: function (value) {
var hasendingchar = value.charAt(value.length - 1) === '"';
var hasLeadingChar = value.charAt(0) === '"';
if (hasendingchar) {
value = value.substring(1, value.length - 1);
}
if (hasLeadingChar && !hasendingchar) {
value = value.substr(1, value.length - 1);
}
return value;
},
Debounce: function (func, delay) {
var timer = null;
return function () {
var context = this, args = arguments;
clearTimeout(timer);
timer = setTimeout(function () {
func.apply(context, args);
},
delay);
};
},
FireYearTag: function (e) {
var isStart = $(this).attr("name") === "StartYear";
if ($(this).val() === "" || $(this).val().length < 4) {
var $msgs = $(this).closest(".js-year-filtercontainer").find(".customValidationMessage");
$msgs.each(function () {
var $prev = $(this).prev();
if ($prev.is("br")) {
$prev.remove();
}
$(this).remove();
});
$(this).val(isStart ? FilterEngine.StartYear : (new Date()).getFullYear());
}
var oldValue = localStorage.getItem($(this).attr("id"));
localStorage.setItem($(this).attr("id"), $(this).val());
var isedge = window.navigator.userAgent.indexOf("Edge") > -1;
$(this).delay(200).queue(function (next) {
if (AutoComplete["YearTagPending"] !== null) {
console.error("abort");
return false;
}
console.log(($(this).val() === oldValue) + " same value");
var s = (localStorage.getItem("shouldSearch") == null ||
JSON.parse(localStorage.getItem("shouldSearch")) == true) &&
$(this).val() != oldValue;
if ((e.which === 13 || e.which === 9 || e.which === 0) || isedge) { //edge
var valid = AutoComplete.ConstructYearTag($(this));
console.log("is valid " + valid);
console.log("search now? " + (s));
if (valid && s) {
console.log("searcijfop");
FilterEngine.Search();
} else {
console.log("nidd");
}
} else {
console.log("NOPE!");
}
next();
return true;
});
},
HanldeIllegalCharacters: function (e) {
var isNumber = (e.which >= 48 && e.which <= 57) || (e.which >= 96 && e.which <= 105),
isArrow = e.which > 36 && e.which < 41,
isBackTab = e.shiftKey && e.which === 9,
isPaste = typeof e.which === "undefined";
if (e.which === 9 || e.which === 8 || e.which === 0 || e.which === 16 || e.which === 13 || isBackTab) {
e.preventDefault();
} else if (!isNumber && !isArrow && !isPaste) {
return false;
}
var $input = $(this),
val = $input.val().replace('+', '');
var selectedValue = isTextSelected($input.get(0));
if (isNumber) {
if (val.length >= 4 && selectedValue.length === 0) {
$input.val(val.substring(0, 3));
}
return true;
}
if (e.which === 8) {
if (selectedValue.length > 0) {
$input.val(val.replace(selectedValue, ""));
} else {
$input.val(val.substring(0, val.length - 1));
}
}
if (e.which === 9 || isBackTab || e.which === 13 || e.which === 0) {
return AutoComplete.ValidateYear($input, e.which, isBackTab);
}
if (e.which === 69 || e.which > 184 && e.which < 195) {
return false;
}
},
ValidateYear: function ($yearField, keycode, isBackTab) {
var $formfield = $yearField.closest(".form-field"),
isBlur = keycode === 0 || keycode === 9 || keycode === 13 || isBackTab,
val = $yearField.val(),
id = $yearField.attr("id"),
isStartYear = $yearField.attr("id").toLowerCase().indexOf('start') === 0,
$container = $formfield.closest(".js-year-filtercontainer"),
$secondYearField = $container.find(".js-year-filter").not($yearField),
$existingTag = AutoComplete.GhostContainer.find(".js-ac-year-tag-" + (isStartYear ? "from" : "to")),
$existingSiblingTag = AutoComplete.GhostContainer.find(".js-ac-year-tag-" + (isStartYear ? "to" : "from")),
$small = $formfield.prev().find("small:first");
var isValid = val.length === 4;
if ($secondYearField.val() !== "" && isValid) {
isValid = isStartYear
? parseInt(val) <= parseInt($secondYearField.val())
: parseInt(val) >= parseInt($secondYearField.val());
}
//get last
var shouldSearch = true;
if (!isValid && !(isBlur && val.length === 0)) {
$formfield.addClass("errorOnThis");
if (!$formfield.find(".customValidationMessage").length) {
$formfield.find("label").append("
" + $yearField.attr("data-error") + ""); } $secondYearField.closest(".form-field").addClass("errorOnThis"); if (!$secondYearField.closest(".form-field").find(".customValidationMessage").length) { $secondYearField.closest(".form-field").find("label").append( "
" + $yearField.attr("data-error") + ""); } $yearField.focus(); return false; } $formfield.removeClass("errorOnThis"); $formfield.find("br, .customValidationMessage").remove(); $secondYearField.closest(".form-field").find("br, .customValidationMessage").remove(); if (isBlur) { if (val.length < 4) { $yearField.val(isStartYear ? FilterEngine.StartYear : (new Date()).getFullYear()); } var retrievedObject = localStorage.getItem(id); var semivalid = retrievedObject === null || (retrievedObject != null && retrievedObject.length === 4 && retrievedObject !== val && retrievedObject !== ""); console.log(retrievedObject === null + " object is null"); shouldSearch = semivalid; localStorage.setItem("shouldSearch", shouldSearch); if (keycode === 13 || keycode === 9 && !isBackTab) { isStartYear ? $(".js-year-filter").not($yearField).focus() : $(".js-filter-toggle").focus(); } else if (isBackTab) { !isStartYear ? $(".js-year-filter").not($yearField).focus() : $(".js-traditional-trigger").focus(); } return true; } if (!$small.length) { $small = $("" + (AutoComplete.SweMode ? "(åååå)" : "(yyyy)") + ""); } return true; }, ConstructYearTag: function ($input) { var val = $input.val(), firstOfKind = $input.attr("id").toLowerCase().indexOf('start') === 0, $ghostContainer = $(".js-ac-ghost-container"), $existingTag = $ghostContainer.find(".js-ac-year-tag-" + (firstOfKind ? "from" : "to")), $existingSiblingTag = $ghostContainer.find(".js-ac-year-tag-" + (firstOfKind ? "to" : "from")), hasFilters = $ghostContainer.find(".js-autocomplete-filter").length, $inputFilterSibling = $input.closest(".js-year-filtercontainer").find(".js-year-filter").not($input), $siblingformField = $inputFilterSibling.closest(".form-field"), $formfield = $input.closest(".form-field"), $small = $input.prev().find("small:first"), isSwedish = $("html").attr("lang") === "sv", closeTxt = AutoComplete.SweMode ? " ta bort " : " remove "; var toText = isSwedish ? "Till år" : "To year"; var $closeBtn = $(""); var fromText = isSwedish ? "Från år" : "From year"; var $lblTag = $(""); var $yearTag = $("" + val + ""); $small = $("" + (isSwedish ? "(åååå)" : "(yyyy)") + ""); var validValue = true; if ($inputFilterSibling.val() !== "" && validValue) { validValue = firstOfKind ? parseInt(val) <= parseInt($inputFilterSibling.val()) : parseInt(val) >= parseInt($inputFilterSibling.val()); } if (validValue) { $formfield.removeClass("errorOnThis"); $siblingformField.removeClass("errorOnThis"); if (!$existingTag.length) { $existingTag = $("") .hide(); if (hasFilters) { $existingTag.insertAfter($ghostContainer.find(".js-autocomplete-filter:last")).fadeIn(100, function () { $(this).prepend($yearTag); $(this).prepend($lblTag); $(this).append($closeBtn); $(this).children().not('.button-wrapper').not(".label-wrapper") .wrapAll(""); $(this).children().last().children().get(0) .addEventListener("click", FilterEngine.ToggleFilter, false); }); } else { $ghostContainer.find("ul:first").prepend($existingTag); $existingTag.fadeIn(100, function () { $(this).prepend($yearTag); $(this).prepend($lblTag); $(this).append($closeBtn); $(this).children().not('.button-wrapper').not(".label-wrapper") .wrapAll(""); $(this).children().last().children().get(0) .addEventListener("click", FilterEngine.ToggleFilter, false); $small.insertBefore($lblTag.find("br")); }); } } else { //$existingTag.find("label:first").replaceWith($lblTag); $existingTag.find("[data-year]").replaceWith($yearTag); $existingTag.children().not('.button-wrapper').not(".label-wrapper") .wrapAll(""); //$existingTag.html($lblTag + $yearTag); } if ($inputFilterSibling.length) { var $span = $existingSiblingTag.find("span:first"); $span.attr("data-year", $inputFilterSibling.val()); $span.html($inputFilterSibling.val()); } return true; } }, HandleFilterTag: function (e) { e.preventDefault(); var $input = $(this), iscreate = $input.is(":radio") ? $input.is(":checked") : !$input.is(":checked"), $subfiltergroup = $input.closest(".js-sub-filter-group"), $container = $(".js-ac-ghost-container"), parentFilterId = $input.closest(".js-sub-filter-group").data("parentfilterid"), isSelectAll = $input.hasClass("js-select-all-hs"), $selectAll = isSelectAll ? $input : $subfiltergroup.find(".js-select-all-hs:first"), value = $input.prev().val(), performSearch = !$input.attr("data-hitType"); var type = $input.closest(".js-sub-filter-group").find("h3").html(); var $removables = $container.find("[data-parentId='" + parentFilterId + "']"); if ($input.is(":checkbox")) { $input.attr("value", iscreate); $input.next().attr("value", iscreate); $selectAll.attr("value", iscreate && isSelectAll); $selectAll.next().attr("value", iscreate && isSelectAll); } if (isSelectAll && $input.is(":checkbox")) { var $siblings = $subfiltergroup.find("input[type='checkbox']").not($input); $siblings.each(function () { $(this).removeAttr("checked"); $(this).attr("value", false); $(this).next().attr("value", false); }); } if ($input.is(":radio") && !isSelectAll) { $subfiltergroup.find("input[type='radio']").not($input).each(function () { $(this).prop("checked", false); }); } if ($input.is(":radio") || (isSelectAll && $input.is(":checked"))) { $removables.remove(); } if (!isSelectAll) { $selectAll.attr("checked", false); } if (!(isSelectAll && $input.is(":checked"))) { if (iscreate) { var $closeBtn = $(""); var hitType = $input.data("hittype"); var hasHitType = typeof (hitType) !== "undefined"; var hasLi = $container.find(".js-autocomplete-filter").length; var $attached = $("" +
$input.data("text") +
" ").hide().insertBefore($container.find("li:last")).fadeIn(500);
$attached.append($closeBtn);
$attached.children().last().get(0).addEventListener("click", AutoComplete.RemoveFilterTag, false);
},
RemoveFilterTag: function (e) {
e.preventDefault();
AutoComplete.RemoveFilterTagFromParameter($(this), true);
},
RemoveFilterTagFromParameter: function ($elem, removeparent) {
var $li = $elem.closest("li"),
parentid = $li.attr("data-parentid"),
isCategoryfilter = typeof (parentid) !== "undefined",
performSearch = !$li.attr("data-hittype");
if (isCategoryfilter) {
FilterEngine.ResetFilterGroup($li.attr("data-id"), parentid);
}
var $removeee = removeparent ? $elem.parent() : $elem.closest("li");
$removeee.fadeOut(400).remove();
if (removeparent) {
$elem.delay(700).queue(function (next) {
FilterEngine.Search();
next();
});
}
}
};
function isTextSelected(input) {
var selected = document.getSelection().toString() === input.value;
return document.getSelection().toString();
};
var FilterEngine = FilterEngine || {};
var AutoComplete = AutoComplete || {};
var funkanu = funkanu || {};
$(function () {
if ($(".js-autocomplete").length) {
localStorage.clear();
setupEvents();
FilterEngine.StoreCookieLocation();
setupHistoricalToggles();
visualizeStoredFilters();
}
if (getUrlVars()["q"] != null) {
$("#jsautocomplete").val(decodeURI(getUrlVars()["q"]));
$(".js-traditional-trigger").click();
};
if ($(".js-placeholder").length) {
if ($(document).width() > 970) {
$(".js-placeholder").attr("placeholder", $(".js-placeholder").data("placeholdernormal"));
} else {
$(".js-placeholder").attr("placeholder", $(".js-placeholder").data("placeholdershort"));
}
}
});
var setupHistoricalToggles = function () {
var ariaToggle = new funkanu.ariatoggle({
container: ".js-historical-search",
triggerSelector: ".js-help-toggle",
target: function ($elem) {
return $('.js-search-help-text');
},
toggleAction: function ($target) {
$target.slideToggle();
},
clickEvent: function ($currentTarget) {
$(this).delay(100).queue(function (next) {
var isExpanded = $currentTarget.text() === $currentTarget.data("ts-hide");
$currentTarget.html($currentTarget.data("ts-" + (isExpanded ? "show" : "hide")));
next();
});
}
});
var ariatoggle = new funkanu.ariatoggle({
container: ".js-historical-search",
triggerSelector: ".js-filter-toggle",
target: function ($elem) {
return $('.js-search-filters');
},
toggleAction: function ($target) {
$target.slideToggle();
}
});
$(".js-search-help-text").hide();
$(".js-searchfilters").hide();
}
var setupEvents = function () {
$(".js-autocomplete").on('keydown', AutoComplete.Debounce(AutoComplete.Request, 50)).on("focusout",
function (e) {
$(window).keyup(function (e) {
});
$(this).delay(500).queue(function (next) {
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
var isAndroid = /(android)/i.test(navigator.userAgent);
var $self = $(this);
if ((iOS || isAndroid) && !$(".js-autocomplete-hit").is(":focus") && $self.val().length > 0) {
var $lastLi = AutoComplete.GhostContainer
.find(".free-text, .work-filter, .artist-filter, .composer-filter").filter(function () {
return $(this).is(":visible");
}).last();
$lastLi = $lastLi.length ? $lastLi : AutoComplete.GhostContainer.find("li:last");
AutoComplete.AddChunks($lastLi, $self.val());
FilterEngine.Search();
}
next();
return false;
});
});
$(".js-autocomplete").on("focus",
function () {
var $self = $(this);
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
var isAndroid = /(android)/i.test(navigator.userAgent);
var $target = !iOS && !isAndroid ? $self.closest(".historical-search-area") : $self.closest(".historical-search-area").find(".historical-search-large-label");
//Remove scroll to text field when focus!
// $('html, body').animate({
// scrollTop: $target.offset().top
// },
// 500,
// function() {
// });
});
$("body").on("click", ".js-hs-clearance > button", FilterEngine.ClearAll);
$("body").on("click", ".js-autocomplete-hit", FilterEngine.ToggleFilter);
$("body").on("keydown",
".js-autocomplete-hit",
function (e) {
e.preventDefault();
var $self = $(this);
var isBackTab = e.which === 9 && e.shiftKey;
if (e.which !== 13 && e.which !== 9 && e.which !== 38 && e.which !== 40 && !isBackTab) {
return false;
}
if (e.which === 13) {
$(this).trigger("click");
}
//var $self = $(this),
var $li = $self.closest("li"),
$target = (e.which === 40 || e.which === 9) && !isBackTab
? $li.nextAll("li:first").find(".js-autocomplete-hit")
: $li.prevAll("li:first").find(".js-autocomplete-hit"),
$viceTarget = $target.length
? $target
: (e.which === 40 || e.which === 9) && !isBackTab
? $(".js-traditional-trigger")
: $(".js-autocomplete");
$viceTarget.focus();
$(this).delay(200).queue(function (next) {
var hasFocus = $('.js-autocomplete').is(':focus');
//if ($viceTarget.closest(".searchWordsListing").length && !$viceTarget.hasClass("white")) {
// $(".js-autocomplete-hit.free").addClass("white");
//}
//else if (!$viceTarget.hasClass("js-traditional-trigger") && hasFocus) {
// $(".js-autocomplete-hit.free").removeClass("white").addClass("tabbed");
//}
next();
});
return true;
});
$(".js-year-filter").each(function () {
localStorage.setItem($(this).attr("id"), $(this).val());
});
$(".js-year-filter").off('keydown').on("keydown", AutoComplete.HanldeIllegalCharacters);
$(".js-year-filter").on("paste", function (e) { e.preventDefault(); });
$(".js-year-filter").on("blur click", AutoComplete.FireYearTag);
$("body").on("click", ".js-hs-load-more", FilterEngine.LoadMore);
$("body").on("change", ".js-ext", AutoComplete.HandleFilterTag);
$(".js-traditional-trigger").on("click",
function (e) {
e.preventDefault();
var $autoComplete = $(".js-autocomplete"),
val = $autoComplete.val().trim();
val !== "" ? $autoComplete.trigger($.Event("keydown", { which: 13 })) : $autoComplete.focus();
}).on("keydown",
function (e) {
var $slist = $(".searchWordsListing");
if (e.shiftKey && e.which === 9 && $slist.length && $slist.find("li:not(.no-hits)").length < 1) {
$(".js-autocomplete").focus();
return false;
}
});
$(".js-ac-ghost-container").on("click",
function (e) {
e.preventDefault();
$(this).find(".js-autocomplete").focus();
});
$("body").on("change",
".js-select-all-hs",
function (e) {
e.preventDefault();
var $container = $(this).closest(".js-sub-filter-group");
$container.find("input[type='checkbox'], input[type='radio']").not($(this)).each(function () {
$(this).prop("checked", false);
});
});
$("body").on("click",
".js-hs-datesort",
function (e) {
e.preventDefault();
FilterEngine.Search(null, true);
});
$("body").on("click", ".js-share-this-huh", FilterEngine.StoreFilters);
$("body").on("click", ".js-mocked-share-this", FilterEngine.StoreFilters);
$("body").on("click", ".copy-link", FilterEngine.StoreFilters);
};
var visualizeStoredFilters = function () {
var $filterContainer = $(".js-search-filters");
if (!$filterContainer.length) {
return false;
}
var $selected = $filterContainer.find("input[type='radio'], input[type='checkbox']").filter(function () {
return $(this).is(":checked") && !$(this).hasClass("js-select-all-hs");
});
if ($selected.length) {
$selected.each(function () {
if (!($(this).is(":checkbox") && $(this).siblings("input[type='checkbox']").is(":checked"))) {
AutoComplete.CreateTagFromStoreFilter($(this));
}
});
}
var $storedFreeText = $(".js-stored-freetexts");
var $ghostContainer = $(".js-ac-ghost-container");
if ($storedFreeText.length) {
$storedFreeText.find("span").each(function () {
var $self = $(this),
closeTxt = $("html").attr("lang") == "en" ? " remove " : " ta bort ";
var $closeBtn = $("");
var $attached =
$("" +
$self.text() +
" ").hide().insertBefore($ghostContainer.find("li:last")).fadeIn(500);
$attached.append($closeBtn);
$attached.children().last().get(0).addEventListener("click", AutoComplete.RemoveFilterTag, false);
});
}
var $yearFilters = $filterContainer.find(".js-year-filter").filter(function () { return $(this).val() !== "" });
$yearFilters.each(function () {
AutoComplete.ConstructYearTag($(this));
});
if (!$(".js-hs-result-li").length) {
$(".js-hs-load-more").hide();
$(".js-hs-datesort").hide();
}
var $storedfilterDictionary = $(".js-stored-filterdictionary");
$storedfilterDictionary.find("li").each(function () {
$(this).insertBefore($ghostContainer.find("li:last"));
$(this).find(".js-ac-remove").get(0).addEventListener("click", FilterEngine.ToggleFilter, false);
});
};
function getUrlVars() {
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for (var i = 0; i < hashes.length; i++) {
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
};
var dataLayer = dataLayer || [];
var GA = {
Send: function (category, action) {
ga('send', {
hitType: 'event',
eventCategory: category,
eventAction: action,
});
}
}
$(function () {
//Calendar
$("[aria-controls='calendar-result-list']").on("click",
function (e) {
dataLayer.push({
"event": "GAevent",
"eventCategory": "Calendar Event",
"eventAction": "loaddate",
"eventLabel": "Load Date"
});
});
$("#calendar-button-previous").on("click",
function (e) {
dataLayer.push({
"event": "GAevent",
"eventCategory": "Calendar Event",
"eventAction": "previousmonth",
"eventLabel": "Previous Month"
});
});
$("#calendar-button-next").on("click",
function (e) {
dataLayer.push({
"event": "GAevent",
"eventCategory": "Calendar Event",
"eventAction": "nextmonth",
"eventLabel": "Next Month"
});
});
$("body").on("click",
".js-calendar-load-more",
function (e) {
dataLayer.push({
"event": "GAevent",
"eventCategory": "Calendar Event",
"eventAction": "loadmore",
"eventLabel": "Load More"
});
});
$(".js-select-month").on("change",
function (e) {
dataLayer.push({
"event": "GAevent",
"eventCategory": "Calendar Event",
"eventAction": "change month",
"eventLabel": "´Change Month"
});
});
$(".js-filter-form").on("change",
"input[type='checkbox']",
function (e) {
dataLayer.push({
"event": "GAevent",
"eventCategory": "Calendar Event",
"eventAction": "calendarfilter",
"eventLabel": "Calendar Filter"
});
});
});;
/*!
* Flickity PACKAGED v2.2.2
* Touch, responsive, flickable carousels
*
* Licensed GPLv3 for open source use
* or Flickity Commercial License for commercial use
*
* https://flickity.metafizzy.co
* Copyright 2015-2021 Metafizzy
*/
/**
* Bridget makes jQuery widgets
* v2.0.1
* MIT license
*/
/* jshint browser: true, strict: true, undef: true, unused: true */
( function( window, factory ) {
// universal module definition
/*jshint strict: false */ /* globals define, module, require */
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'jquery-bridget/jquery-bridget',[ 'jquery' ], function( jQuery ) {
return factory( window, jQuery );
});
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('jquery')
);
} else {
// browser global
window.jQueryBridget = factory(
window,
window.jQuery
);
}
}( window, function factory( window, jQuery ) {
'use strict';
// ----- utils ----- //
var arraySlice = Array.prototype.slice;
// helper function for logging errors
// $.error breaks jQuery chaining
var console = window.console;
var logError = typeof console == 'undefined' ? function() {} :
function( message ) {
console.error( message );
};
// ----- jQueryBridget ----- //
function jQueryBridget( namespace, PluginClass, $ ) {
$ = $ || jQuery || window.jQuery;
if ( !$ ) {
return;
}
// add option method -> $().plugin('option', {...})
if ( !PluginClass.prototype.option ) {
// option setter
PluginClass.prototype.option = function( opts ) {
// bail out if not an object
if ( !$.isPlainObject( opts ) ){
return;
}
this.options = $.extend( true, this.options, opts );
};
}
// make jQuery plugin
$.fn[ namespace ] = function( arg0 /*, arg1 */ ) {
if ( typeof arg0 == 'string' ) {
// method call $().plugin( 'methodName', { options } )
// shift arguments by 1
var args = arraySlice.call( arguments, 1 );
return methodCall( this, arg0, args );
}
// just $().plugin({ options })
plainCall( this, arg0 );
return this;
};
// $().plugin('methodName')
function methodCall( $elems, methodName, args ) {
var returnValue;
var pluginMethodStr = '$().' + namespace + '("' + methodName + '")';
$elems.each( function( i, elem ) {
// get instance
var instance = $.data( elem, namespace );
if ( !instance ) {
logError( namespace + ' not initialized. Cannot call methods, i.e. ' +
pluginMethodStr );
return;
}
var method = instance[ methodName ];
if ( !method || methodName.charAt(0) == '_' ) {
logError( pluginMethodStr + ' is not a valid method' );
return;
}
// apply method, get return value
var value = method.apply( instance, args );
// set return value if value is returned, use only first value
returnValue = returnValue === undefined ? value : returnValue;
});
return returnValue !== undefined ? returnValue : $elems;
}
function plainCall( $elems, options ) {
$elems.each( function( i, elem ) {
var instance = $.data( elem, namespace );
if ( instance ) {
// set options & init
instance.option( options );
instance._init();
} else {
// initialize new instance
instance = new PluginClass( elem, options );
$.data( elem, namespace, instance );
}
});
}
updateJQuery( $ );
}
// ----- updateJQuery ----- //
// set $.bridget for v1 backwards compatibility
function updateJQuery( $ ) {
if ( !$ || ( $ && $.bridget ) ) {
return;
}
$.bridget = jQueryBridget;
}
updateJQuery( jQuery || window.jQuery );
// ----- ----- //
return jQueryBridget;
}));
/**
* EvEmitter v1.1.0
* Lil' event emitter
* MIT License
*/
/* jshint unused: true, undef: true, strict: true */
( function( global, factory ) {
// universal module definition
/* jshint strict: false */ /* globals define, module, window */
if ( typeof define == 'function' && define.amd ) {
// AMD - RequireJS
define( 'ev-emitter/ev-emitter',factory );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS - Browserify, Webpack
module.exports = factory();
} else {
// Browser globals
global.EvEmitter = factory();
}
}( typeof window != 'undefined' ? window : this, function() {
function EvEmitter() {}
var proto = EvEmitter.prototype;
proto.on = function( eventName, listener ) {
if ( !eventName || !listener ) {
return;
}
// set events hash
var events = this._events = this._events || {};
// set listeners array
var listeners = events[ eventName ] = events[ eventName ] || [];
// only add once
if ( listeners.indexOf( listener ) == -1 ) {
listeners.push( listener );
}
return this;
};
proto.once = function( eventName, listener ) {
if ( !eventName || !listener ) {
return;
}
// add event
this.on( eventName, listener );
// set once flag
// set onceEvents hash
var onceEvents = this._onceEvents = this._onceEvents || {};
// set onceListeners object
var onceListeners = onceEvents[ eventName ] = onceEvents[ eventName ] || {};
// set flag
onceListeners[ listener ] = true;
return this;
};
proto.off = function( eventName, listener ) {
var listeners = this._events && this._events[ eventName ];
if ( !listeners || !listeners.length ) {
return;
}
var index = listeners.indexOf( listener );
if ( index != -1 ) {
listeners.splice( index, 1 );
}
return this;
};
proto.emitEvent = function( eventName, args ) {
var listeners = this._events && this._events[ eventName ];
if ( !listeners || !listeners.length ) {
return;
}
// copy over to avoid interference if .off() in listener
listeners = listeners.slice(0);
args = args || [];
// once stuff
var onceListeners = this._onceEvents && this._onceEvents[ eventName ];
for ( var i=0; i < listeners.length; i++ ) {
var listener = listeners[i]
var isOnce = onceListeners && onceListeners[ listener ];
if ( isOnce ) {
// remove listener
// remove before trigger to prevent recursion
this.off( eventName, listener );
// unset once flag
delete onceListeners[ listener ];
}
// trigger listener
listener.apply( this, args );
}
return this;
};
proto.allOff = function() {
delete this._events;
delete this._onceEvents;
};
return EvEmitter;
}));
/*!
* getSize v2.0.3
* measure size of elements
* MIT license
*/
/* jshint browser: true, strict: true, undef: true, unused: true */
/* globals console: false */
( function( window, factory ) {
/* jshint strict: false */ /* globals define, module */
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'get-size/get-size',factory );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory();
} else {
// browser global
window.getSize = factory();
}
})( window, function factory() {
'use strict';
// -------------------------- helpers -------------------------- //
// get a number from a string, not a percentage
function getStyleSize( value ) {
var num = parseFloat( value );
// not a percent like '100%', and a number
var isValid = value.indexOf('%') == -1 && !isNaN( num );
return isValid && num;
}
function noop() {}
var logError = typeof console == 'undefined' ? noop :
function( message ) {
console.error( message );
};
// -------------------------- measurements -------------------------- //
var measurements = [
'paddingLeft',
'paddingRight',
'paddingTop',
'paddingBottom',
'marginLeft',
'marginRight',
'marginTop',
'marginBottom',
'borderLeftWidth',
'borderRightWidth',
'borderTopWidth',
'borderBottomWidth'
];
var measurementsLength = measurements.length;
function getZeroSize() {
var size = {
width: 0,
height: 0,
innerWidth: 0,
innerHeight: 0,
outerWidth: 0,
outerHeight: 0
};
for ( var i=0; i < measurementsLength; i++ ) {
var measurement = measurements[i];
size[ measurement ] = 0;
}
return size;
}
// -------------------------- getStyle -------------------------- //
/**
* getStyle, get style of element, check for Firefox bug
* https://bugzilla.mozilla.org/show_bug.cgi?id=548397
*/
function getStyle( elem ) {
var style = getComputedStyle( elem );
if ( !style ) {
logError( 'Style returned ' + style +
'. Are you running this code in a hidden iframe on Firefox? ' +
'See https://bit.ly/getsizebug1' );
}
return style;
}
// -------------------------- setup -------------------------- //
var isSetup = false;
var isBoxSizeOuter;
/**
* setup
* check isBoxSizerOuter
* do on first getSize() rather than on page load for Firefox bug
*/
function setup() {
// setup once
if ( isSetup ) {
return;
}
isSetup = true;
// -------------------------- box sizing -------------------------- //
/**
* Chrome & Safari measure the outer-width on style.width on border-box elems
* IE11 & Firefox<29 measures the inner-width
*/
var div = document.createElement('div');
div.style.width = '200px';
div.style.padding = '1px 2px 3px 4px';
div.style.borderStyle = 'solid';
div.style.borderWidth = '1px 2px 3px 4px';
div.style.boxSizing = 'border-box';
var body = document.body || document.documentElement;
body.appendChild( div );
var style = getStyle( div );
// round value for browser zoom. desandro/masonry#928
isBoxSizeOuter = Math.round( getStyleSize( style.width ) ) == 200;
getSize.isBoxSizeOuter = isBoxSizeOuter;
body.removeChild( div );
}
// -------------------------- getSize -------------------------- //
function getSize( elem ) {
setup();
// use querySeletor if elem is string
if ( typeof elem == 'string' ) {
elem = document.querySelector( elem );
}
// do not proceed on non-objects
if ( !elem || typeof elem != 'object' || !elem.nodeType ) {
return;
}
var style = getStyle( elem );
// if hidden, everything is 0
if ( style.display == 'none' ) {
return getZeroSize();
}
var size = {};
size.width = elem.offsetWidth;
size.height = elem.offsetHeight;
var isBorderBox = size.isBorderBox = style.boxSizing == 'border-box';
// get all measurements
for ( var i=0; i < measurementsLength; i++ ) {
var measurement = measurements[i];
var value = style[ measurement ];
var num = parseFloat( value );
// any 'auto', 'medium' value will be 0
size[ measurement ] = !isNaN( num ) ? num : 0;
}
var paddingWidth = size.paddingLeft + size.paddingRight;
var paddingHeight = size.paddingTop + size.paddingBottom;
var marginWidth = size.marginLeft + size.marginRight;
var marginHeight = size.marginTop + size.marginBottom;
var borderWidth = size.borderLeftWidth + size.borderRightWidth;
var borderHeight = size.borderTopWidth + size.borderBottomWidth;
var isBorderBoxSizeOuter = isBorderBox && isBoxSizeOuter;
// overwrite width and height if we can get it from style
var styleWidth = getStyleSize( style.width );
if ( styleWidth !== false ) {
size.width = styleWidth +
// add padding and border unless it's already including it
( isBorderBoxSizeOuter ? 0 : paddingWidth + borderWidth );
}
var styleHeight = getStyleSize( style.height );
if ( styleHeight !== false ) {
size.height = styleHeight +
// add padding and border unless it's already including it
( isBorderBoxSizeOuter ? 0 : paddingHeight + borderHeight );
}
size.innerWidth = size.width - ( paddingWidth + borderWidth );
size.innerHeight = size.height - ( paddingHeight + borderHeight );
size.outerWidth = size.width + marginWidth;
size.outerHeight = size.height + marginHeight;
return size;
}
return getSize;
});
/**
* matchesSelector v2.0.2
* matchesSelector( element, '.selector' )
* MIT license
*/
/*jshint browser: true, strict: true, undef: true, unused: true */
( function( window, factory ) {
/*global define: false, module: false */
'use strict';
// universal module definition
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'desandro-matches-selector/matches-selector',factory );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory();
} else {
// browser global
window.matchesSelector = factory();
}
}( window, function factory() {
'use strict';
var matchesMethod = ( function() {
var ElemProto = window.Element.prototype;
// check for the standard method name first
if ( ElemProto.matches ) {
return 'matches';
}
// check un-prefixed
if ( ElemProto.matchesSelector ) {
return 'matchesSelector';
}
// check vendor prefixes
var prefixes = [ 'webkit', 'moz', 'ms', 'o' ];
for ( var i=0; i < prefixes.length; i++ ) {
var prefix = prefixes[i];
var method = prefix + 'MatchesSelector';
if ( ElemProto[ method ] ) {
return method;
}
}
})();
return function matchesSelector( elem, selector ) {
return elem[ matchesMethod ]( selector );
};
}));
/**
* Fizzy UI utils v2.0.7
* MIT license
*/
/*jshint browser: true, undef: true, unused: true, strict: true */
( function( window, factory ) {
// universal module definition
/*jshint strict: false */ /*globals define, module, require */
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'fizzy-ui-utils/utils',[
'desandro-matches-selector/matches-selector'
], function( matchesSelector ) {
return factory( window, matchesSelector );
});
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('desandro-matches-selector')
);
} else {
// browser global
window.fizzyUIUtils = factory(
window,
window.matchesSelector
);
}
}( window, function factory( window, matchesSelector ) {
var utils = {};
// ----- extend ----- //
// extends objects
utils.extend = function( a, b ) {
for ( var prop in b ) {
a[ prop ] = b[ prop ];
}
return a;
};
// ----- modulo ----- //
utils.modulo = function( num, div ) {
return ( ( num % div ) + div ) % div;
};
// ----- makeArray ----- //
var arraySlice = Array.prototype.slice;
// turn element or nodeList into an array
utils.makeArray = function( obj ) {
if ( Array.isArray( obj ) ) {
// use object if already an array
return obj;
}
// return empty array if undefined or null. #6
if ( obj === null || obj === undefined ) {
return [];
}
var isArrayLike = typeof obj == 'object' && typeof obj.length == 'number';
if ( isArrayLike ) {
// convert nodeList to array
return arraySlice.call( obj );
}
// array of single index
return [ obj ];
};
// ----- removeFrom ----- //
utils.removeFrom = function( ary, obj ) {
var index = ary.indexOf( obj );
if ( index != -1 ) {
ary.splice( index, 1 );
}
};
// ----- getParent ----- //
utils.getParent = function( elem, selector ) {
while ( elem.parentNode && elem != document.body ) {
elem = elem.parentNode;
if ( matchesSelector( elem, selector ) ) {
return elem;
}
}
};
// ----- getQueryElement ----- //
// use element as selector string
utils.getQueryElement = function( elem ) {
if ( typeof elem == 'string' ) {
return document.querySelector( elem );
}
return elem;
};
// ----- handleEvent ----- //
// enable .ontype to trigger from .addEventListener( elem, 'type' )
utils.handleEvent = function( event ) {
var method = 'on' + event.type;
if ( this[ method ] ) {
this[ method ]( event );
}
};
// ----- filterFindElements ----- //
utils.filterFindElements = function( elems, selector ) {
// make array of elems
elems = utils.makeArray( elems );
var ffElems = [];
elems.forEach( function( elem ) {
// check that elem is an actual element
if ( !( elem instanceof HTMLElement ) ) {
return;
}
// add elem if no selector
if ( !selector ) {
ffElems.push( elem );
return;
}
// filter & find items if we have a selector
// filter
if ( matchesSelector( elem, selector ) ) {
ffElems.push( elem );
}
// find children
var childElems = elem.querySelectorAll( selector );
// concat childElems to filterFound array
for ( var i=0; i < childElems.length; i++ ) {
ffElems.push( childElems[i] );
}
});
return ffElems;
};
// ----- debounceMethod ----- //
utils.debounceMethod = function( _class, methodName, threshold ) {
threshold = threshold || 100;
// original method
var method = _class.prototype[ methodName ];
var timeoutName = methodName + 'Timeout';
_class.prototype[ methodName ] = function() {
var timeout = this[ timeoutName ];
clearTimeout( timeout );
var args = arguments;
var _this = this;
this[ timeoutName ] = setTimeout( function() {
method.apply( _this, args );
delete _this[ timeoutName ];
}, threshold );
};
};
// ----- docReady ----- //
utils.docReady = function( callback ) {
var readyState = document.readyState;
if ( readyState == 'complete' || readyState == 'interactive' ) {
// do async to allow for other scripts to run. metafizzy/flickity#441
setTimeout( callback );
} else {
document.addEventListener( 'DOMContentLoaded', callback );
}
};
// ----- htmlInit ----- //
// http://jamesroberts.name/blog/2010/02/22/string-functions-for-javascript-trim-to-camel-case-to-dashed-and-to-underscore/
utils.toDashed = function( str ) {
return str.replace( /(.)([A-Z])/g, function( match, $1, $2 ) {
return $1 + '-' + $2;
}).toLowerCase();
};
var console = window.console;
/**
* allow user to initialize classes via [data-namespace] or .js-namespace class
* htmlInit( Widget, 'widgetName' )
* options are parsed from data-namespace-options
*/
utils.htmlInit = function( WidgetClass, namespace ) {
utils.docReady( function() {
var dashedNamespace = utils.toDashed( namespace );
var dataAttr = 'data-' + dashedNamespace;
var dataAttrElems = document.querySelectorAll( '[' + dataAttr + ']' );
var jsDashElems = document.querySelectorAll( '.js-' + dashedNamespace );
var elems = utils.makeArray( dataAttrElems )
.concat( utils.makeArray( jsDashElems ) );
var dataOptionsAttr = dataAttr + '-options';
var jQuery = window.jQuery;
elems.forEach( function( elem ) {
var attr = elem.getAttribute( dataAttr ) ||
elem.getAttribute( dataOptionsAttr );
var options;
try {
options = attr && JSON.parse( attr );
} catch ( error ) {
// log error, do not initialize
if ( console ) {
console.error( 'Error parsing ' + dataAttr + ' on ' + elem.className +
': ' + error );
}
return;
}
// initialize
var instance = new WidgetClass( elem, options );
// make available via $().data('namespace')
if ( jQuery ) {
jQuery.data( elem, namespace, instance );
}
});
});
};
// ----- ----- //
return utils;
}));
// Flickity.Cell
( function( window, factory ) {
// universal module definition
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'flickity/js/cell',[
'get-size/get-size',
], function( getSize ) {
return factory( window, getSize );
} );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('get-size')
);
} else {
// browser global
window.Flickity = window.Flickity || {};
window.Flickity.Cell = factory(
window,
window.getSize
);
}
}( window, function factory( window, getSize ) {
function Cell( elem, parent ) {
this.element = elem;
this.parent = parent;
this.create();
}
var proto = Cell.prototype;
proto.create = function() {
this.element.style.position = 'absolute';
this.element.setAttribute( 'aria-hidden', 'true' );
this.x = 0;
this.shift = 0;
};
proto.destroy = function() {
// reset style
this.unselect();
this.element.style.position = '';
var side = this.parent.originSide;
this.element.style[ side ] = '';
this.element.removeAttribute('aria-hidden');
};
proto.getSize = function() {
this.size = getSize( this.element );
};
proto.setPosition = function( x ) {
this.x = x;
this.updateTarget();
this.renderPosition( x );
};
// setDefaultTarget v1 method, backwards compatibility, remove in v3
proto.updateTarget = proto.setDefaultTarget = function() {
var marginProperty = this.parent.originSide == 'left' ? 'marginLeft' : 'marginRight';
this.target = this.x + this.size[ marginProperty ] +
this.size.width * this.parent.cellAlign;
};
proto.renderPosition = function( x ) {
// render position of cell with in slider
var side = this.parent.originSide;
this.element.style[ side ] = this.parent.getPositionValue( x );
};
proto.select = function() {
this.element.classList.add('is-selected');
this.element.removeAttribute('aria-hidden');
};
proto.unselect = function() {
this.element.classList.remove('is-selected');
this.element.setAttribute( 'aria-hidden', 'true' );
};
/**
* @param {Integer} shift - 0, 1, or -1
*/
proto.wrapShift = function( shift ) {
this.shift = shift;
this.renderPosition( this.x + this.parent.slideableWidth * shift );
};
proto.remove = function() {
this.element.parentNode.removeChild( this.element );
};
return Cell;
} ) );
// slide
( function( window, factory ) {
// universal module definition
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'flickity/js/slide',factory );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory();
} else {
// browser global
window.Flickity = window.Flickity || {};
window.Flickity.Slide = factory();
}
}( window, function factory() {
'use strict';
function Slide( parent ) {
this.parent = parent;
this.isOriginLeft = parent.originSide == 'left';
this.cells = [];
this.outerWidth = 0;
this.height = 0;
}
var proto = Slide.prototype;
proto.addCell = function( cell ) {
this.cells.push( cell );
this.outerWidth += cell.size.outerWidth;
this.height = Math.max( cell.size.outerHeight, this.height );
// first cell stuff
if ( this.cells.length == 1 ) {
this.x = cell.x; // x comes from first cell
var beginMargin = this.isOriginLeft ? 'marginLeft' : 'marginRight';
this.firstMargin = cell.size[ beginMargin ];
}
};
proto.updateTarget = function() {
var endMargin = this.isOriginLeft ? 'marginRight' : 'marginLeft';
var lastCell = this.getLastCell();
var lastMargin = lastCell ? lastCell.size[ endMargin ] : 0;
var slideWidth = this.outerWidth - ( this.firstMargin + lastMargin );
this.target = this.x + this.firstMargin + slideWidth * this.parent.cellAlign;
};
proto.getLastCell = function() {
return this.cells[ this.cells.length - 1 ];
};
proto.select = function() {
this.cells.forEach( function( cell ) {
cell.select();
} );
};
proto.unselect = function() {
this.cells.forEach( function( cell ) {
cell.unselect();
} );
};
proto.getCellElements = function() {
return this.cells.map( function( cell ) {
return cell.element;
} );
};
return Slide;
} ) );
// animate
( function( window, factory ) {
// universal module definition
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'flickity/js/animate',[
'fizzy-ui-utils/utils',
], function( utils ) {
return factory( window, utils );
} );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('fizzy-ui-utils')
);
} else {
// browser global
window.Flickity = window.Flickity || {};
window.Flickity.animatePrototype = factory(
window,
window.fizzyUIUtils
);
}
}( window, function factory( window, utils ) {
// -------------------------- animate -------------------------- //
var proto = {};
proto.startAnimation = function() {
if ( this.isAnimating ) {
return;
}
this.isAnimating = true;
this.restingFrames = 0;
this.animate();
};
proto.animate = function() {
this.applyDragForce();
this.applySelectedAttraction();
var previousX = this.x;
this.integratePhysics();
this.positionSlider();
this.settle( previousX );
// animate next frame
if ( this.isAnimating ) {
var _this = this;
requestAnimationFrame( function animateFrame() {
_this.animate();
} );
}
};
proto.positionSlider = function() {
var x = this.x;
// wrap position around
if ( this.options.wrapAround && this.cells.length > 1 ) {
x = utils.modulo( x, this.slideableWidth );
x -= this.slideableWidth;
this.shiftWrapCells( x );
}
this.setTranslateX( x, this.isAnimating );
this.dispatchScrollEvent();
};
proto.setTranslateX = function( x, is3d ) {
x += this.cursorPosition;
// reverse if right-to-left and using transform
x = this.options.rightToLeft ? -x : x;
var translateX = this.getPositionValue( x );
// use 3D transforms for hardware acceleration on iOS
// but use 2D when settled, for better font-rendering
this.slider.style.transform = is3d ?
'translate3d(' + translateX + ',0,0)' : 'translateX(' + translateX + ')';
};
proto.dispatchScrollEvent = function() {
var firstSlide = this.slides[0];
if ( !firstSlide ) {
return;
}
var positionX = -this.x - firstSlide.target;
var progress = positionX / this.slidesWidth;
this.dispatchEvent( 'scroll', null, [ progress, positionX ] );
};
proto.positionSliderAtSelected = function() {
if ( !this.cells.length ) {
return;
}
this.x = -this.selectedSlide.target;
this.velocity = 0; // stop wobble
this.positionSlider();
};
proto.getPositionValue = function( position ) {
if ( this.options.percentPosition ) {
// percent position, round to 2 digits, like 12.34%
return ( Math.round( ( position / this.size.innerWidth ) * 10000 ) * 0.01 ) + '%';
} else {
// pixel positioning
return Math.round( position ) + 'px';
}
};
proto.settle = function( previousX ) {
// keep track of frames where x hasn't moved
var isResting = !this.isPointerDown &&
Math.round( this.x * 100 ) == Math.round( previousX * 100 );
if ( isResting ) {
this.restingFrames++;
}
// stop animating if resting for 3 or more frames
if ( this.restingFrames > 2 ) {
this.isAnimating = false;
delete this.isFreeScrolling;
// render position with translateX when settled
this.positionSlider();
this.dispatchEvent( 'settle', null, [ this.selectedIndex ] );
}
};
proto.shiftWrapCells = function( x ) {
// shift before cells
var beforeGap = this.cursorPosition + x;
this._shiftCells( this.beforeShiftCells, beforeGap, -1 );
// shift after cells
var afterGap = this.size.innerWidth - ( x + this.slideableWidth + this.cursorPosition );
this._shiftCells( this.afterShiftCells, afterGap, 1 );
};
proto._shiftCells = function( cells, gap, shift ) {
for ( var i = 0; i < cells.length; i++ ) {
var cell = cells[i];
var cellShift = gap > 0 ? shift : 0;
cell.wrapShift( cellShift );
gap -= cell.size.outerWidth;
}
};
proto._unshiftCells = function( cells ) {
if ( !cells || !cells.length ) {
return;
}
for ( var i = 0; i < cells.length; i++ ) {
cells[i].wrapShift( 0 );
}
};
// -------------------------- physics -------------------------- //
proto.integratePhysics = function() {
this.x += this.velocity;
this.velocity *= this.getFrictionFactor();
};
proto.applyForce = function( force ) {
this.velocity += force;
};
proto.getFrictionFactor = function() {
return 1 - this.options[ this.isFreeScrolling ? 'freeScrollFriction' : 'friction' ];
};
proto.getRestingPosition = function() {
// my thanks to Steven Wittens, who simplified this math greatly
return this.x + this.velocity / ( 1 - this.getFrictionFactor() );
};
proto.applyDragForce = function() {
if ( !this.isDraggable || !this.isPointerDown ) {
return;
}
// change the position to drag position by applying force
var dragVelocity = this.dragX - this.x;
var dragForce = dragVelocity - this.velocity;
this.applyForce( dragForce );
};
proto.applySelectedAttraction = function() {
// do not attract if pointer down or no slides
var dragDown = this.isDraggable && this.isPointerDown;
if ( dragDown || this.isFreeScrolling || !this.slides.length ) {
return;
}
var distance = this.selectedSlide.target * -1 - this.x;
var force = distance * this.options.selectedAttraction;
this.applyForce( force );
};
return proto;
} ) );
// Flickity main
/* eslint-disable max-params */
( function( window, factory ) {
// universal module definition
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'flickity/js/flickity',[
'ev-emitter/ev-emitter',
'get-size/get-size',
'fizzy-ui-utils/utils',
'./cell',
'./slide',
'./animate',
], function( EvEmitter, getSize, utils, Cell, Slide, animatePrototype ) {
return factory( window, EvEmitter, getSize, utils, Cell, Slide, animatePrototype );
} );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('ev-emitter'),
require('get-size'),
require('fizzy-ui-utils'),
require('./cell'),
require('./slide'),
require('./animate')
);
} else {
// browser global
var _Flickity = window.Flickity;
window.Flickity = factory(
window,
window.EvEmitter,
window.getSize,
window.fizzyUIUtils,
_Flickity.Cell,
_Flickity.Slide,
_Flickity.animatePrototype
);
}
}( window, function factory( window, EvEmitter, getSize,
utils, Cell, Slide, animatePrototype ) {
/* eslint-enable max-params */
// vars
var jQuery = window.jQuery;
var getComputedStyle = window.getComputedStyle;
var console = window.console;
function moveElements( elems, toElem ) {
elems = utils.makeArray( elems );
while ( elems.length ) {
toElem.appendChild( elems.shift() );
}
}
// -------------------------- Flickity -------------------------- //
// globally unique identifiers
var GUID = 0;
// internal store of all Flickity intances
var instances = {};
function Flickity( element, options ) {
var queryElement = utils.getQueryElement( element );
if ( !queryElement ) {
if ( console ) {
console.error( 'Bad element for Flickity: ' + ( queryElement || element ) );
}
return;
}
this.element = queryElement;
// do not initialize twice on same element
if ( this.element.flickityGUID ) {
var instance = instances[ this.element.flickityGUID ];
if ( instance ) instance.option( options );
return instance;
}
// add jQuery
if ( jQuery ) {
this.$element = jQuery( this.element );
}
// options
this.options = utils.extend( {}, this.constructor.defaults );
this.option( options );
// kick things off
this._create();
}
Flickity.defaults = {
accessibility: true,
// adaptiveHeight: false,
cellAlign: 'center',
// cellSelector: undefined,
// contain: false,
freeScrollFriction: 0.075, // friction when free-scrolling
friction: 0.28, // friction when selecting
namespaceJQueryEvents: true,
// initialIndex: 0,
percentPosition: true,
resize: true,
selectedAttraction: 0.025,
setGallerySize: true,
// watchCSS: false,
// wrapAround: false
};
// hash of methods triggered on _create()
Flickity.createMethods = [];
var proto = Flickity.prototype;
// inherit EventEmitter
utils.extend( proto, EvEmitter.prototype );
proto._create = function() {
// add id for Flickity.data
var id = this.guid = ++GUID;
this.element.flickityGUID = id; // expando
instances[ id ] = this; // associate via id
// initial properties
this.selectedIndex = 0;
// how many frames slider has been in same position
this.restingFrames = 0;
// initial physics properties
this.x = 0;
this.velocity = 0;
this.originSide = this.options.rightToLeft ? 'right' : 'left';
// create viewport & slider
this.viewport = document.createElement('div');
this.viewport.className = 'flickity-viewport';
this._createSlider();
if ( this.options.resize || this.options.watchCSS ) {
window.addEventListener( 'resize', this );
}
// add listeners from on option
for ( var eventName in this.options.on ) {
var listener = this.options.on[ eventName ];
this.on( eventName, listener );
}
Flickity.createMethods.forEach( function( method ) {
this[ method ]();
}, this );
if ( this.options.watchCSS ) {
this.watchCSS();
} else {
this.activate();
}
};
/**
* set options
* @param {Object} opts - options to extend
*/
proto.option = function( opts ) {
utils.extend( this.options, opts );
};
proto.activate = function() {
if ( this.isActive ) {
return;
}
this.isActive = true;
this.element.classList.add('flickity-enabled');
if ( this.options.rightToLeft ) {
this.element.classList.add('flickity-rtl');
}
this.getSize();
// move initial cell elements so they can be loaded as cells
var cellElems = this._filterFindCellElements( this.element.children );
moveElements( cellElems, this.slider );
this.viewport.appendChild( this.slider );
this.element.appendChild( this.viewport );
// get cells from children
this.reloadCells();
if ( this.options.accessibility ) {
// allow element to focusable
this.element.tabIndex = 0;
// listen for key presses
this.element.addEventListener( 'keydown', this );
}
this.emitEvent('activate');
this.selectInitialIndex();
// flag for initial activation, for using initialIndex
this.isInitActivated = true;
// ready event. #493
this.dispatchEvent('ready');
};
// slider positions the cells
proto._createSlider = function() {
// slider element does all the positioning
var slider = document.createElement('div');
slider.className = 'flickity-slider';
slider.style[ this.originSide ] = 0;
this.slider = slider;
};
proto._filterFindCellElements = function( elems ) {
return utils.filterFindElements( elems, this.options.cellSelector );
};
// goes through all children
proto.reloadCells = function() {
// collection of item elements
this.cells = this._makeCells( this.slider.children );
this.positionCells();
this._getWrapShiftCells();
this.setGallerySize();
};
/**
* turn elements into Flickity.Cells
* @param {[Array, NodeList, HTMLElement]} elems - elements to make into cells
* @returns {Array} items - collection of new Flickity Cells
*/
proto._makeCells = function( elems ) {
var cellElems = this._filterFindCellElements( elems );
// create new Flickity for collection
var cells = cellElems.map( function( cellElem ) {
return new Cell( cellElem, this );
}, this );
return cells;
};
proto.getLastCell = function() {
return this.cells[ this.cells.length - 1 ];
};
proto.getLastSlide = function() {
return this.slides[ this.slides.length - 1 ];
};
// positions all cells
proto.positionCells = function() {
// size all cells
this._sizeCells( this.cells );
// position all cells
this._positionCells( 0 );
};
/**
* position certain cells
* @param {Integer} index - which cell to start with
*/
proto._positionCells = function( index ) {
index = index || 0;
// also measure maxCellHeight
// start 0 if positioning all cells
this.maxCellHeight = index ? this.maxCellHeight || 0 : 0;
var cellX = 0;
// get cellX
if ( index > 0 ) {
var startCell = this.cells[ index - 1 ];
cellX = startCell.x + startCell.size.outerWidth;
}
var len = this.cells.length;
for ( var i = index; i < len; i++ ) {
var cell = this.cells[i];
cell.setPosition( cellX );
cellX += cell.size.outerWidth;
this.maxCellHeight = Math.max( cell.size.outerHeight, this.maxCellHeight );
}
// keep track of cellX for wrap-around
this.slideableWidth = cellX;
// slides
this.updateSlides();
// contain slides target
this._containSlides();
// update slidesWidth
this.slidesWidth = len ? this.getLastSlide().target - this.slides[0].target : 0;
};
/**
* cell.getSize() on multiple cells
* @param {Array} cells - cells to size
*/
proto._sizeCells = function( cells ) {
cells.forEach( function( cell ) {
cell.getSize();
} );
};
// -------------------------- -------------------------- //
proto.updateSlides = function() {
this.slides = [];
if ( !this.cells.length ) {
return;
}
var slide = new Slide( this );
this.slides.push( slide );
var isOriginLeft = this.originSide == 'left';
var nextMargin = isOriginLeft ? 'marginRight' : 'marginLeft';
var canCellFit = this._getCanCellFit();
this.cells.forEach( function( cell, i ) {
// just add cell if first cell in slide
if ( !slide.cells.length ) {
slide.addCell( cell );
return;
}
var slideWidth = ( slide.outerWidth - slide.firstMargin ) +
( cell.size.outerWidth - cell.size[ nextMargin ] );
if ( canCellFit.call( this, i, slideWidth ) ) {
slide.addCell( cell );
} else {
// doesn't fit, new slide
slide.updateTarget();
slide = new Slide( this );
this.slides.push( slide );
slide.addCell( cell );
}
}, this );
// last slide
slide.updateTarget();
// update .selectedSlide
this.updateSelectedSlide();
};
proto._getCanCellFit = function() {
var groupCells = this.options.groupCells;
if ( !groupCells ) {
return function() {
return false;
};
} else if ( typeof groupCells == 'number' ) {
// group by number. 3 -> [0,1,2], [3,4,5], ...
var number = parseInt( groupCells, 10 );
return function( i ) {
return ( i % number ) !== 0;
};
}
// default, group by width of slide
// parse '75%
var percentMatch = typeof groupCells == 'string' &&
groupCells.match( /^(\d+)%$/ );
var percent = percentMatch ? parseInt( percentMatch[1], 10 ) / 100 : 1;
return function( i, slideWidth ) {
/* eslint-disable-next-line no-invalid-this */
return slideWidth <= ( this.size.innerWidth + 1 ) * percent;
};
};
// alias _init for jQuery plugin .flickity()
proto._init =
proto.reposition = function() {
this.positionCells();
this.positionSliderAtSelected();
};
proto.getSize = function() {
this.size = getSize( this.element );
this.setCellAlign();
this.cursorPosition = this.size.innerWidth * this.cellAlign;
};
var cellAlignShorthands = {
// cell align, then based on origin side
center: {
left: 0.5,
right: 0.5,
},
left: {
left: 0,
right: 1,
},
right: {
right: 0,
left: 1,
},
};
proto.setCellAlign = function() {
var shorthand = cellAlignShorthands[ this.options.cellAlign ];
this.cellAlign = shorthand ? shorthand[ this.originSide ] : this.options.cellAlign;
};
proto.setGallerySize = function() {
if ( this.options.setGallerySize ) {
var height = this.options.adaptiveHeight && this.selectedSlide ?
this.selectedSlide.height : this.maxCellHeight;
this.viewport.style.height = height + 'px';
}
};
proto._getWrapShiftCells = function() {
// only for wrap-around
if ( !this.options.wrapAround ) {
return;
}
// unshift previous cells
this._unshiftCells( this.beforeShiftCells );
this._unshiftCells( this.afterShiftCells );
// get before cells
// initial gap
var gapX = this.cursorPosition;
var cellIndex = this.cells.length - 1;
this.beforeShiftCells = this._getGapCells( gapX, cellIndex, -1 );
// get after cells
// ending gap between last cell and end of gallery viewport
gapX = this.size.innerWidth - this.cursorPosition;
// start cloning at first cell, working forwards
this.afterShiftCells = this._getGapCells( gapX, 0, 1 );
};
proto._getGapCells = function( gapX, cellIndex, increment ) {
// keep adding cells until the cover the initial gap
var cells = [];
while ( gapX > 0 ) {
var cell = this.cells[ cellIndex ];
if ( !cell ) {
break;
}
cells.push( cell );
cellIndex += increment;
gapX -= cell.size.outerWidth;
}
return cells;
};
// ----- contain ----- //
// contain cell targets so no excess sliding
proto._containSlides = function() {
if ( !this.options.contain || this.options.wrapAround || !this.cells.length ) {
return;
}
var isRightToLeft = this.options.rightToLeft;
var beginMargin = isRightToLeft ? 'marginRight' : 'marginLeft';
var endMargin = isRightToLeft ? 'marginLeft' : 'marginRight';
var contentWidth = this.slideableWidth - this.getLastCell().size[ endMargin ];
// content is less than gallery size
var isContentSmaller = contentWidth < this.size.innerWidth;
// bounds
var beginBound = this.cursorPosition + this.cells[0].size[ beginMargin ];
var endBound = contentWidth - this.size.innerWidth * ( 1 - this.cellAlign );
// contain each cell target
this.slides.forEach( function( slide ) {
if ( isContentSmaller ) {
// all cells fit inside gallery
slide.target = contentWidth * this.cellAlign;
} else {
// contain to bounds
slide.target = Math.max( slide.target, beginBound );
slide.target = Math.min( slide.target, endBound );
}
}, this );
};
// ----- ----- //
/**
* emits events via eventEmitter and jQuery events
* @param {String} type - name of event
* @param {Event} event - original event
* @param {Array} args - extra arguments
*/
proto.dispatchEvent = function( type, event, args ) {
var emitArgs = event ? [ event ].concat( args ) : args;
this.emitEvent( type, emitArgs );
if ( jQuery && this.$element ) {
// default trigger with type if no event
type += this.options.namespaceJQueryEvents ? '.flickity' : '';
var $event = type;
if ( event ) {
// create jQuery event
var jQEvent = new jQuery.Event( event );
jQEvent.type = type;
$event = jQEvent;
}
this.$element.trigger( $event, args );
}
};
// -------------------------- select -------------------------- //
/**
* @param {Integer} index - index of the slide
* @param {Boolean} isWrap - will wrap-around to last/first if at the end
* @param {Boolean} isInstant - will immediately set position at selected cell
*/
proto.select = function( index, isWrap, isInstant ) {
if ( !this.isActive ) {
return;
}
index = parseInt( index, 10 );
this._wrapSelect( index );
if ( this.options.wrapAround || isWrap ) {
index = utils.modulo( index, this.slides.length );
}
// bail if invalid index
if ( !this.slides[ index ] ) {
return;
}
var prevIndex = this.selectedIndex;
this.selectedIndex = index;
this.updateSelectedSlide();
if ( isInstant ) {
this.positionSliderAtSelected();
} else {
this.startAnimation();
}
if ( this.options.adaptiveHeight ) {
this.setGallerySize();
}
// events
this.dispatchEvent( 'select', null, [ index ] );
// change event if new index
if ( index != prevIndex ) {
this.dispatchEvent( 'change', null, [ index ] );
}
// old v1 event name, remove in v3
this.dispatchEvent('cellSelect');
};
// wraps position for wrapAround, to move to closest slide. #113
proto._wrapSelect = function( index ) {
var len = this.slides.length;
var isWrapping = this.options.wrapAround && len > 1;
if ( !isWrapping ) {
return index;
}
var wrapIndex = utils.modulo( index, len );
// go to shortest
var delta = Math.abs( wrapIndex - this.selectedIndex );
var backWrapDelta = Math.abs( ( wrapIndex + len ) - this.selectedIndex );
var forewardWrapDelta = Math.abs( ( wrapIndex - len ) - this.selectedIndex );
if ( !this.isDragSelect && backWrapDelta < delta ) {
index += len;
} else if ( !this.isDragSelect && forewardWrapDelta < delta ) {
index -= len;
}
// wrap position so slider is within normal area
if ( index < 0 ) {
this.x -= this.slideableWidth;
} else if ( index >= len ) {
this.x += this.slideableWidth;
}
};
proto.previous = function( isWrap, isInstant ) {
this.select( this.selectedIndex - 1, isWrap, isInstant );
};
proto.next = function( isWrap, isInstant ) {
this.select( this.selectedIndex + 1, isWrap, isInstant );
};
proto.updateSelectedSlide = function() {
var slide = this.slides[ this.selectedIndex ];
// selectedIndex could be outside of slides, if triggered before resize()
if ( !slide ) {
return;
}
// unselect previous selected slide
this.unselectSelectedSlide();
// update new selected slide
this.selectedSlide = slide;
slide.select();
this.selectedCells = slide.cells;
this.selectedElements = slide.getCellElements();
// HACK: selectedCell & selectedElement is first cell in slide, backwards compatibility
// Remove in v3?
this.selectedCell = slide.cells[0];
this.selectedElement = this.selectedElements[0];
};
proto.unselectSelectedSlide = function() {
if ( this.selectedSlide ) {
this.selectedSlide.unselect();
}
};
proto.selectInitialIndex = function() {
var initialIndex = this.options.initialIndex;
// already activated, select previous selectedIndex
if ( this.isInitActivated ) {
this.select( this.selectedIndex, false, true );
return;
}
// select with selector string
if ( initialIndex && typeof initialIndex == 'string' ) {
var cell = this.queryCell( initialIndex );
if ( cell ) {
this.selectCell( initialIndex, false, true );
return;
}
}
var index = 0;
// select with number
if ( initialIndex && this.slides[ initialIndex ] ) {
index = initialIndex;
}
// select instantly
this.select( index, false, true );
};
/**
* select slide from number or cell element
* @param {[Element, Number]} value - zero-based index or element to select
* @param {Boolean} isWrap - enables wrapping around for extra index
* @param {Boolean} isInstant - disables slide animation
*/
proto.selectCell = function( value, isWrap, isInstant ) {
// get cell
var cell = this.queryCell( value );
if ( !cell ) {
return;
}
var index = this.getCellSlideIndex( cell );
this.select( index, isWrap, isInstant );
};
proto.getCellSlideIndex = function( cell ) {
// get index of slides that has cell
for ( var i = 0; i < this.slides.length; i++ ) {
var slide = this.slides[i];
var index = slide.cells.indexOf( cell );
if ( index != -1 ) {
return i;
}
}
};
// -------------------------- get cells -------------------------- //
/**
* get Flickity.Cell, given an Element
* @param {Element} elem - matching cell element
* @returns {Flickity.Cell} cell - matching cell
*/
proto.getCell = function( elem ) {
// loop through cells to get the one that matches
for ( var i = 0; i < this.cells.length; i++ ) {
var cell = this.cells[i];
if ( cell.element == elem ) {
return cell;
}
}
};
/**
* get collection of Flickity.Cells, given Elements
* @param {[Element, Array, NodeList]} elems - multiple elements
* @returns {Array} cells - Flickity.Cells
*/
proto.getCells = function( elems ) {
elems = utils.makeArray( elems );
var cells = [];
elems.forEach( function( elem ) {
var cell = this.getCell( elem );
if ( cell ) {
cells.push( cell );
}
}, this );
return cells;
};
/**
* get cell elements
* @returns {Array} cellElems
*/
proto.getCellElements = function() {
return this.cells.map( function( cell ) {
return cell.element;
} );
};
/**
* get parent cell from an element
* @param {Element} elem - child element
* @returns {Flickit.Cell} cell - parent cell
*/
proto.getParentCell = function( elem ) {
// first check if elem is cell
var cell = this.getCell( elem );
if ( cell ) {
return cell;
}
// try to get parent cell elem
elem = utils.getParent( elem, '.flickity-slider > *' );
return this.getCell( elem );
};
/**
* get cells adjacent to a slide
* @param {Integer} adjCount - number of adjacent slides
* @param {Integer} index - index of slide to start
* @returns {Array} cells - array of Flickity.Cells
*/
proto.getAdjacentCellElements = function( adjCount, index ) {
if ( !adjCount ) {
return this.selectedSlide.getCellElements();
}
index = index === undefined ? this.selectedIndex : index;
var len = this.slides.length;
if ( 1 + ( adjCount * 2 ) >= len ) {
return this.getCellElements();
}
var cellElems = [];
for ( var i = index - adjCount; i <= index + adjCount; i++ ) {
var slideIndex = this.options.wrapAround ? utils.modulo( i, len ) : i;
var slide = this.slides[ slideIndex ];
if ( slide ) {
cellElems = cellElems.concat( slide.getCellElements() );
}
}
return cellElems;
};
/**
* select slide from number or cell element
* @param {[Element, String, Number]} selector - element, selector string, or index
* @returns {Flickity.Cell} - matching cell
*/
proto.queryCell = function( selector ) {
if ( typeof selector == 'number' ) {
// use number as index
return this.cells[ selector ];
}
if ( typeof selector == 'string' ) {
// do not select invalid selectors from hash: #123, #/. #791
if ( selector.match( /^[#.]?[\d/]/ ) ) {
return;
}
// use string as selector, get element
selector = this.element.querySelector( selector );
}
// get cell from element
return this.getCell( selector );
};
// -------------------------- events -------------------------- //
proto.uiChange = function() {
this.emitEvent('uiChange');
};
// keep focus on element when child UI elements are clicked
proto.childUIPointerDown = function( event ) {
// HACK iOS does not allow touch events to bubble up?!
if ( event.type != 'touchstart' ) {
event.preventDefault();
}
this.focus();
};
// ----- resize ----- //
proto.onresize = function() {
this.watchCSS();
this.resize();
};
utils.debounceMethod( Flickity, 'onresize', 150 );
proto.resize = function() {
if ( !this.isActive ) {
return;
}
this.getSize();
// wrap values
if ( this.options.wrapAround ) {
this.x = utils.modulo( this.x, this.slideableWidth );
}
this.positionCells();
this._getWrapShiftCells();
this.setGallerySize();
this.emitEvent('resize');
// update selected index for group slides, instant
// TODO: position can be lost between groups of various numbers
var selectedElement = this.selectedElements && this.selectedElements[0];
this.selectCell( selectedElement, false, true );
};
// watches the :after property, activates/deactivates
proto.watchCSS = function() {
var watchOption = this.options.watchCSS;
if ( !watchOption ) {
return;
}
var afterContent = getComputedStyle( this.element, ':after' ).content;
// activate if :after { content: 'flickity' }
if ( afterContent.indexOf('flickity') != -1 ) {
this.activate();
} else {
this.deactivate();
}
};
// ----- keydown ----- //
// go previous/next if left/right keys pressed
proto.onkeydown = function( event ) {
// only work if element is in focus
var isNotFocused = document.activeElement && document.activeElement != this.element;
if ( !this.options.accessibility || isNotFocused ) {
return;
}
var handler = Flickity.keyboardHandlers[ event.keyCode ];
if ( handler ) {
handler.call( this );
}
};
Flickity.keyboardHandlers = {
// left arrow
37: function() {
var leftMethod = this.options.rightToLeft ? 'next' : 'previous';
this.uiChange();
this[ leftMethod ]();
},
// right arrow
39: function() {
var rightMethod = this.options.rightToLeft ? 'previous' : 'next';
this.uiChange();
this[ rightMethod ]();
},
};
// ----- focus ----- //
proto.focus = function() {
// TODO remove scrollTo once focus options gets more support
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus ...
// #Browser_compatibility
var prevScrollY = window.pageYOffset;
this.element.focus({ preventScroll: true });
// hack to fix scroll jump after focus, #76
if ( window.pageYOffset != prevScrollY ) {
window.scrollTo( window.pageXOffset, prevScrollY );
}
};
// -------------------------- destroy -------------------------- //
// deactivate all Flickity functionality, but keep stuff available
proto.deactivate = function() {
if ( !this.isActive ) {
return;
}
this.element.classList.remove('flickity-enabled');
this.element.classList.remove('flickity-rtl');
this.unselectSelectedSlide();
// destroy cells
this.cells.forEach( function( cell ) {
cell.destroy();
} );
this.element.removeChild( this.viewport );
// move child elements back into element
moveElements( this.slider.children, this.element );
if ( this.options.accessibility ) {
this.element.removeAttribute('tabIndex');
this.element.removeEventListener( 'keydown', this );
}
// set flags
this.isActive = false;
this.emitEvent('deactivate');
};
proto.destroy = function() {
this.deactivate();
window.removeEventListener( 'resize', this );
this.allOff();
this.emitEvent('destroy');
if ( jQuery && this.$element ) {
jQuery.removeData( this.element, 'flickity' );
}
delete this.element.flickityGUID;
delete instances[ this.guid ];
};
// -------------------------- prototype -------------------------- //
utils.extend( proto, animatePrototype );
// -------------------------- extras -------------------------- //
/**
* get Flickity instance from element
* @param {[Element, String]} elem - element or selector string
* @returns {Flickity} - Flickity instance
*/
Flickity.data = function( elem ) {
elem = utils.getQueryElement( elem );
var id = elem && elem.flickityGUID;
return id && instances[ id ];
};
utils.htmlInit( Flickity, 'flickity' );
if ( jQuery && jQuery.bridget ) {
jQuery.bridget( 'flickity', Flickity );
}
// set internal jQuery, for Webpack + jQuery v3, #478
Flickity.setJQuery = function( jq ) {
jQuery = jq;
};
Flickity.Cell = Cell;
Flickity.Slide = Slide;
return Flickity;
} ) );
/*!
* Unipointer v2.3.0
* base class for doing one thing with pointer event
* MIT license
*/
/*jshint browser: true, undef: true, unused: true, strict: true */
( function( window, factory ) {
// universal module definition
/* jshint strict: false */ /*global define, module, require */
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'unipointer/unipointer',[
'ev-emitter/ev-emitter'
], function( EvEmitter ) {
return factory( window, EvEmitter );
});
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('ev-emitter')
);
} else {
// browser global
window.Unipointer = factory(
window,
window.EvEmitter
);
}
}( window, function factory( window, EvEmitter ) {
function noop() {}
function Unipointer() {}
// inherit EvEmitter
var proto = Unipointer.prototype = Object.create( EvEmitter.prototype );
proto.bindStartEvent = function( elem ) {
this._bindStartEvent( elem, true );
};
proto.unbindStartEvent = function( elem ) {
this._bindStartEvent( elem, false );
};
/**
* Add or remove start event
* @param {Boolean} isAdd - remove if falsey
*/
proto._bindStartEvent = function( elem, isAdd ) {
// munge isAdd, default to true
isAdd = isAdd === undefined ? true : isAdd;
var bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';
// default to mouse events
var startEvent = 'mousedown';
if ( window.PointerEvent ) {
// Pointer Events
startEvent = 'pointerdown';
} else if ( 'ontouchstart' in window ) {
// Touch Events. iOS Safari
startEvent = 'touchstart';
}
elem[ bindMethod ]( startEvent, this );
};
// trigger handler methods for events
proto.handleEvent = function( event ) {
var method = 'on' + event.type;
if ( this[ method ] ) {
this[ method ]( event );
}
};
// returns the touch that we're keeping track of
proto.getTouch = function( touches ) {
for ( var i=0; i < touches.length; i++ ) {
var touch = touches[i];
if ( touch.identifier == this.pointerIdentifier ) {
return touch;
}
}
};
// ----- start event ----- //
proto.onmousedown = function( event ) {
// dismiss clicks from right or middle buttons
var button = event.button;
if ( button && ( button !== 0 && button !== 1 ) ) {
return;
}
this._pointerDown( event, event );
};
proto.ontouchstart = function( event ) {
this._pointerDown( event, event.changedTouches[0] );
};
proto.onpointerdown = function( event ) {
this._pointerDown( event, event );
};
/**
* pointer start
* @param {Event} event
* @param {Event or Touch} pointer
*/
proto._pointerDown = function( event, pointer ) {
// dismiss right click and other pointers
// button = 0 is okay, 1-4 not
if ( event.button || this.isPointerDown ) {
return;
}
this.isPointerDown = true;
// save pointer identifier to match up touch events
this.pointerIdentifier = pointer.pointerId !== undefined ?
// pointerId for pointer events, touch.indentifier for touch events
pointer.pointerId : pointer.identifier;
this.pointerDown( event, pointer );
};
proto.pointerDown = function( event, pointer ) {
this._bindPostStartEvents( event );
this.emitEvent( 'pointerDown', [ event, pointer ] );
};
// hash of events to be bound after start event
var postStartEvents = {
mousedown: [ 'mousemove', 'mouseup' ],
touchstart: [ 'touchmove', 'touchend', 'touchcancel' ],
pointerdown: [ 'pointermove', 'pointerup', 'pointercancel' ],
};
proto._bindPostStartEvents = function( event ) {
if ( !event ) {
return;
}
// get proper events to match start event
var events = postStartEvents[ event.type ];
// bind events to node
events.forEach( function( eventName ) {
window.addEventListener( eventName, this );
}, this );
// save these arguments
this._boundPointerEvents = events;
};
proto._unbindPostStartEvents = function() {
// check for _boundEvents, in case dragEnd triggered twice (old IE8 bug)
if ( !this._boundPointerEvents ) {
return;
}
this._boundPointerEvents.forEach( function( eventName ) {
window.removeEventListener( eventName, this );
}, this );
delete this._boundPointerEvents;
};
// ----- move event ----- //
proto.onmousemove = function( event ) {
this._pointerMove( event, event );
};
proto.onpointermove = function( event ) {
if ( event.pointerId == this.pointerIdentifier ) {
this._pointerMove( event, event );
}
};
proto.ontouchmove = function( event ) {
var touch = this.getTouch( event.changedTouches );
if ( touch ) {
this._pointerMove( event, touch );
}
};
/**
* pointer move
* @param {Event} event
* @param {Event or Touch} pointer
* @private
*/
proto._pointerMove = function( event, pointer ) {
this.pointerMove( event, pointer );
};
// public
proto.pointerMove = function( event, pointer ) {
this.emitEvent( 'pointerMove', [ event, pointer ] );
};
// ----- end event ----- //
proto.onmouseup = function( event ) {
this._pointerUp( event, event );
};
proto.onpointerup = function( event ) {
if ( event.pointerId == this.pointerIdentifier ) {
this._pointerUp( event, event );
}
};
proto.ontouchend = function( event ) {
var touch = this.getTouch( event.changedTouches );
if ( touch ) {
this._pointerUp( event, touch );
}
};
/**
* pointer up
* @param {Event} event
* @param {Event or Touch} pointer
* @private
*/
proto._pointerUp = function( event, pointer ) {
this._pointerDone();
this.pointerUp( event, pointer );
};
// public
proto.pointerUp = function( event, pointer ) {
this.emitEvent( 'pointerUp', [ event, pointer ] );
};
// ----- pointer done ----- //
// triggered on pointer up & pointer cancel
proto._pointerDone = function() {
this._pointerReset();
this._unbindPostStartEvents();
this.pointerDone();
};
proto._pointerReset = function() {
// reset properties
this.isPointerDown = false;
delete this.pointerIdentifier;
};
proto.pointerDone = noop;
// ----- pointer cancel ----- //
proto.onpointercancel = function( event ) {
if ( event.pointerId == this.pointerIdentifier ) {
this._pointerCancel( event, event );
}
};
proto.ontouchcancel = function( event ) {
var touch = this.getTouch( event.changedTouches );
if ( touch ) {
this._pointerCancel( event, touch );
}
};
/**
* pointer cancel
* @param {Event} event
* @param {Event or Touch} pointer
* @private
*/
proto._pointerCancel = function( event, pointer ) {
this._pointerDone();
this.pointerCancel( event, pointer );
};
// public
proto.pointerCancel = function( event, pointer ) {
this.emitEvent( 'pointerCancel', [ event, pointer ] );
};
// ----- ----- //
// utility function for getting x/y coords from event
Unipointer.getPointerPoint = function( pointer ) {
return {
x: pointer.pageX,
y: pointer.pageY
};
};
// ----- ----- //
return Unipointer;
}));
/*!
* Unidragger v2.3.1
* Draggable base class
* MIT license
*/
/*jshint browser: true, unused: true, undef: true, strict: true */
( function( window, factory ) {
// universal module definition
/*jshint strict: false */ /*globals define, module, require */
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'unidragger/unidragger',[
'unipointer/unipointer'
], function( Unipointer ) {
return factory( window, Unipointer );
});
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('unipointer')
);
} else {
// browser global
window.Unidragger = factory(
window,
window.Unipointer
);
}
}( window, function factory( window, Unipointer ) {
// -------------------------- Unidragger -------------------------- //
function Unidragger() {}
// inherit Unipointer & EvEmitter
var proto = Unidragger.prototype = Object.create( Unipointer.prototype );
// ----- bind start ----- //
proto.bindHandles = function() {
this._bindHandles( true );
};
proto.unbindHandles = function() {
this._bindHandles( false );
};
/**
* Add or remove start event
* @param {Boolean} isAdd
*/
proto._bindHandles = function( isAdd ) {
// munge isAdd, default to true
isAdd = isAdd === undefined ? true : isAdd;
// bind each handle
var bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';
var touchAction = isAdd ? this._touchActionValue : '';
for ( var i=0; i < this.handles.length; i++ ) {
var handle = this.handles[i];
this._bindStartEvent( handle, isAdd );
handle[ bindMethod ]( 'click', this );
// touch-action: none to override browser touch gestures. metafizzy/flickity#540
if ( window.PointerEvent ) {
handle.style.touchAction = touchAction;
}
}
};
// prototype so it can be overwriteable by Flickity
proto._touchActionValue = 'none';
// ----- start event ----- //
/**
* pointer start
* @param {Event} event
* @param {Event or Touch} pointer
*/
proto.pointerDown = function( event, pointer ) {
var isOkay = this.okayPointerDown( event );
if ( !isOkay ) {
return;
}
// track start event position
// Safari 9 overrides pageX and pageY. These values needs to be copied. flickity#842
this.pointerDownPointer = {
pageX: pointer.pageX,
pageY: pointer.pageY,
};
event.preventDefault();
this.pointerDownBlur();
// bind move and end events
this._bindPostStartEvents( event );
this.emitEvent( 'pointerDown', [ event, pointer ] );
};
// nodes that have text fields
var cursorNodes = {
TEXTAREA: true,
INPUT: true,
SELECT: true,
OPTION: true,
};
// input types that do not have text fields
var clickTypes = {
radio: true,
checkbox: true,
button: true,
submit: true,
image: true,
file: true,
};
// dismiss inputs with text fields. flickity#403, flickity#404
proto.okayPointerDown = function( event ) {
var isCursorNode = cursorNodes[ event.target.nodeName ];
var isClickType = clickTypes[ event.target.type ];
var isOkay = !isCursorNode || isClickType;
if ( !isOkay ) {
this._pointerReset();
}
return isOkay;
};
// kludge to blur previously focused input
proto.pointerDownBlur = function() {
var focused = document.activeElement;
// do not blur body for IE10, metafizzy/flickity#117
var canBlur = focused && focused.blur && focused != document.body;
if ( canBlur ) {
focused.blur();
}
};
// ----- move event ----- //
/**
* drag move
* @param {Event} event
* @param {Event or Touch} pointer
*/
proto.pointerMove = function( event, pointer ) {
var moveVector = this._dragPointerMove( event, pointer );
this.emitEvent( 'pointerMove', [ event, pointer, moveVector ] );
this._dragMove( event, pointer, moveVector );
};
// base pointer move logic
proto._dragPointerMove = function( event, pointer ) {
var moveVector = {
x: pointer.pageX - this.pointerDownPointer.pageX,
y: pointer.pageY - this.pointerDownPointer.pageY
};
// start drag if pointer has moved far enough to start drag
if ( !this.isDragging && this.hasDragStarted( moveVector ) ) {
this._dragStart( event, pointer );
}
return moveVector;
};
// condition if pointer has moved far enough to start drag
proto.hasDragStarted = function( moveVector ) {
return Math.abs( moveVector.x ) > 3 || Math.abs( moveVector.y ) > 3;
};
// ----- end event ----- //
/**
* pointer up
* @param {Event} event
* @param {Event or Touch} pointer
*/
proto.pointerUp = function( event, pointer ) {
this.emitEvent( 'pointerUp', [ event, pointer ] );
this._dragPointerUp( event, pointer );
};
proto._dragPointerUp = function( event, pointer ) {
if ( this.isDragging ) {
this._dragEnd( event, pointer );
} else {
// pointer didn't move enough for drag to start
this._staticClick( event, pointer );
}
};
// -------------------------- drag -------------------------- //
// dragStart
proto._dragStart = function( event, pointer ) {
this.isDragging = true;
// prevent clicks
this.isPreventingClicks = true;
this.dragStart( event, pointer );
};
proto.dragStart = function( event, pointer ) {
this.emitEvent( 'dragStart', [ event, pointer ] );
};
// dragMove
proto._dragMove = function( event, pointer, moveVector ) {
// do not drag if not dragging yet
if ( !this.isDragging ) {
return;
}
this.dragMove( event, pointer, moveVector );
};
proto.dragMove = function( event, pointer, moveVector ) {
event.preventDefault();
this.emitEvent( 'dragMove', [ event, pointer, moveVector ] );
};
// dragEnd
proto._dragEnd = function( event, pointer ) {
// set flags
this.isDragging = false;
// re-enable clicking async
setTimeout( function() {
delete this.isPreventingClicks;
}.bind( this ) );
this.dragEnd( event, pointer );
};
proto.dragEnd = function( event, pointer ) {
this.emitEvent( 'dragEnd', [ event, pointer ] );
};
// ----- onclick ----- //
// handle all clicks and prevent clicks when dragging
proto.onclick = function( event ) {
if ( this.isPreventingClicks ) {
event.preventDefault();
}
};
// ----- staticClick ----- //
// triggered after pointer down & up with no/tiny movement
proto._staticClick = function( event, pointer ) {
// ignore emulated mouse up clicks
if ( this.isIgnoringMouseUp && event.type == 'mouseup' ) {
return;
}
this.staticClick( event, pointer );
// set flag for emulated clicks 300ms after touchend
if ( event.type != 'mouseup' ) {
this.isIgnoringMouseUp = true;
// reset flag after 300ms
setTimeout( function() {
delete this.isIgnoringMouseUp;
}.bind( this ), 400 );
}
};
proto.staticClick = function( event, pointer ) {
this.emitEvent( 'staticClick', [ event, pointer ] );
};
// ----- utils ----- //
Unidragger.getPointerPoint = Unipointer.getPointerPoint;
// ----- ----- //
return Unidragger;
}));
// drag
( function( window, factory ) {
// universal module definition
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'flickity/js/drag',[
'./flickity',
'unidragger/unidragger',
'fizzy-ui-utils/utils',
], function( Flickity, Unidragger, utils ) {
return factory( window, Flickity, Unidragger, utils );
} );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('./flickity'),
require('unidragger'),
require('fizzy-ui-utils')
);
} else {
// browser global
window.Flickity = factory(
window,
window.Flickity,
window.Unidragger,
window.fizzyUIUtils
);
}
}( window, function factory( window, Flickity, Unidragger, utils ) {
// ----- defaults ----- //
utils.extend( Flickity.defaults, {
draggable: '>1',
dragThreshold: 3,
} );
// ----- create ----- //
Flickity.createMethods.push('_createDrag');
// -------------------------- drag prototype -------------------------- //
var proto = Flickity.prototype;
utils.extend( proto, Unidragger.prototype );
proto._touchActionValue = 'pan-y';
// -------------------------- -------------------------- //
var isTouch = 'createTouch' in document;
var isTouchmoveScrollCanceled = false;
proto._createDrag = function() {
this.on( 'activate', this.onActivateDrag );
this.on( 'uiChange', this._uiChangeDrag );
this.on( 'deactivate', this.onDeactivateDrag );
this.on( 'cellChange', this.updateDraggable );
// TODO updateDraggable on resize? if groupCells & slides change
// HACK - add seemingly innocuous handler to fix iOS 10 scroll behavior
// #457, RubaXa/Sortable#973
if ( isTouch && !isTouchmoveScrollCanceled ) {
window.addEventListener( 'touchmove', function() {} );
isTouchmoveScrollCanceled = true;
}
};
proto.onActivateDrag = function() {
this.handles = [ this.viewport ];
this.bindHandles();
this.updateDraggable();
};
proto.onDeactivateDrag = function() {
this.unbindHandles();
this.element.classList.remove('is-draggable');
};
proto.updateDraggable = function() {
// disable dragging if less than 2 slides. #278
if ( this.options.draggable == '>1' ) {
this.isDraggable = this.slides.length > 1;
} else {
this.isDraggable = this.options.draggable;
}
if ( this.isDraggable ) {
this.element.classList.add('is-draggable');
} else {
this.element.classList.remove('is-draggable');
}
};
// backwards compatibility
proto.bindDrag = function() {
this.options.draggable = true;
this.updateDraggable();
};
proto.unbindDrag = function() {
this.options.draggable = false;
this.updateDraggable();
};
proto._uiChangeDrag = function() {
delete this.isFreeScrolling;
};
// -------------------------- pointer events -------------------------- //
proto.pointerDown = function( event, pointer ) {
if ( !this.isDraggable ) {
this._pointerDownDefault( event, pointer );
return;
}
var isOkay = this.okayPointerDown( event );
if ( !isOkay ) {
return;
}
this._pointerDownPreventDefault( event );
this.pointerDownFocus( event );
// blur
if ( document.activeElement != this.element ) {
// do not blur if already focused
this.pointerDownBlur();
}
// stop if it was moving
this.dragX = this.x;
this.viewport.classList.add('is-pointer-down');
// track scrolling
this.pointerDownScroll = getScrollPosition();
window.addEventListener( 'scroll', this );
this._pointerDownDefault( event, pointer );
};
// default pointerDown logic, used for staticClick
proto._pointerDownDefault = function( event, pointer ) {
// track start event position
// Safari 9 overrides pageX and pageY. These values needs to be copied. #779
this.pointerDownPointer = {
pageX: pointer.pageX,
pageY: pointer.pageY,
};
// bind move and end events
this._bindPostStartEvents( event );
this.dispatchEvent( 'pointerDown', event, [ pointer ] );
};
var focusNodes = {
INPUT: true,
TEXTAREA: true,
SELECT: true,
};
proto.pointerDownFocus = function( event ) {
var isFocusNode = focusNodes[ event.target.nodeName ];
if ( !isFocusNode ) {
this.focus();
}
};
proto._pointerDownPreventDefault = function( event ) {
var isTouchStart = event.type == 'touchstart';
var isTouchPointer = event.pointerType == 'touch';
var isFocusNode = focusNodes[ event.target.nodeName ];
if ( !isTouchStart && !isTouchPointer && !isFocusNode ) {
event.preventDefault();
}
};
// ----- move ----- //
proto.hasDragStarted = function( moveVector ) {
return Math.abs( moveVector.x ) > this.options.dragThreshold;
};
// ----- up ----- //
proto.pointerUp = function( event, pointer ) {
delete this.isTouchScrolling;
this.viewport.classList.remove('is-pointer-down');
this.dispatchEvent( 'pointerUp', event, [ pointer ] );
this._dragPointerUp( event, pointer );
};
proto.pointerDone = function() {
window.removeEventListener( 'scroll', this );
delete this.pointerDownScroll;
};
// -------------------------- dragging -------------------------- //
proto.dragStart = function( event, pointer ) {
if ( !this.isDraggable ) {
return;
}
this.dragStartPosition = this.x;
this.startAnimation();
window.removeEventListener( 'scroll', this );
this.dispatchEvent( 'dragStart', event, [ pointer ] );
};
proto.pointerMove = function( event, pointer ) {
var moveVector = this._dragPointerMove( event, pointer );
this.dispatchEvent( 'pointerMove', event, [ pointer, moveVector ] );
this._dragMove( event, pointer, moveVector );
};
proto.dragMove = function( event, pointer, moveVector ) {
if ( !this.isDraggable ) {
return;
}
event.preventDefault();
this.previousDragX = this.dragX;
// reverse if right-to-left
var direction = this.options.rightToLeft ? -1 : 1;
if ( this.options.wrapAround ) {
// wrap around move. #589
moveVector.x %= this.slideableWidth;
}
var dragX = this.dragStartPosition + moveVector.x * direction;
if ( !this.options.wrapAround && this.slides.length ) {
// slow drag
var originBound = Math.max( -this.slides[0].target, this.dragStartPosition );
dragX = dragX > originBound ? ( dragX + originBound ) * 0.5 : dragX;
var endBound = Math.min( -this.getLastSlide().target, this.dragStartPosition );
dragX = dragX < endBound ? ( dragX + endBound ) * 0.5 : dragX;
}
this.dragX = dragX;
this.dragMoveTime = new Date();
this.dispatchEvent( 'dragMove', event, [ pointer, moveVector ] );
};
proto.dragEnd = function( event, pointer ) {
if ( !this.isDraggable ) {
return;
}
if ( this.options.freeScroll ) {
this.isFreeScrolling = true;
}
// set selectedIndex based on where flick will end up
var index = this.dragEndRestingSelect();
if ( this.options.freeScroll && !this.options.wrapAround ) {
// if free-scroll & not wrap around
// do not free-scroll if going outside of bounding slides
// so bounding slides can attract slider, and keep it in bounds
var restingX = this.getRestingPosition();
this.isFreeScrolling = -restingX > this.slides[0].target &&
-restingX < this.getLastSlide().target;
} else if ( !this.options.freeScroll && index == this.selectedIndex ) {
// boost selection if selected index has not changed
index += this.dragEndBoostSelect();
}
delete this.previousDragX;
// apply selection
// TODO refactor this, selecting here feels weird
// HACK, set flag so dragging stays in correct direction
this.isDragSelect = this.options.wrapAround;
this.select( index );
delete this.isDragSelect;
this.dispatchEvent( 'dragEnd', event, [ pointer ] );
};
proto.dragEndRestingSelect = function() {
var restingX = this.getRestingPosition();
// how far away from selected slide
var distance = Math.abs( this.getSlideDistance( -restingX, this.selectedIndex ) );
// get closet resting going up and going down
var positiveResting = this._getClosestResting( restingX, distance, 1 );
var negativeResting = this._getClosestResting( restingX, distance, -1 );
// use closer resting for wrap-around
var index = positiveResting.distance < negativeResting.distance ?
positiveResting.index : negativeResting.index;
return index;
};
/**
* given resting X and distance to selected cell
* get the distance and index of the closest cell
* @param {Number} restingX - estimated post-flick resting position
* @param {Number} distance - distance to selected cell
* @param {Integer} increment - +1 or -1, going up or down
* @returns {Object} - { distance: {Number}, index: {Integer} }
*/
proto._getClosestResting = function( restingX, distance, increment ) {
var index = this.selectedIndex;
var minDistance = Infinity;
var condition = this.options.contain && !this.options.wrapAround ?
// if contain, keep going if distance is equal to minDistance
function( dist, minDist ) {
return dist <= minDist;
} : function( dist, minDist ) {
return dist < minDist;
};
while ( condition( distance, minDistance ) ) {
// measure distance to next cell
index += increment;
minDistance = distance;
distance = this.getSlideDistance( -restingX, index );
if ( distance === null ) {
break;
}
distance = Math.abs( distance );
}
return {
distance: minDistance,
// selected was previous index
index: index - increment,
};
};
/**
* measure distance between x and a slide target
* @param {Number} x - horizontal position
* @param {Integer} index - slide index
* @returns {Number} - slide distance
*/
proto.getSlideDistance = function( x, index ) {
var len = this.slides.length;
// wrap around if at least 2 slides
var isWrapAround = this.options.wrapAround && len > 1;
var slideIndex = isWrapAround ? utils.modulo( index, len ) : index;
var slide = this.slides[ slideIndex ];
if ( !slide ) {
return null;
}
// add distance for wrap-around slides
var wrap = isWrapAround ? this.slideableWidth * Math.floor( index/len ) : 0;
return x - ( slide.target + wrap );
};
proto.dragEndBoostSelect = function() {
// do not boost if no previousDragX or dragMoveTime
if ( this.previousDragX === undefined || !this.dragMoveTime ||
// or if drag was held for 100 ms
new Date() - this.dragMoveTime > 100 ) {
return 0;
}
var distance = this.getSlideDistance( -this.dragX, this.selectedIndex );
var delta = this.previousDragX - this.dragX;
if ( distance > 0 && delta > 0 ) {
// boost to next if moving towards the right, and positive velocity
return 1;
} else if ( distance < 0 && delta < 0 ) {
// boost to previous if moving towards the left, and negative velocity
return -1;
}
return 0;
};
// ----- staticClick ----- //
proto.staticClick = function( event, pointer ) {
// get clickedCell, if cell was clicked
var clickedCell = this.getParentCell( event.target );
var cellElem = clickedCell && clickedCell.element;
var cellIndex = clickedCell && this.cells.indexOf( clickedCell );
this.dispatchEvent( 'staticClick', event, [ pointer, cellElem, cellIndex ] );
};
// ----- scroll ----- //
proto.onscroll = function() {
var scroll = getScrollPosition();
var scrollMoveX = this.pointerDownScroll.x - scroll.x;
var scrollMoveY = this.pointerDownScroll.y - scroll.y;
// cancel click/tap if scroll is too much
if ( Math.abs( scrollMoveX ) > 3 || Math.abs( scrollMoveY ) > 3 ) {
this._pointerDone();
}
};
// ----- utils ----- //
function getScrollPosition() {
return {
x: window.pageXOffset,
y: window.pageYOffset,
};
}
// ----- ----- //
return Flickity;
} ) );
// prev/next buttons
( function( window, factory ) {
// universal module definition
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'flickity/js/prev-next-button',[
'./flickity',
'unipointer/unipointer',
'fizzy-ui-utils/utils',
], function( Flickity, Unipointer, utils ) {
return factory( window, Flickity, Unipointer, utils );
} );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('./flickity'),
require('unipointer'),
require('fizzy-ui-utils')
);
} else {
// browser global
factory(
window,
window.Flickity,
window.Unipointer,
window.fizzyUIUtils
);
}
}( window, function factory( window, Flickity, Unipointer, utils ) {
'use strict';
var svgURI = 'http://www.w3.org/2000/svg';
// -------------------------- PrevNextButton -------------------------- //
function PrevNextButton( direction, parent ) {
this.direction = direction;
this.parent = parent;
this._create();
}
PrevNextButton.prototype = Object.create( Unipointer.prototype );
PrevNextButton.prototype._create = function() {
// properties
this.isEnabled = true;
this.isPrevious = this.direction == -1;
var leftDirection = this.parent.options.rightToLeft ? 1 : -1;
this.isLeft = this.direction == leftDirection;
var element = this.element = document.createElement('button');
element.className = 'flickity-button flickity-prev-next-button';
element.className += this.isPrevious ? ' previous' : ' next';
// prevent button from submitting form http://stackoverflow.com/a/10836076/182183
element.setAttribute( 'type', 'button' );
// init as disabled
this.disable();
element.setAttribute( 'aria-label', this.isPrevious ? 'Previous' : 'Next' );
// create arrow
var svg = this.createSVG();
element.appendChild( svg );
// events
this.parent.on( 'select', this.update.bind( this ) );
this.on( 'pointerDown', this.parent.childUIPointerDown.bind( this.parent ) );
};
PrevNextButton.prototype.activate = function() {
this.bindStartEvent( this.element );
this.element.addEventListener( 'click', this );
// add to DOM
this.parent.element.appendChild( this.element );
};
PrevNextButton.prototype.deactivate = function() {
// remove from DOM
this.parent.element.removeChild( this.element );
// click events
this.unbindStartEvent( this.element );
this.element.removeEventListener( 'click', this );
};
PrevNextButton.prototype.createSVG = function() {
var svg = document.createElementNS( svgURI, 'svg' );
svg.setAttribute( 'class', 'flickity-button-icon' );
svg.setAttribute( 'viewBox', '0 0 100 100' );
var path = document.createElementNS( svgURI, 'path' );
var pathMovements = getArrowMovements( this.parent.options.arrowShape );
path.setAttribute( 'd', pathMovements );
path.setAttribute( 'class', 'arrow' );
// rotate arrow
if ( !this.isLeft ) {
path.setAttribute( 'transform', 'translate(100, 100) rotate(180) ' );
}
svg.appendChild( path );
return svg;
};
// get SVG path movmement
function getArrowMovements( shape ) {
// use shape as movement if string
if ( typeof shape == 'string' ) {
return shape;
}
// create movement string
return 'M ' + shape.x0 + ',50' +
' L ' + shape.x1 + ',' + ( shape.y1 + 50 ) +
' L ' + shape.x2 + ',' + ( shape.y2 + 50 ) +
' L ' + shape.x3 + ',50 ' +
' L ' + shape.x2 + ',' + ( 50 - shape.y2 ) +
' L ' + shape.x1 + ',' + ( 50 - shape.y1 ) +
' Z';
}
PrevNextButton.prototype.handleEvent = utils.handleEvent;
PrevNextButton.prototype.onclick = function() {
if ( !this.isEnabled ) {
return;
}
this.parent.uiChange();
var method = this.isPrevious ? 'previous' : 'next';
this.parent[ method ]();
};
// ----- ----- //
PrevNextButton.prototype.enable = function() {
if ( this.isEnabled ) {
return;
}
this.element.disabled = false;
this.isEnabled = true;
};
PrevNextButton.prototype.disable = function() {
if ( !this.isEnabled ) {
return;
}
this.element.disabled = true;
this.isEnabled = false;
};
PrevNextButton.prototype.update = function() {
// index of first or last slide, if previous or next
var slides = this.parent.slides;
// enable is wrapAround and at least 2 slides
if ( this.parent.options.wrapAround && slides.length > 1 ) {
this.enable();
return;
}
var lastIndex = slides.length ? slides.length - 1 : 0;
var boundIndex = this.isPrevious ? 0 : lastIndex;
var method = this.parent.selectedIndex == boundIndex ? 'disable' : 'enable';
this[ method ]();
};
PrevNextButton.prototype.destroy = function() {
this.deactivate();
this.allOff();
};
// -------------------------- Flickity prototype -------------------------- //
utils.extend( Flickity.defaults, {
prevNextButtons: true,
arrowShape: {
x0: 10,
x1: 60, y1: 50,
x2: 70, y2: 40,
x3: 30,
},
} );
Flickity.createMethods.push('_createPrevNextButtons');
var proto = Flickity.prototype;
proto._createPrevNextButtons = function() {
if ( !this.options.prevNextButtons ) {
return;
}
this.prevButton = new PrevNextButton( -1, this );
this.nextButton = new PrevNextButton( 1, this );
this.on( 'activate', this.activatePrevNextButtons );
};
proto.activatePrevNextButtons = function() {
this.prevButton.activate();
this.nextButton.activate();
this.on( 'deactivate', this.deactivatePrevNextButtons );
};
proto.deactivatePrevNextButtons = function() {
this.prevButton.deactivate();
this.nextButton.deactivate();
this.off( 'deactivate', this.deactivatePrevNextButtons );
};
// -------------------------- -------------------------- //
Flickity.PrevNextButton = PrevNextButton;
return Flickity;
} ) );
// page dots
( function( window, factory ) {
// universal module definition
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'flickity/js/page-dots',[
'./flickity',
'unipointer/unipointer',
'fizzy-ui-utils/utils',
], function( Flickity, Unipointer, utils ) {
return factory( window, Flickity, Unipointer, utils );
} );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('./flickity'),
require('unipointer'),
require('fizzy-ui-utils')
);
} else {
// browser global
factory(
window,
window.Flickity,
window.Unipointer,
window.fizzyUIUtils
);
}
}( window, function factory( window, Flickity, Unipointer, utils ) {
// -------------------------- PageDots -------------------------- //
function PageDots( parent ) {
this.parent = parent;
this._create();
}
PageDots.prototype = Object.create( Unipointer.prototype );
PageDots.prototype._create = function() {
// create holder element
this.holder = document.createElement('ol');
this.holder.className = 'flickity-page-dots';
// create dots, array of elements
this.dots = [];
// events
this.handleClick = this.onClick.bind( this );
this.on( 'pointerDown', this.parent.childUIPointerDown.bind( this.parent ) );
};
PageDots.prototype.activate = function() {
this.setDots();
this.holder.addEventListener( 'click', this.handleClick );
this.bindStartEvent( this.holder );
// add to DOM
this.parent.element.appendChild( this.holder );
};
PageDots.prototype.deactivate = function() {
this.holder.removeEventListener( 'click', this.handleClick );
this.unbindStartEvent( this.holder );
// remove from DOM
this.parent.element.removeChild( this.holder );
};
PageDots.prototype.setDots = function() {
// get difference between number of slides and number of dots
var delta = this.parent.slides.length - this.dots.length;
if ( delta > 0 ) {
this.addDots( delta );
} else if ( delta < 0 ) {
this.removeDots( -delta );
}
};
PageDots.prototype.addDots = function( count ) {
var fragment = document.createDocumentFragment();
var newDots = [];
var length = this.dots.length;
var max = length + count;
for ( var i = length; i < max; i++ ) {
var dot = document.createElement('li');
dot.className = 'dot';
dot.setAttribute( 'aria-label', 'Page dot ' + ( i + 1 ) );
fragment.appendChild( dot );
newDots.push( dot );
}
this.holder.appendChild( fragment );
this.dots = this.dots.concat( newDots );
};
PageDots.prototype.removeDots = function( count ) {
// remove from this.dots collection
var removeDots = this.dots.splice( this.dots.length - count, count );
// remove from DOM
removeDots.forEach( function( dot ) {
this.holder.removeChild( dot );
}, this );
};
PageDots.prototype.updateSelected = function() {
// remove selected class on previous
if ( this.selectedDot ) {
this.selectedDot.className = 'dot';
this.selectedDot.removeAttribute('aria-current');
}
// don't proceed if no dots
if ( !this.dots.length ) {
return;
}
this.selectedDot = this.dots[ this.parent.selectedIndex ];
this.selectedDot.className = 'dot is-selected';
this.selectedDot.setAttribute( 'aria-current', 'step' );
};
PageDots.prototype.onTap = // old method name, backwards-compatible
PageDots.prototype.onClick = function( event ) {
var target = event.target;
// only care about dot clicks
if ( target.nodeName != 'LI' ) {
return;
}
this.parent.uiChange();
var index = this.dots.indexOf( target );
this.parent.select( index );
};
PageDots.prototype.destroy = function() {
this.deactivate();
this.allOff();
};
Flickity.PageDots = PageDots;
// -------------------------- Flickity -------------------------- //
utils.extend( Flickity.defaults, {
pageDots: true,
} );
Flickity.createMethods.push('_createPageDots');
var proto = Flickity.prototype;
proto._createPageDots = function() {
if ( !this.options.pageDots ) {
return;
}
this.pageDots = new PageDots( this );
// events
this.on( 'activate', this.activatePageDots );
this.on( 'select', this.updateSelectedPageDots );
this.on( 'cellChange', this.updatePageDots );
this.on( 'resize', this.updatePageDots );
this.on( 'deactivate', this.deactivatePageDots );
};
proto.activatePageDots = function() {
this.pageDots.activate();
};
proto.updateSelectedPageDots = function() {
this.pageDots.updateSelected();
};
proto.updatePageDots = function() {
this.pageDots.setDots();
};
proto.deactivatePageDots = function() {
this.pageDots.deactivate();
};
// ----- ----- //
Flickity.PageDots = PageDots;
return Flickity;
} ) );
// player & autoPlay
( function( window, factory ) {
// universal module definition
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'flickity/js/player',[
'ev-emitter/ev-emitter',
'fizzy-ui-utils/utils',
'./flickity',
], function( EvEmitter, utils, Flickity ) {
return factory( EvEmitter, utils, Flickity );
} );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
require('ev-emitter'),
require('fizzy-ui-utils'),
require('./flickity')
);
} else {
// browser global
factory(
window.EvEmitter,
window.fizzyUIUtils,
window.Flickity
);
}
}( window, function factory( EvEmitter, utils, Flickity ) {
// -------------------------- Player -------------------------- //
function Player( parent ) {
this.parent = parent;
this.state = 'stopped';
// visibility change event handler
this.onVisibilityChange = this.visibilityChange.bind( this );
this.onVisibilityPlay = this.visibilityPlay.bind( this );
}
Player.prototype = Object.create( EvEmitter.prototype );
// start play
Player.prototype.play = function() {
if ( this.state == 'playing' ) {
return;
}
// do not play if page is hidden, start playing when page is visible
var isPageHidden = document.hidden;
if ( isPageHidden ) {
document.addEventListener( 'visibilitychange', this.onVisibilityPlay );
return;
}
this.state = 'playing';
// listen to visibility change
document.addEventListener( 'visibilitychange', this.onVisibilityChange );
// start ticking
this.tick();
};
Player.prototype.tick = function() {
// do not tick if not playing
if ( this.state != 'playing' ) {
return;
}
var time = this.parent.options.autoPlay;
// default to 3 seconds
time = typeof time == 'number' ? time : 3000;
var _this = this;
// HACK: reset ticks if stopped and started within interval
this.clear();
this.timeout = setTimeout( function() {
_this.parent.next( true );
_this.tick();
}, time );
};
Player.prototype.stop = function() {
this.state = 'stopped';
this.clear();
// remove visibility change event
document.removeEventListener( 'visibilitychange', this.onVisibilityChange );
};
Player.prototype.clear = function() {
clearTimeout( this.timeout );
};
Player.prototype.pause = function() {
if ( this.state == 'playing' ) {
this.state = 'paused';
this.clear();
}
};
Player.prototype.unpause = function() {
// re-start play if paused
if ( this.state == 'paused' ) {
this.play();
}
};
// pause if page visibility is hidden, unpause if visible
Player.prototype.visibilityChange = function() {
var isPageHidden = document.hidden;
this[ isPageHidden ? 'pause' : 'unpause' ]();
};
Player.prototype.visibilityPlay = function() {
this.play();
document.removeEventListener( 'visibilitychange', this.onVisibilityPlay );
};
// -------------------------- Flickity -------------------------- //
utils.extend( Flickity.defaults, {
pauseAutoPlayOnHover: true,
} );
Flickity.createMethods.push('_createPlayer');
var proto = Flickity.prototype;
proto._createPlayer = function() {
this.player = new Player( this );
this.on( 'activate', this.activatePlayer );
this.on( 'uiChange', this.stopPlayer );
this.on( 'pointerDown', this.stopPlayer );
this.on( 'deactivate', this.deactivatePlayer );
};
proto.activatePlayer = function() {
if ( !this.options.autoPlay ) {
return;
}
this.player.play();
this.element.addEventListener( 'mouseenter', this );
};
// Player API, don't hate the ... thanks I know where the door is
proto.playPlayer = function() {
this.player.play();
};
proto.stopPlayer = function() {
this.player.stop();
};
proto.pausePlayer = function() {
this.player.pause();
};
proto.unpausePlayer = function() {
this.player.unpause();
};
proto.deactivatePlayer = function() {
this.player.stop();
this.element.removeEventListener( 'mouseenter', this );
};
// ----- mouseenter/leave ----- //
// pause auto-play on hover
proto.onmouseenter = function() {
if ( !this.options.pauseAutoPlayOnHover ) {
return;
}
this.player.pause();
this.element.addEventListener( 'mouseleave', this );
};
// resume auto-play on hover off
proto.onmouseleave = function() {
this.player.unpause();
this.element.removeEventListener( 'mouseleave', this );
};
// ----- ----- //
Flickity.Player = Player;
return Flickity;
} ) );
// add, remove cell
( function( window, factory ) {
// universal module definition
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'flickity/js/add-remove-cell',[
'./flickity',
'fizzy-ui-utils/utils',
], function( Flickity, utils ) {
return factory( window, Flickity, utils );
} );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('./flickity'),
require('fizzy-ui-utils')
);
} else {
// browser global
factory(
window,
window.Flickity,
window.fizzyUIUtils
);
}
}( window, function factory( window, Flickity, utils ) {
// append cells to a document fragment
function getCellsFragment( cells ) {
var fragment = document.createDocumentFragment();
cells.forEach( function( cell ) {
fragment.appendChild( cell.element );
} );
return fragment;
}
// -------------------------- add/remove cell prototype -------------------------- //
var proto = Flickity.prototype;
/**
* Insert, prepend, or append cells
* @param {[Element, Array, NodeList]} elems - Elements to insert
* @param {Integer} index - Zero-based number to insert
*/
proto.insert = function( elems, index ) {
var cells = this._makeCells( elems );
if ( !cells || !cells.length ) {
return;
}
var len = this.cells.length;
// default to append
index = index === undefined ? len : index;
// add cells with document fragment
var fragment = getCellsFragment( cells );
// append to slider
var isAppend = index == len;
if ( isAppend ) {
this.slider.appendChild( fragment );
} else {
var insertCellElement = this.cells[ index ].element;
this.slider.insertBefore( fragment, insertCellElement );
}
// add to this.cells
if ( index === 0 ) {
// prepend, add to start
this.cells = cells.concat( this.cells );
} else if ( isAppend ) {
// append, add to end
this.cells = this.cells.concat( cells );
} else {
// insert in this.cells
var endCells = this.cells.splice( index, len - index );
this.cells = this.cells.concat( cells ).concat( endCells );
}
this._sizeCells( cells );
this.cellChange( index, true );
};
proto.append = function( elems ) {
this.insert( elems, this.cells.length );
};
proto.prepend = function( elems ) {
this.insert( elems, 0 );
};
/**
* Remove cells
* @param {[Element, Array, NodeList]} elems - ELements to remove
*/
proto.remove = function( elems ) {
var cells = this.getCells( elems );
if ( !cells || !cells.length ) {
return;
}
var minCellIndex = this.cells.length - 1;
// remove cells from collection & DOM
cells.forEach( function( cell ) {
cell.remove();
var index = this.cells.indexOf( cell );
minCellIndex = Math.min( index, minCellIndex );
utils.removeFrom( this.cells, cell );
}, this );
this.cellChange( minCellIndex, true );
};
/**
* logic to be run after a cell's size changes
* @param {Element} elem - cell's element
*/
proto.cellSizeChange = function( elem ) {
var cell = this.getCell( elem );
if ( !cell ) {
return;
}
cell.getSize();
var index = this.cells.indexOf( cell );
this.cellChange( index );
};
/**
* logic any time a cell is changed: added, removed, or size changed
* @param {Integer} changedCellIndex - index of the changed cell, optional
* @param {Boolean} isPositioningSlider - Positions slider after selection
*/
proto.cellChange = function( changedCellIndex, isPositioningSlider ) {
var prevSelectedElem = this.selectedElement;
this._positionCells( changedCellIndex );
this._getWrapShiftCells();
this.setGallerySize();
// update selectedIndex
// try to maintain position & select previous selected element
var cell = this.getCell( prevSelectedElem );
if ( cell ) {
this.selectedIndex = this.getCellSlideIndex( cell );
}
this.selectedIndex = Math.min( this.slides.length - 1, this.selectedIndex );
this.emitEvent( 'cellChange', [ changedCellIndex ] );
// position slider
this.select( this.selectedIndex );
// do not position slider after lazy load
if ( isPositioningSlider ) {
this.positionSliderAtSelected();
}
};
// ----- ----- //
return Flickity;
} ) );
// lazyload
( function( window, factory ) {
// universal module definition
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'flickity/js/lazyload',[
'./flickity',
'fizzy-ui-utils/utils',
], function( Flickity, utils ) {
return factory( window, Flickity, utils );
} );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('./flickity'),
require('fizzy-ui-utils')
);
} else {
// browser global
factory(
window,
window.Flickity,
window.fizzyUIUtils
);
}
}( window, function factory( window, Flickity, utils ) {
'use strict';
Flickity.createMethods.push('_createLazyload');
var proto = Flickity.prototype;
proto._createLazyload = function() {
this.on( 'select', this.lazyLoad );
};
proto.lazyLoad = function() {
var lazyLoad = this.options.lazyLoad;
if ( !lazyLoad ) {
return;
}
// get adjacent cells, use lazyLoad option for adjacent count
var adjCount = typeof lazyLoad == 'number' ? lazyLoad : 0;
var cellElems = this.getAdjacentCellElements( adjCount );
// get lazy images in those cells
var lazyImages = [];
cellElems.forEach( function( cellElem ) {
var lazyCellImages = getCellLazyImages( cellElem );
lazyImages = lazyImages.concat( lazyCellImages );
} );
// load lazy images
lazyImages.forEach( function( img ) {
new LazyLoader( img, this );
}, this );
};
function getCellLazyImages( cellElem ) {
// check if cell element is lazy image
if ( cellElem.nodeName == 'IMG' ) {
var lazyloadAttr = cellElem.getAttribute('data-flickity-lazyload');
var srcAttr = cellElem.getAttribute('data-flickity-lazyload-src');
var srcsetAttr = cellElem.getAttribute('data-flickity-lazyload-srcset');
if ( lazyloadAttr || srcAttr || srcsetAttr ) {
return [ cellElem ];
}
}
// select lazy images in cell
var lazySelector = 'img[data-flickity-lazyload], ' +
'img[data-flickity-lazyload-src], img[data-flickity-lazyload-srcset]';
var imgs = cellElem.querySelectorAll( lazySelector );
return utils.makeArray( imgs );
}
// -------------------------- LazyLoader -------------------------- //
/**
* class to handle loading images
* @param {Image} img - Image element
* @param {Flickity} flickity - Flickity instance
*/
function LazyLoader( img, flickity ) {
this.img = img;
this.flickity = flickity;
this.load();
}
LazyLoader.prototype.handleEvent = utils.handleEvent;
LazyLoader.prototype.load = function() {
this.img.addEventListener( 'load', this );
this.img.addEventListener( 'error', this );
// get src & srcset
var src = this.img.getAttribute('data-flickity-lazyload') ||
this.img.getAttribute('data-flickity-lazyload-src');
var srcset = this.img.getAttribute('data-flickity-lazyload-srcset');
// set src & serset
this.img.src = src;
if ( srcset ) {
this.img.setAttribute( 'srcset', srcset );
}
// remove attr
this.img.removeAttribute('data-flickity-lazyload');
this.img.removeAttribute('data-flickity-lazyload-src');
this.img.removeAttribute('data-flickity-lazyload-srcset');
};
LazyLoader.prototype.onload = function( event ) {
this.complete( event, 'flickity-lazyloaded' );
};
LazyLoader.prototype.onerror = function( event ) {
this.complete( event, 'flickity-lazyerror' );
};
LazyLoader.prototype.complete = function( event, className ) {
// unbind events
this.img.removeEventListener( 'load', this );
this.img.removeEventListener( 'error', this );
var cell = this.flickity.getParentCell( this.img );
var cellElem = cell && cell.element;
this.flickity.cellSizeChange( cellElem );
this.img.classList.add( className );
this.flickity.dispatchEvent( 'lazyLoad', event, cellElem );
};
// ----- ----- //
Flickity.LazyLoader = LazyLoader;
return Flickity;
} ) );
/*!
* Flickity v2.2.2
* Touch, responsive, flickable carousels
*
* Licensed GPLv3 for open source use
* or Flickity Commercial License for commercial use
*
* https://flickity.metafizzy.co
* Copyright 2015-2021 Metafizzy
*/
( function( window, factory ) {
// universal module definition
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'flickity/js/index',[
'./flickity',
'./drag',
'./prev-next-button',
'./page-dots',
'./player',
'./add-remove-cell',
'./lazyload',
], factory );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
require('./flickity'),
require('./drag'),
require('./prev-next-button'),
require('./page-dots'),
require('./player'),
require('./add-remove-cell'),
require('./lazyload')
);
}
} )( window, function factory( Flickity ) {
return Flickity;
} );
/*!
* Flickity asNavFor v2.0.2
* enable asNavFor for Flickity
*/
/*jshint browser: true, undef: true, unused: true, strict: true*/
( function( window, factory ) {
// universal module definition
/*jshint strict: false */ /*globals define, module, require */
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'flickity-as-nav-for/as-nav-for',[
'flickity/js/index',
'fizzy-ui-utils/utils'
], factory );
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
require('flickity'),
require('fizzy-ui-utils')
);
} else {
// browser global
window.Flickity = factory(
window.Flickity,
window.fizzyUIUtils
);
}
}( window, function factory( Flickity, utils ) {
// -------------------------- asNavFor prototype -------------------------- //
// Flickity.defaults.asNavFor = null;
Flickity.createMethods.push('_createAsNavFor');
var proto = Flickity.prototype;
proto._createAsNavFor = function() {
this.on( 'activate', this.activateAsNavFor );
this.on( 'deactivate', this.deactivateAsNavFor );
this.on( 'destroy', this.destroyAsNavFor );
var asNavForOption = this.options.asNavFor;
if ( !asNavForOption ) {
return;
}
// HACK do async, give time for other flickity to be initalized
var _this = this;
setTimeout( function initNavCompanion() {
_this.setNavCompanion( asNavForOption );
});
};
proto.setNavCompanion = function( elem ) {
elem = utils.getQueryElement( elem );
var companion = Flickity.data( elem );
// stop if no companion or companion is self
if ( !companion || companion == this ) {
return;
}
this.navCompanion = companion;
// companion select
var _this = this;
this.onNavCompanionSelect = function() {
_this.navCompanionSelect();
};
companion.on( 'select', this.onNavCompanionSelect );
// click
this.on( 'staticClick', this.onNavStaticClick );
this.navCompanionSelect( true );
};
proto.navCompanionSelect = function( isInstant ) {
// wait for companion & selectedCells first. #8
var companionCells = this.navCompanion && this.navCompanion.selectedCells;
if ( !companionCells ) {
return;
}
// select slide that matches first cell of slide
var selectedCell = companionCells[0];
var firstIndex = this.navCompanion.cells.indexOf( selectedCell );
var lastIndex = firstIndex + companionCells.length - 1;
var selectIndex = Math.floor( lerp( firstIndex, lastIndex,
this.navCompanion.cellAlign ) );
this.selectCell( selectIndex, false, isInstant );
// set nav selected class
this.removeNavSelectedElements();
// stop if companion has more cells than this one
if ( selectIndex >= this.cells.length ) {
return;
}
var selectedCells = this.cells.slice( firstIndex, lastIndex + 1 );
this.navSelectedElements = selectedCells.map( function( cell ) {
return cell.element;
});
this.changeNavSelectedClass('add');
};
function lerp( a, b, t ) {
return ( b - a ) * t + a;
}
proto.changeNavSelectedClass = function( method ) {
this.navSelectedElements.forEach( function( navElem ) {
navElem.classList[ method ]('is-nav-selected');
});
};
proto.activateAsNavFor = function() {
this.navCompanionSelect( true );
};
proto.removeNavSelectedElements = function() {
if ( !this.navSelectedElements ) {
return;
}
this.changeNavSelectedClass('remove');
delete this.navSelectedElements;
};
proto.onNavStaticClick = function( event, pointer, cellElement, cellIndex ) {
if ( typeof cellIndex == 'number' ) {
this.navCompanion.selectCell( cellIndex );
}
};
proto.deactivateAsNavFor = function() {
this.removeNavSelectedElements();
};
proto.destroyAsNavFor = function() {
if ( !this.navCompanion ) {
return;
}
this.navCompanion.off( 'select', this.onNavCompanionSelect );
this.off( 'staticClick', this.onNavStaticClick );
delete this.navCompanion;
};
// ----- ----- //
return Flickity;
}));
/*!
* imagesLoaded v4.1.4
* JavaScript is all like "You images are done yet or what?"
* MIT License
*/
( function( window, factory ) { 'use strict';
// universal module definition
/*global define: false, module: false, require: false */
if ( typeof define == 'function' && define.amd ) {
// AMD
define( 'imagesloaded/imagesloaded',[
'ev-emitter/ev-emitter'
], function( EvEmitter ) {
return factory( window, EvEmitter );
});
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('ev-emitter')
);
} else {
// browser global
window.imagesLoaded = factory(
window,
window.EvEmitter
);
}
})( typeof window !== 'undefined' ? window : this,
// -------------------------- factory -------------------------- //
function factory( window, EvEmitter ) {
var $ = window.jQuery;
var console = window.console;
// -------------------------- helpers -------------------------- //
// extend objects
function extend( a, b ) {
for ( var prop in b ) {
a[ prop ] = b[ prop ];
}
return a;
}
var arraySlice = Array.prototype.slice;
// turn element or nodeList into an array
function makeArray( obj ) {
if ( Array.isArray( obj ) ) {
// use object if already an array
return obj;
}
var isArrayLike = typeof obj == 'object' && typeof obj.length == 'number';
if ( isArrayLike ) {
// convert nodeList to array
return arraySlice.call( obj );
}
// array of single index
return [ obj ];
}
// -------------------------- imagesLoaded -------------------------- //
/**
* @param {Array, Element, NodeList, String} elem
* @param {Object or Function} options - if function, use as callback
* @param {Function} onAlways - callback function
*/
function ImagesLoaded( elem, options, onAlways ) {
// coerce ImagesLoaded() without new, to be new ImagesLoaded()
if ( !( this instanceof ImagesLoaded ) ) {
return new ImagesLoaded( elem, options, onAlways );
}
// use elem as selector string
var queryElem = elem;
if ( typeof elem == 'string' ) {
queryElem = document.querySelectorAll( elem );
}
// bail if bad element
if ( !queryElem ) {
console.error( 'Bad element for imagesLoaded ' + ( queryElem || elem ) );
return;
}
this.elements = makeArray( queryElem );
this.options = extend( {}, this.options );
// shift arguments if no options set
if ( typeof options == 'function' ) {
onAlways = options;
} else {
extend( this.options, options );
}
if ( onAlways ) {
this.on( 'always', onAlways );
}
this.getImages();
if ( $ ) {
// add jQuery Deferred object
this.jqDeferred = new $.Deferred();
}
// HACK check async to allow time to bind listeners
setTimeout( this.check.bind( this ) );
}
ImagesLoaded.prototype = Object.create( EvEmitter.prototype );
ImagesLoaded.prototype.options = {};
ImagesLoaded.prototype.getImages = function() {
this.images = [];
// filter & find items if we have an item selector
this.elements.forEach( this.addElementImages, this );
};
/**
* @param {Node} element
*/
ImagesLoaded.prototype.addElementImages = function( elem ) {
// filter siblings
if ( elem.nodeName == 'IMG' ) {
this.addImage( elem );
}
// get background image on element
if ( this.options.background === true ) {
this.addElementBackgroundImages( elem );
}
// find children
// no non-element nodes, #143
var nodeType = elem.nodeType;
if ( !nodeType || !elementNodeTypes[ nodeType ] ) {
return;
}
var childImgs = elem.querySelectorAll('img');
// concat childElems to filterFound array
for ( var i=0; i < childImgs.length; i++ ) {
var img = childImgs[i];
this.addImage( img );
}
// get child background images
if ( typeof this.options.background == 'string' ) {
var children = elem.querySelectorAll( this.options.background );
for ( i=0; i < children.length; i++ ) {
var child = children[i];
this.addElementBackgroundImages( child );
}
}
};
var elementNodeTypes = {
1: true,
9: true,
11: true
};
ImagesLoaded.prototype.addElementBackgroundImages = function( elem ) {
var style = getComputedStyle( elem );
if ( !style ) {
// Firefox returns null if in a hidden iframe https://bugzil.la/548397
return;
}
// get url inside url("...")
var reURL = /url\((['"])?(.*?)\1\)/gi;
var matches = reURL.exec( style.backgroundImage );
while ( matches !== null ) {
var url = matches && matches[2];
if ( url ) {
this.addBackground( url, elem );
}
matches = reURL.exec( style.backgroundImage );
}
};
/**
* @param {Image} img
*/
ImagesLoaded.prototype.addImage = function( img ) {
var loadingImage = new LoadingImage( img );
this.images.push( loadingImage );
};
ImagesLoaded.prototype.addBackground = function( url, elem ) {
var background = new Background( url, elem );
this.images.push( background );
};
ImagesLoaded.prototype.check = function() {
var _this = this;
this.progressedCount = 0;
this.hasAnyBroken = false;
// complete if no images
if ( !this.images.length ) {
this.complete();
return;
}
function onProgress( image, elem, message ) {
// HACK - Chrome triggers event before object properties have changed. #83
setTimeout( function() {
_this.progress( image, elem, message );
});
}
this.images.forEach( function( loadingImage ) {
loadingImage.once( 'progress', onProgress );
loadingImage.check();
});
};
ImagesLoaded.prototype.progress = function( image, elem, message ) {
this.progressedCount++;
this.hasAnyBroken = this.hasAnyBroken || !image.isLoaded;
// progress event
this.emitEvent( 'progress', [ this, image, elem ] );
if ( this.jqDeferred && this.jqDeferred.notify ) {
this.jqDeferred.notify( this, image );
}
// check if completed
if ( this.progressedCount == this.images.length ) {
this.complete();
}
if ( this.options.debug && console ) {
console.log( 'progress: ' + message, image, elem );
}
};
ImagesLoaded.prototype.complete = function() {
var eventName = this.hasAnyBroken ? 'fail' : 'done';
this.isComplete = true;
this.emitEvent( eventName, [ this ] );
this.emitEvent( 'always', [ this ] );
if ( this.jqDeferred ) {
var jqMethod = this.hasAnyBroken ? 'reject' : 'resolve';
this.jqDeferred[ jqMethod ]( this );
}
};
// -------------------------- -------------------------- //
function LoadingImage( img ) {
this.img = img;
}
LoadingImage.prototype = Object.create( EvEmitter.prototype );
LoadingImage.prototype.check = function() {
// If complete is true and browser supports natural sizes,
// try to check for image status manually.
var isComplete = this.getIsImageComplete();
if ( isComplete ) {
// report based on naturalWidth
this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );
return;
}
// If none of the checks above matched, simulate loading on detached element.
this.proxyImage = new Image();
this.proxyImage.addEventListener( 'load', this );
this.proxyImage.addEventListener( 'error', this );
// bind to image as well for Firefox. #191
this.img.addEventListener( 'load', this );
this.img.addEventListener( 'error', this );
this.proxyImage.src = this.img.src;
};
LoadingImage.prototype.getIsImageComplete = function() {
// check for non-zero, non-undefined naturalWidth
// fixes Safari+InfiniteScroll+Masonry bug infinite-scroll#671
return this.img.complete && this.img.naturalWidth;
};
LoadingImage.prototype.confirm = function( isLoaded, message ) {
this.isLoaded = isLoaded;
this.emitEvent( 'progress', [ this, this.img, message ] );
};
// ----- events ----- //
// trigger specified handler for event type
LoadingImage.prototype.handleEvent = function( event ) {
var method = 'on' + event.type;
if ( this[ method ] ) {
this[ method ]( event );
}
};
LoadingImage.prototype.onload = function() {
this.confirm( true, 'onload' );
this.unbindEvents();
};
LoadingImage.prototype.onerror = function() {
this.confirm( false, 'onerror' );
this.unbindEvents();
};
LoadingImage.prototype.unbindEvents = function() {
this.proxyImage.removeEventListener( 'load', this );
this.proxyImage.removeEventListener( 'error', this );
this.img.removeEventListener( 'load', this );
this.img.removeEventListener( 'error', this );
};
// -------------------------- Background -------------------------- //
function Background( url, element ) {
this.url = url;
this.element = element;
this.img = new Image();
}
// inherit LoadingImage prototype
Background.prototype = Object.create( LoadingImage.prototype );
Background.prototype.check = function() {
this.img.addEventListener( 'load', this );
this.img.addEventListener( 'error', this );
this.img.src = this.url;
// check if image is already complete
var isComplete = this.getIsImageComplete();
if ( isComplete ) {
this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );
this.unbindEvents();
}
};
Background.prototype.unbindEvents = function() {
this.img.removeEventListener( 'load', this );
this.img.removeEventListener( 'error', this );
};
Background.prototype.confirm = function( isLoaded, message ) {
this.isLoaded = isLoaded;
this.emitEvent( 'progress', [ this, this.element, message ] );
};
// -------------------------- jQuery -------------------------- //
ImagesLoaded.makeJQueryPlugin = function( jQuery ) {
jQuery = jQuery || window.jQuery;
if ( !jQuery ) {
return;
}
// set local variable
$ = jQuery;
// $().imagesLoaded()
$.fn.imagesLoaded = function( options, callback ) {
var instance = new ImagesLoaded( this, options, callback );
return instance.jqDeferred.promise( $(this) );
};
};
// try making plugin
ImagesLoaded.makeJQueryPlugin();
// -------------------------- -------------------------- //
return ImagesLoaded;
});
/*!
* Flickity imagesLoaded v2.0.0
* enables imagesLoaded option for Flickity
*/
/*jshint browser: true, strict: true, undef: true, unused: true */
( function( window, factory ) {
// universal module definition
/*jshint strict: false */ /*globals define, module, require */
if ( typeof define == 'function' && define.amd ) {
// AMD
define( [
'flickity/js/index',
'imagesloaded/imagesloaded'
], function( Flickity, imagesLoaded ) {
return factory( window, Flickity, imagesLoaded );
});
} else if ( typeof module == 'object' && module.exports ) {
// CommonJS
module.exports = factory(
window,
require('flickity'),
require('imagesloaded')
);
} else {
// browser global
window.Flickity = factory(
window,
window.Flickity,
window.imagesLoaded
);
}
}( window, function factory( window, Flickity, imagesLoaded ) {
'use strict';
Flickity.createMethods.push('_createImagesLoaded');
var proto = Flickity.prototype;
proto._createImagesLoaded = function() {
this.on( 'activate', this.imagesLoaded );
};
proto.imagesLoaded = function() {
if ( !this.options.imagesLoaded ) {
return;
}
var _this = this;
function onImagesLoadedProgress( instance, image ) {
var cell = _this.getParentCell( image.img );
_this.cellSizeChange( cell && cell.element );
if ( !_this.options.freeScroll ) {
_this.positionSliderAtSelected();
}
}
imagesLoaded( this.slider ).on( 'progress', onImagesLoadedProgress );
};
return Flickity;
}));
;
" +
text.replaceAll("\"", "") +
"
Ditt filter har sparats.
"); var $parent = $self.closest("li"); $self.fadeOut(300).remove(); $parent.append($new); $new.fadeOut(5000, function () { $(this).remove(); $parent.append($old); }); } }, error: function (xhr) { console.error(xhr.responseText); } }); } } function S4() { return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1); } function newGuid() { // then to call it, plus stitch in '4' in the third group var guid = (S4() + S4() + "-" + S4() + "-4" + S4().substr(0, 3) + "-" + S4() + "-" + S4() + S4() + S4()).toLowerCase(); return guid; } String.prototype.replaceAll = function (str1, str2, ignore) { return this.replace(new RegExp(str1.replace(/([\/\,\!\\\^\$\{\}\[\]\(\)\.\*\+\?\|\<\>\-\&])/g, "\\$&"), (ignore ? "gi" : "g")), (typeof (str2) == "string") ? str2.replace(/\$/g, "$$$$") : str2); }; var AutoComplete = { PendingRequest: null, YearTagPending: null, GhostContainer: $(".js-ac-ghost-container"), SweMode: $("html").attr("lang") === "sv", EventHandler: function (elem, event, func) { elem.addEventListener(event, func, false); }, AdjustSize: function ($input) { if ($input.val().length > 20) { $input.attr("size", $input.val().length); } }, Request: function (e) { var $input = $(this), val = $input.val(), keycode = e.keyCode || e.which, $ghostContainer = $input.closest(".js-ac-ghost-container"), $ul = $ghostContainer.find("ul:first"), $word = $(".searchWordsListing"), $free = $word.find(".free"), lang = $("html").attr("lang"); if (val.length > 120 || (val.length < 1 && (keycode !== 8))) { AutoComplete["pendingRequest"] = null; $(".searchWordsListing").remove(); return false; } var evt = e || window.event; var charCode = evt.which || evt.keyCode; var charStr = String.fromCharCode(charCode); var isNumberOrLetter = /[a-z0-9]/i.test(charStr); $(this).delay(10).queue(function (next) { if (!$free.length && AutoComplete["PendingRequest"] == null && val.trim() !== "" && (isNumberOrLetter || charCode === 32 || charCode === 8)) { if (charCode === 8 && val.length <= 0) { // } else { if (val.indexOf(" ") > 0 && val.length - 1 > val.indexOf(" ")) { $word.find("ul:first").prepend( ''); } } } next(); }); if (e.which === 40 || e.which === 9 && !(e.shiftKey && e.which === 9)) { var $target = $ghostContainer.next().find(".js-autocomplete-hit:first"); if ($target.length) { $ghostContainer.next().find(".js-autocomplete-hit.free").addClass("white"); $target.focus(); return false; } else { $(".js-traditional-trigger").focus(); return false; } } AutoComplete.AdjustSize($input); var prvVal = localStorage.getItem("textor"); console.log(prvVal); localStorage.setItem("textor", val.trim()); var isenterorspace = keycode === 13 || keycode === 32; if (isenterorspace && $ghostContainer.find("#jsautocomplete").val().trim() === "") { return false; } if (keycode === 9) { return false; } var keyCodeResult = AutoComplete.HandleKeyCodes(keycode, $input, val, prvVal); if (keyCodeResult) { FilterEngine.Search(); return false; } if (typeof keyCodeResult !== "undefined") { return false; } var filterDictionary = FilterEngine.GetFilterDictionary(AutoComplete.GhostContainer); if (FilterEngine.IsEmpty(filterDictionary)) { filterDictionary = null; } var $hitTypeFilter = $ghostContainer.find("[data-historical-filter-type='40']"); var hitTypeFilterValue = $hitTypeFilter.length ? $hitTypeFilter.attr("data-hittype") : ""; var $constructedFreeTexts = AutoComplete.GhostContainer.find(".js-autocomplete-filter.free-text"); var stringList = []; $constructedFreeTexts.each(function () { stringList.push($(this).find("span:first").text()); }); AutoComplete["PendingRequest"] = $.ajax({ beforeSend: function () { if (AutoComplete["PendingRequest"] != null) { AutoComplete["PendingRequest"].abort(); } }, url: $("#jsautocomplete").data("autocompleteurl"), method: "post", dataType: "html", data: { searchQuery: $input.val().trim(), hitType: hitTypeFilterValue, lang: lang, filterDictionary: filterDictionary, freeFilters: stringList }, success: function (response) { var $ghostContainer = $input.closest(".js-ac-ghost-container"); $ghostContainer.next().remove(); $(response).hide().insertAfter($ghostContainer).fadeIn(200, function () { var $ul = $(this).find("ul:first"); if (!$ul.find(".free").length) { if (val.indexOf(" ") > 0 && val.length - 1 > val.indexOf(" ")) { $ul.prepend( ''); } } }); AutoComplete["PendingRequest"] = null; }, error: function (xhr, e, s, d) { console.error(xhr.responseText); console.error(e); console.error(s); console.error(d); AutoComplete["PendingRequest"] = null; } }); }, HandleKeyCodes: function (keycode, $input, val, prvVal) { var $container = $input.closest(".js-historical-search"), $freetext = $container.find(".js-ac-freetext"), $mockedInput = $input.closest(".js-ac-ghost-container"), $filters = $mockedInput.find(".js-autocomplete-filter"); var forbiddencodes = { shift: 16, alt: 18, pause: 19, caps: 20, escape: 27, pageup: 33, pagedown: 34, end: 35, home: 36, leftArrow: 37, upArrow: 38, rightArrow: 39, downArrow: 40, f1: 112, f2: 113, f3: 114, f4: 115, f5: 116, f6: 117, f7: 118, f8: 119, f9: 120, f10: 121, f11: 122, f12: 123, leftwindow: 91, rightwindow: 92, numpad0: 96, numpad1: 97, numpad2: 98, numpad3: 99, numpad4: 100, numpad5: 101, numpad6: 102, numpad7: 103, numpad8: 104, numpad9: 105, multiply: 106, add: 107, subtract: 109, decimalpoint: 110, divide: 111, numlock: 144, scrolllock: 145, semicolon: 186, equalsign: 187, comma: 188, dash: 189, period: 190, forwardslash: 191, graveaccent: 192, openbracket: 219, closebracket: 221, singlequote: 222, delete: 46, insert: 45, volumedown: 174, volumeup: 175, Mute: 173, multiplex: 179, backslash: 220, weirda: 226, apostrof: 219 }; var validKeyCode = true; for (var property in forbiddencodes) { if (forbiddencodes.hasOwnProperty(property)) { if (keycode == forbiddencodes[property]) { validKeyCode = false; break; } } } if (!validKeyCode) { return false; } var backspace = keycode === 8, enter = keycode === 13, blur = keycode === 0, tab = keycode === 9, ctrldown = keycode === 17 || keycode === 91, //ctrl || cmd $lastLi = $mockedInput.find(".free-text, .work-filter, .artist-filter, .composer-filter") .filter(function () { return $(this).is(":visible"); }).last(); if (enter || blur || ctrldown) { if (val !== "") { $lastLi = $mockedInput.find("li").last(); AutoComplete.AddChunks($lastLi, val, null, false); $freetext.html(""); return true; } } else if (backspace) { var isFromYearTag = $lastLi.hasClass("js-ac-year-tag-from"); var isToYearTag = $lastLi.hasClass("js-ac-year-tag-to"); if (isFromYearTag) { $("#StartYear").prop("type", "text"); $("#StartYear").val(FilterEngine.StartYear); $("#StartYear").prop("type", "number"); } else if (isToYearTag) { $("#EndYear").prop("type", "text"); $("#EndYear").val((new Date()).getFullYear()); $("#EndYear").prop("type", "number"); } var hasLi = AutoComplete.GhostContainer.find(".free-text, .work-filter, .artist-filter, .composer-filter") .length; if (val.length < 1 && (prvVal === null || prvVal.length < 1)) { $lastLi.remove(); var parentid = $lastLi.attr("data-parentid"), isCategoryfilter = typeof (parentid) !== "undefined"; if (isCategoryfilter) { FilterEngine.ResetFilterGroup($lastLi.attr("data-id"), parentid); } $freetext.html("").hide(); return val.length >= 1 || hasLi; } else if (val.length < 1) { $(".searchWordsListing").remove(); return false; } } }, AddChunks: function ($lastLi, val, type, surroundWithQuotes) { var splitted = val.split(" "); type = (typeof type === "undefined" && type !== null ? "categoryfilter" : type); var closeTxt = AutoComplete.SweMode ? " ta bort " : " remove "; var grouped = []; for (var i = 0; i < splitted.length; i++) { var currentVal = splitted[i]; if (currentVal === "") { continue; } if (currentVal.charAt(0) === '"' || grouped.length > 0 || surroundWithQuotes) { grouped.push(currentVal); if (i == splitted.length - 1 || currentVal.charAt(currentVal.length - 1) === '"' ) { //last or is last in group var groupedval = grouped.join(' '); grouped = []; var $lastAttached = $("" + $yearField.attr("data-error") + ""); } $secondYearField.closest(".form-field").addClass("errorOnThis"); if (!$secondYearField.closest(".form-field").find(".customValidationMessage").length) { $secondYearField.closest(".form-field").find("label").append( "
" + $yearField.attr("data-error") + ""); } $yearField.focus(); return false; } $formfield.removeClass("errorOnThis"); $formfield.find("br, .customValidationMessage").remove(); $secondYearField.closest(".form-field").find("br, .customValidationMessage").remove(); if (isBlur) { if (val.length < 4) { $yearField.val(isStartYear ? FilterEngine.StartYear : (new Date()).getFullYear()); } var retrievedObject = localStorage.getItem(id); var semivalid = retrievedObject === null || (retrievedObject != null && retrievedObject.length === 4 && retrievedObject !== val && retrievedObject !== ""); console.log(retrievedObject === null + " object is null"); shouldSearch = semivalid; localStorage.setItem("shouldSearch", shouldSearch); if (keycode === 13 || keycode === 9 && !isBackTab) { isStartYear ? $(".js-year-filter").not($yearField).focus() : $(".js-filter-toggle").focus(); } else if (isBackTab) { !isStartYear ? $(".js-year-filter").not($yearField).focus() : $(".js-traditional-trigger").focus(); } return true; } if (!$small.length) { $small = $("" + (AutoComplete.SweMode ? "(åååå)" : "(yyyy)") + ""); } return true; }, ConstructYearTag: function ($input) { var val = $input.val(), firstOfKind = $input.attr("id").toLowerCase().indexOf('start') === 0, $ghostContainer = $(".js-ac-ghost-container"), $existingTag = $ghostContainer.find(".js-ac-year-tag-" + (firstOfKind ? "from" : "to")), $existingSiblingTag = $ghostContainer.find(".js-ac-year-tag-" + (firstOfKind ? "to" : "from")), hasFilters = $ghostContainer.find(".js-autocomplete-filter").length, $inputFilterSibling = $input.closest(".js-year-filtercontainer").find(".js-year-filter").not($input), $siblingformField = $inputFilterSibling.closest(".form-field"), $formfield = $input.closest(".form-field"), $small = $input.prev().find("small:first"), isSwedish = $("html").attr("lang") === "sv", closeTxt = AutoComplete.SweMode ? " ta bort " : " remove "; var toText = isSwedish ? "Till år" : "To year"; var $closeBtn = $(""); var fromText = isSwedish ? "Från år" : "From year"; var $lblTag = $(""); var $yearTag = $("" + val + ""); $small = $("" + (isSwedish ? "(åååå)" : "(yyyy)") + ""); var validValue = true; if ($inputFilterSibling.val() !== "" && validValue) { validValue = firstOfKind ? parseInt(val) <= parseInt($inputFilterSibling.val()) : parseInt(val) >= parseInt($inputFilterSibling.val()); } if (validValue) { $formfield.removeClass("errorOnThis"); $siblingformField.removeClass("errorOnThis"); if (!$existingTag.length) { $existingTag = $("") .hide(); if (hasFilters) { $existingTag.insertAfter($ghostContainer.find(".js-autocomplete-filter:last")).fadeIn(100, function () { $(this).prepend($yearTag); $(this).prepend($lblTag); $(this).append($closeBtn); $(this).children().not('.button-wrapper').not(".label-wrapper") .wrapAll(""); $(this).children().last().children().get(0) .addEventListener("click", FilterEngine.ToggleFilter, false); }); } else { $ghostContainer.find("ul:first").prepend($existingTag); $existingTag.fadeIn(100, function () { $(this).prepend($yearTag); $(this).prepend($lblTag); $(this).append($closeBtn); $(this).children().not('.button-wrapper').not(".label-wrapper") .wrapAll(""); $(this).children().last().children().get(0) .addEventListener("click", FilterEngine.ToggleFilter, false); $small.insertBefore($lblTag.find("br")); }); } } else { //$existingTag.find("label:first").replaceWith($lblTag); $existingTag.find("[data-year]").replaceWith($yearTag); $existingTag.children().not('.button-wrapper').not(".label-wrapper") .wrapAll(""); //$existingTag.html($lblTag + $yearTag); } if ($inputFilterSibling.length) { var $span = $existingSiblingTag.find("span:first"); $span.attr("data-year", $inputFilterSibling.val()); $span.html($inputFilterSibling.val()); } return true; } }, HandleFilterTag: function (e) { e.preventDefault(); var $input = $(this), iscreate = $input.is(":radio") ? $input.is(":checked") : !$input.is(":checked"), $subfiltergroup = $input.closest(".js-sub-filter-group"), $container = $(".js-ac-ghost-container"), parentFilterId = $input.closest(".js-sub-filter-group").data("parentfilterid"), isSelectAll = $input.hasClass("js-select-all-hs"), $selectAll = isSelectAll ? $input : $subfiltergroup.find(".js-select-all-hs:first"), value = $input.prev().val(), performSearch = !$input.attr("data-hitType"); var type = $input.closest(".js-sub-filter-group").find("h3").html(); var $removables = $container.find("[data-parentId='" + parentFilterId + "']"); if ($input.is(":checkbox")) { $input.attr("value", iscreate); $input.next().attr("value", iscreate); $selectAll.attr("value", iscreate && isSelectAll); $selectAll.next().attr("value", iscreate && isSelectAll); } if (isSelectAll && $input.is(":checkbox")) { var $siblings = $subfiltergroup.find("input[type='checkbox']").not($input); $siblings.each(function () { $(this).removeAttr("checked"); $(this).attr("value", false); $(this).next().attr("value", false); }); } if ($input.is(":radio") && !isSelectAll) { $subfiltergroup.find("input[type='radio']").not($input).each(function () { $(this).prop("checked", false); }); } if ($input.is(":radio") || (isSelectAll && $input.is(":checked"))) { $removables.remove(); } if (!isSelectAll) { $selectAll.attr("checked", false); } if (!(isSelectAll && $input.is(":checked"))) { if (iscreate) { var $closeBtn = $(""); var hitType = $input.data("hittype"); var hasHitType = typeof (hitType) !== "undefined"; var hasLi = $container.find(".js-autocomplete-filter").length; var $attached = $("
" +
$input.data("text") +
"