@progress/kendo-ui
Version:
This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.
1,112 lines (1,111 loc) • 46.8 kB
JavaScript
Object.defineProperties(exports, {
__esModule: { value: true },
[Symbol.toStringTag]: { value: "Module" }
});
require("./kendo.core-kmRaf_Lg.js");
require("./kendo.icons.js");
require("./kendo.selectable.js");
require("./kendo.calendar.js");
//#region ../src/kendo.multiviewcalendar.js
const __meta__ = {
id: "multiviewcalendar",
name: "MultiViewCalendar",
category: "web",
description: "Multi-view calendar.",
depends: [
"core",
"selectable",
"calendar"
]
};
(function($, undefined) {
let kendo = window.kendo, calendar = kendo.calendar, support = kendo.support, isInRange = calendar.isInRange, toDateObject = calendar.toDateObject, createDate = calendar.createDate, isEqualDate = calendar.isEqualDate, getToday = calendar.getToday, keys = kendo.keys, ui = kendo.ui, Widget = ui.Widget, Selectable = ui.Selectable, RangeSelectable = ui.RangeSelectable, template = kendo.template, mobileOS = support.mobileOS, ns = ".kendoMultiViewCalendar", CLICK = "click", ID = "id", MIN = "min", MONTH = "month", CENTURY = "century", DECADE = "decade", CHANGE = "change", NAVIGATE = "navigate", KENDO_KEYDOWN = "kendoKeydown", VALUE = "value", FOCUSED = "k-focus", SELECTED = "k-selected", HOVER = "k-hover", DISABLED = "k-disabled", TODAY = "k-calendar-nav-today", EMPTYCELL = "k-empty", CELLSELECTOR = "td:has(.k-link):not(.k-empty):not(.k-alt)", CELLSELECTORVALID = "td:has(.k-link):not(.k-disabled):not(.k-empty):not(.k-alt)", FOCUS = "focus", MOUSEENTER = support.touch ? "touchstart" : "mouseenter", MOUSELEAVE_NS = support.touch ? "touchend.kendoMultiViewCalendar touchmove.kendoMultiViewCalendar" : "mouseleave.kendoMultiViewCalendar", PREVARROW = "_prevArrow", NEXTARROW = "_nextArrow", RANGE = "range", SINGLE = "single", START = "start", END = "end", TABINDEX = "tabindex", TABLE = "table", TBODY = "tbody", THEAD = "thead", TR = "tr", TD_NOT_WEEK_CELL = "td:not(.k-alt)", TH = "th", ROLE = "role", NONE = "none", ROWGROUP = "rowgroup", COLUMNHEADER = "columnheader", ROWHEADER = "rowheader", GRIDCELL = "gridcell", ARIA_SELECTED = "aria-selected", ARIA_DISABLED = "aria-disabled", ARIA_LABEL = "aria-label", ARIA_OWNS = "aria-owns", ARIA_ACTIVEDESCENDANT = "aria-activedescendant", INPUTSELECTOR = "input,a,span,textarea,.k-multiselect-wrap,select,button,.k-button>span,.k-button>img,.k-icon,.k-svg-icon,.k-svg-icon *", DATE = Date, views = {
month: 0,
year: 1,
decade: 2,
century: 3
};
var MultiViewCalendar = Widget.extend({
init: function(element, options) {
var that = this;
var id;
var culture;
Widget.fn.init.call(that, element, options);
element = that.wrapper = that.element;
options = that.options;
that.options.disableDates = calendar.disabled(that.options.disableDates);
culture = kendo.getCulture(options.culture);
options.format = kendo._extractFormat(options.format || culture.calendars.standard.patterns.d);
that._templates();
that._header();
that._wrapper();
id = element.addClass(`k-calendar k-calendar-range ${kendo.getValidCssClass("k-calendar-", "size", that.options.size)}` + (options.weekNumber ? " k-week-number" : "")).on("keydown.kendoMultiViewCalendar", ".k-calendar-view", that, that._move.bind(that)).on("focus.kendoMultiViewCalendar", ".k-calendar-view", that._focus.bind(that)).on("blur.kendoMultiViewCalendar", ".k-calendar-view", that._blur.bind(that)).on("click.kendoMultiViewCalendar", CELLSELECTORVALID, function(e) {
var link = e.currentTarget.firstChild;
if ($(link).data("href").indexOf("#") != -1) e.preventDefault();
that._click($(link));
}).attr(ID);
if (!id) id = kendo.guid();
that._cellID = id + "_cell_selected";
that._calendarWidth = that.element.width();
that._range = options.range;
if (that._range && that._range.start && !that._range.end) that._range.target = END;
that._initViews({
viewName: options.start,
value: options.value
});
that._selectable();
that._footer(that.footer);
that._selectDates = [];
that.value(options.value);
that._addSelectedCellsToArray();
if (that._isMultipleSelection()) {
that._selectDates = options.selectDates.length ? options.selectDates : that._selectDates;
that._restoreSelection();
}
if (that._isRangeSelection()) that.selectRange(that._range);
kendo.notify(that);
Widget.fn.endInit.call(that);
},
options: {
name: "MultiViewCalendar",
value: null,
min: new DATE(1900, 0, 1),
max: new DATE(2099, 11, 31),
dates: [],
allowReverse: false,
disableDates: null,
showOtherMonthDays: false,
centuryCellsFormat: "long",
culture: "",
footer: "",
format: "",
month: {},
range: {
start: null,
end: null,
target: START
},
weekNumber: false,
views: 2,
showViewHeader: false,
selectable: SINGLE,
selectDates: [],
start: MONTH,
depth: MONTH,
messages: {
weekColumnHeader: "",
navigateTo: "Navigate to ",
navigateToParentView: "parent view"
},
size: undefined,
orientation: "horizontal"
},
events: [
CHANGE,
NAVIGATE,
KENDO_KEYDOWN
],
setOptions: function(options) {
var that = this;
calendar.normalize(options);
options.disableDates = calendar.disabled(options.disableDates);
Widget.fn.setOptions.call(that, options);
that._selectable();
that._templates();
that._footer(that.footer);
for (var i = 0; i < that._views.length; i++) that._views[i].off(ns).remove();
that._initViews({
viewName: options.start,
value: options.value
});
that._range = options.range || {
start: null,
end: null
};
that._restoreSelection();
if (that._isRangeSelection()) that.selectRange(that._range);
},
destroy: function() {
var that = this;
that._cell = null;
that._currentView = null;
that._current = null;
if (that._views) for (var i = 0; i < that._views.length; i++) that._views[i].off(ns).remove();
that.element.off(ns);
if (that.header) {
that.header.off(ns);
that._title = null;
that.header = null;
}
if (that.selectable) {
that.selectable.destroy();
that.selectable = null;
}
if (that.rangeSelectable) {
that.rangeSelectable.destroy();
that.rangeSelectable = null;
}
if (that._today) kendo.destroy(that._today.off(ns));
that._views = null;
Widget.fn.destroy.call(that);
},
current: function() {
return this._current;
},
focus: function() {
this.tablesWrapper.trigger("focus");
},
min: function(value) {
return this._option(MIN, value);
},
max: function(value) {
return this._option("max", value);
},
view: function() {
return this._currentView;
},
navigateToPast: function() {
this._navigate(PREVARROW, -1);
},
navigateToFuture: function() {
this._navigate(NEXTARROW, 1);
},
navigateUp: function() {
var that = this, index = that._index;
if (that._title.hasClass(DISABLED)) return;
that.navigate(that._current, ++index);
},
navigateDown: function(value) {
var that = this, index = that._index, depth = that.options.depth;
if (!value) return;
if (index === views[depth]) {
if (!isEqualDate(that._value, that._current) || !isEqualDate(that._value, value)) {
that.value(value);
that.trigger(CHANGE);
}
return;
}
that.navigate(value, --index);
},
navigate: function(value, view) {
view = isNaN(view) ? calendar.views[calendar.viewsEnum[view]] : calendar.views[view];
var that = this;
var options = that.options;
var min = options.min;
var max = options.max;
if (!value) that._current = value = new DATE(+calendar.restrictValue(value, min, max));
else that._current = value;
if (view === undefined) view = that._currentView;
that._currentView = view;
for (var i = 0; i < that._views.length; i++) that._views[i].off(ns).remove();
that._initViews({
viewName: view.name,
value
});
that._restoreSelection();
},
_aria: function() {
var tables = this.tablesWrapper.find(TABLE), rowGroups = tables.first().find(THEAD).add(tables.find(TBODY)), viewName = this._currentView.name;
tables.removeAttr(TABINDEX);
tables.attr({ role: NONE });
rowGroups.attr({ role: ROWGROUP });
if (viewName === MONTH) this._ariaMonth();
},
_ariaMonth: function() {
var tables = this.tablesWrapper.find(TABLE), rows = tables.first().find(THEAD).add(tables.find(TBODY)).find(TR), noHeaderRows = tables.not(":eq(0)").find("thead tr"), noHeaderCells = noHeaderRows.find(TH), columnHeaderCells = tables.first().find("thead th"), rowHeaderCells = tables.find("tbody td.k-alt"), outOfRange = tables.find(".k-empty"), ariaDataCells = function(i, row) {
var $row = $(row), numberOfEmpty = $row.find(".k-empty").length, owned = [], prev, cells;
if (i === 1) $row.children().filter(".k-empty").attr({
"aria-hidden": "false",
role: GRIDCELL
});
else if (numberOfEmpty === 7) {
$row.removeAttr(ROLE);
$row.find(TH).removeAttr(ROLE);
} else if (numberOfEmpty > 0 && numberOfEmpty < 7 && $row.children().not(TH).first().hasClass(EMPTYCELL)) {
$row.find(TH).removeAttr(ROLE);
prev = rows.eq(i - 1);
if (!prev.attr(ROLE) || prev.attr(ROLE) === NONE) prev = rows.eq(i - 2);
cells = $row.children().not(TH);
cells.each(function(j, cell) {
var $cell = $(cell), id;
if (!$cell.hasClass(EMPTYCELL)) {
id = "owned_" + i + "_" + j;
$cell.attr(ID, id);
owned.push(id);
}
});
$row.removeAttr(ROLE);
prev.attr(ARIA_OWNS, owned.join(" "));
}
};
columnHeaderCells.attr({ role: COLUMNHEADER });
rowHeaderCells.attr({ role: ROWHEADER });
outOfRange.removeAttr(ROLE);
noHeaderRows.removeAttr(ROLE);
noHeaderCells.removeAttr(ARIA_LABEL).removeAttr(ROLE);
rows.each(ariaDataCells);
},
_updateHeader: function() {
let that = this, view = that._currentView, title = that._title, value = that._firstViewValue, options = that.options, visibleRange = that._visibleRange(), culture = options.culture, min = options.min, max = options.max, lastDate, disabled, prevDisabled, nextDisabled;
if (view.name === DECADE || view.name === CENTURY) {
lastDate = shiftDate(value, view.name, options.views - 1);
if (!isInRange(lastDate, min, max)) lastDate = max;
title.html("<span class=\"k-button-text\">" + view.first(value).getFullYear() + " - " + view.last(lastDate).getFullYear() + "</span>");
} else title.html("<span class=\"k-button-text\">" + view.title(value, min, max, culture) + " - " + view.title(shiftDate(value, view.name, options.views - 1), min, max, culture) + "</span>");
var titleText = title.find(".k-button-text").text();
var messages = options.messages;
title.attr("aria-label", messages.navigateTo + messages.navigateToParentView + ": " + titleText);
disabled = view.name === CENTURY;
title.toggleClass(DISABLED, disabled).attr(ARIA_DISABLED, disabled);
prevDisabled = view.compare(visibleRange.start, that.options.min) < 1;
nextDisabled = view.compare(visibleRange.end, that.options.max) > -1;
if (prevDisabled && nextDisabled) {
if (that._navContainer) {
that._navContainer.remove();
that._navContainer = null;
}
} else {
if (!that._navContainer) {
that._navContainer = $(`<span class="k-calendar-nav"><span tabindex="-1" data-href="#" role="button" class="k-button ${kendo.getValidCssClass("k-button-", "size", that.options.size)} k-button-flat k-icon-button k-calendar-nav-prev" aria-label="Previous">${kendo.ui.icon({
icon: "chevron-left",
iconClass: "k-button-icon"
})}</span><span tabindex="-1" data-href="#" role="button" class="k-button ${kendo.getValidCssClass("k-button-", "size", that.options.size)} k-button-flat k-icon-button k-calendar-nav-next" aria-label="Next">${kendo.ui.icon({
icon: "chevron-right",
iconClass: "k-button-icon"
})}</span></span>`).appendTo(that.header);
that[PREVARROW] = that._navContainer.find(".k-calendar-nav-prev");
that[NEXTARROW] = that._navContainer.find(".k-calendar-nav-next");
}
that[PREVARROW].toggleClass(DISABLED, prevDisabled).attr(ARIA_DISABLED, prevDisabled);
if (that[PREVARROW].hasClass(DISABLED)) that[PREVARROW].removeClass(HOVER);
that[NEXTARROW].toggleClass(DISABLED, nextDisabled).attr(ARIA_DISABLED, nextDisabled);
if (that[NEXTARROW].hasClass(DISABLED)) that[NEXTARROW].removeClass(HOVER);
}
},
_move: function(e) {
var that = this;
if (!kendo.keyDownHandler(e, that)) return;
var options = that.options;
var key = e.keyCode;
var index = that._index;
var min = options.min;
var max = options.max;
var focusedCell = that.element.find(".k-focus");
var table = focusedCell.closest(TABLE);
var currentValue = new DATE(+(that._current || toDateObject(focusedCell.find("span"))));
var isRtl = kendo.support.isRtl(that.wrapper);
var navigate = false;
var value, prevent, method, cell, lastActive, cellIndex, triggerChange;
if (key == keys.RIGHT && !isRtl || key == keys.LEFT && isRtl) {
value = 1;
prevent = true;
} else if (key == keys.LEFT && !isRtl || key == keys.RIGHT && isRtl) {
value = -1;
prevent = true;
} else if (key == keys.UP) {
value = index === 0 ? -7 : -4;
prevent = true;
} else if (key == keys.DOWN) {
value = index === 0 ? 7 : 4;
prevent = true;
} else if (key == keys.SPACEBAR) {
value = 0;
prevent = true;
} else if (key == keys.HOME) {
prevent = true;
cell = table.find(CELLSELECTORVALID).eq(0);
if (cell.hasClass(FOCUSED)) {
table = table.prev();
if (table.length) that._focusCell(table.find(CELLSELECTORVALID).eq(0));
else {
navigate = that[PREVARROW] && !that[PREVARROW].hasClass(DISABLED);
that._navigate(PREVARROW, -1);
that._focusCell(that.element.find(TABLE).first().find(CELLSELECTORVALID).first());
}
} else that._focusCell(cell);
} else if (key == keys.END) {
prevent = true;
cell = table.find(CELLSELECTORVALID).last();
if (cell.hasClass(FOCUSED)) {
table = table.next();
if (table.length) that._focusCell(table.find(CELLSELECTORVALID).last());
else {
navigate = that[NEXTARROW] && !that[NEXTARROW].hasClass(DISABLED);
that._navigate(NEXTARROW, 1);
that._focusCell(that.element.find(TABLE).last().find(CELLSELECTORVALID).last());
}
} else that._focusCell(cell);
} else if (key === 84) {
that._todayClick(e);
prevent = true;
}
if (e.ctrlKey || e.metaKey) {
if (key == keys.RIGHT && !isRtl || key == keys.LEFT && isRtl) {
navigate = that[NEXTARROW] && !that[NEXTARROW].hasClass(DISABLED);
that._navigate(NEXTARROW, 1);
prevent = true;
} else if (key == keys.LEFT && !isRtl || key == keys.RIGHT && isRtl) {
navigate = that[PREVARROW] && !that[PREVARROW].hasClass(DISABLED);
that._navigate(PREVARROW, -1);
prevent = true;
} else if (key == keys.UP) {
navigate = !that._title.hasClass(DISABLED);
that.navigateUp();
that._focusCell(that._cellByDate(that._current));
prevent = true;
} else if (key == keys.DOWN) {
if (that._currentView.name === MONTH) that.value(currentValue);
else {
that.navigateDown(currentValue);
that._focusCell(that._cellByDate(that._current));
navigate = true;
}
prevent = true;
} else if (key == keys.ENTER || key == keys.SPACEBAR) {
if (that._isMultipleSelection()) that._toggleSelection(e);
}
} else if (e.shiftKey && !that._isSingleSelection()) {
if (value !== undefined || method) {
if (!method) that._currentView.setDate(currentValue, value);
if (that._currentView.name !== MONTH) return;
if (options.disableDates(currentValue)) currentValue = that._nextNavigatable(currentValue, value);
min = createDate(min.getFullYear(), min.getMonth(), min.getDate());
if (isInRange(currentValue, min, max)) {
if (!that._dateInViews(currentValue)) if (value > 0) {
navigate = that[NEXTARROW] && !that[NEXTARROW].hasClass(DISABLED);
that._navigate(NEXTARROW, 1);
} else {
navigate = that[PREVARROW] && !that[PREVARROW].hasClass(DISABLED);
that._navigate(PREVARROW, -1);
}
cell = that._cellByDate(currentValue);
that._current = currentValue;
if (that.selectable) {
that._selectRange(toDateObject((that.selectable._lastActive || focusedCell).find("span")), currentValue);
if (!that.selectable._lastActive) that.selectable._lastActive = focusedCell;
that.trigger(CHANGE);
that._focusCell(cell);
}
if (that.rangeSelectable) {
lastActive = toDateObject((that.rangeSelectable._lastActive || focusedCell).find("span"));
if (!that._dateInViews(lastActive)) if (+lastActive > +currentValue) {
that.rangeSelectable._end = that.rangeSelectable._lastActive;
that.rangeSelectable.selectFrom(cell);
} else that.rangeSelectable.selectTo(cell);
else {
if (that.rangeSelectable._end && that.rangeSelectable._end.is(".k-focus")) that.rangeSelectable._lastActive = that.rangeSelectable._start;
else that.rangeSelectable._lastActive = that._cellByDate(lastActive);
that.rangeSelectable.range(that.rangeSelectable._lastActive, cell);
}
that.rangeSelectable.change();
that._focusCell(cell);
}
}
}
} else {
if (key == keys.ENTER || key == keys.SPACEBAR) {
if (that._currentView.name === MONTH) {
triggerChange = !focusedCell.hasClass(SELECTED) || that.element.find(".k-selected").length > 1;
that.value(currentValue);
if (that.selectable) {
that.selectable._lastActive = that._cellByDate(currentValue);
if (triggerChange) that.selectable.trigger(CHANGE, { event: e });
}
if (that.rangeSelectable) that.rangeSelectable.change();
} else that._click($(that._cell[0].firstChild));
prevent = true;
} else if (key == keys.PAGEUP || key == keys.PAGEDOWN) {
prevent = true;
cellIndex = table.find(CELLSELECTORVALID).index(focusedCell);
table = key == keys.PAGEUP ? table.prev() : table.next();
if (!table.length) if (key == keys.PAGEUP) {
navigate = that[PREVARROW] && !that[PREVARROW].hasClass(DISABLED);
that.navigateToPast();
table = that.element.find(TABLE).first();
} else {
navigate = that[NEXTARROW] && !that[NEXTARROW].hasClass(DISABLED);
that.navigateToFuture();
table = that.element.find(TABLE).last();
}
cell = table.find(CELLSELECTORVALID).eq(cellIndex);
if (cell.length) that._focusCell(cell);
else that._focusCell(table.find(CELLSELECTORVALID).last());
}
if (value || method) {
if (!method) that._currentView.setDate(currentValue, value);
min = createDate(min.getFullYear(), min.getMonth(), min.getDate());
if (isInRange(currentValue, min, max)) {
if (that.selectable && options.disableDates(currentValue)) currentValue = that._nextNavigatable(currentValue, value);
if (!that._dateInViews(currentValue)) if (value > 0) {
navigate = that[NEXTARROW] && !that[NEXTARROW].hasClass(DISABLED);
that._navigate(NEXTARROW, 1);
} else {
navigate = that[PREVARROW] && !that[PREVARROW].hasClass(DISABLED);
that._navigate(NEXTARROW, -1);
}
cell = that._cellByDate(currentValue);
that._current = currentValue;
that._focusCell(cell);
}
}
}
if (navigate) that.trigger(NAVIGATE);
if (prevent) e.preventDefault();
return that._current;
},
_visualizeSelectedDatesInView: function() {
var that = this;
var selectedDates = {};
var cells;
$.each(that._selectDates, function(index, value) {
selectedDates[kendo.calendar.views[0].toDateString(value)] = value;
});
that.selectable.clear();
cells = that.element.find(TABLE).find(CELLSELECTOR).filter(function(index, element) {
return selectedDates[$(element.firstChild).attr(kendo.attr(VALUE))];
});
if (cells.length > 0) that.selectable._selectElement(cells, true);
},
_nextNavigatable: function(currentValue, value) {
var that = this;
var disabled = true;
var view = that._currentView;
var min = that.options.min;
var max = that.options.max;
var isDisabled = that.options.disableDates;
var navigatableDate = new Date(currentValue.getTime());
view.setDate(navigatableDate, -value);
while (disabled) {
view.setDate(currentValue, value);
if (!isInRange(currentValue, min, max)) {
currentValue = navigatableDate;
break;
}
disabled = isDisabled(currentValue);
}
return currentValue;
},
_toggleSelection: function(event) {
var that = this;
that.selectable._lastActive = $(that._cell[0]);
if ($(that._cell[0]).hasClass(SELECTED)) that.selectable._unselect($(that._cell[0]));
else that.selectable.value($(that._cell[0]));
that.selectable.trigger(CHANGE, { event });
},
_option: function(option, value) {
var that = this;
var options = that.options;
var currentValue = that._value || that._current;
var isBigger;
if (value === undefined) return options[option];
value = kendo.parseDate(value, options.format, options.culture);
if (!value) return;
options[option] = new DATE(+value);
if (option === MIN) isBigger = value > currentValue;
else isBigger = currentValue > value;
if (isBigger) that._value = null;
that.navigate(that._value);
that._toggle();
},
_cellByDate: function(value) {
if (value instanceof Date) value = this._currentView.toDateString(value);
return this.element.find(TABLE).find("td:not(.k-other-month)").filter(function() {
return $(this.firstChild).attr(kendo.attr(VALUE)) === value;
});
},
_selectable: function() {
let that = this, selectable = that.options.selectable, mode = Selectable.parseOptions(selectable);
if (that.selectable) {
that.selectable.destroy();
that.selectable = null;
}
if (that.rangeSelectable) {
that.rangeSelectable.destroy();
that.rangeSelectable = null;
}
if (mode.range) that.rangeSelectable = new RangeSelectable(that.wrapper, {
widget: that,
filter: ".k-calendar-monthview table td:has(.k-link):not(.k-disabled):not(.k-empty):not(.k-alt)",
cellSelector: CELLSELECTOR,
cellSelectorValid: CELLSELECTORVALID,
change: that._rangeSelection.bind(that),
reverse: that.options.allowReverse,
resetOnStart: selectable.resetOnStart !== undefined ? selectable.resetOnStart : true,
ns,
inputSelectors: INPUTSELECTOR
});
else that.selectable = new Selectable(that.wrapper, {
aria: true,
dragToSelect: false,
multiple: mode.multiple,
filter: "table.k-calendar-table td:has(.k-link):not(.k-disabled):not(.k-empty):not(.k-alt)",
selectableClass: "k-calendar",
change: that._selection.bind(that),
relatedTarget: that._onRelatedTarget.bind(that),
unselect: that._unselecting.bind(that)
});
},
_onRelatedTarget: function(target) {
var that = this;
if (that.selectable.options.multiple && target.is(CELLSELECTORVALID) && target.length > 1) that._focusCell(target.first(), true);
},
_getFirstViewDate: function(currentView) {
var that = this;
var options = that.options;
var ranges = [];
var start;
var end;
var current = /* @__PURE__ */ new Date(+that._current);
var i;
for (i = 0; i < options.views; i++) {
start = currentView.first(current);
end = currentView.last(current);
if (+end > +options.max) {
if (+start <= +options.max) ranges.push({
start,
end: /* @__PURE__ */ new Date(+options.max)
});
break;
}
ranges.push({
start,
end
});
current = /* @__PURE__ */ new Date(+shiftDate(end, currentView.name, 1));
}
current = /* @__PURE__ */ new Date(+that._current);
for (i = 0; i < options.views; i++) {
start = currentView.first(current);
end = currentView.last(current);
if (+start < +options.min) {
if (+end >= +options.min) ranges.push({
start: /* @__PURE__ */ new Date(+options.min),
end
});
break;
}
ranges.push({
start,
end
});
current = /* @__PURE__ */ new Date(+shiftDate(start, currentView.name, -1));
}
start = ranges[0].start;
for (i = 0; i < options.views + 1; i++) {
if (!ranges[i]) break;
if (+start > +ranges[i].start) start = ranges[i].start;
}
return /* @__PURE__ */ new Date(+start);
},
_canRenderNextView: function(viewDate) {
var fullYear = viewDate.getFullYear();
var month = viewDate.getMonth();
var date = viewDate.getDate();
var max = this.options.max;
var maxYear = max.getFullYear();
var maxMonth = max.getMonth();
if (fullYear < maxYear) return true;
if (fullYear === maxYear && month < maxMonth) return true;
if (fullYear === maxYear && month === maxMonth && date < max.getDate()) return true;
if (fullYear === maxYear && month === maxMonth && date === max.getDate()) return true;
return false;
},
_initViews: function(viewOptions) {
var that = this;
var options = that.options;
var index = calendar.viewsEnum[viewOptions.viewName];
var currentView = calendar.views[index];
var viewDate;
that._current = new DATE(+calendar.restrictValue(viewOptions.value, options.min, options.max));
that._views = [];
that._index = index;
viewDate = that._getFirstViewDate(currentView);
viewDate.setDate(1);
that._firstViewValue = /* @__PURE__ */ new Date(+viewDate);
for (var i = 0; i < options.views; i++) {
viewDate = i ? shiftDate(viewDate, currentView.name, 1) : viewDate;
viewDate.setDate(1);
if (!that._canRenderNextView(viewDate)) break;
that._table = $(currentView.content($.extend({
min: options.min,
max: options.max,
date: viewDate,
url: options.url,
dates: options.dates,
format: options.format,
culture: options.culture,
disableDates: options.disableDates,
showHeader: options.showViewHeader,
isWeekColumnVisible: options.weekNumber,
showOtherMonthDays: options.showOtherMonthDays,
centuryCellsFormat: options.centuryCellsFormat,
messages: options.messages,
contentClasses: "k-calendar-table"
}, that[currentView.name])));
that._table.appendTo(that.tablesWrapper);
that._views.push(that._table);
}
that._currentView = currentView;
that.tablesWrapper.attr("class", "k-calendar-view k-calendar-" + currentView.name + `view ${that.options.orientation != "vertical" ? "k-hstack" : "k-vstack"} k-align-items-start k-justify-content-center`);
that._updateHeader();
that._aria();
},
_rangeSelection: function(e) {
let that = this, range = e.sender.range(), useEnd = e.sender._useEnd, useStart = e.sender._useStart, initialRange = that.selectRange() || {}, start, end, target = initialRange.target;
if (range.start && range.start.length) start = toDateObject(range.start.find("span"));
if (range.end && range.end.length) end = toDateObject(range.end.find("span"));
if (target === END) target = START;
else target = END;
that._range = {
start: useStart ? initialRange.start : start,
end: useEnd ? initialRange.end : end,
target
};
if (!that._preventChange) that.trigger(CHANGE);
},
_selection: function(e) {
let that = this, selectElements = e.sender.value(), domEvent = e.event, currentTarget = $(domEvent && domEvent.currentTarget), isCell = currentTarget.is(TD_NOT_WEEK_CELL), currentValue;
if (that._isSingleSelection()) that._validateValue(selectElements[0] ? toDateObject(selectElements.first().find("span")) : e.sender._lastActive ? toDateObject(e.sender._lastActive.find("span")) : that.value());
if (that._isMultipleSelection()) {
if (isCell) currentValue = toDateObject(currentTarget.find("span"));
if (domEvent && domEvent.ctrlKey) if (isCell) if (currentTarget.hasClass(SELECTED)) that._selectDates.push(currentValue);
else that._deselect(currentValue);
else {
that.element.find("table td:has(.k-link):not(.k-disabled):not(.k-empty):not(.k-alt)").each(function(index, element) {
var value = toDateObject($(element).find("span"));
that._deselect(value);
});
that._addSelectedCellsToArray();
}
else if (domEvent && domEvent.shiftKey) that._selectRange(toDateObject(e.sender._lastActive ? e.sender._lastActive.find("span") : selectElements.first().find("span")), currentValue);
else if (isCell) {
that._selectDates = [];
that._selectDates.push(currentValue);
} else {
that._selectDates = [];
that._addSelectedCellsToArray();
}
}
if (!that._preventChange) that.trigger(CHANGE);
},
_addSelectedCellsToArray: function() {
var that = this;
if (!that.selectable) return;
that.selectable.value().each(function(index, item) {
var date = toDateObject($(item.firstChild));
if (!that.options.disableDates(date)) that._selectDates.push(date);
});
},
_deselect: function(date) {
var that = this;
var currentDateIndex = that._selectDates.map(Number).indexOf(+date);
if (currentDateIndex != -1) that._selectDates.splice(currentDateIndex, 1);
},
_unselecting: function(e) {
var that = this;
var element = e.element;
if (that._isSingleSelection() && !mobileOS && element.hasClass(FOCUSED)) e.preventDefault();
},
_visibleRange: function() {
var tables = this.element.find(".k-calendar-view table");
return {
start: toDateObject(tables.first().find(CELLSELECTOR).first().find("span")),
end: toDateObject(tables.last().find(CELLSELECTOR).last().find("span"))
};
},
_dateInViews: function(date) {
var tables = this.element.find(".k-calendar-view table");
var firstDateInView = toDateObject(tables.first().find(CELLSELECTOR).first().find("span"));
var lastDateInView = toDateObject(tables.last().find(CELLSELECTOR).last().find("span"));
if (!date) return;
date = new Date(date.toDateString());
return +date <= +lastDateInView && +date >= +firstDateInView;
},
_fillRange: function(start, end) {
var that = this;
var daysDifference;
that._selectDates = [];
daysDifference = daysBetweenTwoDates(start, end);
addDaysToArray(that._selectDates, daysDifference, start, that.options.disableDates);
},
_selectRange: function(start, end) {
var that = this;
var current;
if (+end < +start) {
current = end;
end = start;
start = current;
}
that._fillRange(start, end);
that._visualizeSelectedDatesInView();
},
_header: function() {
var that = this;
var element = that.element;
var buttons;
var header = element.find(".k-calendar-header");
if (!header.length) header = $(`<div class="k-calendar-header"><span id="calendar-title" tabindex="-1" data-href="#" role="button" class="k-calendar-title k-button ${kendo.getValidCssClass("k-button-", "size", that.options.size)} k-button-flat k-button-primary" aria-live="polite"></span><span class="k-spacer"></span><span class="k-calendar-nav"><span tabindex="-1" data-href="#" role="button" class="k-button ${kendo.getValidCssClass("k-button-", "size", that.options.size)} k-button-flat k-icon-button k-calendar-nav-prev" aria-label="Previous">${kendo.ui.icon({
icon: "chevron-left",
iconClass: "k-button-icon"
})}</span><span tabindex="-1" data-href="#" role="button" class="k-button ${kendo.getValidCssClass("k-button-", "size", that.options.size)} k-button-flat k-icon-button k-calendar-nav-next" aria-label="Next">${kendo.ui.icon({
icon: "chevron-right",
iconClass: "k-button-icon"
})}</span></span></div>`).prependTo(element);
that.header = header;
header.on(MOUSEENTER + ".kendoMultiViewCalendar " + MOUSELEAVE_NS + " focus.kendoMultiViewCalendar blur.kendoMultiViewCalendar", ".k-button", mousetoggle).on(CLICK, function() {
return false;
}).on("click.kendoMultiViewCalendar", ".k-button.k-calendar-title", that._calendarTitleClick.bind(that)).on("click.kendoMultiViewCalendar", ".k-button.k-calendar-nav-prev", that._prevViewClick.bind(that)).on("click.kendoMultiViewCalendar", ".k-button.k-calendar-nav-next", that._nextViewClick.bind(that));
buttons = header.find(".k-button");
that._title = buttons.filter(".k-calendar-title");
that._navContainer = header.find(".k-calendar-nav");
that[PREVARROW] = buttons.filter(".k-calendar-nav-prev");
that[NEXTARROW] = buttons.filter(".k-calendar-nav-next");
},
_calendarTitleClick: function() {
this.navigateUp();
this.focus();
this.trigger(NAVIGATE);
},
_prevViewClick: function(e) {
e.preventDefault();
this.navigateToPast();
this.focus();
this.trigger(NAVIGATE);
},
_nextViewClick: function(e) {
e.preventDefault();
this.navigateToFuture();
this.focus();
this.trigger(NAVIGATE);
},
_wrapper: function() {
this.tablesWrapper = $("<div tabindex=\"0\" role=\"grid\" class=\"k-calendar-view\" aria-labelledby=\"calendar-title\" />").insertAfter(this.element[0].firstChild);
},
_templates: function() {
var that = this;
var month = that.options.month;
var content = month.content;
var weekNumber = month.weekNumber;
var empty = month.empty;
that.month = {
content: template((data) => `<td class="${data.cssClass}" role="gridcell"><span tabindex="-1" class="k-link${data.linkClass}" data-href="${data.url}" ${kendo.attr(VALUE)}="${data.dateString}" title="${data.title}">${content ? kendo.template(content, { useWithBlock: !!content })(data) : data.value}</span></td>`, { useWithBlock: !!content }),
empty: template((data) => `<td role="gridcell"${empty ? ">" : " class=\"k-calendar-td k-empty\">"}${empty ? kendo.template(empty, { useWithBlock: !!empty })(data) : "</span>"}</td>`, { useWithBlock: !!empty }),
weekNumber: template((data) => `<td class="k-calendar-td k-alt">${weekNumber ? kendo.template(weekNumber, { useWithBlock: !!weekNumber })(data) : data.weekNumber}</td>`, { useWithBlock: !!weekNumber })
};
},
_footer: function() {
var that = this;
var options = that.options;
var template = options.footer !== false ? kendo.template(that.options.footer || ((data) => kendo.toString(data, "D", options.culture)), { useWithBlock: false }) : null;
var today = getToday();
var element = that.element;
var footer = element.find(".k-calendar-footer");
if (!template) {
that._toggle(false);
footer.hide();
return;
}
if (!footer[0]) footer = $(`<div class="k-calendar-footer">
<button tabindex="-1" class="k-calendar-nav-today k-button ${kendo.getValidCssClass("k-button-", "size", that.options.size)} k-button-flat k-button-primary">
<span class="k-button-text"></span>
</button>
</div>`).appendTo(element);
that._today = footer.show().find(".k-button-flat.k-button-primary").attr("title", kendo.toString(today, "D", that.options.culture));
footer.find(".k-button-text").html(template(today));
that._toggle();
},
_navigate: function(arrow, modifier) {
var that = this;
var index = that._index + 1;
var currentValue = new DATE(+that._current);
var originaValue = new DATE(+that._current);
var offset;
arrow = that[arrow];
offset = that._cellByDate(currentValue).closest(TABLE).index();
if (modifier > 0) offset = 1 - offset;
else offset = offset + 1;
if (!arrow || !arrow.hasClass(DISABLED)) {
if (index > 3) currentValue.setFullYear(currentValue.getFullYear() + 100 * (modifier * offset));
else calendar.views[index].setDate(currentValue, modifier * offset);
that.navigate(currentValue);
if (that._dateInViews(originaValue)) {
that._focusCell(that._cellByDate(originaValue));
that._current = originaValue;
} else {
if (index > 3) originaValue.setFullYear(originaValue.getFullYear() + 100 * modifier);
else calendar.views[index].setDate(originaValue, modifier);
that._focusCell(that._cellByDate(originaValue));
that._current = originaValue;
}
}
},
_toggle: function(toggle) {
var that = this;
var options = that.options;
var isTodayDisabled = options.selectable !== RANGE && that.options.disableDates(getToday());
var link = that._today;
if (toggle === undefined) toggle = isInRange(getToday(), options.min, options.max);
if (link) {
link.off("click.kendoMultiViewCalendar");
if (toggle && !isTodayDisabled) link.addClass(TODAY).removeClass(DISABLED).on("click.kendoMultiViewCalendar", function(e) {
that._todayClick(e);
that.focus();
});
else link.removeClass(TODAY).addClass(DISABLED).on("click.kendoMultiViewCalendar", function prevent(e) {
e.preventDefault();
});
}
},
_click: function(link) {
var that = this;
var options = that.options;
var currentValue = /* @__PURE__ */ new Date(+that._current);
var value = toDateObject(link);
kendo.date.adjustDST(value, 0);
that._currentView.setDate(currentValue, value);
that._current = value;
if (that._currentView.name !== options.depth) {
that.navigateDown(calendar.restrictValue(currentValue, options.min, options.max));
that._focusCell(that._cellByDate(that._current));
that.trigger(NAVIGATE);
} else that._focusCell(link.closest(TD_NOT_WEEK_CELL));
that.focus();
},
_blur: function() {
var that = this;
if (that._cell) that._cell.removeClass(FOCUSED);
},
_focus: function() {
var cell = this._cell;
if (!cell || !$.contains(this.tablesWrapper[0], cell[0])) if (this._current && this._dateInViews(this._current)) cell = this._cellByDate(this._current);
else cell = this.tablesWrapper.find(CELLSELECTORVALID).first();
this._focusCell(cell);
},
_focusCell: function(cell) {
var that = this;
var cellId = that._cellID;
if (that._cell && that._cell.length) {
that._cell[0].removeAttribute(ARIA_LABEL);
that._cell.removeClass(FOCUSED);
that.tablesWrapper.removeAttr(ARIA_ACTIVEDESCENDANT);
if (that._cell.attr(ID) === cellId) that._cell[0].removeAttribute(ID);
}
that._cell = cell;
if (cell.attr(ID)) that.tablesWrapper.attr(ARIA_ACTIVEDESCENDANT, cell.attr(ID));
else if (cellId) {
cell.attr(ID, cellId);
that.tablesWrapper.attr(ARIA_ACTIVEDESCENDANT, cellId);
}
cell.addClass(FOCUSED);
if (cell.length && that._currentView.name == MONTH) that._current = toDateObject(cell.find("span"));
},
_todayClick: function(e) {
var that = this;
var disabled = that.options.disableDates;
var today = getToday();
var navigate = false;
e.preventDefault();
if (disabled(today)) return;
that._value = today;
if (that._isMultipleSelection()) that._selectDates = [today];
if (that._isRangeSelection()) {
that.rangeSelectable.clear(true);
that._range = {
start: today,
end: null
};
}
if (that._currentView.name != MONTH || !that._dateInViews(today)) navigate = true;
that.navigate(today, that.options.depth);
if (that._isSingleSelection()) that.selectable._lastActive = null;
if (navigate) that.trigger(NAVIGATE);
that.trigger(CHANGE);
},
_validateValue: function(value) {
var that = this;
var options = that.options;
var min = options.min;
var max = options.max;
value = kendo.parseDate(value, options.format, options.culture);
if (value !== null) {
value = new DATE(+value);
if (!isInRange(value, min, max)) value = null;
}
if (value === null || !that.options.disableDates(/* @__PURE__ */ new Date(+value))) that._value = value;
else if (that._value === undefined) that._value = null;
return that._value;
},
_updateAria: function(ariaTemplate, date) {
var that = this;
var cell = that._cellByDate(date || that.current());
var valueType = that.view().valueType();
var current = date || that.current();
var text;
that._focusCell(cell);
if (valueType === MONTH) text = kendo.toString(current, "MMMM");
else if (valueType === "date") text = kendo.toString(current, "D");
else text = cell.text();
cell.attr(ARIA_LABEL, ariaTemplate({
current,
valueType,
text
}));
return cell.attr(ID);
},
clearSelection: function() {
var that = this;
if (that.selectable) that.element.find(".k-selected").removeClass(SELECTED).removeAttr(ARIA_SELECTED);
if (that.rangeSelectable) that.rangeSelectable.clear(true);
},
_restoreSelection: function() {
var that = this;
var range;
if (that._currentView.name !== that.options.depth) return;
that._preventChange = true;
if (that._isRangeSelection()) {
range = that.selectRange();
if (!range || !range.start) {
that._preventChange = false;
return;
}
that.selectRange(range);
}
if (that._isSingleSelection() && that.value()) that.selectable.value(that._cellByDate(that.value()));
if (that._isMultipleSelection()) that._visualizeSelectedDatesInView();
that._preventChange = false;
},
_isMultipleSelection: function() {
let selectable = this.options.selectable;
return Selectable.parseOptions(selectable).multiple;
},
_isRangeSelection: function() {
let selectable = this.options.selectable;
return Selectable.parseOptions(selectable).range;
},
_isSingleSelection: function() {
let selectable = this.options.selectable;
return Selectable.parseOptions(selectable).single;
},
value: function(value) {
var that = this;
var cell;
if (value === undefined) return that._value;
value = that._validateValue(value);
that.clearSelection();
if (value && !that._dateInViews(value)) that.navigate(value);
if (value !== null && that._currentView.name === MONTH) {
cell = that._cellByDate(value);
if (that.selectable) that.selectable.value(cell);
if (that.rangeSelectable) {
that.rangeSelectable.start(cell);
that.rangeSelectable._lastActive = cell;
}
}
},
selectDates: function(dates) {
var that = this;
var validSelectedDates;
var datesUnique;
if (dates === undefined) return that._selectDates;
datesUnique = dates.map(function(date) {
return date.getTime();
}).filter(function(date, position, array) {
return array.indexOf(date) === position;
}).map(function(time) {
return new Date(time);
});
validSelectedDates = $.grep(datesUnique, function(value) {
if (value) return +that._validateValue(new Date(value.setHours(0, 0, 0, 0))) === +value;
});
that._selectDates = validSelectedDates.length > 0 ? validSelectedDates : datesUnique.length === 0 ? datesUnique : that._selectDates;
that._visualizeSelectedDatesInView();
},
selectRange: function(range) {
let that = this, startInRange, endInRange, visibleRange;
if (range === undefined) return that._range;
that._range = range;
visibleRange = that._visibleRange();
startInRange = that._dateInViews(range.start);
endInRange = range.end && that._dateInViews(range.end);
if (!startInRange) {
if (endInRange) if (range.start) that.rangeSelectable.selectTo(that._cellByDate(range.end));
else {
that.rangeSelectable.clear(true);
that.rangeSelectable.end(that._cellByDate(range.end));
}
else if (range.start) that.rangeSelectable.start(that._cellByDate(range.start));
}
if (startInRange && endInRange) that.rangeSelectable.range(that._cellByDate(range.start), that._cellByDate(range.end), false, that.options.allowReverse);
if (range.end && startInRange && !endInRange) that.rangeSelectable.selectFrom(that._cellByDate(range.start));
if (!range.end && startInRange) {
that.rangeSelectable.clear(true);
that.rangeSelectable.start(that._cellByDate(range.start));
}
if (+visibleRange.start > +range.start && +visibleRange.end < +range.end) that.rangeSelectable.mid(that.element.find(CELLSELECTORVALID));
}
});
kendo.ui.plugin(MultiViewCalendar);
function mousetoggle(e) {
if (!$(this).hasClass("k-disabled")) $(this).toggleClass(HOVER, MOUSEENTER.indexOf(e.type) > -1 || e.type == FOCUS);
}
function addDaysToArray(array, numberOfDays, fromDate, disableDates) {
for (var i = 0; i <= numberOfDays; i++) {
var nextDay = new Date(fromDate.getTime());
nextDay = new Date(nextDay.setDate(nextDay.getDate() + i));
if (!disableDates(nextDay)) array.push(nextDay);
}
}
function daysBetweenTwoDates(startDate, endDate) {
if (+endDate < +startDate) {
var temp = +startDate;
calendar.views[0].setDate(startDate, endDate);
calendar.views[0].setDate(endDate, new Date(temp));
}
var fromDateUTC = Date.UTC(startDate.getFullYear(), startDate.getMonth(), startDate.getDate());
var endDateUTC = Date.UTC(endDate.getFullYear(), endDate.getMonth(), endDate.getDate());
return Math.ceil((+endDateUTC - +fromDateUTC) / kendo.date.MS_PER_DAY);
}
function shiftDate(value, dimension, numberOfViews) {
var current;
if (dimension === MONTH) {
current = new DATE(value.getFullYear(), value.getMonth() + numberOfViews, value.getDate());
current.setFullYear(value.getFullYear());
if (Math.abs(current.getMonth() - value.getMonth()) > numberOfViews || numberOfViews > 10) {
current.setMonth(value.getMonth() + numberOfViews);
current = calendar.views[0].last(current);
}
return current;
} else if (dimension === "year") {
current = new DATE(1, value.getMonth(), value.getDate());
current.setFullYear(value.getFullYear() + numberOfViews);
if (Math.abs(current.getFullYear() - value.getFullYear()) > numberOfViews) {
current = new DATE(1, value.getMonth(), 1);
current.setFullYear(value.getFullYear() + numberOfViews);
current = calendar.views[1].last(current);
}
return current;
} else if (dimension === "decade") {
current = new DATE(1, value.getMonth(), value.getDate());
current.setFullYear(value.getFullYear() + 10 * numberOfViews);
if (Math.abs(current.getFullYear() - value.getFullYear()) > 10 * numberOfViews) {
current = new DATE(1, value.getMonth(), 1);
current.setFullYear(value.getFullYear() + 10 * numberOfViews);
current = calendar.views[2].last(current);
}
return current;
} else if (dimension === "century") {
current = new DATE(1, value.getMonth(), value.getDate());
current.setFullYear(value.getFullYear() + 100 * numberOfViews);
if (Math.abs(current.getFullYear() - value.getFullYear()) > 100 * numberOfViews) {
current = new DATE(1, value.getMonth(), 1);
current.setFullYear(value.getFullYear() + 100 * numberOfViews);
current = calendar.views[3].last(current);
}
return current;
}
}
})(window.kendo.jQuery);
var kendo_multiviewcalendar_default = kendo;
//#endregion
exports.__meta__ = __meta__;
exports.default = kendo_multiviewcalendar_default;