devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
899 lines (892 loc) • 37.2 kB
JavaScript
/**
* DevExtreme (cjs/__internal/scheduler/appointments/rendering_strategies/m_strategy_base.js)
* Version: 23.2.6
* Build date: Wed May 01 2024
*
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _date = _interopRequireDefault(require("../../../../core/utils/date"));
var _extend = require("../../../../core/utils/extend");
var _type = require("../../../../core/utils/type");
var _utils = _interopRequireDefault(require("../../../../ui/scheduler/utils.timeZone"));
var _themes = require("../../../../ui/themes");
var _date2 = require("../../../core/utils/date");
var _m_expression_utils = require("../../../scheduler/m_expression_utils");
var _index = require("../../../scheduler/r1/utils/index");
var _m_appointment_adapter = require("../../m_appointment_adapter");
var _m_settings_generator = require("../m_settings_generator");
var _m_appointments_positioning_strategy_adaptive = _interopRequireDefault(require("./m_appointments_positioning_strategy_adaptive"));
var _m_appointments_positioning_strategy_base = _interopRequireDefault(require("./m_appointments_positioning_strategy_base"));
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
}
}
function _extends() {
_extends = Object.assign ? Object.assign.bind() : function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key]
}
}
}
return target
};
return _extends.apply(this, arguments)
}
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) {
descriptor.writable = true
}
Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor)
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) {
_defineProperties(Constructor.prototype, protoProps)
}
if (staticProps) {
_defineProperties(Constructor, staticProps)
}
Object.defineProperty(Constructor, "prototype", {
writable: false
});
return Constructor
}
function _toPropertyKey(arg) {
var key = _toPrimitive(arg, "string");
return "symbol" === typeof key ? key : String(key)
}
function _toPrimitive(input, hint) {
if ("object" !== typeof input || null === input) {
return input
}
var prim = input[Symbol.toPrimitive];
if (void 0 !== prim) {
var res = prim.call(input, hint || "default");
if ("object" !== typeof res) {
return res
}
throw new TypeError("@@toPrimitive must return a primitive value.")
}
return ("string" === hint ? String : Number)(input)
}
const toMs = _date.default.dateToMilliseconds;
const APPOINTMENT_MIN_SIZE = 2;
const APPOINTMENT_DEFAULT_HEIGHT = 20;
const COMPACT_THEME_APPOINTMENT_DEFAULT_HEIGHT = 18;
const DROP_DOWN_BUTTON_ADAPTIVE_SIZE = 28;
const WEEK_VIEW_COLLECTOR_OFFSET = 5;
const COMPACT_THEME_WEEK_VIEW_COLLECTOR_OFFSET = 1;
let BaseRenderingStrategy = function() {
function BaseRenderingStrategy(options) {
this.options = options;
this._initPositioningStrategy()
}
var _proto = BaseRenderingStrategy.prototype;
_proto._correctCollectorCoordinatesInAdaptive = function(coordinates, isAllDay) {
coordinates.top += this.getCollectorTopOffset(isAllDay);
coordinates.left += this.getCollectorLeftOffset()
};
_proto._initPositioningStrategy = function() {
this._positioningStrategy = this.isAdaptive ? new _m_appointments_positioning_strategy_adaptive.default(this) : new _m_appointments_positioning_strategy_base.default(this)
};
_proto.getPositioningStrategy = function() {
return this._positioningStrategy
};
_proto.getAppointmentMinSize = function() {
return 2
};
_proto.keepAppointmentSettings = function() {
return false
};
_proto.getDeltaTime = function(args, initialSize, appointment) {};
_proto.getAppointmentGeometry = function(coordinates) {
return coordinates
};
_proto.needCorrectAppointmentDates = function() {
return true
};
_proto.getDirection = function() {
return "horizontal"
};
_proto.createTaskPositionMap = function(items, skipSorting) {
delete this._maxAppointmentCountPerCell;
const length = null === items || void 0 === items ? void 0 : items.length;
if (!length) {
return
}
const map = [];
for (let i = 0; i < length; i++) {
let coordinates = this._getItemPosition(items[i]);
if (coordinates.length && this.rtlEnabled) {
coordinates = this._correctRtlCoordinates(coordinates)
}
coordinates.forEach(item => {
item.leftVirtualCellCount = this.leftVirtualCellCount;
item.topVirtualCellCount = this.topVirtualCellCount;
item.leftVirtualWidth = this.leftVirtualCellCount * this.cellWidth;
item.topVirtualHeight = this.topVirtualCellCount * this.cellHeight
});
map.push(coordinates)
}
const positionArray = this._getSortedPositions(map);
const resultPositions = this._getResultPositions(positionArray);
return this._getExtendedPositionMap(map, resultPositions)
};
_proto._getDeltaWidth = function(args, initialSize) {
const intervalWidth = this.resizableStep || this.getAppointmentMinSize();
const initialWidth = initialSize.width;
return Math.round((args.width - initialWidth) / intervalWidth)
};
_proto._correctRtlCoordinates = function(coordinates) {
const width = coordinates[0].width || this._getAppointmentMaxWidth();
coordinates.forEach(coordinate => {
if (!coordinate.appointmentReduced) {
coordinate.left -= width
}
});
return coordinates
};
_proto._getAppointmentMaxWidth = function() {
return this.cellWidth
};
_proto._getItemPosition = function(initialAppointment) {
const appointment = this.shiftAppointmentByViewOffset(initialAppointment);
const position = this.generateAppointmentSettings(appointment);
const allDay = this.isAllDay(appointment);
let result = [];
for (let j = 0; j < position.length; j++) {
const height = this.calculateAppointmentHeight(appointment, position[j]);
const width = this.calculateAppointmentWidth(appointment, position[j]);
let resultWidth = width;
let appointmentReduced = null;
let multiWeekAppointmentParts = [];
let initialRowIndex = position[j].rowIndex;
let initialColumnIndex = position[j].columnIndex;
if (this._needVerifyItemSize() || allDay) {
const currentMaxAllowedPosition = position[j].hMax;
if (this.isAppointmentGreaterThan(currentMaxAllowedPosition, {
left: position[j].left,
width: width
})) {
appointmentReduced = "head";
initialRowIndex = position[j].rowIndex;
initialColumnIndex = position[j].columnIndex;
resultWidth = this._reduceMultiWeekAppointment(width, {
left: position[j].left,
right: currentMaxAllowedPosition
});
multiWeekAppointmentParts = this._getAppointmentParts({
sourceAppointmentWidth: width,
reducedWidth: resultWidth,
height: height
}, position[j]);
if (this.rtlEnabled) {
position[j].left = currentMaxAllowedPosition
}
}
}(0, _extend.extend)(position[j], {
height: height,
width: resultWidth,
allDay: allDay,
rowIndex: initialRowIndex,
columnIndex: initialColumnIndex,
appointmentReduced: appointmentReduced
});
result = this._getAppointmentPartsPosition(multiWeekAppointmentParts, position[j], result)
}
return result
};
_proto._getAppointmentPartsPosition = function(appointmentParts, position, result) {
if (appointmentParts.length) {
appointmentParts.unshift(position);
result = result.concat(appointmentParts)
} else {
result.push(position)
}
return result
};
_proto.getAppointmentSettingsGenerator = function(rawAppointment) {
return new _m_settings_generator.AppointmentSettingsGenerator(_extends({
rawAppointment: rawAppointment,
appointmentTakesAllDay: this.isAppointmentTakesAllDay(rawAppointment),
getPositionShiftCallback: this.getPositionShift.bind(this)
}, this.options))
};
_proto.generateAppointmentSettings = function(rawAppointment) {
return this.getAppointmentSettingsGenerator(rawAppointment).create()
};
_proto.isAppointmentTakesAllDay = function(rawAppointment) {
const adapter = (0, _m_appointment_adapter.createAppointmentAdapter)(rawAppointment, this.dataAccessors, this.timeZoneCalculator);
return (0, _index.getAppointmentTakesAllDay)(adapter, this.allDayPanelMode)
};
_proto._getAppointmentParts = function(geometry, settings) {
return []
};
_proto._getCompactAppointmentParts = function(appointmentWidth) {
const cellWidth = this.cellWidth || this.getAppointmentMinSize();
return Math.round(appointmentWidth / cellWidth)
};
_proto._reduceMultiWeekAppointment = function(sourceAppointmentWidth, bound) {
if (this.rtlEnabled) {
sourceAppointmentWidth = Math.floor(bound.left - bound.right)
} else {
sourceAppointmentWidth = bound.right - Math.floor(bound.left)
}
return sourceAppointmentWidth
};
_proto.calculateAppointmentHeight = function(appointment, position) {
return 0
};
_proto.calculateAppointmentWidth = function(appointment, position) {
return 0
};
_proto.isAppointmentGreaterThan = function(etalon, comparisonParameters) {
let result = comparisonParameters.left + comparisonParameters.width - etalon;
if (this.rtlEnabled) {
result = etalon + comparisonParameters.width - comparisonParameters.left
}
return result > this.cellWidth / 2
};
_proto.isAllDay = function(appointment) {
return false
};
_proto.cropAppointmentWidth = function(width, cellWidth) {
return this.isGroupedByDate ? cellWidth : width
};
_proto._getSortedPositions = function(positionList, skipSorting) {
const result = [];
const round = value => Math.round(100 * value) / 100;
const createItem = (rowIndex, columnIndex, top, left, bottom, right, position, allDay) => ({
i: rowIndex,
j: columnIndex,
top: round(top),
left: round(left),
bottom: round(bottom),
right: round(right),
cellPosition: position,
allDay: allDay
});
for (let rowIndex = 0, rowCount = positionList.length; rowIndex < rowCount; rowIndex++) {
for (let columnIndex = 0, cellCount = positionList[rowIndex].length; columnIndex < cellCount; columnIndex++) {
const {
top: top,
left: left,
height: height,
width: width,
cellPosition: cellPosition,
allDay: allDay
} = positionList[rowIndex][columnIndex];
result.push(createItem(rowIndex, columnIndex, top, left, top + height, left + width, cellPosition, allDay))
}
}
return result.sort((a, b) => this._sortCondition(a, b))
};
_proto._sortCondition = function(a, b) {};
_proto._getConditions = function(a, b) {
const isSomeEdge = this._isSomeEdge(a, b);
return {
columnCondition: isSomeEdge || this._normalizeCondition(a.left, b.left),
rowCondition: isSomeEdge || this._normalizeCondition(a.top, b.top),
cellPositionCondition: isSomeEdge || this._normalizeCondition(a.cellPosition, b.cellPosition)
}
};
_proto._rowCondition = function(a, b) {
const conditions = this._getConditions(a, b);
return conditions.columnCondition || conditions.rowCondition
};
_proto._columnCondition = function(a, b) {
const conditions = this._getConditions(a, b);
return conditions.rowCondition || conditions.columnCondition
};
_proto._isSomeEdge = function(a, b) {
return a.i === b.i && a.j === b.j
};
_proto._normalizeCondition = function(first, second) {
const result = first - second;
return Math.abs(result) > 1 ? result : 0
};
_proto._isItemsCross = function(firstItem, secondItem) {
const areItemsInTheSameTable = !!firstItem.allDay === !!secondItem.allDay;
const areItemsAllDay = firstItem.allDay && secondItem.allDay;
if (areItemsInTheSameTable) {
const orientation = this._getOrientation(areItemsAllDay);
return this._checkItemsCrossing(firstItem, secondItem, orientation)
}
return false
};
_proto._checkItemsCrossing = function(firstItem, secondItem, orientation) {
const firstItemSide1 = Math.floor(firstItem[orientation[0]]);
const firstItemSide2 = Math.floor(firstItem[orientation[1]]);
const secondItemSide1 = Math.ceil(secondItem[orientation[0]]);
const secondItemSide2 = Math.ceil(secondItem[orientation[1]]);
const isItemCross = Math.abs(firstItem[orientation[2]] - secondItem[orientation[2]]) <= 1;
return isItemCross && (firstItemSide1 <= secondItemSide1 && firstItemSide2 > secondItemSide1 || firstItemSide1 < secondItemSide2 && firstItemSide2 >= secondItemSide2 || firstItemSide1 === secondItemSide1 && firstItemSide2 === secondItemSide2)
};
_proto._getOrientation = function(isAllDay) {
return isAllDay ? ["left", "right", "top"] : ["top", "bottom", "left"]
};
_proto._getResultPositions = function(sortedArray) {
const result = [];
let i;
let sortedIndex = 0;
let currentItem;
let indexes;
let itemIndex;
let maxIndexInStack = 0;
let stack = {};
const findFreeIndex = (indexes, index) => {
const isFind = indexes.some(item => item === index);
if (isFind) {
return findFreeIndex(indexes, ++index)
}
return index
};
const createItem = (currentItem, index) => {
const currentIndex = index || 0;
return {
index: currentIndex,
i: currentItem.i,
j: currentItem.j,
left: currentItem.left,
right: currentItem.right,
top: currentItem.top,
bottom: currentItem.bottom,
allDay: currentItem.allDay,
sortedIndex: this._skipSortedIndex(currentIndex) ? null : sortedIndex++
}
};
const startNewStack = currentItem => {
stack.items = [createItem(currentItem)];
stack.left = currentItem.left;
stack.right = currentItem.right;
stack.top = currentItem.top;
stack.bottom = currentItem.bottom;
stack.allDay = currentItem.allDay
};
const pushItemsInResult = items => {
items.forEach(item => {
result.push({
index: item.index,
count: maxIndexInStack + 1,
i: item.i,
j: item.j,
sortedIndex: item.sortedIndex
})
})
};
for (i = 0; i < sortedArray.length; i++) {
currentItem = sortedArray[i];
indexes = [];
if (!stack.items) {
startNewStack(currentItem)
} else if (this._isItemsCross(stack, currentItem)) {
stack.items.forEach(item => {
if (this._isItemsCross(item, currentItem)) {
indexes.push(item.index)
}
});
itemIndex = indexes.length ? findFreeIndex(indexes, 0) : 0;
stack.items.push(createItem(currentItem, itemIndex));
maxIndexInStack = Math.max(itemIndex, maxIndexInStack);
stack.left = Math.min(stack.left, currentItem.left);
stack.right = Math.max(stack.right, currentItem.right);
stack.top = Math.min(stack.top, currentItem.top);
stack.bottom = Math.max(stack.bottom, currentItem.bottom);
stack.allDay = currentItem.allDay
} else {
pushItemsInResult(stack.items);
stack = {};
startNewStack(currentItem);
maxIndexInStack = 0
}
}
if (stack.items) {
pushItemsInResult(stack.items)
}
return result.sort((a, b) => {
const columnCondition = a.j - b.j;
const rowCondition = a.i - b.i;
return rowCondition || columnCondition
})
};
_proto._skipSortedIndex = function(index) {
return index > this._getMaxAppointmentCountPerCell() - 1
};
_proto._findIndexByKey = function(arr, iKey, jKey, iValue, jValue) {
let result = 0;
for (let i = 0, len = arr.length; i < len; i++) {
if (arr[i][iKey] === iValue && arr[i][jKey] === jValue) {
result = i;
break
}
}
return result
};
_proto._getExtendedPositionMap = function(map, positions) {
let positionCounter = 0;
const result = [];
for (let i = 0, mapLength = map.length; i < mapLength; i++) {
const resultString = [];
for (let j = 0, itemLength = map[i].length; j < itemLength; j++) {
map[i][j].index = positions[positionCounter].index;
map[i][j].sortedIndex = positions[positionCounter].sortedIndex;
map[i][j].count = positions[positionCounter++].count;
resultString.push(map[i][j]);
this._checkLongCompactAppointment(map[i][j], resultString)
}
result.push(resultString)
}
return result
};
_proto._checkLongCompactAppointment = function(item, result) {
this._splitLongCompactAppointment(item, result);
return result
};
_proto._splitLongCompactAppointment = function(item, result) {
const appointmentCountPerCell = this._getMaxAppointmentCountPerCellByType(item.allDay);
let compactCount = 0;
if (void 0 !== appointmentCountPerCell && item.index > appointmentCountPerCell - 1) {
item.isCompact = true;
compactCount = this._getCompactAppointmentParts(item.width);
for (let k = 1; k < compactCount; k++) {
const compactPart = (0, _extend.extend)(true, {}, item);
compactPart.left = this._getCompactLeftCoordinate(item.left, k);
compactPart.columnIndex += k;
compactPart.sortedIndex = null;
result.push(compactPart)
}
}
return result
};
_proto._adjustDurationByDaylightDiff = function(duration, startDate, endDate) {
const {
viewOffset: viewOffset
} = this.options;
const originalStartDate = _date2.dateUtilsTs.addOffsets(startDate, [viewOffset]);
const originalEndDate = _date2.dateUtilsTs.addOffsets(endDate, [viewOffset]);
const daylightDiff = _utils.default.getDaylightOffset(originalStartDate, originalEndDate);
const correctedDuration = this._needAdjustDuration(daylightDiff) ? this._calculateDurationByDaylightDiff(duration, daylightDiff) : duration;
return correctedDuration <= Math.abs(daylightDiff) ? duration : correctedDuration
};
_proto._needAdjustDuration = function(diff) {
return 0 !== diff
};
_proto._calculateDurationByDaylightDiff = function(duration, diff) {
return duration + diff * toMs("minute")
};
_proto._getCollectorLeftOffset = function(isAllDay) {
if (isAllDay || !this.isApplyCompactAppointmentOffset()) {
return 0
}
const dropDownButtonWidth = this.getDropDownAppointmentWidth(this.intervalCount, isAllDay);
const rightOffset = this._isCompactTheme() ? 1 : 5;
return this.cellWidth - dropDownButtonWidth - rightOffset
};
_proto._markAppointmentAsVirtual = function(coordinates) {
let isAllDay = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
const countFullWidthAppointmentInCell = this._getMaxAppointmentCountPerCellByType(isAllDay);
if (coordinates.count - countFullWidthAppointmentInCell > 0) {
const {
top: top,
left: left
} = coordinates;
const compactRender = this.isAdaptive || !isAllDay && this.supportCompactDropDownAppointments();
coordinates.virtual = {
left: left + this._getCollectorLeftOffset(isAllDay),
top: top,
width: this.getDropDownAppointmentWidth(this.intervalCount, isAllDay),
height: this.getDropDownAppointmentHeight(),
index: this._generateAppointmentCollectorIndex(coordinates, isAllDay),
isAllDay: isAllDay,
groupIndex: coordinates.groupIndex,
isCompact: compactRender
}
}
};
_proto.isApplyCompactAppointmentOffset = function() {
return this.supportCompactDropDownAppointments()
};
_proto.supportCompactDropDownAppointments = function() {
return true
};
_proto._generateAppointmentCollectorIndex = function(_ref, isAllDay) {
let {
groupIndex: groupIndex,
rowIndex: rowIndex,
columnIndex: columnIndex
} = _ref;
return "".concat(groupIndex, "-").concat(rowIndex, "-").concat(columnIndex, "-").concat(isAllDay)
};
_proto._getMaxAppointmentCountPerCellByType = function(isAllDay) {
const appointmentCountPerCell = this._getMaxAppointmentCountPerCell();
if ((0, _type.isObject)(appointmentCountPerCell)) {
return isAllDay ? appointmentCountPerCell.allDay : appointmentCountPerCell.simple
}
return appointmentCountPerCell
};
_proto.getDropDownAppointmentWidth = function(intervalCount, isAllDay) {
return this.getPositioningStrategy().getDropDownAppointmentWidth(intervalCount, isAllDay)
};
_proto.getDropDownAppointmentHeight = function() {
return this.getPositioningStrategy().getDropDownAppointmentHeight()
};
_proto.getDropDownButtonAdaptiveSize = function() {
return 28
};
_proto.getCollectorTopOffset = function(allDay) {
return this.getPositioningStrategy().getCollectorTopOffset(allDay)
};
_proto.getCollectorLeftOffset = function() {
return this.getPositioningStrategy().getCollectorLeftOffset()
};
_proto.getAppointmentDataCalculator = function() {};
_proto.getVerticalAppointmentHeight = function(cellHeight, currentAppointmentCountInCell, maxAppointmentsPerCell) {
let resultMaxAppointmentsPerCell = maxAppointmentsPerCell;
if ((0, _type.isNumeric)(this.maxAppointmentsPerCell)) {
const dynamicAppointmentCountPerCell = this._getDynamicAppointmentCountPerCell();
const maxAppointmentCountDisplayedInCell = dynamicAppointmentCountPerCell.allDay || dynamicAppointmentCountPerCell;
const maxAppointmentsCount = Math.max(currentAppointmentCountInCell, maxAppointmentCountDisplayedInCell);
resultMaxAppointmentsPerCell = Math.min(maxAppointmentsCount, maxAppointmentsPerCell)
}
return cellHeight / resultMaxAppointmentsPerCell
};
_proto._customizeCoordinates = function(coordinates, cellHeight, appointmentCountPerCell, topOffset, isAllDay) {
const {
index: index,
count: count
} = coordinates;
const appointmentHeight = this.getVerticalAppointmentHeight(cellHeight, count, appointmentCountPerCell);
const appointmentTop = coordinates.top + index * appointmentHeight;
const top = appointmentTop + topOffset;
const {
width: width
} = coordinates;
const {
left: left
} = coordinates;
if (coordinates.isCompact) {
this.isAdaptive && this._correctCollectorCoordinatesInAdaptive(coordinates, isAllDay);
this._markAppointmentAsVirtual(coordinates, isAllDay)
}
return {
height: appointmentHeight,
width: width,
top: top,
left: left,
empty: this._isAppointmentEmpty(cellHeight, width)
}
};
_proto._isAppointmentEmpty = function(height, width) {
return height < this._getAppointmentMinHeight() || width < this._getAppointmentMinWidth()
};
_proto._calculateGeometryConfig = function(coordinates) {
const overlappingMode = this.maxAppointmentsPerCell;
const offsets = this._getOffsets();
const appointmentDefaultOffset = this._getAppointmentDefaultOffset();
let appointmentCountPerCell = this._getAppointmentCount(overlappingMode, coordinates);
let ratio = this._getDefaultRatio(coordinates, appointmentCountPerCell);
let maxHeight = this._getMaxHeight();
if (!(0, _type.isNumeric)(appointmentCountPerCell)) {
appointmentCountPerCell = coordinates.count;
ratio = (maxHeight - offsets.unlimited) / maxHeight
}
let topOffset = (1 - ratio) * maxHeight;
if ("auto" === overlappingMode || (0, _type.isNumeric)(overlappingMode)) {
ratio = 1;
maxHeight -= appointmentDefaultOffset;
topOffset = appointmentDefaultOffset
}
return {
height: ratio * maxHeight,
appointmentCountPerCell: appointmentCountPerCell,
offset: topOffset
}
};
_proto._getAppointmentCount = function(overlappingMode, coordinates) {};
_proto._getDefaultRatio = function(coordinates, appointmentCountPerCell) {};
_proto._getOffsets = function() {};
_proto._getMaxHeight = function() {};
_proto._needVerifyItemSize = function() {
return false
};
_proto._getMaxAppointmentCountPerCell = function() {
if (!this._maxAppointmentCountPerCell) {
const overlappingMode = this.maxAppointmentsPerCell;
let appointmentCountPerCell;
if ((0, _type.isNumeric)(overlappingMode)) {
appointmentCountPerCell = overlappingMode
}
if ("auto" === overlappingMode) {
appointmentCountPerCell = this._getDynamicAppointmentCountPerCell()
}
if ("unlimited" === overlappingMode) {
appointmentCountPerCell = void 0
}
this._maxAppointmentCountPerCell = appointmentCountPerCell
}
return this._maxAppointmentCountPerCell
};
_proto._getDynamicAppointmentCountPerCell = function() {
return this.getPositioningStrategy().getDynamicAppointmentCountPerCell()
};
_proto.allDaySupported = function() {
return false
};
_proto._isCompactTheme = function() {
return "compact" === ((0, _themes.current)() || "").split(".").pop()
};
_proto._getAppointmentDefaultOffset = function() {
return this.getPositioningStrategy().getAppointmentDefaultOffset()
};
_proto._getAppointmentDefaultHeight = function() {
return this._getAppointmentHeightByTheme()
};
_proto._getAppointmentMinHeight = function() {
return this._getAppointmentDefaultHeight()
};
_proto._getAppointmentHeightByTheme = function() {
return this._isCompactTheme() ? 18 : 20
};
_proto._getAppointmentDefaultWidth = function() {
return this.getPositioningStrategy()._getAppointmentDefaultWidth()
};
_proto._getAppointmentMinWidth = function() {
return this._getAppointmentDefaultWidth()
};
_proto._needVerticalGroupBounds = function(allDay) {
return false
};
_proto._needHorizontalGroupBounds = function() {
return false
};
_proto.getAppointmentDurationInMs = function(apptStartDate, apptEndDate, allDay) {
if (allDay) {
const appointmentDuration = apptEndDate.getTime() - apptStartDate.getTime();
const ceilQuantityOfDays = Math.ceil(appointmentDuration / toMs("day"));
return ceilQuantityOfDays * this.visibleDayDuration
}
const msInHour = toMs("hour");
const trimmedStartDate = _date.default.trimTime(apptStartDate);
const trimmedEndDate = _date.default.trimTime(apptEndDate);
const deltaDate = trimmedEndDate - trimmedStartDate;
const quantityOfDays = deltaDate / toMs("day") + 1;
const dayVisibleHours = this.endDayHour - this.startDayHour;
const appointmentDayHours = dayVisibleHours * quantityOfDays;
const startHours = (apptStartDate - trimmedStartDate) / msInHour;
const apptStartDelta = Math.max(0, startHours - this.startDayHour);
const endHours = Math.max(0, (apptEndDate - trimmedEndDate) / msInHour - this.startDayHour);
const apptEndDelta = Math.max(0, dayVisibleHours - endHours);
const result = (appointmentDayHours - (apptStartDelta + apptEndDelta)) * msInHour;
return result
};
_proto.getPositionShift = function(timeShift, isAllDay) {
return {
top: timeShift * this.cellHeight,
left: 0,
cellPosition: 0
}
};
_proto.shiftAppointmentByViewOffset = function(appointment) {
const {
viewOffset: viewOffset
} = this.options;
const startDateField = this.dataAccessors.expr.startDateExpr;
const endDateField = this.dataAccessors.expr.endDateExpr;
let startDate = new Date(_m_expression_utils.ExpressionUtils.getField(this.dataAccessors, "startDate", appointment));
startDate = _date2.dateUtilsTs.addOffsets(startDate, [-viewOffset]);
let endDate = new Date(_m_expression_utils.ExpressionUtils.getField(this.dataAccessors, "endDate", appointment));
endDate = _date2.dateUtilsTs.addOffsets(endDate, [-viewOffset]);
return _extends(_extends({}, appointment), {
[startDateField]: startDate,
[endDateField]: endDate
})
};
_createClass(BaseRenderingStrategy, [{
key: "isAdaptive",
get: function() {
return this.options.adaptivityEnabled
}
}, {
key: "rtlEnabled",
get: function() {
return this.options.rtlEnabled
}
}, {
key: "startDayHour",
get: function() {
return this.options.startDayHour
}
}, {
key: "endDayHour",
get: function() {
return this.options.endDayHour
}
}, {
key: "maxAppointmentsPerCell",
get: function() {
return this.options.maxAppointmentsPerCell
}
}, {
key: "cellWidth",
get: function() {
return this.options.cellWidth
}
}, {
key: "cellHeight",
get: function() {
return this.options.cellHeight
}
}, {
key: "allDayHeight",
get: function() {
return this.options.allDayHeight
}
}, {
key: "resizableStep",
get: function() {
return this.options.resizableStep
}
}, {
key: "isGroupedByDate",
get: function() {
return this.options.isGroupedByDate
}
}, {
key: "visibleDayDuration",
get: function() {
return this.options.visibleDayDuration
}
}, {
key: "viewStartDayHour",
get: function() {
return this.options.viewStartDayHour
}
}, {
key: "viewEndDayHour",
get: function() {
return this.options.viewEndDayHour
}
}, {
key: "cellDuration",
get: function() {
return this.options.cellDuration
}
}, {
key: "cellDurationInMinutes",
get: function() {
return this.options.cellDurationInMinutes
}
}, {
key: "leftVirtualCellCount",
get: function() {
return this.options.leftVirtualCellCount
}
}, {
key: "topVirtualCellCount",
get: function() {
return this.options.topVirtualCellCount
}
}, {
key: "positionHelper",
get: function() {
return this.options.positionHelper
}
}, {
key: "showAllDayPanel",
get: function() {
return this.options.showAllDayPanel
}
}, {
key: "isGroupedAllDayPanel",
get: function() {
return this.options.isGroupedAllDayPanel
}
}, {
key: "groupOrientation",
get: function() {
return this.options.groupOrientation
}
}, {
key: "rowCount",
get: function() {
return this.options.rowCount
}
}, {
key: "groupCount",
get: function() {
return this.options.groupCount
}
}, {
key: "currentDate",
get: function() {
return this.options.currentDate
}
}, {
key: "appointmentCountPerCell",
get: function() {
return this.options.appointmentCountPerCell
}
}, {
key: "appointmentOffset",
get: function() {
return this.options.appointmentOffset
}
}, {
key: "allowResizing",
get: function() {
return this.options.allowResizing
}
}, {
key: "allowAllDayResizing",
get: function() {
return this.options.allowAllDayResizing
}
}, {
key: "viewDataProvider",
get: function() {
return this.options.viewDataProvider
}
}, {
key: "dataAccessors",
get: function() {
return this.options.dataAccessors
}
}, {
key: "timeZoneCalculator",
get: function() {
return this.options.timeZoneCalculator
}
}, {
key: "intervalCount",
get: function() {
return this.options.intervalCount
}
}, {
key: "allDayPanelMode",
get: function() {
return this.options.allDayPanelMode
}
}, {
key: "isVirtualScrolling",
get: function() {
return this.options.isVirtualScrolling
}
}]);
return BaseRenderingStrategy
}();
var _default = BaseRenderingStrategy;
exports.default = _default;