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

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

/*! elementor - v3.6.7 - 03-07-2022 */
"use strict";
(self["webpackChunkelementor"] = self["webpackChunkelementor"] || []).push([["text-path"],{

/***/ "../modules/shapes/assets/js/frontend/handlers/text-path.js":
/*!******************************************************************!*\
  !*** ../modules/shapes/assets/js/frontend/handlers/text-path.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {

Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = void 0;

var _utils = __webpack_require__(/*! elementor-frontend/utils/utils */ "../assets/dev/js/frontend/utils/utils.js");

class TextPathHandler extends elementorModules.frontend.handlers.Base {
  getDefaultSettings() {
    return {
      selectors: {
        pathContainer: '.e-text-path',
        svg: '.e-text-path > svg'
      }
    };
  }

getDefaultElements() {
    const {
      selectors
    } = this.getSettings();
    const element = this.$element[0];
    return {
      widgetWrapper: element,
      pathContainer: element.querySelector(selectors.pathContainer),
      svg: element.querySelector(selectors.svg),
      textPath: element.querySelector(selectors.textPath)
    };
  }
  /**
   * Initialize the object.
   *
   * @return {void}
   */

onInit() {
    this.elements = this.getDefaultElements();
    this.fetchSVG().then(() => {
      // Generate unique IDs using the wrapper's `data-id`.
      this.pathId = `e-path-${this.elements.widgetWrapper.dataset.id}`;
      this.textPathId = `e-text-path-${this.elements.widgetWrapper.dataset.id}`;

if (!this.elements.svg) {
        return;
      }

this.initTextPath();
    });
  }
  /**
   * Fetch & Inject the SVG markup.
   *
   * @return {Promise} success
   */

fetchSVG() {
    const {
      url
    } = this.elements.pathContainer.dataset;

if (!url || !url.endsWith('.svg')) {
      return Promise.reject(url);
    }

return fetch(url).then(res => res.text()).then(svg => {
      this.elements.pathContainer.innerHTML = svg; // Re-initialize the elements, so the SVG tag will be added.

this.elements = this.getDefaultElements();
    });
  }
  /**
   *  Gets a text offset (relative to the starting point) as a string or int, and set it as percents to the
   *  `startOffset` attribute of the `<textPath>` element.
   *
   * @param {string|number} offset The text start offset.
   *
   * @return {void}
   */

setOffset(offset) {
    if (!this.elements.textPath) {
      return;
    }

if (this.isRTL()) {
      offset = 100 - parseInt(offset);
    }

this.elements.textPath.setAttribute('startOffset', offset + '%');
  }
  /**
   * Handle element settings changes.
   *
   * @param {Object} setting The settings object from the editor.
   *
   * @return {void}
   */

onElementChange(setting) {
    const {
      start_point: startPoint,
      text
    } = this.getElementSettings();

switch (setting) {
      case 'start_point':
        this.setOffset(startPoint.size);
        break;

case 'text':
        this.setText(text);
        break;

case 'text_path_direction':
        this.setOffset(startPoint.size);
        this.setText(text);
        break;

default:
        break;
    }
  }
  /**
   * Attach a unique ID to the `path` element in the SVG, based on the container's ID.
   * This function selects the first `path` with a `data-path-anchor` attribute, or defaults to the first `path` element.
   *
   * @return {void}
   */

attachIdToPath() {
    // Prioritize the custom `data` attribute over the `path` element, and fallback to the first `path`.
    const path = this.elements.svg.querySelector('[data-path-anchor]') || this.elements.svg.querySelector('path');
    path.id = this.pathId;
  }
  /**
   * Initialize & build the SVG markup of the widget using the settings from the panel.
   *
   * @return {void}
   */

initTextPath() {
    const {
      start_point: startPoint
    } = this.getElementSettings();
    const text = this.elements.pathContainer.dataset.text;
    this.attachIdToPath(); // Generate the `textPath` element with its settings.

this.elements.svg.innerHTML += `
			<text>
				<textPath id="${this.textPathId}" href="#${this.pathId}"></textPath>
			</text>
		`; // Regenerate the elements object to have access to `this.elements.textPath`.

this.elements.textPath = this.elements.svg.querySelector(`#${this.textPathId}`);
    this.setOffset(startPoint.size);
    this.setText(text);
  }
  /**
   * Sets the text on the SVG path, including the link (if set) and its properties.
   *
   * @param {string} newText The new text to put in the text path.
   *
   * @return {void}
   */

setText(newText) {
    const {
      url,
      is_external: isExternal,
      nofollow
    } = this.getElementSettings()?.link;
    const target = isExternal ? '_blank' : '',
          rel = nofollow ? 'nofollow' : ''; // Add link attributes.

if (url) {
      newText = `<a href="${(0, _utils.escapeHTML)(url)}" rel="${rel}" target="${target}">${(0, _utils.escapeHTML)(newText)}</a>`;
    } // Set the text.

this.elements.textPath.innerHTML = newText; // Remove the cloned element if exists.

const existingClone = this.elements.svg.querySelector(`#${this.textPathId}-clone`);

if (existingClone) {
      existingClone.remove();
    } // Reverse the text if needed.

if (this.shouldReverseText()) {
      // Keep an invisible selectable copy of original element for better a11y.
      const clone = this.elements.textPath.cloneNode();
      clone.id += '-clone';
      clone.classList.add('elementor-hidden');
      clone.textContent = newText;
      this.elements.textPath.parentNode.appendChild(clone);
      this.reverseToRTL();
    }
  }
  /**
   * Determine if the text direction of the widget should be RTL or not, based on the site direction and the widget's settings.
   *
   * @return {boolean} is RTL
   */

isRTL() {
    const {
      text_path_direction: direction
    } = this.getElementSettings();
    let isRTL = elementorFrontend.config.is_rtl;

if (direction) {
      isRTL = 'rtl' === direction;
    }

return isRTL;
  }
  /**
   * Determine if it should RTL the text (reversing it, etc.).
   *
   * @return {boolean} should RTL
   */

shouldReverseText() {
    return this.isRTL() && -1 === navigator.userAgent.indexOf('Firefox');
  }
  /**
   * Reverse the text path to support RTL.
   *
   * @return {void}
   */

reverseToRTL() {
    // Make sure to use the inner `a` tag if exists.
    let parentElement = this.elements.textPath;
    parentElement = parentElement.querySelector('a') || parentElement; // Catch all RTL chars and reverse their order.

const pattern = /([\u0591-\u07FF\u200F\u202B\u202E\uFB1D-\uFDFD\uFE70-\uFEFC\s$&+,:;=?@#|'<>.^*()%!-]+)/ig; // Reverse the text.

parentElement.textContent = parentElement.textContent.replace(pattern, word => {
      return word.split('').reverse().join('');
    }); // Add a11y attributes.

parentElement.setAttribute('aria-hidden', true);
  }

}

exports["default"] = TextPathHandler;

/***/ })

}]);
//# sourceMappingURL=text-path.319e063b5962349cf10f.bundle.js.map

