/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ 		}
/******/ 	};
/******/
/******/ 	// define __esModule on exports
/******/ 	__webpack_require__.r = function(exports) {
/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 		}
/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
/******/ 	};
/******/
/******/ 	// create a fake namespace object
/******/ 	// mode & 1: value is a module id, require it
/******/ 	// mode & 2: merge all properties of value into the ns
/******/ 	// mode & 4: return value when already ns object
/******/ 	// mode & 8|1: behave like require
/******/ 	__webpack_require__.t = function(value, mode) {
/******/ 		if(mode & 1) value = __webpack_require__(value);
/******/ 		if(mode & 8) return value;
/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ 		var ns = Object.create(null);
/******/ 		__webpack_require__.r(ns);
/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ 		return ns;
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";
/******/
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = "./src/js/view/smooth-animation.js");
/******/ })
/************************************************************************/
/******/ ({

/***/ "./src/js/view/smooth-animation.js":
/*!*****************************************!*\
  !*** ./src/js/view/smooth-animation.js ***!
  \*****************************************/
/*! no static exports found */
/***/ (function(module, exports) {

eval("var SmoothAnimationHandler = function SmoothAnimationHandler($scope, $) {\n  var _$eventFunction, _$eventFunction2, _$translateX, _$translateX2, _$translateX3, _$translateY, _$translateY2, _$translateY3, _$opacityData, _$rotationData, _$scaleData, _$scaleXData, _$scaleYData, _$skewXData, _$skewYData, _$durationData, _$delayData, _$repeatData, _$easeData, _$yoyoData, _$staggerData, _$transformOriginXDat, _$transformOriginYDat, _$bgColorData, _$elementStartData, _$controllerStartData, _$customElementStartD, _$customElementStartD2, _$customControllerSta, _$customControllerSta2, _$elementEndData, _$controllerEndData, _$customElementEndDat, _$customElementEndDat2, _$customControllerEnd, _$customControllerEnd2, _$toggleActionsOnEnte, _$toggleActionsOnLeav, _$toggleAactionsOnEnt, _$toggleActionsOnLeav2, _$markersData, _$scrubData, _$scrubData2, _$pinData, _$textscrolltrigger;\n  // if( $scope[0].className.includes('eael_smooth_animation') === false ) {\n  //     return;\n  // }\n\n  var $scopeId = $scope.data(\"id\"),\n    $presetData = $scope.data(\"preset\"),\n    $eventFunction = $scope.data(\"event_function\"),\n    $coreTriggerData = $scope.data(\"coretrigger\"),\n    $translateX = $scope.data(\"translatex\"),\n    $translateY = $scope.data(\"translatey\"),\n    $opacityData = $scope.data(\"opacity\"),\n    $rotationData = $scope.data(\"rotation\"),\n    $scaleData = $scope.data(\"scale\"),\n    $scaleXData = $scope.data(\"scalex\"),\n    $scaleYData = $scope.data(\"scaley\"),\n    $skewData = $scope.data(\"skew\"),\n    $skewXData = $scope.data(\"skewx\"),\n    $skewYData = $scope.data(\"skewy\"),\n    $durationData = $scope.data(\"duration\"),\n    $delayData = $scope.data(\"delay\"),\n    $repeatData = $scope.data(\"repeat\"),\n    $easeData = $scope.data(\"ease\"),\n    $yoyoData = $scope.data(\"yoyo\"),\n    $staggerData = $scope.data(\"stagger\"),\n    $transformOriginXData = $scope.data(\"transformoriginx\"),\n    $customTransformOriginXData = $scope.data(\"custom_transformoriginx\"),\n    $transformOriginYData = $scope.data(\"transformoriginy\"),\n    $customTransFormOriginYData = $scope.data(\"custom_transformoriginy\"),\n    $bgColorData = $scope.data(\"bg_color\"),\n    $textscrolltrigger = $scope.data(\"textscrolltrigger\"),\n    // ScrollTrigger\n\n    //Start\n    $elementStartData = $scope.data(\"element_start\"),\n    $customElementStartData = $scope.data(\"custom_element_start\"),\n    $controllerStartData = $scope.data(\"controller_start\"),\n    $customControllerStartData = $scope.data(\"custom_controller_start\"),\n    //End\n    $elementEndData = $scope.data(\"element_end\"),\n    $customElementEndData = $scope.data(\"custom_element_end\"),\n    $controllerEndData = $scope.data(\"controller_end\"),\n    $customControllerEndData = $scope.data(\"custom_controller_end\"),\n    $markersData = $scope.data(\"markers\"),\n    $scrollon = $scope.data(\"scrollon\"),\n    $scrubData = $scope.data(\"scrub\"),\n    $toggleActionsOnEnterData = $scope.data(\"toggle_actions_on_enter\"),\n    $toggleActionsOnLeaveData = $scope.data(\"toggle_actions_on_leave\"),\n    $toggleAactionsOnEnterBackData = $scope.data(\"toggle_actions_on_enter_back\"),\n    $toggleActionsOnLeaveBackData = $scope.data(\"toggle_actions_on_leave_back\"),\n    $pinData = $scope.data(\"pin\");\n\n  //Is Editor\n  if (window.isEditMode) {\n    if (window[\"eael_sa_\".concat($scopeId)] === true) {\n      return;\n    }\n    if (window[\"eael_sa_\".concat($scopeId)] === undefined && window.isEditMode || 1) {\n      var _getHoverEffectSettingsVal = function getHoverEffectSettingsVal($el) {\n        $.each($el, function (i, el) {\n          var $getSettings = el.attributes.settings.attributes;\n          if (el.attributes.elType === \"widget\") {\n            if ($getSettings[\"eael_smooth_animation_section\"] === \"yes\") {\n              eaelEditModeSettings[el.attributes.id] = el.attributes.settings.attributes;\n            }\n          }\n          if (el.attributes.elType === \"container\") {\n            _getHoverEffectSettingsVal(el.attributes.elements.models);\n          }\n          if (el.attributes.elType === \"section\") {\n            _getHoverEffectSettingsVal(el.attributes.elements.models);\n          }\n          if (el.attributes.elType === \"column\") {\n            _getHoverEffectSettingsVal(el.attributes.elements.models);\n          }\n        });\n      };\n      window[\"eael_sa_\".concat($scopeId)] = true;\n      var eaelEditModeSettings = [];\n      _getHoverEffectSettingsVal(window.elementor.elements.models);\n    }\n\n    //\n    for (var key in eaelEditModeSettings) {\n      if ($scopeId === key) {\n        var _eaelEditModeSettings, _eaelEditModeSettings2, _eaelEditModeSettings3, _eaelEditModeSettings4, _eaelEditModeSettings5, _eaelEditModeSettings6, _eaelEditModeSettings7, _eaelEditModeSettings8, _eaelEditModeSettings9, _eaelEditModeSettings0, _eaelEditModeSettings1, _eaelEditModeSettings10, _eaelEditModeSettings11, _eaelEditModeSettings12;\n        var smoothAnimationTransformSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings = eaelEditModeSettings[key]) === null || _eaelEditModeSettings === void 0 ? void 0 : _eaelEditModeSettings[\"eael_smooth_animation_event_transform_setting\"];\n        var smoothAnimationTransformOrigin = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings2 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings2 === void 0 ? void 0 : _eaelEditModeSettings2[\"eael_smooth_animation_event_transform_orign_setting\"];\n        var smoothAnimationScaleSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings3 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings3 === void 0 ? void 0 : _eaelEditModeSettings3[\"eael_smooth_animation_event_scale_setting\"];\n        var smoothAnimationSkewSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings4 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings4 === void 0 ? void 0 : _eaelEditModeSettings4[\"eael_smooth_animation_event_skew_setting\"];\n        var smoothAnimationColorSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings5 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings5 === void 0 ? void 0 : _eaelEditModeSettings5[\"eael_smooth_animation_event_color_setting\"];\n        var smoothAnimationTextScrollSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings6 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings6 === void 0 ? void 0 : _eaelEditModeSettings6[\"eael_smooth_animation_scroll_text_enable\"];\n        var smoothAnimationAnimationSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings7 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings7 === void 0 ? void 0 : _eaelEditModeSettings7[\"eael_smooth_animation_event_animation_setting\"];\n        var smoothAnimationManualSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings8 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings8 === void 0 ? void 0 : _eaelEditModeSettings8[\"eael_smooth_animation_event_manual_setting\"];\n        var smoothAnimationMarkersSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings9 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings9 === void 0 ? void 0 : _eaelEditModeSettings9[\"eael_smooth_animation_event_markers\"];\n        var smoothAnimationStartSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings0 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings0 === void 0 ? void 0 : _eaelEditModeSettings0[\"eael_smooth_animation_event_canvas_start\"];\n        var smoothAnimationEndSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings1 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings1 === void 0 ? void 0 : _eaelEditModeSettings1[\"eael_smooth_animation_event_canvas_end\"];\n        var smoothAnimationScarbSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings10 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings10 === void 0 ? void 0 : _eaelEditModeSettings10[\"eael_smooth_animation_event_canvas_scrub\"];\n        var smoothAnimationPinSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings11 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings11 === void 0 ? void 0 : _eaelEditModeSettings11[\"eael_smooth_animation_event_pin\"];\n        var smoothAnimationToggleActionsSettings = eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings12 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings12 === void 0 ? void 0 : _eaelEditModeSettings12[\"eael_smooth_animation_toggle_actions\"];\n        var _eaelEditModeSettings13 = eaelEditModeSettings === null || eaelEditModeSettings === void 0 ? void 0 : eaelEditModeSettings[key],\n          eventFunction = _eaelEditModeSettings13.eael_smooth_animation_event_function,\n          translateXData = _eaelEditModeSettings13.eael_smooth_animation_event_transform_translatex,\n          translateYData = _eaelEditModeSettings13.eael_smooth_animation_event_transform_translatey,\n          transformOriginXData = _eaelEditModeSettings13.eael_smooth_animation_transform_originx,\n          customTransformOriginXData = _eaelEditModeSettings13.eael_smooth_animation_trans_originx_custom,\n          transformOriginYData = _eaelEditModeSettings13.eael_smooth_animation_transform_originy,\n          customTransFormOriginYData = _eaelEditModeSettings13.eael_smooth_animation_trans_originy_custom,\n          opacityData = _eaelEditModeSettings13.eael_smooth_animation_event_transform_opacity,\n          rotationData = _eaelEditModeSettings13.eael_smooth_animation_event_transform_rotate,\n          scaleXYData = _eaelEditModeSettings13.eael_smooth_animation_event_scalexy,\n          scaleData = _eaelEditModeSettings13.eael_smooth_animation_event_scale,\n          scaleXData = _eaelEditModeSettings13.eael_smooth_animation_event_scalex,\n          scaleYData = _eaelEditModeSettings13.eael_smooth_animation_event_scaley,\n          skewData = _eaelEditModeSettings13.eael_smooth_animation_event_skew,\n          skewXData = _eaelEditModeSettings13.eael_smooth_animation_event_skewx,\n          skewYData = _eaelEditModeSettings13.eael_smooth_animation_event_skewy,\n          bgColorData = _eaelEditModeSettings13.eael_smooth_animation_event_bg_color,\n          easeData = _eaelEditModeSettings13.eael_smooth_animation_event_animation_easing,\n          yoyoData = _eaelEditModeSettings13.eael_smooth_animation_event_animation_yoyo,\n          staggerData = _eaelEditModeSettings13.eael_smooth_animation_event_animation_stagger,\n          durationData = _eaelEditModeSettings13.eael_smooth_animation_event_duration,\n          delayData = _eaelEditModeSettings13.eael_smooth_animation_event_delay,\n          repeatData = _eaelEditModeSettings13.eael_smooth_animation_event_loop,\n          markersData = _eaelEditModeSettings13.eael_smooth_animation_event_markers,\n          elementStartData = _eaelEditModeSettings13.eael_smooth_animation_event_canvas_element_start,\n          controllerStartData = _eaelEditModeSettings13.eael_smooth_animation_event_canvas_controller_start,\n          customElementStartData = _eaelEditModeSettings13.eael_smooth_animation_event_canvas_element_start_custom,\n          customControllerStartData = _eaelEditModeSettings13.eael_smooth_animation_event_canvas_controller_start_custom,\n          elementEndData = _eaelEditModeSettings13.eael_smooth_animation_event_canvas_element_end,\n          controllerEndData = _eaelEditModeSettings13.eael_smooth_animation_event_canvas_controller_end,\n          customElementEndData = _eaelEditModeSettings13.eael_smooth_animation_event_canvas_element_end_custom,\n          customControllerEndData = _eaelEditModeSettings13.eael_smooth_animation_event_canvas_controller_end_custom,\n          scrubData = _eaelEditModeSettings13.eael_smooth_animation_event_scrub_settings,\n          scrubDataDefault = _eaelEditModeSettings13.eael_smooth_animation_event_scrub_setting_default,\n          scrubDataCustom = _eaelEditModeSettings13.eael_smooth_animation_event_canvas_scrub_custom,\n          toggleActionsOnEnterData = _eaelEditModeSettings13.eael_smooth_animation_toggle_actions_on_enter,\n          toggleActionsOnLeaveData = _eaelEditModeSettings13.eael_smooth_animation_toggle_actions_on_leave,\n          toggleAactionsOnEnterBackData = _eaelEditModeSettings13.eael_smooth_animation_toggle_actions_on_enter_back,\n          toggleActionsOnLeaveBackData = _eaelEditModeSettings13.eael_smooth_animation_toggle_actions_on_leave_back,\n          pinData = _eaelEditModeSettings13.eael_smooth_animation_event_pin_setting_default;\n        $eventFunction = eventFunction ? {\n          tween: eventFunction\n        } : \"to\";\n        if (\"yes\" === smoothAnimationTransformSettings) {\n          $translateX = translateXData !== null && translateXData !== void 0 && translateXData[\"size\"] ? {\n            size: translateXData[\"size\"],\n            unit: translateXData[\"unit\"]\n          } : null;\n          $translateY = translateYData !== null && translateYData !== void 0 && translateYData[\"size\"] ? {\n            size: translateYData[\"size\"],\n            unit: translateYData[\"unit\"]\n          } : null;\n          $opacityData = opacityData !== null && opacityData !== void 0 && opacityData[\"size\"] ? {\n            opacity: opacityData[\"size\"]\n          } : null;\n          $rotationData = rotationData !== null && rotationData !== void 0 && rotationData[\"size\"] ? {\n            rotation: rotationData[\"size\"]\n          } : null;\n        }\n\n        //Transform Origin\n        if (\"yes\" === smoothAnimationTransformOrigin) {\n          //Transform Origin X\n          if (\"custom\" !== transformOriginXData) {\n            $transformOriginXData = transformOriginXData ? {\n              transformoriginx: transformOriginXData\n            } : \"\";\n          } else {\n            $customTransformOriginXData = customTransformOriginXData !== null && customTransformOriginXData !== void 0 && customTransformOriginXData[\"size\"] ? {\n              size: customTransformOriginXData[\"size\"],\n              unit: customTransformOriginXData[\"unit\"]\n            } : null;\n          }\n\n          //Transform Origin Y\n          if (\"custom\" !== transformOriginYData) {\n            $transformOriginYData = transformOriginYData ? {\n              transformoriginy: transformOriginYData\n            } : \"\";\n          } else {\n            $customTransFormOriginYData = customTransFormOriginYData !== null && customTransFormOriginYData !== void 0 && customTransFormOriginYData[\"size\"] ? {\n              size: customTransFormOriginYData[\"size\"],\n              unit: customTransFormOriginYData[\"unit\"]\n            } : null;\n          }\n        }\n        if (\"yes\" === smoothAnimationTextScrollSettings) {\n          var _eaelEditModeSettings14, _eaelEditModeSettings15, _eaelEditModeSettings16, _eaelEditModeSettings17;\n          // Get text scroll animation settings from editor\n          $textscrolltrigger = {\n            edit_text_scroll: (eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings14 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings14 === void 0 ? void 0 : _eaelEditModeSettings14[\"eael_smooth_animation_scroll_text_enable\"]) || \"off\",\n            start_color: (eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings15 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings15 === void 0 ? void 0 : _eaelEditModeSettings15[\"eael_smooth_animation_event_start_text_color\"]) || \"#4E4E4E\",\n            target_color: (eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings16 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings16 === void 0 ? void 0 : _eaelEditModeSettings16[\"eael_smooth_animation_event_target_text_color\"]) || \"#62B5F3\",\n            duration: (eaelEditModeSettings === null || eaelEditModeSettings === void 0 || (_eaelEditModeSettings17 = eaelEditModeSettings[key]) === null || _eaelEditModeSettings17 === void 0 || (_eaelEditModeSettings17 = _eaelEditModeSettings17[\"eael_smooth_animation_scroll_text_duration\"]) === null || _eaelEditModeSettings17 === void 0 ? void 0 : _eaelEditModeSettings17[\"size\"]) || 15\n          };\n        }\n\n        //Color\n        if (\"yes\" === smoothAnimationColorSettings) {\n          $bgColorData = bgColorData ? {\n            bg_color: bgColorData\n          } : null;\n        }\n\n        //Scale\n        if (\"yes\" === smoothAnimationScaleSettings) {\n          if (\"yes\" === scaleXYData) {\n            $scaleXData = scaleXData !== null && scaleXData !== void 0 && scaleXData[\"size\"] ? {\n              scalex: scaleXData[\"size\"]\n            } : null;\n            $scaleYData = scaleYData !== null && scaleYData !== void 0 && scaleYData[\"size\"] ? {\n              scaley: scaleYData[\"size\"]\n            } : null;\n          } else {\n            $scaleData = scaleData !== null && scaleData !== void 0 && scaleData[\"size\"] ? {\n              scale: scaleData[\"size\"]\n            } : null;\n          }\n        }\n\n        //Skew\n        if (\"yes\" === smoothAnimationSkewSettings) {\n          $skewXData = skewXData !== null && skewXData !== void 0 && skewXData[\"size\"] ? {\n            skewx: skewXData[\"size\"]\n          } : null;\n          $skewYData = skewYData !== null && skewYData !== void 0 && skewYData[\"size\"] ? {\n            skewy: skewYData[\"size\"]\n          } : null;\n        }\n\n        //Animation Settings\n        if (\"yes\" === smoothAnimationAnimationSettings) {\n          $easeData = easeData ? {\n            ease: easeData\n          } : null;\n          $yoyoData = yoyoData ? {\n            yoyo: yoyoData\n          } : false;\n          $staggerData = staggerData ? {\n            stagger: staggerData\n          } : \"\";\n        }\n\n        //Manual Settings\n        if (\"yes\" === smoothAnimationManualSettings) {\n          $durationData = durationData ? {\n            duration: durationData[\"size\"]\n          } : \"\";\n          $delayData = delayData ? {\n            delay: delayData[\"size\"]\n          } : \"\";\n          $repeatData = repeatData ? {\n            repeat: repeatData\n          } : \"\";\n        }\n\n        //ScrollTrigger Options\n        //Start\n        if (\"yes\" === smoothAnimationStartSettings) {\n          if (\"custom\" !== elementStartData) {\n            $elementStartData = elementStartData ? {\n              element_start: elementStartData\n            } : \"\";\n          } else {\n            $customElementStartData = customElementStartData !== null && customElementStartData !== void 0 && customElementStartData[\"size\"] ? {\n              size: customElementStartData[\"size\"],\n              unit: customElementStartData[\"unit\"]\n            } : null;\n          }\n          if (\"custom\" !== controllerStartData) {\n            $controllerStartData = controllerStartData ? {\n              controller_start: controllerStartData\n            } : \"\";\n          } else {\n            $customControllerStartData = customControllerStartData !== null && customControllerStartData !== void 0 && customControllerStartData[\"size\"] ? {\n              size: customControllerStartData[\"size\"],\n              unit: customControllerStartData[\"unit\"]\n            } : null;\n          }\n        }\n\n        //End\n        if (\"yes\" === smoothAnimationEndSettings) {\n          if (\"custom\" !== elementEndData) {\n            $elementEndData = elementEndData ? {\n              element_end: elementEndData\n            } : \"\";\n          } else {\n            $customElementEndData = customElementEndData !== null && customElementEndData !== void 0 && customElementEndData[\"size\"] ? {\n              size: customElementEndData[\"size\"],\n              unit: customElementEndData[\"unit\"]\n            } : null;\n          }\n          if (\"custom\" !== controllerEndData) {\n            $controllerEndData = controllerEndData ? {\n              controller_end: controllerEndData\n            } : \"\";\n          } else {\n            $customControllerEndData = customControllerEndData !== null && customControllerEndData !== void 0 && customControllerEndData[\"size\"] ? {\n              size: customControllerEndData[\"size\"],\n              unit: customControllerEndData[\"unit\"]\n            } : null;\n          }\n        }\n\n        //Markers Settings\n        if (\"true\" === smoothAnimationMarkersSettings) {\n          $markersData = markersData ? {\n            markers: markersData\n          } : \"\";\n        }\n\n        //Scrub Settings\n        if (\"yes\" === smoothAnimationScarbSettings) {\n          if (\"custom\" !== scrubData) {\n            $scrubData = scrubDataDefault ? {\n              scrub: scrubDataDefault\n            } : \"\";\n          } else {\n            $scrubData = scrubDataCustom ? {\n              scrub: scrubDataCustom[\"size\"]\n            } : \"\";\n          }\n        }\n\n        //ToggleActions\n        if (\"yes\" === smoothAnimationToggleActionsSettings) {\n          $toggleActionsOnEnterData = toggleActionsOnEnterData ? {\n            toggle_actions_on_enter: toggleActionsOnEnterData\n          } : \"\";\n          $toggleActionsOnLeaveData = toggleActionsOnLeaveData ? {\n            toggle_actions_on_leave: toggleActionsOnLeaveData\n          } : \"\";\n          $toggleAactionsOnEnterBackData = toggleAactionsOnEnterBackData ? {\n            toggle_actions_on_enter_back: toggleAactionsOnEnterBackData\n          } : \"\";\n          $toggleActionsOnLeaveBackData = toggleActionsOnLeaveBackData ? {\n            toggle_actions_on_leave_back: toggleActionsOnLeaveBackData\n          } : \"\";\n        }\n\n        //Pin Settings\n        if (\"yes\" === smoothAnimationPinSettings) {\n          $pinData = pinData ? {\n            pin: pinData\n          } : \"\";\n        }\n      }\n    }\n  }\n\n  // let $eventTarget = `.elementor-element-${$scopeId}`;\n  var $eventTarget = $scope[0];\n  var $coreTrigger = $coreTriggerData ? \"[data-coretrigger=\\\"\".concat($coreTriggerData, \"\\\"]\") : $eventTarget;\n  var tweenInstance = (_$eventFunction = $eventFunction) !== null && _$eventFunction !== void 0 && _$eventFunction.tween ? (_$eventFunction2 = $eventFunction) === null || _$eventFunction2 === void 0 ? void 0 : _$eventFunction2.tween : \"to\";\n  var $x = (_$translateX = $translateX) !== null && _$translateX !== void 0 && _$translateX.size ? \"\".concat((_$translateX2 = $translateX) === null || _$translateX2 === void 0 ? void 0 : _$translateX2.size).concat((_$translateX3 = $translateX) === null || _$translateX3 === void 0 ? void 0 : _$translateX3.unit) : \"\";\n  var $y = (_$translateY = $translateY) !== null && _$translateY !== void 0 && _$translateY.size ? \"\".concat((_$translateY2 = $translateY) === null || _$translateY2 === void 0 ? void 0 : _$translateY2.size).concat((_$translateY3 = $translateY) === null || _$translateY3 === void 0 ? void 0 : _$translateY3.unit) : \"\";\n  var $opacity = $opacityData ? (_$opacityData = $opacityData) === null || _$opacityData === void 0 ? void 0 : _$opacityData.opacity : \"\";\n  var $rotation = $rotationData ? (_$rotationData = $rotationData) === null || _$rotationData === void 0 ? void 0 : _$rotationData.rotation : \"\";\n  var $scale = $scaleData ? (_$scaleData = $scaleData) === null || _$scaleData === void 0 ? void 0 : _$scaleData.scale : \"\";\n  var $scaleX = $scaleXData ? (_$scaleXData = $scaleXData) === null || _$scaleXData === void 0 ? void 0 : _$scaleXData.scalex : \"\";\n  var $scaleY = $scaleYData ? (_$scaleYData = $scaleYData) === null || _$scaleYData === void 0 ? void 0 : _$scaleYData.scaley : \"\";\n  // let $skew = $skewData ? $skewData?.skew : '';\n  var $skewX = $skewXData ? (_$skewXData = $skewXData) === null || _$skewXData === void 0 ? void 0 : _$skewXData.skewx : \"\";\n  var $skewY = $skewYData ? (_$skewYData = $skewYData) === null || _$skewYData === void 0 ? void 0 : _$skewYData.skewy : \"\";\n  var $duration = $durationData ? (_$durationData = $durationData) === null || _$durationData === void 0 ? void 0 : _$durationData.duration : \"\";\n  var $delay = $delayData ? (_$delayData = $delayData) === null || _$delayData === void 0 ? void 0 : _$delayData.delay : \"\";\n  var $repeat = $repeatData ? (_$repeatData = $repeatData) === null || _$repeatData === void 0 ? void 0 : _$repeatData.repeat : \"\";\n  var $ease = $easeData ? (_$easeData = $easeData) === null || _$easeData === void 0 ? void 0 : _$easeData.ease : \"\";\n  var $yoyo = $yoyoData ? (_$yoyoData = $yoyoData) === null || _$yoyoData === void 0 ? void 0 : _$yoyoData.yoyo : false;\n  var $stagger = $staggerData ? (_$staggerData = $staggerData) === null || _$staggerData === void 0 ? void 0 : _$staggerData.stagger : \"\";\n  //transformOrigin\n  var $transformOriginX = ((_$transformOriginXDat = $transformOriginXData) === null || _$transformOriginXDat === void 0 ? void 0 : _$transformOriginXDat.transformoriginx) || \"\";\n  var $transformOriginY = ((_$transformOriginYDat = $transformOriginYData) === null || _$transformOriginYDat === void 0 ? void 0 : _$transformOriginYDat.transformoriginy) || \"\";\n  var $customTransformOriginX = $customTransformOriginXData ? \"\".concat($customTransformOriginXData.size).concat($customTransformOriginXData.unit) : \"\";\n  var $customTransformOriginY = $customTransFormOriginYData ? \"\".concat($customTransFormOriginYData.size).concat($customTransFormOriginYData.unit) : \"\";\n  var $transformOrigin = [$transformOriginX, $transformOriginY, $customTransformOriginX, $customTransformOriginY].filter(Boolean).join(\" \").trim();\n  var $bgColor = $bgColorData ? (_$bgColorData = $bgColorData) === null || _$bgColorData === void 0 ? void 0 : _$bgColorData.bg_color : \"\";\n\n  // Initialize an empty object to store properties\n  var properties = {};\n  if ($x !== undefined && $x !== null && $x !== \"\") {\n    properties.x = $x;\n  }\n  if ($y !== undefined && $y !== null && $y !== \"\") {\n    properties.y = $y;\n  }\n  if ($opacity !== undefined && $opacity !== null && $opacity !== \"\") {\n    properties.opacity = $opacity;\n  }\n  if ($rotation !== undefined && $rotation !== null && $rotation !== \"\") {\n    properties.rotation = $rotation;\n  }\n  if ($duration !== undefined && $duration !== null && $duration !== \"\") {\n    properties.duration = $duration;\n  }\n  if ($delay !== undefined && $delay !== null && $delay !== \"\") {\n    properties.delay = $delay;\n  }\n  if ($repeat !== undefined && $repeat !== null && $repeat !== \"\") {\n    properties.repeat = $repeat;\n  }\n  if ($scale !== undefined && $scale !== null && $scale !== \"\") {\n    properties.scale = $scale;\n  }\n  if ($scaleX !== undefined && $scaleX !== null && $scaleX !== \"\") {\n    properties.scaleX = $scaleX;\n  }\n  if ($scaleY !== undefined && $scaleY !== null && $scaleY !== \"\") {\n    properties.scaleY = $scaleY;\n  }\n\n  // if ($skew !== undefined && $skew !== null && $skew !== '') {\n  //     properties.skew = $skew;\n  // }\n  if ($skewX !== undefined && $skewX !== null && $skewX !== \"\") {\n    properties.skewX = $skewX;\n  }\n  if ($skewY !== undefined && $skewY !== null && $skewY !== \"\") {\n    properties.skewY = $skewY;\n  }\n  if ($ease !== undefined && $ease !== null && $ease !== \"\") {\n    properties.ease = $ease;\n  }\n  if ($yoyo !== undefined && $yoyo !== null && $yoyo !== \"\") {\n    properties.yoyo = $yoyo;\n  }\n  if ($stagger !== undefined && $stagger !== null && $stagger !== \"\") {\n    properties.stagger = $stagger;\n  }\n  if ($bgColor !== undefined && $bgColor !== null && $bgColor !== \"\") {\n    properties.backgroundColor = $bgColor;\n  }\n  if ($transformOrigin !== undefined && $transformOrigin !== null && $transformOrigin !== \"\") {\n    properties.transformOrigin = $transformOrigin;\n  }\n\n  // let element = document.querySelector('.eael_smooth_animation');\n  // let $scrolltrigger = element.id;\n  var $scrolltrigger = \"\";\n\n  //Start\n  var $elementStart = ((_$elementStartData = $elementStartData) === null || _$elementStartData === void 0 ? void 0 : _$elementStartData.element_start) || \"\";\n  var $controllerStart = ((_$controllerStartData = $controllerStartData) === null || _$controllerStartData === void 0 ? void 0 : _$controllerStartData.controller_start) || \"\";\n  var $start = [$elementStart, $controllerStart, \"\".concat(((_$customElementStartD = $customElementStartData) === null || _$customElementStartD === void 0 ? void 0 : _$customElementStartD.size) || \"\").concat(((_$customElementStartD2 = $customElementStartData) === null || _$customElementStartD2 === void 0 ? void 0 : _$customElementStartD2.unit) || \"\"), \"\".concat(((_$customControllerSta = $customControllerStartData) === null || _$customControllerSta === void 0 ? void 0 : _$customControllerSta.size) || \"\").concat(((_$customControllerSta2 = $customControllerStartData) === null || _$customControllerSta2 === void 0 ? void 0 : _$customControllerSta2.unit) || \"\")].filter(Boolean).join(\" \").trim();\n\n  //End\n  var $elementEnd = ((_$elementEndData = $elementEndData) === null || _$elementEndData === void 0 ? void 0 : _$elementEndData.element_end) || \"\";\n  var $controllerEnd = ((_$controllerEndData = $controllerEndData) === null || _$controllerEndData === void 0 ? void 0 : _$controllerEndData.controller_end) || \"\";\n  var $end = [$elementEnd, $controllerEnd, \"\".concat(((_$customElementEndDat = $customElementEndData) === null || _$customElementEndDat === void 0 ? void 0 : _$customElementEndDat.size) || \"\").concat(((_$customElementEndDat2 = $customElementEndData) === null || _$customElementEndDat2 === void 0 ? void 0 : _$customElementEndDat2.unit) || \"\"), \"\".concat(((_$customControllerEnd = $customControllerEndData) === null || _$customControllerEnd === void 0 ? void 0 : _$customControllerEnd.size) || \"\").concat(((_$customControllerEnd2 = $customControllerEndData) === null || _$customControllerEnd2 === void 0 ? void 0 : _$customControllerEnd2.unit) || \"\")].filter(Boolean).join(\" \").trim();\n  var $toggleActionsOnEnter = $toggleActionsOnEnterData ? (_$toggleActionsOnEnte = $toggleActionsOnEnterData) === null || _$toggleActionsOnEnte === void 0 ? void 0 : _$toggleActionsOnEnte.toggle_actions_on_enter : \"\";\n  var $toggleActionsOnLeave = $toggleActionsOnLeaveData ? (_$toggleActionsOnLeav = $toggleActionsOnLeaveData) === null || _$toggleActionsOnLeav === void 0 ? void 0 : _$toggleActionsOnLeav.toggle_actions_on_leave : \"\";\n  var $toggleAactionsOnEnterBack = $toggleAactionsOnEnterBackData ? (_$toggleAactionsOnEnt = $toggleAactionsOnEnterBackData) === null || _$toggleAactionsOnEnt === void 0 ? void 0 : _$toggleAactionsOnEnt.toggle_actions_on_enter_back : \"\";\n  var $toggleActionsOnLeaveBack = $toggleActionsOnLeaveBackData ? (_$toggleActionsOnLeav2 = $toggleActionsOnLeaveBackData) === null || _$toggleActionsOnLeav2 === void 0 ? void 0 : _$toggleActionsOnLeav2.toggle_actions_on_leave_back : \"\";\n  var $toggleActions = $toggleActionsOnEnter || $toggleActionsOnLeave || $toggleAactionsOnEnterBack || $toggleActionsOnLeaveBack ? \"\".concat($toggleActionsOnEnter, \" \").concat($toggleActionsOnLeave, \" \").concat($toggleAactionsOnEnterBack, \" \").concat($toggleActionsOnLeaveBack) : \"\";\n  var $markers = $markersData ? (_$markersData = $markersData) === null || _$markersData === void 0 ? void 0 : _$markersData.markers : \"\";\n  var $scrub = (_$scrubData = $scrubData) !== null && _$scrubData !== void 0 && _$scrubData.scrub ? (_$scrubData2 = $scrubData) === null || _$scrubData2 === void 0 ? void 0 : _$scrubData2.scrub : \"\";\n  var $pin = $pinData ? (_$pinData = $pinData) === null || _$pinData === void 0 ? void 0 : _$pinData.pin : \"\";\n  var scrolltriggerVal = {};\n  scrolltriggerVal.trigger = $scrolltrigger ? \"#\".concat($scrolltrigger) : $eventTarget;\n  if ($start !== undefined && $start !== null && $start !== \"\") {\n    scrolltriggerVal.start = $start;\n  }\n  if ($end !== undefined && $end !== null && $end !== \"\") {\n    scrolltriggerVal.end = $end;\n  }\n  if ($scrub !== undefined && $scrub !== null && $scrub !== \"\") {\n    scrolltriggerVal.scrub = $scrub;\n  }\n  if ($markers !== undefined && $markers !== null && $markers !== \"\") {\n    scrolltriggerVal.markers = $markers;\n  }\n  if ($toggleActions !== undefined && $toggleActions !== null && $toggleActions !== \"\") {\n    scrolltriggerVal.toggleActions = $toggleActions ? $toggleActions : \"play\";\n  }\n  if ($pin !== undefined && $pin !== null && $pin !== \"\") {\n    scrolltriggerVal.pin = Boolean($pin);\n  }\n\n  //\n  properties.scrollTrigger = scrolltriggerVal;\n\n  //Text Scroll Animation\n  var $text_scroll = $scope.data(\"text_scroll\");\n\n  // Check if text scroll is enabled\n  // In editor mode, check if text_scroll setting is 'yes'\n  var isTextScrollEnabled = $text_scroll === \"on\" || window.isEditMode && ((_$textscrolltrigger = $textscrolltrigger) === null || _$textscrolltrigger === void 0 ? void 0 : _$textscrolltrigger.edit_text_scroll) === \"yes\";\n\n  // gsap code here!\n  if ($scrollon === \"on\" || isTextScrollEnabled) {\n    gsap.registerPlugin(ScrollTrigger, SplitText);\n  }\n  if (isTextScrollEnabled) {\n    var _$textscrolltrigger2;\n    // Use editor settings if available, otherwise use data attributes\n    var $text_scroll_trigger = (_$textscrolltrigger2 = $textscrolltrigger) !== null && _$textscrolltrigger2 !== void 0 && _$textscrolltrigger2.start_color ? $textscrolltrigger : $scope.data(\"textscrolltrigger\");\n    var textScrollTarget = $coreTrigger;\n\n    // Try to find the target element\n    var targetElement = null;\n    try {\n      if (typeof textScrollTarget === \"string\") {\n        var $targetEl = $(textScrollTarget);\n        if ($targetEl.length > 0) {\n          targetElement = $targetEl[0];\n        }\n      } else {\n        targetElement = textScrollTarget;\n      }\n      if (targetElement) {\n        var textSelectors = [];\n        if (window.isEditMode) {\n          textSelectors = [\".elementor-heading-title\", \".elementor-text-editor\", \".eael-dual-header\", \"p\", \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"span\"];\n        } else {\n          textSelectors = [\".elementor-element[data-id]\"];\n        }\n\n        // Try to find a text element within the target\n        for (var _i = 0, _textSelectors = textSelectors; _i < _textSelectors.length; _i++) {\n          var selector = _textSelectors[_i];\n          var $textEl = $(targetElement).find(selector).first();\n          if ($textEl.length > 0 && $textEl[0].textContent.trim() !== \"\") {\n            targetElement = $textEl[0];\n            break;\n          }\n        }\n      }\n\n      // If target found and has text content\n      if (targetElement && targetElement.textContent && targetElement.textContent.trim() !== \"\") {\n        var splitText = SplitText.create(targetElement, {\n          type: \"chars\"\n        });\n        gsap.fromTo(splitText.chars, {\n          color: $text_scroll_trigger.start_color\n        }, {\n          color: $text_scroll_trigger.target_color,\n          stagger: 0.1,\n          duration: $text_scroll_trigger.duration,\n          scrollTrigger: {\n            trigger: targetElement,\n            start: $start,\n            end: $end,\n            scrub: true,\n            markers: $markers\n          }\n        });\n      } else {\n        console.warn(textScrollTarget);\n      }\n    } catch (error) {\n      console.error(error);\n    }\n  } else {\n    gsap[tweenInstance]($coreTrigger, properties);\n  }\n};\njQuery(window).on(\"elementor/frontend/init\", function () {\n  if (eael.elementStatusCheck(\"eaelSmoothAnimation\")) {\n    return false;\n  }\n  elementorFrontend.hooks.addAction(\"frontend/element_ready/widget\", SmoothAnimationHandler);\n  elementorFrontend.hooks.addAction(\"frontend/element_ready/container\", SmoothAnimationHandler);\n  // elementorFrontend.hooks.addAction( \"frontend/element_ready/section\", SmoothAnimationHandler );\n  // elementorFrontend.hooks.addAction( \"frontend/element_ready/column\", SmoothAnimationHandler );\n\n  if (document.readyState === \"complete\") {\n    ScrollTrigger.refresh();\n  } else {\n    window.addEventListener(\"load\", function () {\n      ScrollTrigger.refresh();\n    });\n  }\n});\n\n//# sourceURL=webpack:///./src/js/view/smooth-animation.js?");

/***/ })

/******/ });