@antv/x6-react-components/lib/util/dom/translate.js

React components for building x6 editors

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.translate = void 0;
const getVendorPrefix_1 = require("./getVendorPrefix");
const browserSupport_1 = require("./browserSupport");
const transform = (0, getVendorPrefix_1.getVendorPrefix)('transform');
const backfaceVisibility = (0, getVendorPrefix_1.getVendorPrefix)('backfaceVisibility');
exports.translate = (() => {
    if ((0, browserSupport_1.hasCSSTransforms)()) {
        const ua = window ? window.navigator.userAgent : '';
        const isSafari = /Safari\//.test(ua) && !/Chrome\//.test(ua);
        // It appears that Safari messes up the composition order
        // of GPU-accelerated layers
        // (see bug https://bugs.webkit.org/show_bug.cgi?id=61824).
        // Use 2D translation instead.
        if (!isSafari && (0, browserSupport_1.hasCSS3DTransforms)()) {
            return (style, x, y) => {
                style[transform] = `translate3d(${x}px,${y}px,0)`;
                style[backfaceVisibility] = 'hidden';
            };
        }
        return (style, x, y) => {
            style[transform] = `translate(${x}px,${y}px)`;
        };
    }
    return (style, x, y) => {
        style.left = `${x}px`;
        style.top = `${y}px`;
    };
})();
//# sourceMappingURL=translate.js.map