[-] frontend.min.js [edit]
[-] editor.js [edit]
[-] edef531b0a4575e08dcf.bundle.js [edit]
[-] alert.cbc2a0fee74ee3ed0419.bundle.min.js [edit]
[-] container.0d946aa461a67ecc166a.bundle.min.js [edit]
[-] admin-feedback.min.js [edit]
[-] editor-document.min.js.LICENSE.txt [edit]
[-] frontend.js [edit]
[-] lightbox.e775b5f3cdb9555b7bbc.bundle.min.js [edit]
[-] container-converter.min.js [edit]
[-] toggle.723b9b5593f2a58fd036.bundle.js [edit]
[-] progress.ca55d33bb06cee4e6f02.bundle.min.js [edit]
[-] video.d86bfd0676264945e968.bundle.min.js [edit]
[-] toggle.40c766401850f2d0f3a4.bundle.min.js [edit]
[-] admin-top-bar.min.js [edit]
[-] container.a98d5868735d029bae47.bundle.js [edit]
[+] ..
[-] admin.js [edit]
[-] admin-modules.js [edit]
[-] progress.d9ed4339cb1bcc2aeb1c.bundle.js [edit]
[-] admin-top-bar.js [edit]
[-] editor-modules.min.js [edit]
[-] alert.e48284fab1c1d836b7a9.bundle.js [edit]
[-] gutenberg.min.js [edit]
[-] app.min.js [edit]
[-] app.js [edit]
[-] tabs.adcd411dd12d24d4b469.bundle.js [edit]
[-] editor.min.js.LICENSE.txt [edit]
[-] preloaded-modules.min.js [edit]
[-] preloaded-modules.js [edit]
[-] video.13d70463bc0ae039a644.bundle.js [edit]
[-] gutenberg.js [edit]
[-] editor-document.js [edit]
[-] app-packages.js [edit]
[-] common.min.js [edit]
[-] web-cli.min.js [edit]
[-] common-modules.min.js [edit]
[-] counter.e846c2e2fcca06b5908b.bundle.js [edit]
[-] common-modules.js [edit]
[-] frontend-modules.min.js [edit]
[-] common.js [edit]
[-] new-template.min.js [edit]
[-] app-loader.js [edit]
[-] editor.min.js [edit]
[-] 74ba26d583b37ca107c9.bundle.min.js [edit]
[-] elementor-admin-bar.js [edit]
[-] kit-library.10fbb6c1e87e1129cb36.bundle.js [edit]
[-] elementor-admin-bar.min.js [edit]
[-] frontend-modules.js [edit]
[-] accordion.7411c73941af1c106000.bundle.js [edit]
[-] webpack.runtime.min.js [edit]
[-] app-loader.min.js [edit]
[-] wp-audio.d0fd65867cf98c8b6b3d.bundle.js [edit]
[-] web-cli.js [edit]
[-] tabs.8c4ac93ed5692e396126.bundle.min.js [edit]
[-] common-modules.min.js.LICENSE.txt [edit]
[-] webpack.runtime.js [edit]
[-] editor-modules.js [edit]
[-] counter.02cef29c589e742d4c8c.bundle.min.js [edit]
[-] kit-library.20a1212351547d12ac4f.bundle.min.js [edit]
[-] new-template.js [edit]
[-] app.min.js.LICENSE.txt [edit]
[-] text-editor.99c79ecbd600142e0f90.bundle.js [edit]
[-] accordion.8c3895ab8b34cf4de282.bundle.min.js [edit]
[-] admin-feedback.js [edit]
[-] image-carousel.6fe677529cc17d56624d.bundle.js [edit]
[-] editor-document.min.js [edit]
[-] beta-tester.js [edit]
[-] common.min.js.LICENSE.txt [edit]
[-] text-path.ff2a40464f06ddcfc973.bundle.min.js [edit]
[-] app-loader.min.js.LICENSE.txt [edit]
[-] web-cli.min.js.LICENSE.txt [edit]
[-] image-carousel.e02695895b33b77d89de.bundle.min.js [edit]
[-] app-packages.min.js [edit]
[-] onboarding.d16e089d0034c632e7f1.bundle.min.js [edit]
[-] text-editor.2c35aafbe5bf0e127950.bundle.min.js [edit]
[-] admin.min.js [edit]
[-] admin-modules.min.js [edit]
[-] container-converter.js [edit]
[-] onboarding.cde2e50eb0dd59cdc9c3.bundle.js [edit]
[-] text-path.319e063b5962349cf10f.bundle.js [edit]
[-] wp-audio.75f0ced143febb8cd31a.bundle.min.js [edit]
[-] lightbox.64eaa125ca6d6348e7ac.bundle.js [edit]
[-] beta-tester.min.js [edit]