devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
81 lines (80 loc) • 2.67 kB
JavaScript
/**
* DevExtreme (esm/__internal/ui/slider/m_slider_tooltip_position_controller.js)
* Version: 24.2.6
* Build date: Mon Mar 17 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import positionUtils from "../../../common/core/animation/position";
import {
move
} from "../../../common/core/animation/translator";
import {
extend
} from "../../../core/utils/extend";
import {
isString
} from "../../../core/utils/type";
import {
PopoverPositionController
} from "../../ui/popover/m_popover_position_controller";
const SLIDER_TOOLTIP_POSITION_ALIASES = {
top: {
my: "bottom center",
at: "top center",
collision: "fit none"
},
bottom: {
my: "top center",
at: "bottom center",
collision: "fit none"
}
};
const SLIDER_TOOLTIP_DEFAULT_BOUNDARY_OFFSET = {
h: 2,
v: 1
};
const SLIDER_CLASS = "dx-slider";
class SliderTooltipPositionController extends PopoverPositionController {
_normalizePosition(positionProp) {
const $sliderHandle = this._props.target;
const $slider = null === $sliderHandle || void 0 === $sliderHandle ? void 0 : $sliderHandle.closest(".dx-slider");
const defaultPositionConfig = {
of: $sliderHandle,
boundaryOffset: SLIDER_TOOLTIP_DEFAULT_BOUNDARY_OFFSET,
boundary: null === $slider || void 0 === $slider ? void 0 : $slider.get(0)
};
const resultPosition = extend(true, {}, defaultPositionConfig, this._positionToObject(positionProp));
this._positionSide = this._getDisplaySide(resultPosition);
return resultPosition
}
_renderContentInitialPosition() {
super._renderContentInitialPosition();
this._fitIntoSlider()
}
_fitIntoSlider() {
const {
collisionSide: collisionSide,
oversize: oversize
} = positionUtils.calculate(this._$content, this._position).h;
const {
left: left
} = this._visualPosition;
const isLeftSide = "left" === collisionSide;
const offset = (isLeftSide ? 1 : -1) * oversize;
move(this._$content, {
left: left + offset
});
this._updateVisualPositionValue()
}
_positionToObject(positionProp) {
if (isString(positionProp)) {
return extend({}, SLIDER_TOOLTIP_POSITION_ALIASES[positionProp])
}
return positionProp
}
}
export {
SliderTooltipPositionController
};