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

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

/*! elementor-pro - v3.12.3 - 23-04-2023 */
/******/ (() => { // 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]
[-] elements-handlers.js [edit]
[-] editor.js [edit]
[-] screenshot.min.js [edit]
[-] qunit-tests.min.js [edit]
[-] jszip.vendor.99a5b769619f50a6cb60.bundle.min.js.LICENSE.txt [edit]
[-] elements-handlers.min.js [edit]
[-] code-highlight.bd9b459b2670f6512f56.bundle.js [edit]
[-] form-submission-admin.js [edit]
[-] frontend.js [edit]
[-] b83b4e72565adbc65b6e.bundle.min.js [edit]
[-] mega-menu.62a19130f37a7b264bf7.bundle.js [edit]
[-] gallery.1573e391054ea0977a1f.bundle.js [edit]
[-] form-submission-admin.min.js [edit]
[-] nav-menu.bb5cce0a50480cdf695d.bundle.min.js [edit]
[-] table-of-contents.a695231ee79a390b7620.bundle.min.js [edit]
[-] load-more.c9f6aac03af905f4e206.bundle.min.js [edit]
[-] archive-posts.c139dd16b2224fcc8171.bundle.js [edit]
[-] woocommerce-checkout-page.bf88689aec2ee294a5e8.bundle.js [edit]
[-] admin.js [edit]
[-] preview.min.js [edit]
[-] load-more.2c4819ffa05d8e7e19a3.bundle.js [edit]
[-] share-buttons.0bdd88c45462dfb2b073.bundle.min.js [edit]
[-] paypal-button.0b0a646654a59ebd13a8.bundle.js [edit]
[-] webpack-pro.runtime.min.js [edit]
[-] app.min.js [edit]
[-] loop-carousel.ca3af34f494108c4dcd8.bundle.min.js [edit]
[-] app.js [edit]
[-] loop-carousel.64df59427f9aa5192019.bundle.js [edit]
[-] mega-menu.2235f3049d229a3d8ad3.bundle.min.js [edit]
[-] page-transitions.min.js [edit]
[-] form.72b77b99d67b130634d2.bundle.min.js [edit]
[+] notes
[-] posts.e33113a212454e383747.bundle.min.js [edit]
[-] nav-menu.9438664d01c471861c20.bundle.js [edit]
[-] hotspot.6ab1751404c381bfe390.bundle.min.js [edit]
[-] popup.483b906ddaa1af17ff14.bundle.min.js [edit]
[-] stripe-button.6525e1debdc6788d7c5b.bundle.js [edit]
[-] social.2d2e44e8608690943f29.bundle.min.js [edit]
[-] mega-menu-stretch-content.5ec1f2f20bb5b5aacce1.bundle.js [edit]
[-] progress-tracker.3424c0ac2b2c8da47033.bundle.js [edit]
[-] posts.72468c8555693b196f98.bundle.js [edit]
[-] loop.ee42cd13e555f07796a1.bundle.min.js [edit]
[-] video-playlist.298cdf58d6ff89be4257.bundle.min.js [edit]
[-] woocommerce-menu-cart.faa7b80e9ba9e5072070.bundle.min.js [edit]
[-] portfolio.47c0bf4b3576c66f1b1a.bundle.js [edit]
[-] page-transitions-editor.930bfd9119ee62d5ccd6.bundle.js [edit]
[-] editor.min.js [edit]
[-] woocommerce-menu-cart.cecfa624e2d23a156519.bundle.js [edit]
[-] mega-menu-editor.d71e4c6339dd6957b02c.bundle.min.js [edit]
[-] portfolio.042905bde20a1afccada.bundle.min.js [edit]
[-] custom-code.js [edit]
[-] popup.397c2882052136db7ee0.bundle.js [edit]
[-] stripe-button.d283ce83621092402874.bundle.min.js [edit]
[-] product-add-to-cart.023d7d31fbf96c3dbdfc.bundle.min.js [edit]
[-] media-carousel.aca2224ef13e6f999011.bundle.min.js [edit]
[-] countdown.14ae9e6521e5309f2b20.bundle.js [edit]
[-] table-of-contents.efa4ec72fb5fbf81390d.bundle.js [edit]
[-] hotspot.a8e9728500bb65f7d480.bundle.js [edit]
[-] form.f57ca47ad68276d319aa.bundle.js [edit]
[-] woocommerce-notices.da27b22c491f7cbe9158.bundle.min.js [edit]
[-] woocommerce-cart.07b1efa10b4a0c3db9f6.bundle.js [edit]
[-] preloaded-elements-handlers.js [edit]
[-] woocommerce-cart.fc30c6cb753d4098eff5.bundle.min.js [edit]
[-] slides.fb6b9afd278bb9c5e75b.bundle.min.js [edit]
[-] mega-menu-stretch-content.dd7b10c896a88f739622.bundle.min.js [edit]
[-] webpack-pro.runtime.js [edit]
[-] gallery.8ca9a354ce039d1ba641.bundle.min.js [edit]
[-] lottie.e9e13c1085c8ebcf9e08.bundle.js [edit]
[-] countdown.b0ef6392ec4ff09ca2f2.bundle.min.js [edit]
[-] mega-menu-editor.df12ed5ed5e2a972f28b.bundle.js [edit]
[-] paypal-button.3d0d5af7df85963df32c.bundle.min.js [edit]
[-] search-form.357fb2d20c2058fac04e.bundle.js [edit]
[-] carousel.9b02b45d7826c1c48f33.bundle.min.js [edit]
[-] woocommerce-my-account.3ee10d01e625dad87f73.bundle.min.js [edit]
[-] e1314d8e113e32e00c20.bundle.js [edit]
[-] screenshot.js [edit]
[-] page-transitions-editor.69f365c96dc0120de70b.bundle.min.js [edit]
[-] woocommerce-purchase-summary.46445ab1120a8c28c05c.bundle.min.js [edit]
[-] jszip.vendor.a3c65615c1de5560962d.bundle.js [edit]
[-] animated-headline.a72e91b4455c4435ee9c.bundle.js [edit]
[-] progress-tracker.e19e2547639d7d9dac17.bundle.min.js [edit]
[-] woocommerce-purchase-summary.40bd4441fdc065587324.bundle.js [edit]
[-] preview.js [edit]
[-] slides.ed047abad2c95958dc83.bundle.js [edit]
[-] video-playlist.46d8facd8ae5db005088.bundle.js [edit]
[-] code-highlight.28a979661569ddbbf60d.bundle.min.js [edit]
[-] social.68fec39648b9a03c6275.bundle.js [edit]
[-] product-add-to-cart.39fbaae6c856c483b4b4.bundle.js [edit]
[-] loop.56bafc053eb8d9ec040d.bundle.js [edit]
[-] woocommerce-notices.d803ba1deaf96eb007fc.bundle.js [edit]
[-] admin.min.js [edit]
[-] preloaded-elements-handlers.min.js [edit]
[-] animated-headline.ffb4bb4ce1b16b11446d.bundle.min.js [edit]
[-] page-transitions.js [edit]
[-] qunit-tests.js [edit]
[-] custom-code.min.js [edit]
[-] search-form.0ef02f9fd5e7db2ea91b.bundle.min.js [edit]
[-] jszip.vendor.99a5b769619f50a6cb60.bundle.min.js [edit]
[-] archive-posts.1de00dabb89a39359d7a.bundle.min.js [edit]
[-] lottie.147bf20db94f86cc4295.bundle.min.js [edit]
[-] carousel.f3d380987af9f2d7b22d.bundle.js [edit]
[-] woocommerce-my-account.355b00c58fb73e92a0bb.bundle.js [edit]
[-] share-buttons.a43f0e61533a54c4cf9f.bundle.js [edit]
[-] woocommerce-checkout-page.b18af78282979b6f74e4.bundle.min.js [edit]
[-] media-carousel.3c8f4fa31022b9a3b8af.bundle.js [edit]