didInsertElement(){
    this._super(...arguments);
    let properties = this.getProperties(
      'cropperContainer',
      'aspectRatio',
      'crop',
      'previewClass',
      'viewMode',
      'dragMode',
      'responsive',
      'center',
      'checkCrossOrigin',
      'toggleDragModeOnDblclick',
      'background',
      'modal',
      'guides',
      'highlight',
      'autoCrop',
      'autoCropArea',
      'dragDrop',
      'movable',
      'resizable',
      'zoomable',
      'zoomOnWheel',
      'zoomOnTouch',
      'cropBoxMovable',
      'cropBoxResizable',
      'rotateable',
      'minContainerWidth',
      'minContainerHeight',
      'minCropBoxWidth',
      'minCropBoxHeight',
      'build',
      'built',
      'dragStart',
      'dragMove',
      'dragEnd',
      'zoomin',
      'zoomout',
      'ready',
      'data'
    );
    properties['preview'] = properties['previewClass'];
    delete properties['previewClass'];
    let image = document.querySelector(properties['cropperContainer']);
    this.set('cropper', new Cropper(image, properties));
  }
//initialize cropper on did insert element
initialize cropper on did insert element
initialize cropper on did insert element
didInsertElement(){
    this._super(...arguments);
    let properties = this.getProperties(
      'cropperContainer',
      'aspectRatio',
      'crop',
      'previewClass',
      'viewMode',
      'dragMode',
      'responsive',
      'center',
      'checkCrossOrigin',
      'toggleDragModeOnDblclick',
      'background',
      'modal',
      'guides',
      'highlight',
      'autoCrop',
      'autoCropArea',
      'dragDrop',
      'movable',
      'resizable',
      'zoomable',
      'zoomOnWheel',
      'zoomOnTouch',
      'cropBoxMovable',
      'cropBoxResizable',
      'rotateable',
      'minContainerWidth',
      'minContainerHeight',
      'minCropBoxWidth',
      'minCropBoxHeight',
      'build',
      'built',
      'dragStart',
      'dragMove',
      'dragEnd',
      'zoomin',
      'zoomout',
      'ready',
      'data'
    );
    properties['preview'] = properties['previewClass'];
    delete properties['previewClass'];
    let image = document.querySelector(properties['cropperContainer']);
    this.set('cropper', new Cropper(image, properties));
  }
didInsertElement ( ) { this . _super ( ... arguments ) ; let properties = this . getProperties ( 'cropperContainer' , 'aspectRatio' , 'crop' , 'previewClass' , 'viewMode' , 'dragMode' , 'responsive' , 'center' , 'checkCrossOrigin' , 'toggleDragModeOnDblclick' , 'background' , 'modal' , 'guides' , 'highlight' , 'autoCrop' , 'autoCropArea' , 'dragDrop' , 'movable' , 'resizable' , 'zoomable' , 'zoomOnWheel' , 'zoomOnTouch' , 'cropBoxMovable' , 'cropBoxResizable' , 'rotateable' , 'minContainerWidth' , 'minContainerHeight' , 'minCropBoxWidth' , 'minCropBoxHeight' , 'build' , 'built' , 'dragStart' , 'dragMove' , 'dragEnd' , 'zoomin' , 'zoomout' , 'ready' , 'data' ) ; properties [ 'preview' ] = properties [ 'previewClass' ] ; delete properties [ 'previewClass' ] ; let image = document . querySelector ( properties [ 'cropperContainer' ] ) ; this . set ( 'cropper' , new Cropper ( image , properties ) ) ; }
initialize cropper on did insert element
initialize cropper on did insert element