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

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

/*! elementor-pro - v3.20.0 - 26-03-2024 */
/******/ (() => { // 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>} URI containing image data
   */
  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>} Image Element
   */
  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>} Canvas
   */
  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>} Screenshot URL
   */
  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} Screenshot Proxy URL
   */
  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, imageUrl = 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, timerMethod = '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]
[-] media-carousel.d8417210e0b731dd32b8.bundle.js [edit]
[-] woocommerce-cart.73c6990b0b1a1ea18220.bundle.js [edit]
[-] woocommerce-menu-cart.010ec7298aee1fcdc2ea.bundle.js [edit]
[-] mega-menu-stretch-content.60ca9e1e97c52ac3bf8c.bundle.min.js [edit]
[-] progress-tracker.3ec316715116e9087057.bundle.js [edit]
[-] elements-handlers.js [edit]
[-] editor.js [edit]
[-] screenshot.min.js [edit]
[-] gallery.805130d33e18cb04635f.bundle.js [edit]
[-] qunit-tests.min.js [edit]
[-] jszip.vendor.99a5b769619f50a6cb60.bundle.min.js.LICENSE.txt [edit]
[-] elements-handlers.min.js [edit]
[-] nested-carousel.9145d6891784d5818672.bundle.min.js [edit]
[-] social.deeefd0e3641200f8239.bundle.js [edit]
[-] form.efd3434e4ecbe4dd5fc6.bundle.js [edit]
[-] form-submission-admin.js [edit]
[-] frontend.js [edit]
[-] woocommerce-my-account.6509f179e93231fa2b6a.bundle.js [edit]
[-] load-more.bc9573b5d1f73abd80b9.bundle.min.js [edit]
[-] form-submission-admin.min.js [edit]
[-] hotspot.70886883c622dd8d5eb2.bundle.js [edit]
[-] admin.js [edit]
[-] mega-menu-stretch-content.4648b25d00c1f94cec4e.bundle.js [edit]
[-] preview.min.js [edit]
[-] woocommerce-notices.d8c0850de1984ac89f33.bundle.js [edit]
[-] stripe-button.2acbca466dfeb9585680.bundle.min.js [edit]
[-] taxonomy-filter.b42e9c10a9d0abc3454e.bundle.min.js [edit]
[-] 60745ddf42fde6647dbc.bundle.min.js.LICENSE.txt [edit]
[-] animated-headline.3efc6517c2a055f6c242.bundle.min.js [edit]
[-] nested-carousel-editor.6337dab68af203be7c04.bundle.min.js [edit]
[-] display-conditions.js [edit]
[-] webpack-pro.runtime.min.js [edit]
[-] app.min.js [edit]
[-] app.js [edit]
[-] form.10bf1a6475f0741920ff.bundle.min.js [edit]
[+] packages
[-] preloaded-elements-handlers.min.js.LICENSE.txt [edit]
[-] 98217e0c00e1f53421ef.bundle.js [edit]
[-] page-transitions.min.js [edit]
[-] taxonomy-filter.9d41aac2f76c01cfdb42.bundle.js [edit]
[+] notes
[-] nav-menu.d43af66e5000fd109c04.bundle.min.js [edit]
[-] hotspot.6ab1751404c381bfe390.bundle.min.js [edit]
[-] 60745ddf42fde6647dbc.bundle.min.js [edit]
[-] search-form.4beabae7f0e0a3129ef7.bundle.js [edit]
[-] product-add-to-cart.e099bc90899376d00959.bundle.js [edit]
[-] social.2d2e44e8608690943f29.bundle.min.js [edit]
[-] video-playlist.74fca1f2470fa6474595.bundle.min.js [edit]
[-] posts.caaf3e27e57db8207afc.bundle.min.js [edit]
[-] countdown.be941c879efa861dbbfa.bundle.min.js [edit]
[-] countdown.60cf02eaf22d71d83f3d.bundle.js [edit]
[-] mega-menu-editor.319a739ef1260a2b2da1.bundle.min.js [edit]
[-] portfolio.9a52c1f0953359d74119.bundle.js [edit]
[-] 4abfbfd970d6f7680bc7.bundle.js [edit]
[-] loop-carousel.4e8fd6593adbba21698e.bundle.min.js [edit]
[-] loop-filter-editor.21982d6e76a4fba12cd5.bundle.min.js [edit]
[-] woocommerce-menu-cart.faa7b80e9ba9e5072070.bundle.min.js [edit]
[-] menu-title-keyboard-handler.255f6b16a2f292e5c260.bundle.js [edit]
[-] gutenberg-woocommerce-notice.min.js [edit]
[-] editor.min.js [edit]
[-] nested-carousel-editor.2fdc278ce6bc9f6ec2e0.bundle.js [edit]
[-] archive-posts.d30c917134774f65dd6d.bundle.min.js [edit]
[-] share-buttons.58e0fcb000aa02df3f24.bundle.js [edit]
[-] 1b816ba777b14157325b.bundle.min.js [edit]
[-] display-conditions.min.js [edit]
[-] custom-code.js [edit]
[-] loop-carousel.827a11bd7f1b0343de42.bundle.js [edit]
[-] mega-menu-editor.bbef3f7412481cbce555.bundle.js [edit]
[-] product-add-to-cart.023d7d31fbf96c3dbdfc.bundle.min.js [edit]
[-] table-of-contents.82ad797536446d523057.bundle.min.js [edit]
[-] media-carousel.aca2224ef13e6f999011.bundle.min.js [edit]
[-] popup.1f90f6cfd0d44ef28772.bundle.js [edit]
[-] woocommerce-notices.aaa7a3d06f24f7ea6951.bundle.min.js [edit]
[-] woocommerce-checkout-page.9b1242f2568f94bb8d5c.bundle.js [edit]
[-] preloaded-elements-handlers.js [edit]
[-] woocommerce-cart.fc30c6cb753d4098eff5.bundle.min.js [edit]
[-] menu-title-keyboard-handler.80c53fcbf2fdb487c91d.bundle.min.js [edit]
[-] slides.fb6b9afd278bb9c5e75b.bundle.min.js [edit]
[-] paypal-button.3028ea98fc2e17fdfe8f.bundle.js [edit]
[-] webpack-pro.runtime.js [edit]
[-] gallery.8ca9a354ce039d1ba641.bundle.min.js [edit]
[-] mega-menu.bc1b8483f0d497cb1b50.bundle.js [edit]
[-] paypal-button.3d0d5af7df85963df32c.bundle.min.js [edit]
[-] carousel.9b02b45d7826c1c48f33.bundle.min.js [edit]
[-] slides.3b185c687f9167dfae0c.bundle.js [edit]
[-] woocommerce-my-account.3ee10d01e625dad87f73.bundle.min.js [edit]
[-] screenshot.js [edit]
[-] ajax-pagination.bc400e6cb24a14a2ea97.bundle.js [edit]
[-] woocommerce-purchase-summary.46445ab1120a8c28c05c.bundle.min.js [edit]
[-] gutenberg-woocommerce-notice.js [edit]
[-] animated-headline.e4c2ed3934d0df18c40a.bundle.js [edit]
[-] jszip.vendor.a3c65615c1de5560962d.bundle.js [edit]
[-] popup.085c1727e36940b18f29.bundle.min.js [edit]
[-] portfolio.b5c5e89624dc6b81a11a.bundle.min.js [edit]
[-] preview.js [edit]
[-] loop.c4d9f09c7596d4e1df61.bundle.js [edit]
[-] loop-filter-editor.d1bae86a5ed21c0e9981.bundle.js [edit]
[-] table-of-contents.e67f9eaf44032e14dc57.bundle.js [edit]
[-] lottie.a00fda0bbf10f9b99eae.bundle.js [edit]
[-] ajax-pagination.a8dae0f5699fe9733e7d.bundle.min.js [edit]
[-] code-highlight.28a979661569ddbbf60d.bundle.min.js [edit]
[-] video-playlist.964a12bbea2078517f07.bundle.js [edit]
[-] carousel.998a291abf70435fd698.bundle.js [edit]
[-] share-buttons.08f4daf4a4285a8632b8.bundle.min.js [edit]
[-] archive-posts.0aae8c3bd7d196797b6c.bundle.js [edit]
[-] admin.min.js [edit]
[-] preloaded-elements-handlers.min.js [edit]
[-] page-transitions.js [edit]
[-] qunit-tests.js [edit]
[-] custom-code.min.js [edit]
[-] woocommerce-purchase-summary.8d56a92f38ab4fc4575f.bundle.js [edit]
[-] jszip.vendor.99a5b769619f50a6cb60.bundle.min.js [edit]
[-] lottie.565b778d23c04461c4ea.bundle.min.js [edit]
[-] nested-carousel.da220b2d6ef36e95bbad.bundle.js [edit]
[-] loop.e45e73509acb0a350776.bundle.min.js [edit]
[-] posts.5d2d70b1d6918b6d8205.bundle.js [edit]
[-] nav-menu.ad2c1632628f619ad9e9.bundle.js [edit]
[-] search-form.a25a87283d08dad12f18.bundle.min.js [edit]
[-] load-more.ad89e46f2f6bfd9c27e8.bundle.js [edit]
[-] stripe-button.b00915f9aec396f7b070.bundle.js [edit]
[-] code-highlight.8b676d9a001f56fb77fa.bundle.js [edit]
[-] woocommerce-checkout-page.b18af78282979b6f74e4.bundle.min.js [edit]
[-] mega-menu.ff65163e28a043660c7b.bundle.min.js [edit]
[-] progress-tracker.53951a08af7543da98e6.bundle.min.js [edit]