    /**
     * @class Ext.fx.target.CompositeElement
     *
     * This class represents a animation target for a {@link Ext.CompositeElement}. It allows
     * each {@link Ext.Element} in the group to be animated as a whole. In general this class will not be
     * created directly, the {@link Ext.CompositeElement} will be passed to the animation and
     * and the appropriate target will be created.
     */
    Ext.define('Ext.fx.target.CompositeElement', {

        /* Begin Definitions */

        extend: 'Ext.fx.target.Element',

        /* End Definitions */

        /**
         * @property {Boolean} isComposite
         * `true` in this class to identify an object as an instantiated CompositeElement, or subclass thereof.
         */
        isComposite: true,

        constructor: function(target) {
            target.id = target.id || Ext.id(null, 'ext-composite-');
            this.callParent([target]);
        },

        getAttr: function(attr, val) {
            var out      = [],
                elements = this.target.elements,
                length   = elements.length,
                i,
                el;

            for (i = 0; i < length; i++) {
                el = elements[i];

                if (el) {
                    el = this.target.getElement(el);
                    out.push([el, this.getElVal(el, attr, val)]);
                }
            }

            return out;
        }
    });