graphics/js/VMLPath.js

	VMLPath.js revision 9eaaa502227248d304ac9170902697d02158c1d9
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp/**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * The VMLPath class creates a graphic object with editable
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * properties.
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp *
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @class VMLPath
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @extends VMLShape
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp */
9eaaa502227248d304ac9170902697d02158c1d9TrippVMLPath = function()
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp{
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    VMLPath.superclass.constructor.apply(this, arguments);
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp};
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTrippVMLPath.NAME = "vmlPath";
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTrippY.extend(VMLPath, Y.VMLShape, Y.merge(Y.VMLDrawing.prototype, {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * Indicates the type of shape
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     *
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * @property _type
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * @readOnly
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * @type String
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    _type: "shape",
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * Draws the graphic.
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     *
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * @method _draw
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * @private
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    _draw: function()
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        var fill = this.get("fill"),
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            stroke = this.get("stroke"),
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            node = this.node,
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            w = this.get("width"),
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            h = this.get("height"),
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            path = this.get("path"),
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            pathEnd = "";
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        node.style.visible = "hidden";
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        this._fillChangeHandler();
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        this._strokeChangeHandler();
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        if(path)
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            if(fill && fill.color)
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp                pathEnd += ' x';
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            if(stroke)
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp                pathEnd += ' e';
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        if(path)
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            node.path = path + pathEnd;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        if(w && h)
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            node.coordSize =  w + ', ' + h;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            node.style.position = "absolute";
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            node.style.width = w + "px";
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            node.style.height = h + "px";
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        this._path = path;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        this.fire("shapeUpdate");
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        node.style.visible = "visible";
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        this._updateTransform();
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    },
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * Completes a drawing operation.
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     *
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * @method end
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    end: function()
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        this._draw();
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    },
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * Clears the path.
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     *
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * @method clear
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    clear: function()
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        this._path = "";
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp}));
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTrippVMLPath.ATTRS = Y.merge(Y.VMLShape.ATTRS, {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     *
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * @attribute width
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    width: {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        getter: function()
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            return this._width;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        },
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        setter: function(val)
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            this._width = val;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            return val;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    },
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     *
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * @attribute height
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    height: {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        getter: function()
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            return this._height;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        },
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        setter: function(val)
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            this._height = val;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            return val;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    },
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * Indicates the path used for the node.
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     *
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * @attribute path
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     * @type String
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp     */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    path: {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        readOnly: true,
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        getter: function()
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp            return this._path;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp        }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp    }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp});
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTrippY.VMLPath = VMLPath;