add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / src / sparkline / VmlCanvas.js

/**\r
 * @private\r
 */\r
Ext.define('Ext.sparkline.VmlCanvas', {\r
    extend: 'Ext.sparkline.CanvasBase',\r
\r
    setWidth: function(width) {\r
        var me = this;\r
\r
        me.callParent(arguments);\r
        me.owner.groupEl.dom.coordsize = me.width + ' ' + (me.height || 0);\r
        me.owner.groupEl.dom.style.width = width + 'px';\r
    },\r
\r
    setHeight: function(height) {\r
        var me = this;\r
\r
        me.callParent(arguments);\r
        me.owner.groupEl.dom.coordsize = (me.width || 0) + ' ' + me.height;\r
        me.owner.groupEl.dom.style.height = height + 'px';\r
    },\r
\r
    onOwnerUpdate: function () {\r
        var me = this;\r
\r
        me.group = me.owner.groupEl;\r
        me.el = me.owner.element;\r
        me.prerender = [];\r
    },\r
\r
    _drawShape: function (shapeid, path, lineColor, fillColor, lineWidth) {\r
        var vpath = [],\r
            initial, stroke, fill, closed, plen, i;\r
\r
        for (i = 0, plen = path.length; i < plen; i++) {\r
            vpath[i] = (path[i][0]) + ',' + (path[i][1]);\r
        }\r
        initial = vpath.splice(0, 1);\r
        lineWidth = lineWidth == null ? 1 : lineWidth;\r
        stroke = lineColor == null ? ' stroked="false" ' : ' strokeWeight="' + lineWidth + 'px" strokeColor="' + lineColor + '" ';\r
        fill = fillColor == null ? ' filled="false"' : ' fillColor="' + fillColor + '" filled="true" ';\r
        closed = vpath[0] === vpath[vpath.length - 1] ? 'x ' : '';\r
        return ['<svml:shape coordorigin="0 0" coordsize="', this.pixelWidth, ' ', this.pixelHeight,\r
                '" id="jqsshape', shapeid, '" ',\r
                stroke,\r
                fill,\r
            ' style="position:absolute;height:', this.pixelHeight, 'px;width:', this.pixelWidth, 'px" ',\r
            ' path="m ', initial, ' l ', vpath.join(', '), ' ', closed, 'e"></svml:shape>'\r
        ].join('');\r
    },\r
\r
    _drawCircle: function (shapeid, x, y, radius, lineColor, fillColor, lineWidth) {\r
        var circumference = radius * 2,\r
            stroke, fill;\r
\r
        x -= radius;\r
        y -= radius;\r
        stroke = lineColor == null ? ' stroked="false" ' : ' strokeWeight="' + lineWidth + 'px" strokeColor="' + lineColor + '" ';\r
        fill = fillColor == null ? ' filled="false"' : ' fillColor="' + fillColor + '" filled="true" ';\r
        return ['<svml:oval id="jqsshape', shapeid, '" ',\r
            stroke,\r
            fill,\r
            ' style="position:absolute;top:', y, 'px; left:', x, 'px;width:', circumference, 'px;height:', circumference, 'px"></svml:oval>'\r
        ].join('');\r
    },\r
\r
    _drawPieSlice: function (shapeid, x, y, radius, startAngle, endAngle, lineColor, fillColor) {\r
        var vpath,\r
            width = this.pixelWidth,\r
            height = this.pixelHeight,\r
            startx,\r
            starty,\r
            endx,\r
            endy,\r
            stroke = lineColor == null ? ' stroked="false" ' : ' strokeWeight="1px" strokeColor="' + lineColor + '" ',\r
            fill = fillColor == null ? ' filled="false"' : ' fillColor="' + fillColor + '" filled="true" ';\r
\r
        // VML cannot handle start & end angle the same.\r
        if (startAngle === endAngle) {\r
            return '';\r
        }\r
        if ((endAngle - startAngle) === (2 * Math.PI)) {\r
            startAngle = 0.0;  // VML seems to have a problem when drawing a full circle that doesn't start 0\r
            endAngle = (2 * Math.PI);\r
        }\r
\r
        startx = x + Math.round(Math.cos(startAngle) * radius);\r
        starty = y + Math.round(Math.sin(startAngle) * radius);\r
        endx = x + Math.round(Math.cos(endAngle) * radius);\r
        endy = y + Math.round(Math.sin(endAngle) * radius);\r
\r
        if (startx === endx && starty === endy) {\r
            if ((endAngle - startAngle) < Math.PI) {\r
                // Prevent very small slices from being mistaken as a whole pie\r
                return '';\r
            }\r
            // essentially going to be the entire circle, so ignore startAngle\r
            startx = endx = x + radius;\r
            starty = endy = y;\r
        }\r
\r
        if (startx === endx && starty === endy && (endAngle - startAngle) < Math.PI) {\r
            return '';\r
        }\r
\r
        vpath = [x - radius, y - radius, x + radius, y + radius, startx, starty, endx, endy];\r
        return ['<svml:shape coordorigin="0 0" coordsize="', width, ' ', height,\r
            '" id="jqsshape', shapeid, '" ',\r
            stroke,\r
            fill,\r
            ' style="position:absolute;height:', height, 'px;width:', width,\r
            'px" path="m ', x, ',', y, ' wa ', vpath.join(', '), ' x e"></svml:shape>'\r
        ].join('');\r
    },\r
\r
    _drawRect: function (shapeid, x, y, width, height, lineColor, fillColor) {\r
        return this._drawShape(shapeid, [[x, y], [x, y + height], [x + width, y + height], [x + width, y], [x, y]], lineColor, fillColor);\r
    },\r
\r
    reset: function () {\r
        Ext.fly(this.group).empty();\r
    },\r
\r
    appendShape: function (shape) {\r
        this.prerender.push(this['_draw' + shape.type].apply(this, shape.args));\r
        this.lastShapeId = shape.id;\r
        return shape.id;\r
    },\r
\r
    replaceWithShape: function (shapeid, shape) {\r
        var existing = this.el.getById('jqsshape' + shapeid, true),\r
            vel = this['_draw' + shape.type].apply(this, shape.args);\r
\r
        existing.outerHTML = vel;\r
    },\r
\r
    replaceWithShapes: function (shapeids, shapes) {\r
        // replace the first shapeid with all the new shapes then toast the remaining old shapes\r
        var existing = this.el.getById('jqsshape' + shapeids[0], true),\r
            replace = '',\r
            slen = shapes.length,\r
            i;\r
\r
        for (i = 0; i < slen; i++) {\r
            replace += this['_draw' + shapes[i].type].apply(this, shapes[i].args);\r
        }\r
        existing.outerHTML = replace;\r
        for (i = 1; i < shapeids.length; i++) {\r
            this.el.getById('jqsshape' + shapeids[i]).destroy();\r
        }\r
    },\r
\r
    insertAfterShape: function (shapeid, shape) {\r
        var existing = this.el.getById('jqsshape' + shapeid, true),\r
                vel = this['_draw' + shape.type].apply(this, shape.args);\r
        existing.insertAdjacentHTML('afterEnd', vel);\r
    },\r
\r
    removeShapeId: function (shapeid) {\r
        var existing = this.el.getById('jqsshape' + shapeid, true);\r
        this.group.removeChild(existing);\r
    },\r
\r
    getShapeAt: function (x, y) {\r
        var shapeid = this.el.id.substr(8);\r
        return shapeid;\r
    },\r
\r
    render: function () {\r
        this.group.dom.innerHTML = this.prerender.join('');\r
    }\r
}, function() {\r
    Ext.onInternalReady(function() {\r
        var doc = document;\r
    \r
        if (doc.namespaces && !doc.namespaces.svml) {\r
            doc.namespaces.add("svml", "urn:schemas-microsoft-com:vml", '#default#VML');\r
        }\r
    });\r
});\r