| var ShapeExpressionInterface = (function () { |
| |
| function iterateElements(shapes, view, propertyGroup) { |
| var arr = []; |
| var i, len = shapes ? shapes.length : 0; |
| for(i=0;i<len;i+=1) { |
| if(shapes[i].ty == 'gr') { |
| arr.push(groupInterfaceFactory(shapes[i], view[i], propertyGroup)); |
| }else if(shapes[i].ty == 'fl') { |
| arr.push(fillInterfaceFactory(shapes[i], view[i], propertyGroup)); |
| }else if(shapes[i].ty == 'st') { |
| arr.push(strokeInterfaceFactory(shapes[i], view[i], propertyGroup)); |
| }else if(shapes[i].ty == 'tm') { |
| arr.push(trimInterfaceFactory(shapes[i], view[i], propertyGroup)); |
| }else if(shapes[i].ty == 'tr') { |
| // arr.push(transformInterfaceFactory(shapes[i],view[i],propertyGroup)); |
| }else if(shapes[i].ty == 'el') { |
| arr.push(ellipseInterfaceFactory(shapes[i], view[i], propertyGroup)); |
| }else if(shapes[i].ty == 'sr') { |
| arr.push(starInterfaceFactory(shapes[i], view[i], propertyGroup)); |
| } else if(shapes[i].ty == 'sh') { |
| arr.push(ShapePathInterface(shapes[i], view[i], propertyGroup)); |
| } else if(shapes[i].ty == 'rc') { |
| arr.push(rectInterfaceFactory(shapes[i], view[i], propertyGroup)); |
| } else if(shapes[i].ty == 'rd') { |
| arr.push(roundedInterfaceFactory(shapes[i], view[i], propertyGroup)); |
| } else if(shapes[i].ty == 'rp') { |
| arr.push(repeaterInterfaceFactory(shapes[i], view[i], propertyGroup)); |
| } |
| } |
| return arr; |
| } |
| |
| function contentsInterfaceFactory(shape, view, propertyGroup) { |
| var interfaces; |
| var interfaceFunction = function _interfaceFunction(value) { |
| var i = 0, len = interfaces.length; |
| while(i<len) { |
| if(interfaces[i]._name === value || interfaces[i].mn === value || interfaces[i].propertyIndex === value || interfaces[i].ix === value || interfaces[i].ind === value) { |
| return interfaces[i]; |
| } |
| i+=1; |
| } |
| if(typeof value === 'number') { |
| return interfaces[value-1]; |
| } |
| }; |
| |
| interfaceFunction.propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); |
| interfaces = iterateElements(shape.it, view.it, interfaceFunction.propertyGroup); |
| interfaceFunction.numProperties = interfaces.length; |
| var transformInterface = transformInterfaceFactory(shape.it[shape.it.length - 1], view.it[view.it.length - 1], interfaceFunction.propertyGroup); |
| interfaceFunction.transform = transformInterface; |
| interfaceFunction.propertyIndex = shape.cix; |
| interfaceFunction._name = shape.nm; |
| |
| return interfaceFunction; |
| } |
| |
| function groupInterfaceFactory(shape, view, propertyGroup) { |
| var interfaceFunction = function _interfaceFunction(value) { |
| switch(value) { |
| case 'ADBE Vectors Group': |
| case 'Contents': |
| case 2: |
| return interfaceFunction.content; |
| // Not necessary for now. Keeping them here in case a new case appears |
| // case 'ADBE Vector Transform Group': |
| // case 3: |
| default: |
| return interfaceFunction.transform; |
| } |
| }; |
| interfaceFunction.propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); |
| var content = contentsInterfaceFactory(shape, view, interfaceFunction.propertyGroup); |
| var transformInterface = transformInterfaceFactory(shape.it[shape.it.length - 1], view.it[view.it.length - 1], interfaceFunction.propertyGroup); |
| interfaceFunction.content = content; |
| interfaceFunction.transform = transformInterface; |
| Object.defineProperty(interfaceFunction, '_name', { |
| get: function () { |
| return shape.nm; |
| } |
| }); |
| // interfaceFunction.content = interfaceFunction; |
| interfaceFunction.numProperties = shape.np; |
| interfaceFunction.propertyIndex = shape.ix; |
| interfaceFunction.nm = shape.nm; |
| interfaceFunction.mn = shape.mn; |
| return interfaceFunction; |
| } |
| |
| function fillInterfaceFactory(shape, view, propertyGroup) { |
| function interfaceFunction(val) { |
| if(val === 'Color' || val === 'color') { |
| return interfaceFunction.color; |
| } else if(val === 'Opacity' || val === 'opacity') { |
| return interfaceFunction.opacity; |
| } |
| } |
| Object.defineProperties(interfaceFunction, { |
| 'color': { |
| get: ExpressionPropertyInterface(view.c) |
| }, |
| 'opacity': { |
| get: ExpressionPropertyInterface(view.o) |
| }, |
| '_name': { value: shape.nm }, |
| 'mn': { value: shape.mn } |
| }); |
| |
| view.c.setGroupProperty(PropertyInterface('Color', propertyGroup)); |
| view.o.setGroupProperty(PropertyInterface('Opacity', propertyGroup)); |
| return interfaceFunction; |
| } |
| |
| function strokeInterfaceFactory(shape, view, propertyGroup) { |
| var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); |
| var _dashPropertyGroup = propertyGroupFactory(dashOb, _propertyGroup); |
| function addPropertyToDashOb(i) { |
| Object.defineProperty(dashOb, shape.d[i].nm, { |
| get: ExpressionPropertyInterface(view.d.dataProps[i].p) |
| }); |
| } |
| var i, len = shape.d ? shape.d.length : 0; |
| var dashOb = {}; |
| for (i = 0; i < len; i += 1) { |
| addPropertyToDashOb(i); |
| view.d.dataProps[i].p.setGroupProperty(_dashPropertyGroup); |
| } |
| |
| function interfaceFunction(val) { |
| if(val === 'Color' || val === 'color') { |
| return interfaceFunction.color; |
| } else if(val === 'Opacity' || val === 'opacity') { |
| return interfaceFunction.opacity; |
| } else if(val === 'Stroke Width' || val === 'stroke width') { |
| return interfaceFunction.strokeWidth; |
| } |
| } |
| Object.defineProperties(interfaceFunction, { |
| 'color': { |
| get: ExpressionPropertyInterface(view.c) |
| }, |
| 'opacity': { |
| get: ExpressionPropertyInterface(view.o) |
| }, |
| 'strokeWidth': { |
| get: ExpressionPropertyInterface(view.w) |
| }, |
| 'dash': { |
| get: function () { |
| return dashOb; |
| } |
| }, |
| '_name': { value: shape.nm }, |
| 'mn': { value: shape.mn } |
| }); |
| |
| view.c.setGroupProperty(PropertyInterface('Color', _propertyGroup)); |
| view.o.setGroupProperty(PropertyInterface('Opacity', _propertyGroup)); |
| view.w.setGroupProperty(PropertyInterface('Stroke Width', _propertyGroup)); |
| return interfaceFunction; |
| } |
| |
| function trimInterfaceFactory(shape, view, propertyGroup) { |
| |
| function interfaceFunction(val) { |
| if(val === shape.e.ix || val === 'End' || val === 'end') { |
| return interfaceFunction.end; |
| } |
| if(val === shape.s.ix) { |
| return interfaceFunction.start; |
| } |
| if(val === shape.o.ix) { |
| return interfaceFunction.offset; |
| } |
| } |
| |
| var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); |
| interfaceFunction.propertyIndex = shape.ix; |
| |
| view.s.setGroupProperty(PropertyInterface('Start', _propertyGroup)); |
| view.e.setGroupProperty(PropertyInterface('End', _propertyGroup)); |
| view.o.setGroupProperty(PropertyInterface('Offset', _propertyGroup)); |
| interfaceFunction.propertyIndex = shape.ix; |
| interfaceFunction.propertyGroup = propertyGroup; |
| |
| Object.defineProperties(interfaceFunction, { |
| 'start': { |
| get: ExpressionPropertyInterface(view.s) |
| }, |
| 'end': { |
| get: ExpressionPropertyInterface(view.e) |
| }, |
| 'offset': { |
| get: ExpressionPropertyInterface(view.o) |
| }, |
| '_name': { value: shape.nm } |
| }); |
| interfaceFunction.mn = shape.mn; |
| return interfaceFunction; |
| } |
| |
| function transformInterfaceFactory(shape, view, propertyGroup) { |
| |
| function interfaceFunction(value) { |
| if(shape.a.ix === value || value === 'Anchor Point') { |
| return interfaceFunction.anchorPoint; |
| } |
| if(shape.o.ix === value || value === 'Opacity') { |
| return interfaceFunction.opacity; |
| } |
| if(shape.p.ix === value || value === 'Position') { |
| return interfaceFunction.position; |
| } |
| if(shape.r.ix === value || value === 'Rotation' || value === 'ADBE Vector Rotation') { |
| return interfaceFunction.rotation; |
| } |
| if(shape.s.ix === value || value === 'Scale') { |
| return interfaceFunction.scale; |
| } |
| if(shape.sk && shape.sk.ix === value || value === 'Skew') { |
| return interfaceFunction.skew; |
| } |
| if(shape.sa && shape.sa.ix === value || value === 'Skew Axis') { |
| return interfaceFunction.skewAxis; |
| } |
| } |
| |
| var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); |
| view.transform.mProps.o.setGroupProperty(PropertyInterface('Opacity', _propertyGroup)); |
| view.transform.mProps.p.setGroupProperty(PropertyInterface('Position', _propertyGroup)); |
| view.transform.mProps.a.setGroupProperty(PropertyInterface('Anchor Point', _propertyGroup)); |
| view.transform.mProps.s.setGroupProperty(PropertyInterface('Scale', _propertyGroup)); |
| view.transform.mProps.r.setGroupProperty(PropertyInterface('Rotation', _propertyGroup)); |
| if(view.transform.mProps.sk) { |
| view.transform.mProps.sk.setGroupProperty(PropertyInterface('Skew', _propertyGroup)); |
| view.transform.mProps.sa.setGroupProperty(PropertyInterface('Skew Angle', _propertyGroup)); |
| } |
| view.transform.op.setGroupProperty(PropertyInterface('Opacity', _propertyGroup)); |
| Object.defineProperties(interfaceFunction, { |
| 'opacity': { |
| get: ExpressionPropertyInterface(view.transform.mProps.o) |
| }, |
| 'position': { |
| get: ExpressionPropertyInterface(view.transform.mProps.p) |
| }, |
| 'anchorPoint': { |
| get: ExpressionPropertyInterface(view.transform.mProps.a) |
| }, |
| 'scale': { |
| get: ExpressionPropertyInterface(view.transform.mProps.s) |
| }, |
| 'rotation': { |
| get: ExpressionPropertyInterface(view.transform.mProps.r) |
| }, |
| 'skew': { |
| get: ExpressionPropertyInterface(view.transform.mProps.sk) |
| }, |
| 'skewAxis': { |
| get: ExpressionPropertyInterface(view.transform.mProps.sa) |
| }, |
| '_name': { value: shape.nm } |
| }); |
| interfaceFunction.ty = 'tr'; |
| interfaceFunction.mn = shape.mn; |
| interfaceFunction.propertyGroup = propertyGroup; |
| return interfaceFunction; |
| } |
| |
| function ellipseInterfaceFactory(shape, view, propertyGroup) { |
| |
| function interfaceFunction(value) { |
| if(shape.p.ix === value) { |
| return interfaceFunction.position; |
| } |
| if(shape.s.ix === value) { |
| return interfaceFunction.size; |
| } |
| } |
| var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); |
| interfaceFunction.propertyIndex = shape.ix; |
| var prop = view.sh.ty === 'tm' ? view.sh.prop : view.sh; |
| prop.s.setGroupProperty(PropertyInterface('Size', _propertyGroup)); |
| prop.p.setGroupProperty(PropertyInterface('Position', _propertyGroup)); |
| |
| Object.defineProperties(interfaceFunction, { |
| 'size': { |
| get: ExpressionPropertyInterface(prop.s) |
| }, |
| 'position': { |
| get: ExpressionPropertyInterface(prop.p) |
| }, |
| '_name': { value: shape.nm } |
| }); |
| interfaceFunction.mn = shape.mn; |
| return interfaceFunction; |
| } |
| |
| function starInterfaceFactory(shape, view, propertyGroup) { |
| |
| function interfaceFunction(value) { |
| if(shape.p.ix === value) { |
| return interfaceFunction.position; |
| } |
| if(shape.r.ix === value) { |
| return interfaceFunction.rotation; |
| } |
| if(shape.pt.ix === value) { |
| return interfaceFunction.points; |
| } |
| if(shape.or.ix === value || 'ADBE Vector Star Outer Radius' === value) { |
| return interfaceFunction.outerRadius; |
| } |
| if(shape.os.ix === value) { |
| return interfaceFunction.outerRoundness; |
| } |
| if(shape.ir && (shape.ir.ix === value || 'ADBE Vector Star Inner Radius' === value)) { |
| return interfaceFunction.innerRadius; |
| } |
| if(shape.is && shape.is.ix === value) { |
| return interfaceFunction.innerRoundness; |
| } |
| |
| } |
| |
| var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); |
| var prop = view.sh.ty === 'tm' ? view.sh.prop : view.sh; |
| interfaceFunction.propertyIndex = shape.ix; |
| prop.or.setGroupProperty(PropertyInterface('Outer Radius', _propertyGroup)); |
| prop.os.setGroupProperty(PropertyInterface('Outer Roundness', _propertyGroup)); |
| prop.pt.setGroupProperty(PropertyInterface('Points', _propertyGroup)); |
| prop.p.setGroupProperty(PropertyInterface('Position', _propertyGroup)); |
| prop.r.setGroupProperty(PropertyInterface('Rotation', _propertyGroup)); |
| if(shape.ir) { |
| prop.ir.setGroupProperty(PropertyInterface('Inner Radius', _propertyGroup)); |
| prop.is.setGroupProperty(PropertyInterface('Inner Roundness', _propertyGroup)); |
| } |
| |
| Object.defineProperties(interfaceFunction, { |
| 'position': { |
| get: ExpressionPropertyInterface(prop.p) |
| }, |
| 'rotation': { |
| get: ExpressionPropertyInterface(prop.r) |
| }, |
| 'points': { |
| get: ExpressionPropertyInterface(prop.pt) |
| }, |
| 'outerRadius': { |
| get: ExpressionPropertyInterface(prop.or) |
| }, |
| 'outerRoundness': { |
| get: ExpressionPropertyInterface(prop.os) |
| }, |
| 'innerRadius': { |
| get: ExpressionPropertyInterface(prop.ir) |
| }, |
| 'innerRoundness': { |
| get: ExpressionPropertyInterface(prop.is) |
| }, |
| '_name': { value: shape.nm } |
| }); |
| interfaceFunction.mn = shape.mn; |
| return interfaceFunction; |
| } |
| |
| function rectInterfaceFactory(shape, view, propertyGroup) { |
| |
| function interfaceFunction(value) { |
| if(shape.p.ix === value) { |
| return interfaceFunction.position; |
| } |
| if(shape.r.ix === value) { |
| return interfaceFunction.roundness; |
| } |
| if(shape.s.ix === value || value === 'Size' || value === 'ADBE Vector Rect Size') { |
| return interfaceFunction.size; |
| } |
| |
| } |
| var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); |
| |
| var prop = view.sh.ty === 'tm' ? view.sh.prop : view.sh; |
| interfaceFunction.propertyIndex = shape.ix; |
| prop.p.setGroupProperty(PropertyInterface('Position', _propertyGroup)); |
| prop.s.setGroupProperty(PropertyInterface('Size', _propertyGroup)); |
| prop.r.setGroupProperty(PropertyInterface('Rotation', _propertyGroup)); |
| |
| Object.defineProperties(interfaceFunction, { |
| 'position': { |
| get: ExpressionPropertyInterface(prop.p) |
| }, |
| 'roundness': { |
| get: ExpressionPropertyInterface(prop.r) |
| }, |
| 'size': { |
| get: ExpressionPropertyInterface(prop.s) |
| }, |
| '_name': { value: shape.nm } |
| }); |
| interfaceFunction.mn = shape.mn; |
| return interfaceFunction; |
| } |
| |
| function roundedInterfaceFactory(shape, view, propertyGroup) { |
| |
| function interfaceFunction(value) { |
| if(shape.r.ix === value || 'Round Corners 1' === value) { |
| return interfaceFunction.radius; |
| } |
| } |
| |
| var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); |
| var prop = view; |
| interfaceFunction.propertyIndex = shape.ix; |
| prop.rd.setGroupProperty(PropertyInterface('Radius', _propertyGroup)); |
| |
| Object.defineProperties(interfaceFunction, { |
| 'radius': { |
| get: ExpressionPropertyInterface(prop.rd) |
| }, |
| '_name': { value: shape.nm } |
| }); |
| interfaceFunction.mn = shape.mn; |
| return interfaceFunction; |
| } |
| |
| function repeaterInterfaceFactory(shape, view, propertyGroup) { |
| |
| function interfaceFunction(value) { |
| if(shape.c.ix === value || 'Copies' === value) { |
| return interfaceFunction.copies; |
| } else if(shape.o.ix === value || 'Offset' === value) { |
| return interfaceFunction.offset; |
| } |
| } |
| |
| var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); |
| var prop = view; |
| interfaceFunction.propertyIndex = shape.ix; |
| prop.c.setGroupProperty(PropertyInterface('Copies', _propertyGroup)); |
| prop.o.setGroupProperty(PropertyInterface('Offset', _propertyGroup)); |
| Object.defineProperties(interfaceFunction, { |
| 'copies': { |
| get: ExpressionPropertyInterface(prop.c) |
| }, |
| 'offset': { |
| get: ExpressionPropertyInterface(prop.o) |
| }, |
| '_name': { value: shape.nm } |
| }); |
| interfaceFunction.mn = shape.mn; |
| return interfaceFunction; |
| } |
| |
| return function (shapes, view, propertyGroup) { |
| var interfaces; |
| function _interfaceFunction(value) { |
| if(typeof value === 'number') { |
| value = value === undefined ? 1 : value |
| if (value === 0) { |
| return propertyGroup |
| } else { |
| return interfaces[value-1]; |
| } |
| } else { |
| var i = 0, len = interfaces.length; |
| while(i<len) { |
| if(interfaces[i]._name === value) { |
| return interfaces[i]; |
| } |
| i+=1; |
| } |
| } |
| } |
| function parentGroupWrapper() { |
| return propertyGroup |
| } |
| _interfaceFunction.propertyGroup = propertyGroupFactory(_interfaceFunction, parentGroupWrapper); |
| interfaces = iterateElements(shapes, view, _interfaceFunction.propertyGroup); |
| _interfaceFunction.numProperties = interfaces.length; |
| _interfaceFunction._name = 'Contents'; |
| return _interfaceFunction; |
| }; |
| }()); |
