@cloudinary/url-gen/Distort-3f6dd199.cjs

You are invited to influence our new SDK [Click here to view github discussion](https://github.com/cloudinary/js-url-gen/discussions/602) =========================

'use strict';

var Action = require('./Action-0ed405c1.cjs');
var Qualifier = require('./Qualifier-6633a22f.cjs');

/**
 * @description Distorts the image to a new shape by adjusting its corners to achieve perception warping.
 * Specify four corner coordinates, representing the new coordinates for each of the image's four corners,
 * in clockwise order from the top-left corner.
 *
 * <b>Learn more:</b> {@link https://cloudinary.com/documentation/transformation_reference#e_distort|Distorting images}
 * @param {number[]} coordinates - Four x/y pairs representing the new image corners
 * @extends SDK.Action
 * @memberOf Actions.Reshape
 * @see Visit {@link Actions.Reshape| Reshape} for examples
 */
class DistortAction extends Action.Action {
    constructor(coordinates) {
        super();
        const [topLeftX, topLeftY, topRightX, topRightY, bottomRightX, bottomRightY, bottomLeftX, bottomLeftY] = coordinates;
        this._actionModel = {
            actionType: 'distort',
            topLeft: { x: topLeftX, y: topLeftY },
            topRight: { x: topRightX, y: topRightY },
            bottomRight: { x: bottomRightX, y: bottomRightY },
            bottomLeft: { x: bottomLeftX, y: bottomLeftY }
        };
        this.addQualifier(new Qualifier.Qualifier('e', `distort:${coordinates.join(':')}`));
    }
    static fromJson(actionModel) {
        const { topLeft, topRight, bottomRight, bottomLeft } = actionModel;
        const coordinates = [
            topLeft.x, topLeft.y,
            topRight.x, topRight.y,
            bottomRight.x, bottomRight.y,
            bottomLeft.x, bottomLeft.y
        ];
        return new DistortAction(coordinates);
    }
}

exports.DistortAction = DistortAction;