123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- import {
- extendPrototype,
- } from '../utils/functionExtensions';
- import BaseElement from './BaseElement';
- import TransformElement from './helpers/TransformElement';
- import HierarchyElement from './helpers/HierarchyElement';
- import FrameElement from './helpers/FrameElement';
- import RenderableDOMElement from './helpers/RenderableDOMElement';
- function ICompElement() {}
- extendPrototype([BaseElement, TransformElement, HierarchyElement, FrameElement, RenderableDOMElement], ICompElement);
- ICompElement.prototype.initElement = function (data, globalData, comp) {
- this.initFrame();
- this.initBaseData(data, globalData, comp);
- this.initTransform(data, globalData, comp);
- this.initRenderable();
- this.initHierarchy();
- this.initRendererElement();
- this.createContainerElements();
- this.createRenderableComponents();
- if (this.data.xt || !globalData.progressiveLoad) {
- this.buildAllItems();
- }
- this.hide();
- };
- /* ICompElement.prototype.hide = function(){
- if(!this.hidden){
- this.hideElement();
- var i,len = this.elements.length;
- for( i = 0; i < len; i+=1 ){
- if(this.elements[i]){
- this.elements[i].hide();
- }
- }
- }
- }; */
- ICompElement.prototype.prepareFrame = function (num) {
- this._mdf = false;
- this.prepareRenderableFrame(num);
- this.prepareProperties(num, this.isInRange);
- if (!this.isInRange && !this.data.xt) {
- return;
- }
- if (!this.tm._placeholder) {
- var timeRemapped = this.tm.v;
- if (timeRemapped === this.data.op) {
- timeRemapped = this.data.op - 1;
- }
- this.renderedFrame = timeRemapped;
- } else {
- this.renderedFrame = num / this.data.sr;
- }
- var i;
- var len = this.elements.length;
- if (!this.completeLayers) {
- this.checkLayers(this.renderedFrame);
- }
- // This iteration needs to be backwards because of how expressions connect between each other
- for (i = len - 1; i >= 0; i -= 1) {
- if (this.completeLayers || this.elements[i]) {
- this.elements[i].prepareFrame(this.renderedFrame - this.layers[i].st);
- if (this.elements[i]._mdf) {
- this._mdf = true;
- }
- }
- }
- };
- ICompElement.prototype.renderInnerContent = function () {
- var i;
- var len = this.layers.length;
- for (i = 0; i < len; i += 1) {
- if (this.completeLayers || this.elements[i]) {
- this.elements[i].renderFrame();
- }
- }
- };
- ICompElement.prototype.setElements = function (elems) {
- this.elements = elems;
- };
- ICompElement.prototype.getElements = function () {
- return this.elements;
- };
- ICompElement.prototype.destroyElements = function () {
- var i;
- var len = this.layers.length;
- for (i = 0; i < len; i += 1) {
- if (this.elements[i]) {
- this.elements[i].destroy();
- }
- }
- };
- ICompElement.prototype.destroy = function () {
- this.destroyElements();
- this.destroyBaseElement();
- };
- export default ICompElement;
|