ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / carbonbullionexchange.com / wp-content / plugins / elementor-pro / assets / js

/*! elementor-pro - v3.9.2 - 21-12-2022 */
/******/ (() => { // webpackBootstrap
/******/ 	"use strict";
var __webpack_exports__ = {};
/*!**************************************************************!*\
  !*** ../modules/screenshots/assets/js/preview/screenshot.js ***!
  \**************************************************************/

/* global ElementorScreenshotConfig */
class Screenshot extends elementorModules.ViewModule {
  getDefaultSettings() {
    return {
      empty_content_headline: 'Empty Content.',
      crop: {
        width: 1200,
        height: 1500
      },
      excluded_external_css_urls: ['https://kit-pro.fontawesome.com'],
      external_images_urls: ['https://i.ytimg.com' // Youtube images domain.
      ],
      timeout: 15000,
      // Wait until screenshot taken or fail in 15 secs.
      render_timeout: 5000,
      // Wait until all the element will be loaded or 5 sec and then take screenshot.
      timerLabel: null,
      timer_label: `${ElementorScreenshotConfig.post_id} - timer`,
      image_placeholder: 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=',
      isDebug: elementorCommonConfig.isElementorDebug,
      isDebugSvg: false,
      ...ElementorScreenshotConfig
    };
  }

getDefaultElements() {
    const $elementor = jQuery(ElementorScreenshotConfig.selector);
    const $sections = $elementor.find('.elementor-section-wrap > .elementor-section, .elementor > .elementor-section');
    return {
      $elementor,
      $sections,
      $firstSection: $sections.first(),
      $notElementorElements: elementorCommon.elements.$body.find('> *:not(style, link)').not($elementor),
      $head: jQuery('head')
    };
  }

onInit() {
    super.onInit();
    this.log('Screenshot init', 'time');
    /**
     * Hold the timeout timer
     *
     * @type {number|null}
     */

this.timeoutTimer = setTimeout(this.screenshotFailed.bind(this), this.getSettings('timeout'));
    return this.captureScreenshot();
  }
  /**
   * The main method for this class.
   */

captureScreenshot() {
    if (!this.elements.$elementor.length) {
      elementorCommon.helpers.consoleWarn('Screenshots: The content of this page is empty, the module will create a fake conent just for this screenshot.');
      this.createFakeContent();
    }

this.removeUnnecessaryElements();
    this.handleIFrames();
    this.removeFirstSectionMargin();
    this.handleLinks();
    this.loadExternalCss();
    this.loadExternalImages();
    return Promise.resolve().then(this.createImage.bind(this)).then(this.createImageElement.bind(this)).then(this.cropCanvas.bind(this)).then(this.save.bind(this)).then(this.screenshotSucceed.bind(this)).catch(this.screenshotFailed.bind(this));
  }
  /**
   * Fake content for documents that dont have any content.
   */

createFakeContent() {
    this.elements.$elementor = jQuery('<div>').css({
      height: this.getSettings('crop.height'),
      width: this.getSettings('crop.width'),
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center'
    });
    this.elements.$elementor.append(jQuery('<h1>').css({
      fontSize: '85px'
    }).html(this.getSettings('empty_content_headline')));
    document.body.prepend(this.elements.$elementor);
  }
  /**
   * CSS from another server cannot be loaded with the current dom to image library.
   * this method take all the links from another domain and proxy them.
   */

loadExternalCss() {
    const excludedUrls = [this.getSettings('home_url'), ...this.getSettings('excluded_external_css_urls')];
    const notSelector = excludedUrls.map(url => `[href^="${url}"]`).join(', ');
    jQuery('link').not(notSelector).each((index, el) => {
      const $link = jQuery(el),
            $newLink = $link.clone();
      $newLink.attr('href', this.getScreenshotProxyUrl($link.attr('href')));
      this.elements.$head.append($newLink);
      $link.remove();
    });
  }
  /**
   * Make a proxy to images urls that has some problems with cross origin (like youtube).
   */

loadExternalImages() {
    const selector = this.getSettings('external_images_urls').map(url => `img[src^="${url}"]`).join(', ');
    jQuery(selector).each((index, el) => {
      const $img = jQuery(el);
      $img.attr('src', this.getScreenshotProxyUrl($img.attr('src')));
    });
  }
  /**
   * Html to images libraries can not snapshot IFrames
   * this method convert all the IFrames to some other elements.
   */

handleIFrames() {
    this.elements.$elementor.find('iframe').each((index, el) => {
      const $iframe = jQuery(el),
            $iframeMask = jQuery('<div />', {
        css: {
          background: 'gray',
          width: $iframe.width(),
          height: $iframe.height()
        }
      });
      $iframe.before($iframeMask);
      $iframe.remove();
    });
  }
  /**
   * Remove all the sections that should not be in the screenshot.
   */

removeUnnecessaryElements() {
    let currentHeight = 0;
    this.elements.$sections.filter((index, el) => {
      let shouldBeRemoved = false;

if (currentHeight >= this.getSettings('crop.height')) {
        shouldBeRemoved = true;
      }

currentHeight += jQuery(el).outerHeight();
      return shouldBeRemoved;
    }).each((index, el) => {
      el.remove();
    }); // Some 3rd party plugins inject elements into the dom, so this method removes all
    // the elements that was injected, to make sure that it capture a screenshot only of the post itself.

this.elements.$notElementorElements.remove();
  }
  /**
   * Some urls make some problems to the svg parser.
   * this method convert all the urls to just '/'.
   */

handleLinks() {
    elementorCommon.elements.$body.find('a').attr('href', '/');
  }
  /**
   * Remove unnecessary margin from the first element of the post (singles and footers).
   */

removeFirstSectionMargin() {
    this.elements.$firstSection.css({
      marginTop: 0
    });
  }
  /**
   * Creates a png image.
   *
   * @return {Promise<unknown>} -
   */

createImage() {
    const pageLoadedPromise = new Promise(resolve => {
      window.addEventListener('load', () => {
        resolve();
      });
    });
    const timeOutPromise = new Promise(resolve => {
      setTimeout(() => {
        resolve();
      }, this.getSettings('render_timeout'));
    });
    return Promise.race([pageLoadedPromise, timeOutPromise]).then(() => {
      this.log('Start creating screenshot.');

if (this.getSettings('isDebugSvg')) {
        domtoimage.toSvg(document.body, {
          imagePlaceholder: this.getSettings('image_placeholder')
        }).then(svg => this.download(svg));
        return Promise.reject('Debug SVG.');
      } // TODO: Extract to util function.

const isSafari = /^((?!chrome|android).)*safari/i.test(window.userAgent); // Safari browser has some problems with the images that dom-to-images
      // library creates, so in this specific case the screenshot uses html2canvas.
      // Note that dom-to-image creates more accurate screenshot in "not safari" browsers.

if (isSafari) {
        this.log('Creating screenshot with "html2canvas"');
        return html2canvas(document.body).then(canvas => {
          return canvas.toDataURL('image/png');
        });
      }

this.log('Creating screenshot with "dom-to-image"');
      return domtoimage.toPng(document.body, {
        imagePlaceholder: this.getSettings('image_placeholder')
      });
    });
  }
  /**
   * Download a uri, use for debugging the svg that created from dom to image libraries.
   *
   * @param {string} uri
   */

download(uri) {
    const $link = jQuery('<a/>', {
      href: uri,
      download: 'debugSvg.svg',
      html: 'Download SVG'
    });
    elementorCommon.elements.$body.append($link);
    $link.trigger('click');
  }
  /**
   * Creates fake image element to get the size of the image later on.
   *
   * @param {string} dataUrl
   * @return {Promise<HTMLImageElement>} -
   */

createImageElement(dataUrl) {
    const image = new Image();
    image.src = dataUrl;
    return new Promise(resolve => {
      image.onload = () => resolve(image);
    });
  }
  /**
   * Crop the image to requested sizes.
   *
   * @param {HTMLImageElement} image
   * @return {Promise<unknown>} -
   */

cropCanvas(image) {
    const width = this.getSettings('crop.width');
    const height = this.getSettings('crop.height');
    const cropCanvas = document.createElement('canvas'),
          cropContext = cropCanvas.getContext('2d'),
          ratio = width / image.width;
    cropCanvas.width = width;
    cropCanvas.height = height > image.height ? image.height : height;
    cropContext.drawImage(image, 0, 0, image.width, image.height, 0, 0, image.width * ratio, image.height * ratio);
    return Promise.resolve(cropCanvas);
  }
  /**
   * Send the image to the server.
   *
   * @param {HTMLCanvasElement} canvas
   * @return {Promise<unknown>} -
   */

save(canvas) {
    return new Promise((resolve, reject) => {
      elementorCommon.ajax.addRequest('screenshot_save', {
        data: {
          post_id: this.getSettings('post_id'),
          screenshot: canvas.toDataURL('image/png')
        },
        success: url => {
          this.log(`Screenshot created: ${encodeURI(url)}`);
          resolve(url);
        },
        error: () => {
          this.log('Failed to create screenshot.');
          reject();
        }
      });
    });
  }
  /**
   * Mark this post screenshot as failed.
   */

markAsFailed() {
    return new Promise((resolve, reject) => {
      elementorCommon.ajax.addRequest('screenshot_failed', {
        data: {
          post_id: this.getSettings('post_id')
        },
        success: () => {
          this.log(`Marked as failed.`);
          resolve();
        },
        error: () => {
          this.log('Failed to mark this screenshot as failed.');
          reject();
        }
      });
    });
  }
  /**
   * @param {string} url
   * @return {string} -
   */

getScreenshotProxyUrl(url) {
    return `${this.getSettings('home_url')}?screenshot_proxy&nonce=${this.getSettings('nonce')}&href=${url}`;
  }
  /**
   * Notify that the screenshot has been succeed.
   *
   * @param {string} imageUrl
   */

screenshotSucceed(imageUrl) {
    this.screenshotDone(true, imageUrl);
  }
  /**
   * Notify that the screenshot has been failed.
   *
   * @param {Error} e
   */

screenshotFailed(e) {
    this.log(e, null);
    this.markAsFailed().then(() => this.screenshotDone(false));
  }
  /**
   * Final method of the screenshot.
   *
   * @param {boolean} success
   * @param {string}  imageUrl
   */

screenshotDone(success) {
    let imageUrl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
    clearTimeout(this.timeoutTimer);
    this.timeoutTimer = null; // Send the message to the parent window and not to the top.
    // e.g: The `Theme builder` is loaded into an iFrame so the message of the screenshot
    // should be sent to the `Theme builder` window and not to the top window.

window.parent.postMessage({
      name: 'capture-screenshot-done',
      success,
      id: this.getSettings('post_id'),
      imageUrl
    }, '*');
    this.log(`Screenshot ${success ? 'Succeed' : 'Failed'}.`, 'timeEnd');
  }
  /**
   * Log messages for debugging.
   *
   * @param {any}     message
   * @param {string?} timerMethod
   */

log(message) {
    let timerMethod = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'timeLog';

if (!this.getSettings('isDebug')) {
      return;
    } // eslint-disable-next-line no-console

console.log('string' === typeof message ? `${this.getSettings('post_id')} - ${message}` : message);

if (timerMethod) {
      // eslint-disable-next-line no-console
      console[timerMethod](this.getSettings('timer_label'));
    }
  }

}

jQuery(() => {
  new Screenshot();
});
/******/ })()
;
//# sourceMappingURL=screenshot.js.map

