devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
207 lines (200 loc) • 7.68 kB
JavaScript
/**
* DevExtreme (cjs/ui/popover/popover_position_controller.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/
*/
;
exports.PopoverPositionController = exports.POPOVER_POSITION_ALIASES = void 0;
var _type = require("../../core/utils/type");
var _extend = require("../../core/utils/extend");
var _position = _interopRequireDefault(require("../../animation/position"));
var _common = require("../../core/utils/common");
var _utils = require("../../renovation/ui/resizable/utils");
var _size = require("../../core/utils/size");
var _overlay_position_controller = require("../overlay/overlay_position_controller");
const _excluded = ["shading", "target", "$arrow"];
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 _objectWithoutPropertiesLoose(source, excluded) {
if (null == source) {
return {}
}
var target = {};
var sourceKeys = Object.keys(source);
var key, i;
for (i = 0; i < sourceKeys.length; i++) {
key = sourceKeys[i];
if (excluded.indexOf(key) >= 0) {
continue
}
target[key] = source[key]
}
return target
}
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
_setPrototypeOf(subClass, superClass)
}
function _setPrototypeOf(o, p) {
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, p) {
o.__proto__ = p;
return o
};
return _setPrototypeOf(o, p)
}
const WEIGHT_OF_SIDES = {
left: -1,
top: -1,
center: 0,
right: 1,
bottom: 1
};
const POPOVER_POSITION_ALIASES = {
top: {
my: "bottom center",
at: "top center",
collision: "fit flip"
},
bottom: {
my: "top center",
at: "bottom center",
collision: "fit flip"
},
right: {
my: "left center",
at: "right center",
collision: "flip fit"
},
left: {
my: "right center",
at: "left center",
collision: "flip fit"
}
};
exports.POPOVER_POSITION_ALIASES = POPOVER_POSITION_ALIASES;
const POPOVER_DEFAULT_BOUNDARY_OFFSET = {
h: 10,
v: 10
};
let PopoverPositionController = function(_OverlayPositionContr) {
_inheritsLoose(PopoverPositionController, _OverlayPositionContr);
function PopoverPositionController(_ref) {
var _this;
let {
shading: shading,
target: target,
$arrow: $arrow
} = _ref, args = _objectWithoutPropertiesLoose(_ref, _excluded);
_this = _OverlayPositionContr.call(this, args) || this;
_this._props = _extends({}, _this._props, {
shading: shading,
target: target
});
_this._$arrow = $arrow;
_this._positionSide = void 0;
_this.updatePosition(_this._props.position);
return _this
}
var _proto = PopoverPositionController.prototype;
_proto.positionWrapper = function() {
if (this._props.shading) {
this._$wrapper.css({
top: 0,
left: 0
})
}
};
_proto.updateTarget = function(target) {
this._props.target = target;
this.updatePosition(this._props.position)
};
_proto._renderBoundaryOffset = function() {};
_proto._getContainerPosition = function() {
const offset = (0, _common.pairToObject)(this._position.offset || "");
let {
h: hOffset,
v: vOffset
} = offset;
const isVerticalSide = this._isVerticalSide();
const isHorizontalSide = this._isHorizontalSide();
if (isVerticalSide || isHorizontalSide) {
const isPopoverInside = this._isPopoverInside();
const sign = (isPopoverInside ? -1 : 1) * WEIGHT_OF_SIDES[this._positionSide];
const arrowSize = isVerticalSide ? (0, _size.getHeight)(this._$arrow) : (0, _size.getWidth)(this._$arrow);
const arrowSizeCorrection = this._getContentBorderWidth(this._positionSide);
const arrowOffset = sign * (arrowSize - arrowSizeCorrection);
isVerticalSide ? vOffset += arrowOffset : hOffset += arrowOffset
}
return (0, _extend.extend)({}, this._position, {
offset: hOffset + " " + vOffset
})
};
_proto._getContentBorderWidth = function(side) {
const borderWidth = this._$content.css(_utils.borderWidthStyles[side]);
return parseInt(borderWidth) || 0
};
_proto._isPopoverInside = function() {
const my = _position.default.setup.normalizeAlign(this._position.my);
const at = _position.default.setup.normalizeAlign(this._position.at);
return my.h === at.h && my.v === at.v
};
_proto._isVerticalSide = function() {
let side = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this._positionSide;
return "top" === side || "bottom" === side
};
_proto._isHorizontalSide = function() {
let side = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this._positionSide;
return "left" === side || "right" === side
};
_proto._getDisplaySide = function(position) {
const my = _position.default.setup.normalizeAlign(position.my);
const at = _position.default.setup.normalizeAlign(position.at);
const weightSign = WEIGHT_OF_SIDES[my.h] === WEIGHT_OF_SIDES[at.h] && WEIGHT_OF_SIDES[my.v] === WEIGHT_OF_SIDES[at.v] ? -1 : 1;
const horizontalWeight = Math.abs(WEIGHT_OF_SIDES[my.h] - weightSign * WEIGHT_OF_SIDES[at.h]);
const verticalWeight = Math.abs(WEIGHT_OF_SIDES[my.v] - weightSign * WEIGHT_OF_SIDES[at.v]);
return horizontalWeight > verticalWeight ? at.h : at.v
};
_proto._normalizePosition = function(positionProp) {
const defaultPositionConfig = {
of: this._props.target,
boundaryOffset: POPOVER_DEFAULT_BOUNDARY_OFFSET
};
let resultPosition;
if ((0, _type.isDefined)(positionProp)) {
resultPosition = (0, _extend.extend)(true, {}, defaultPositionConfig, this._positionToObject(positionProp))
} else {
resultPosition = defaultPositionConfig
}
this._positionSide = this._getDisplaySide(resultPosition);
return resultPosition
};
_proto._positionToObject = function(positionProp) {
if ((0, _type.isString)(positionProp)) {
return (0, _extend.extend)({}, POPOVER_POSITION_ALIASES[positionProp])
}
return positionProp
};
return PopoverPositionController
}(_overlay_position_controller.OverlayPositionController);
exports.PopoverPositionController = PopoverPositionController;