[+] ..
[-] frontend.min.js [edit]
[-] paypal-button.35291ad27cdc2a8a7921.bundle.js [edit]
[-] elements-handlers.js [edit]
[-] editor.js [edit]
[-] screenshot.min.js [edit]
[-] qunit-tests.min.js [edit]
[-] elements-handlers.min.js [edit]
[-] form-submission-admin.js [edit]
[-] frontend.js [edit]
[-] portfolio.3100e9fc4eca1b49637e.bundle.min.js [edit]
[-] form-submission-admin.min.js [edit]
[-] archive-posts.00f4c024688fc612586d.bundle.min.js [edit]
[-] jszip.vendor.0083100f5b1c4fd15ce9.bundle.min.js [edit]
[-] table-of-contents.a695231ee79a390b7620.bundle.min.js [edit]
[-] nav-menu.3de49ba5ef86f9a22ff5.bundle.min.js [edit]
[-] code-highlight.025966fc6b037ea07f05.bundle.js [edit]
[-] admin.js [edit]
[-] archive-posts.4638cb6e63d191478b4b.bundle.js [edit]
[-] preview.min.js [edit]
[-] carousel.e08ccaae39c5a0effa1b.bundle.js [edit]
[-] woocommerce-purchase-summary.16d013c3e91ea78000e0.bundle.js [edit]
[-] share-buttons.0bdd88c45462dfb2b073.bundle.min.js [edit]
[-] slides.7eefba2d8482696c81d2.bundle.js [edit]
[-] webpack-pro.runtime.min.js [edit]
[-] app.min.js [edit]
[-] jszip.vendor.0083100f5b1c4fd15ce9.bundle.min.js.LICENSE.txt [edit]
[-] app.js [edit]
[-] loop.72dfbecd5fe5387033d7.bundle.min.js [edit]
[-] load-more.ab5fca29d35a564dbcaf.bundle.js [edit]
[-] page-transitions.min.js [edit]
[-] form.72b77b99d67b130634d2.bundle.min.js [edit]
[-] posts.397aa4bedda9268558a6.bundle.min.js [edit]
[-] popup.1e0f0af4c386170080a9.bundle.js [edit]
[+] notes
[-] hotspot.6ab1751404c381bfe390.bundle.min.js [edit]
[-] popup.483b906ddaa1af17ff14.bundle.min.js [edit]
[-] social.2d2e44e8608690943f29.bundle.min.js [edit]
[-] portfolio.825a64c3225b91971c59.bundle.js [edit]
[-] 032b3da5bbb0e14863d8.bundle.min.js [edit]
[-] page-transitions-editor.d1b925262ac181e8d57c.bundle.js [edit]
[-] form.e231ef9f8b852ecaa4d3.bundle.js [edit]
[-] editor.min.js [edit]
[-] custom-code.js [edit]
[-] stripe-button.d283ce83621092402874.bundle.min.js [edit]
[-] woocommerce-notices.7acc357dab73c74f532c.bundle.js [edit]
[-] product-add-to-cart.023d7d31fbf96c3dbdfc.bundle.min.js [edit]
[-] video-playlist.0c9d14b28f7b8990e895.bundle.min.js [edit]
[-] search-form.a396372f407d3c16a0ef.bundle.min.js [edit]
[-] media-carousel.aca2224ef13e6f999011.bundle.min.js [edit]
[-] woocommerce-notices.da27b22c491f7cbe9158.bundle.min.js [edit]
[-] preloaded-elements-handlers.js [edit]
[-] woocommerce-cart.fc30c6cb753d4098eff5.bundle.min.js [edit]
[-] slides.fb6b9afd278bb9c5e75b.bundle.min.js [edit]
[-] woocommerce-menu-cart.3dd7c3f10f39d618076a.bundle.js [edit]
[-] search-form.2a7313a0f793c51489e5.bundle.js [edit]
[-] webpack-pro.runtime.js [edit]
[-] countdown.b0ef6392ec4ff09ca2f2.bundle.min.js [edit]
[-] jszip.vendor.2d31998ec05c74562278.bundle.js [edit]
[-] 61725c6b9bbb77be4d73.bundle.js [edit]
[-] woocommerce-cart.6acc7f80fafb667e14d8.bundle.js [edit]
[-] paypal-button.3d0d5af7df85963df32c.bundle.min.js [edit]
[-] carousel.9b02b45d7826c1c48f33.bundle.min.js [edit]
[-] gallery.ab76804bbe6e9657fa8b.bundle.js [edit]
[-] gallery.9c61bb9957e10e6d7bda.bundle.min.js [edit]
[-] woocommerce-my-account.3ee10d01e625dad87f73.bundle.min.js [edit]
[-] screenshot.js [edit]
[-] page-transitions-editor.69f365c96dc0120de70b.bundle.min.js [edit]
[-] woocommerce-purchase-summary.46445ab1120a8c28c05c.bundle.min.js [edit]
[-] progress-tracker.e19e2547639d7d9dac17.bundle.min.js [edit]
[-] animated-headline.c77be2cbe8146e84624e.bundle.js [edit]
[-] lottie.a118de5f784c35c366bf.bundle.js [edit]
[-] nav-menu.c509f1be1570eede9241.bundle.js [edit]
[-] preview.js [edit]
[-] load-more.1e7cd12b282961ba238e.bundle.min.js [edit]
[-] woocommerce-menu-cart.37905d32f638831bc09d.bundle.min.js [edit]
[-] woocommerce-my-account.2650f0840cbfb2116ca7.bundle.js [edit]
[-] product-add-to-cart.57eb2645f21f000be1d2.bundle.js [edit]
[-] loop.1ec2eba54ab8dc79374e.bundle.js [edit]
[-] code-highlight.28a979661569ddbbf60d.bundle.min.js [edit]
[-] video-playlist.cb23842b30af906c77b3.bundle.js [edit]
[-] countdown.486737044795b3a87ad3.bundle.js [edit]
[-] admin.min.js [edit]
[-] social.1c34ab246a4f2f971eb3.bundle.js [edit]
[-] preloaded-elements-handlers.min.js [edit]
[-] animated-headline.ffb4bb4ce1b16b11446d.bundle.min.js [edit]
[-] table-of-contents.72a102c751f8095122c9.bundle.js [edit]
[-] page-transitions.js [edit]
[-] qunit-tests.js [edit]
[-] custom-code.min.js [edit]
[-] progress-tracker.d38557a8e9be0c7ac097.bundle.js [edit]
[-] stripe-button.2b227a10eaef65c0f24f.bundle.js [edit]
[-] media-carousel.246449cbd8a9d85f3316.bundle.js [edit]
[-] lottie.147bf20db94f86cc4295.bundle.min.js [edit]
[-] share-buttons.d46ad1a7ae4811ddf539.bundle.js [edit]
[-] posts.7b1a67013e130f316101.bundle.js [edit]
[-] hotspot.10894bfe9b8f409bfb5c.bundle.js [edit]
[-] woocommerce-checkout-page.d0a933b9f3d6abb6769f.bundle.js [edit]
[-] woocommerce-checkout-page.b18af78282979b6f74e4.bundle.min.js [edit]