Responsive Menu - Version 4.1.4

Version Description

(17th Sep 2021) = Bug: Fixed transparent background issue. Feature: Added option to search settings in customizer. Feature: Added shortcuts to related settings in different sections of customizer. Feature: Added custom selector for hamburger icon position. Enhancement: Moved "Padding" setting from (Mobile Menu > Container > Menu) to (Menu Styling > Menu Settings) Enhancement: Moved "Enable Smooth Scrolling" setting from (Menu Styling > Menu Settings) to (Setting > Advance Setting > Technical)

Download this release

Release Info

Developer	expresstech
Plugin	Responsive Menu
Version	4.1.4
Comparing to
See all releases

Code changes from version 4.1.3 to 4.1.4

Files changed (20) hide show

readme.txt +13 -4
responsive-menu.php +6 -6
v4.0.0/assets/admin/build/css/rmpMain.css +1 -1
v4.0.0/assets/admin/build/js/rmpMain.js +1 -1
v4.0.0/assets/admin/build/js/rmpMain.js.LICENSE.txt +35 -0
v4.0.0/assets/admin/js/rmp-admin.js +50 -20
v4.0.0/assets/admin/js/rmp-editor.js +153 -5
v4.0.0/assets/admin/scss/admin.css +74 -24
v4.0.0/assets/admin/scss/dark-mode.scss +17 -13
v4.0.0/assets/js/rmp-menu.js +21 -15
v4.0.0/assets/scss/main.scss +48 -39
v4.0.0/inc/classes/class-control-manager.php +133 -90
v4.0.0/inc/classes/class-editor.php +25 -25
v4.0.0/inc/classes/class-rmp-menu.php +16 -10
v4.0.0/inc/classes/class-ui-manager.php +7 -7
v4.0.0/inc/helpers/default-options.php +41 -41
v4.0.0/package.json +5 -4
v4.0.0/templates/menu-elements/menu.php +6 -9
v4.0.0/templates/menu-elements/title.php +7 -7
v4.0.0/templates/rmp-editor.php +219 -218

readme.txt CHANGED Viewed

	@@ -3,7 +3,7 @@ Contributors: expresstech, responsivemenu, imvarunkmr, surajkumarsingh, infosate
3	Tags: responsive, mega menu, navigation, mobile, hamburger
4	Requires at least: 3.6
5	Tested up to: 5.7
6	- Stable tag: 4.1.3
7	Requires PHP: 5.6
8	License: GPLv2 or later
9	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	@@ -102,6 +102,15 @@ To view our FAQ, please go to [https://responsive.menu/faq/](https://responsive.
102	7. Main menu
103
104	== Changelog ==









105	= 4.1.3 (25th June 2021) =
106	Bug: Fixed Adjust Page option issue
107	Bug: Fixed the issue of conflict with WooCommerce plugin
	@@ -133,7 +142,7 @@ Enhancement: Redirected user directly to customizer after creating a new menu
133	Enhancement: Prevent deleting a theme if being used by active menu
134	Enhancement: Added color alpha feature and push animation
135	Enhancement: Added custom admin notice to upgrade
136	- Enhancement: Added admin notice with doc link if no menu created.
137	Enhancement: Improved the default theme with new UI
138	Enhancement: Improved the wizards UI
139	Enhancement: Added hide menu input in new menu wizard
	@@ -188,8 +197,8 @@ Bug: Fixed PHP warning and errors
188	= 3.1.27 (19th Mar 2020) =
189	* Fix: PHP v7.4 Compatibility
190
191	- = 3.1.26 (19th Feb 2020) =
192	- * Fix: WordPress 5.3 Compatibility
193	* Fix: PHP v7.4 Compatibility
194
195	= 3.1.25 (14th Dec 2019) =


3	Tags: responsive, mega menu, navigation, mobile, hamburger
4	Requires at least: 3.6
5	Tested up to: 5.7
6	+ Stable tag: 4.1.4
7	Requires PHP: 5.6
8	License: GPLv2 or later
9	License URI: http://www.gnu.org/licenses/gpl-2.0.html

102	7. Main menu
103
104	== Changelog ==
105	+
106	+ = 4.1.4 (17th Sep 2021) =
107	+ Bug: Fixed transparent background issue.
108	+ Feature: Added option to search settings in customizer.
109	+ Feature: Added shortcuts to related settings in different sections of customizer.
110	+ Feature: Added custom selector for hamburger icon position.
111	+ Enhancement: Moved "Padding" setting from (Mobile Menu > Container > Menu) to (Menu Styling > Menu Settings)
112	+ Enhancement: Moved "Enable Smooth Scrolling" setting from (Menu Styling > Menu Settings) to (Setting > Advance Setting > Technical)
113	+
114	= 4.1.3 (25th June 2021) =
115	Bug: Fixed Adjust Page option issue
116	Bug: Fixed the issue of conflict with WooCommerce plugin

142	Enhancement: Prevent deleting a theme if being used by active menu
143	Enhancement: Added color alpha feature and push animation
144	Enhancement: Added custom admin notice to upgrade
145	+ Enhancement: Added admin notice with doc link if no menu created.
146	Enhancement: Improved the default theme with new UI
147	Enhancement: Improved the wizards UI
148	Enhancement: Added hide menu input in new menu wizard

197	= 3.1.27 (19th Mar 2020) =
198	* Fix: PHP v7.4 Compatibility
199
200	+ = 3.1.26 (19th Feb 2020) =
201	+ * Fix: WordPress 5.3 Compatibility
202	* Fix: PHP v7.4 Compatibility
203
204	= 3.1.25 (14th Dec 2019) =

responsive-menu.php CHANGED Viewed

	@@ -4,7 +4,7 @@
4	Plugin Name: Responsive Menu
5	Plugin URI: https://expresstech.io
6	Description: Highly Customisable Responsive Menu Plugin for WordPress
7	- Version: 4.1.3
8	Author: ExpressTech
9	Text Domain: responsive-menu
10	Author URI: https://responsive.menu
	@@ -16,7 +16,7 @@ Tags: responsive, menu, responsive menu, mega menu, max mega menu, max menu
16	* Constant as plugin version.
17	*/
18	if ( ! defined( 'RMP_PLUGIN_VERSION' ) ) {
19	- define( 'RMP_PLUGIN_VERSION', '4.1.3' );
20	}
21
22	define('RESPONSIVE_MENU_URL', plugin_dir_url( __FILE__ ) );
	@@ -90,11 +90,11 @@ function og_pro_deactivate_pro_version_notice() {
90	function og_deactivate_responsive_menu_pro() {
91
92	$plugin = 'responsive-menu-pro/responsive-menu-pro.php';
93	-
94	if( is_plugin_active($plugin) ){
95	deactivate_plugins( 'responsive-menu-pro/responsive-menu-pro.php');
96	set_transient( 'og-admin-notice-activation-pro', true, 5 );
97	-
98	return;
99	}
100	}
	@@ -196,7 +196,7 @@ include dirname(__FILE__) . '/config/polylang.php';
196
197	/**
198	* Activation of plugin.
199	- *
200	* @return void
201	*/
202	function responsive_menu_plugin_activation() {
	@@ -214,7 +214,7 @@ include dirname(__FILE__) . '/config/polylang.php';
214
215	/**
216	* Deactivation of plugin.
217	- *
218	* @return void
219	*/
220	function responsive_menu_plugin_deactivation() {


4	Plugin Name: Responsive Menu
5	Plugin URI: https://expresstech.io
6	Description: Highly Customisable Responsive Menu Plugin for WordPress
7	+ Version: 4.1.4
8	Author: ExpressTech
9	Text Domain: responsive-menu
10	Author URI: https://responsive.menu

16	* Constant as plugin version.
17	*/
18	if ( ! defined( 'RMP_PLUGIN_VERSION' ) ) {
19	+ define( 'RMP_PLUGIN_VERSION', '4.1.4' );
20	}
21
22	define('RESPONSIVE_MENU_URL', plugin_dir_url( __FILE__ ) );

90	function og_deactivate_responsive_menu_pro() {
91
92	$plugin = 'responsive-menu-pro/responsive-menu-pro.php';
93	+
94	if( is_plugin_active($plugin) ){
95	deactivate_plugins( 'responsive-menu-pro/responsive-menu-pro.php');
96	set_transient( 'og-admin-notice-activation-pro', true, 5 );
97	+
98	return;
99	}
100	}

196
197	/**
198	* Activation of plugin.
199	+ *
200	* @return void
201	*/
202	function responsive_menu_plugin_activation() {

214
215	/**
216	* Deactivation of plugin.
217	+ *
218	* @return void
219	*/
220	function responsive_menu_plugin_deactivation() {

v4.0.0/assets/admin/build/css/rmpMain.css CHANGED Viewed

@@ -1 +1 @@

- .rmp-dialog-overlay{font-family:Product Sans}.rmp-dialog-overlay .rmp-menu-section{display:none}.rmp-dialog-overlay .rmp-menu-section.current{display:block}.rmp-dialog-overlay .rmp-dialog-backdrop{position:fixed;left:-1.25rem;right:0;top:0;bottom:0;background:rgba(13,19,61,.5098039215686274);z-index:999999}.rmp-dialog-overlay .rmp-dialog-wrap{clear:both;position:absolute;top:10%;left:0;right:0;bottom:3%;background:#fff;box-shadow:0 1px 1.25rem .3125rem rgba(0,0,0,.1);z-index:999999;box-sizing:border-box;-webkit-overflow-scrolling:touch;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.rmp-dialog-overlay .rmp-dialog-wrap .rmp-dialog-contents{max-height:36.25rem;overflow-y:overlay}.rmp-dialog-overlay .rmp-dialog-header{height:4rem;border-bottom:1px solid #eee;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 .125rem 0 rgba(0,0,0,.1607843137254902)}.rmp-dialog-overlay .rmp-dialog-header .title{font-size:1rem;height:4rem;display:flex;align-items:center;padding-left:1.25rem;text-transform:capitalize;font-family:Product Sans Medium;color:#7e7e7e}.rmp-dialog-overlay .rmp-dialog-header .close{cursor:pointer;font-size:1.875rem;width:4rem;color:#ccd0d4;height:4rem;border:0;background-color:transparent;border-left:1px solid #ccd0d4}.rmp-dialog-overlay .rmp-dialog-footer{position:relative;text-align:right;bottom:0;left:0;right:0;padding:.625rem 1.25rem;box-sizing:border-box;height:4rem;box-shadow:0 -1px .125rem 0 rgba(0,0,0,.1607843137254902)}.rmp-dialog-overlay .rmp-theme-title .item-controls{top:unset}.rmp-dialog-overlay a{text-decoration:none}.rmp-dialog-overlay a:focus{border:0;outline:unset;box-shadow:unset}#rmp-new-menu-wizard .rmp-page-loader{background-color:hsla(0,0%,100%,.5019607843137255);height:auto;top:4rem;bottom:0}#rmp-new-menu-wizard .rmp-page-loader .rmp-loader-message{font-style:normal;font-size:.875rem;text-align:center;font-weight:600}#rmp-new-menu-wizard .rmp-theme-apply,#rmp-new-menu-wizard .rmp-theme-use{padding:.25rem .75rem;border:1px solid #c8c8c8;border-radius:.3125rem;color:#9d9d9d;letter-spacing:.14px}#rmp-new-menu-wizard .input-group{margin-bottom:.5rem;display:flex;align-items:center;padding:1.4rem 2rem;box-shadow:0 0 .25rem 0 rgba(0,0,0,.1);border:1px solid #dedcdc;background-color:#f6f6f6}#rmp-new-menu-wizard .input-group .input-label{width:35%}#rmp-new-menu-wizard .input-group .input-control{width:65%}#rmp-new-menu-wizard .input-label-title{font-family:PRODUCT SANS MEDIUM;font-size:1rem;font-weight:400;letter-spacing:.16px;color:#303030;margin-bottom:.375rem}#rmp-new-menu-wizard .input-label-description{font-family:PRODUCT SANS;font-size:.875rem;line-height:1.14;letter-spacing:.14px;color:#7b7b7b;margin-right:25%}#rmp-new-menu-wizard .input-label-description a{text-decoration:underline;color:#00adf5}#rmp-new-menu-wizard .rmp-dialog-contents .rmp-new-menu-elements{padding:2% 8%}#rmp-new-menu-wizard .input-control input[type=text],#rmp-new-menu-wizard .input-control select{width:100%;max-width:100%;max-width:34.375rem;box-shadow:0 1px .375rem 0 rgba(0,0,0,.16);border:1px solid #dedcdc;border-radius:0;height:2.625rem}#rmp-new-menu-wizard .rmp-dialog-wrap{top:5%;transition:color .5s linear}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-dialog-contents{padding:2% 3%;background:#f1f1f1;min-height:26.25rem}#rmp-new-menu-wizard .rmp-dialog-wrap .nav-tab-wrapper{border:0}#rmp-new-menu-wizard .rmp-dialog-wrap .nav-tab-wrapper .nav-tab{color:#6e6e6e;border:0;padding:0;background:unset;margin:0 2rem 0 0;font-size:.875rem;line-height:1.14;letter-spacing:.14px;position:relative;height:1.875rem;font-weight:500}#rmp-new-menu-wizard .rmp-dialog-wrap .nav-tab-wrapper .ui-tabs-active .nav-tab{color:#0085ba}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-v-divider:after{content:"";position:absolute;height:1.25rem;width:1px;background:#d2d2d2;right:-1rem}#rmp-new-menu-wizard .rmp-dialog-wrap .btn-import-theme{width:5rem;height:2.1875rem;border-radius:.375rem;box-shadow:0 .1875rem .375rem 0 rgba(0,0,0,.16);background-color:#23b507;color:#fff;border:unset}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-themes{margin:1.25rem 0}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-item-card_image{line-height:0}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-item-card_image img{height:15.625rem}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-item-card_contents{display:inline}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-item-card-backside{opacity:0;visibility:hidden;display:flex;position:absolute;top:0;left:0;height:calc(100% - .625rem);width:calc(100% - .625rem);margin:.3125rem;background:#000;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:translate3d(0,50%,0);transition:all .3s ease-in-out}#rmp-new-menu-wizard .rmp-item-card_contents h4{margin:0 .1875rem 1.375rem 0;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:.18px;text-align:center;color:#fff}#rmp-new-menu-wizard .rmp-item-card{padding:.3125rem;background:#eaeaea;border:.3125rem solid #eaeaea;transition:border .3s ease-in-out}#rmp-new-menu-wizard .rmp-item-card:hover .rmp-item-card-backside{opacity:1;visibility:visible;transform:translateZ(0)}#rmp-new-menu-wizard #rmp-theme-upload{background:#36bef7;border:.125rem solid #36bef7;font-family:Product Sans Medium;border-radius:.25rem;font-size:.75rem}#rmp-new-menu-wizard .button{width:6.5625rem;height:2.1875rem;border-radius:.3125rem;background-color:#f80668;border:unset;color:#fff}#rmp-new-menu-wizard .button.btn-blue{background-color:#36bef7}#rmp-new-menu-wizard .rmp-theme-option:checked+label{border:.3125rem solid #0085ba!important}#rmp-new-menu-wizard .item-controls .rmp-theme-option:checked+label.rmp-theme-use{background-color:#0085ba;border:1px solid #0085ba!important;color:#fff}#rmp-new-menu-wizard .rmp-new-menu-step-conatiner{margin-right:12%}#rmp-new-menu-wizard .rmp-dialog-header .title span{padding:0 .625rem}#rmp-new-menu-wizard .rmp-dialog-header .rmp-new-menu-steps{display:flex;flex-direction:row;align-items:center}#rmp-new-menu-wizard .rmp-dialog-header .rmp-new-menu-step{font-size:1.25rem;padding:0 .9375rem;height:4rem;line-height:4rem;font-size:20px;color:#000;cursor:pointer;position:relative}#rmp-new-menu-wizard .rmp-dialog-header .rmp-new-menu-step.current:after{content:"";position:absolute;width:100%;height:.3125rem;background:#f80668;bottom:0;left:0}#rmp-new-menu-wizard .rmp-theme-upload-container{display:flex;flex-direction:column;justify-content:center}#rmp-new-menu-wizard .rmp-theme-upload-container p{color:#555d66;font-size:1.125rem;font-style:normal;margin:0;padding:0;text-align:center}#rmp-new-menu-wizard .rmp-theme-upload-container.hide{display:none}#rmp-new-menu-wizard .wp-upload-form{background:#fafafa;border:1px solid #ccd0d4;padding:1.875rem;margin:1.875rem auto;display:inline-flex;justify-content:space-between;align-items:center}#rmp-new-menu-wizard .rmp-dialog-footer #rmp-create-new-menu,#rmp-new-menu-wizard .rmp-dialog-footer #rmp-menu-next-step{width:8.125rem;font-size:1rem;height:2.8125rem;border:1px solid #00adf5;background-color:#36bef7;border-radius:unset}#rmp-new-menu-wizard .default-item{width:11.5rem;height:15.6rem;display:flex;justify-content:center;align-items:center;font-size:1.125rem;border:.3125rem solid #eaeaea}#rmp-new-menu-wizard .rmp_theme_grids,.rmp-theme-page .rmp_theme_grids{display:flex;justify-content:flex-start;flex-wrap:wrap}.rmp-new-menu-themes .rmp-themes .rmp-theme-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;visibility:hidden;display:none}.rmp-new-menu-themes .rmp-themes .rmp-theme-title{position:relative;background:#fff;padding:1rem;line-height:1.55;font-weight:500;color:#6e6e6e;font-weight:400;margin:.3125rem 0;border:1px solid #ddd;font-family:Product Sans;font-size:.875rem;text-transform:capitalize;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media only screen and (min-width:1170px){.rmp-dialog-overlay .rmp-dialog-wrap{width:73.125rem;margin:0 auto}}@media only screen and (max-width:780px){.rmp-dialog-overlay .rmp-dialog-overlay .rmp-dialog-wrap,.rmp-dialog-overlay .rmp-dialog-wrap{top:0;right:0;bottom:0;left:0;border:none;z-index:999999;position:absolute}#rmp-new-menu-wizard .input-group{flex-direction:column}#rmp-new-menu-wizard .input-group .input-control,#rmp-new-menu-wizard .input-group .input-label{width:100%;margin-bottom:.625rem}#rmp-new-menu-wizard .rmp-dialog-contents .rmp-new-menu-elements{padding:0}#rmp-new-menu-wizard .rmp-dialog-overlay .rmp-dialog-contents{flex-direction:column}#rmp-new-menu-wizard .rmp-dialog-contents .rmp-new-menu-themes{width:100%;border-right:unset;margin-bottom:.625rem}#rmp-new-menu-wizard .rmp-dialog-contents .rmp-new-menu-elements{width:auto}#rmp-new-menu-wizard .rmp-mega-menu-dialog .icon-tabs,#rmp-new-menu-wizard .rmp-menu-icons-dialog .icon-tabs{flex-direction:column}.rmp-dialog-contents .rmp-new-menu-elements{padding:0}.rmp-mega-menu-dialog .icon-tabs,.rmp-menu-icons-dialog .icon-tabs{flex-direction:column}}:root{--mainColor:#323232;--mainDarkColor:#212121;--accentColor:#14ffec;--secondaryAccentColor:#0d7377;--white:#fff;--lightWhite:#f0f0f0;--black:#000;--lightBlack:#5e5e5e;--gray:#d8e3e7;--pink:#f80668}.rmp-dark-mode .rmp-editor-overlay .collapse-sidebar{background-color:var(--mainDarkColor)}.rmp-dark-mode .rmp-editor-overlay .collapse-sidebar .collapse-sidebar-arrow:before{color:var(--accentColor)}.rmp-dark-mode .rmp-preview-mobile #rmp-preview-wrapper,.rmp-dark-mode .rmp-preview-tablet #rmp-preview-wrapper{box-shadow:0 .1875rem 0 #212121,0 .25rem 0 #212121,0 .3125rem 0 #212121,0 .4375rem 0 #212121,1px .375rem .9375rem #212121}.rmp-dark-mode #rmp-editor-wrapper{background-color:var(--lightBlack)}.rmp-dark-mode #rmp-editor-footer,.rmp-dark-mode #rmp-editor-header{background-color:var(--mainDarkColor)}.rmp-dark-mode #rmp-editor-footer{border-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-footer .rmp-footer-sub-menu-wrapper{background-color:inherit}.rmp-dark-mode #rmp-editor-footer .rmp-footer-sub-menu-wrapper .rmp-footer-sub-menu a{background-color:var(--mainColor);border-color:var(--mainDarkColor);color:var(--white)}.rmp-dark-mode #rmp-editor-footer .rmp-preview-device-wrapper .rmp-device-preview.active{background-color:var(--accentColor)}.rmp-dark-mode #rmp-editor-footer svg path{fill:var(--lightWhite)}.rmp-dark-mode #rmp-editor-form{background-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-form .rmp-tab-item svg path{fill:var(--lightWhite)}.rmp-dark-mode #rmp-editor-form .rmp-tab-item .rmp-tab-item-title{background-color:transparent!important;color:var(--white)}.rmp-dark-mode #rmp-editor-form .rmp-tab-item .rmp-tab-item-title:after{color:var(--white)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-mega-menu-top-item{background-color:var(--mainDarkColor)!important}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-mega-menu-top-item .rmp-mega-menu-edit-icon svg path{fill:var(--lightWhite)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-content,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-title,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-mega-menu-top-item{background-color:var(--mainDarkColor);color:var(--white);border-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-content .ui-accordion-header-icon:before,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-content:after,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-title .ui-accordion-header-icon:before,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-title:after,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-mega-menu-top-item .ui-accordion-header-icon:before,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-mega-menu-top-item:after{color:var(--lightWhite)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .nav-tab-wrapper{background-color:var(--secondaryAccentColor)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .nav-tab-wrapper .ui-tabs-active .nav-tab{background-color:var(--accentColor)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .toggle{background-color:var(--secondaryAccentColor);border-color:var(--secondaryAccentColor)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .toggle:checked{background-color:var(--accentColor);border-color:var(--accentColor)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-sub-heading,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-icon-picker-placeholder,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-image-picker-placeholder,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-input-control-label{color:inherit}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-sub-accordion-container .rmp-accordion-title{background-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-sub-accordion-container .rmp-accordion-content{border:.125rem solid var(--mainColor);margin-top:-.125rem}.rmp-dark-mode #rmp-editor-form #rmp-editor-main .rmp-order-item-description{background-color:var(--mainDarkColor)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .rmp-group-input-wrapper input[type=text]{border-color:var(--mainDarkColor)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .rmp-group-input-linked{background-color:var(--secondaryAccentColor);border-color:var(--secondaryAccentColor)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .rmp-group-input-linked.is-linked{background-color:var(--accentColor);border-color:var(--accentColor)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=color],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=date],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=datetime-local],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=datetime],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=email],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=month],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=number],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=password],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=search],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=tel],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=text],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=time],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=url],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=week],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control select,.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control textarea{background-color:var(--mainColor);color:var(--white);border-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .is-unit,.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .unit-ms,.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .unit-px,.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .unit-s{background-color:var(--secondaryAccentColor);border-color:var(--secondaryAccentColor);color:var(--white)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .button{background-color:var(--accentColor);border-color:var(--accentColor);color:var(--white)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .selectize-input{background-color:var(--mainColor);border-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-form .rmp-device-switcher li{background-color:var(--accentColor)}.rmp-dark-mode .device-icons-group .device-title{color:var(--lightWhite)!important}.rmp-dark-mode .device-icons-group svg path{fill:var(--lightWhite)}.rmp-dark-mode .device-icons-group .device-icon .corner-icon{color:var(--accentColor)}.rmp-dark-mode .device-icons-group .device-icon label{background-color:var(--mainColor);border-color:var(--mainColor)}.rmp-dark-mode .device-icons-group .device-icon .checkbox:checked+label{border-color:var(--accentColor);background-color:var(--mainColor)}.rmp-dark-mode .rmp-tooltip-icon .rmp-tooltip-content,.rmp-dark-mode .selectize-control.multi .selectize-input>div,.rmp-dark-mode .selectize-control.multi .selectize-input>div.active,.rmp-dark-mode .selectize-dropdown{background-color:var(--secondaryAccentColor);color:var(--white)}.rmp-dark-mode .rmp-tooltip-icon .rmp-tooltip-content:before,.rmp-dark-mode .selectize-control.multi .selectize-input>div.active:before,.rmp-dark-mode .selectize-control.multi .selectize-input>div:before,.rmp-dark-mode .selectize-dropdown:before{border-bottom-color:var(--secondaryAccentColor)}.rmp-dark-mode .align-icons-group input[type=radio]:checked+label{background-color:var(--accentColor);color:var(--white)}.rmp-dark-mode .align-icons-group,.rmp-dark-mode .rmp-icon-picker-container,.rmp-dark-mode .rmp-image-picker-container{background-color:var(--mainColor)}.rmp-dark-mode .wp-picker-container .wp-color-result.button{border-color:var(--mainColor)!important;border-radius:0!important}.rmp-dark-mode .wp-picker-container .wp-color-result.button .color-alpha{border-color:var(--mainDarkColor)!important}.rmp-dark-mode .align-icons-group,.rmp-dark-mode .rmp-h-separator,.rmp-dark-mode .rmp-menu-item-icon-container .rmp-icon-picker{border-color:var(--mainColor)}.rmp-dark-mode #rmp-menu-update-notification a{color:var(--accentColor)}.rmp-dark-mode #rmp-save-menu-options,.rmp-dark-mode #rmp-theme-action{background-color:var(--accentColor)}.rmp-dark-mode .rmp-dialog-overlay .rmp-dialog-backdrop{background-color:rgba(33,33,33,.5)}.rmp-dark-mode .rmp-dialog-overlay .rmp-dialog-wrap{background-color:var(--mainColor);color:var(--white)}.rmp-dark-mode .rmp-dialog-overlay .rmp-dialog-header{border-color:var(--mainDarkColor)}.rmp-dark-mode .rmp-dialog-overlay .rmp-dialog-header .title{color:var(--white)!important}.rmp-dark-mode .rmp-dialog-overlay .rmp-dialog-header .close{border-color:var(--mainDarkColor)}.rmp-dark-mode .rmp-dialog-overlay .rmp-menu-library-title{color:var(--white)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .rmp-dialog-contents{background-color:var(--mainColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .rmp-item-card,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .rmp-themes .rmp-theme-title,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .wp-upload-form{background-color:var(--mainDarkColor);border-color:var(--mainDarkColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap #rmp-theme-upload,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .button.btn-blue{background-color:var(--accentColor);border-color:var(--accentColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .nav-tab-wrapper .nav-tab,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .rmp-theme-upload-container p,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .rmp-themes .rmp-theme-title{color:var(--white)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .nav-tab-wrapper .ui-tabs-active .nav-tab{color:var(--accentColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group{background-color:var(--mainDarkColor);border-color:var(--mainDarkColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group .input-label-description,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group .input-label-title{color:var(--white)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group .input-label-description a,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group .input-label-title a{color:var(--accentColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group .input-control input[type=text],.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group .input-control select{background-color:var(--mainColor);border-color:var(--mainColor);color:var(--white)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-theme-option:checked+label{border-color:var(--accentColor)!important}.rmp-dark-mode #rmp-new-menu-wizard .item-controls .rmp-theme-option:checked+label.rmp-theme-use{border-color:var(--accentColor)!important;background-color:var(--accentColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-header .rmp-new-menu-step{color:var(--white)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-footer #rmp-create-new-menu,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-footer #rmp-menu-next-step{background-color:var(--accentColor);border-color:var(--accentColor)}.rmp-dark-mode #rmp-menu-save-theme-wizard #rmp-save-theme-name,.rmp-dark-mode #rmp-menu-save-theme-wizard .rmp-dialog-wrap .close{background-color:var(--mainDarkColor);border-color:var(--mainDarkColor);color:var(--white)}.rmp-dark-mode #rmp-menu-save-theme-wizard #rmp-save-theme{background-color:var(--accentColor);border-color:var(--accentColor)}.rmp-dark-mode #rmp-menu-save-theme-wizard .notice{color:var(--mainColor)}.rmp-dark-mode .rmp-menu-icons-dialog #tabs .nav-tab-wrapper{padding:0;background-color:var(--mainColor);border-color:var(--mainDarkColor)}.rmp-dark-mode .rmp-menu-icons-dialog #tabs .nav-tab-wrapper .nav-tab{background-color:var(--mainDarkColor);color:var(--white);margin:.125rem 0}.rmp-dark-mode .rmp-menu-icons-dialog #tabs .nav-tab-wrapper .nav-tab.nav-tab-active{background-color:var(--accentColor)}.rmp-dark-mode .rmp-menu-icons-dialog .rmp-icon-tab-contents .font-icon label:before{background-color:var(--mainDarkColor);color:var(--white);border-color:#444}.rmp-dark-mode .rmp-menu-icons-dialog #rmp-icon-search{background-color:var(--mainDarkColor);border-color:var(--mainDarkColor)}.rmp-dark-mode .rmp-menu-icons-dialog #rmp-icon-search,.rmp-dark-mode .rmp-menu-icons-dialog #rmp-icon-search-typing-message{color:var(--white)}.rmp-dark-mode .rmp-menu-icons-dialog #rmp-icon-dialog-clear{background-color:var(--pink);border-color:var(--pink);color:var(--white)}.rmp-dark-mode .rmp-menu-icons-dialog #rmp-icon-dialog-select{background-color:var(--accentColor);border-color:var(--accentColor);color:var(--white)}.rmp-dark-mode .rmp-icon-picker .rmp-font-icon{color:var(--lightWhite)}.rmp-dark-mode #rmp-widget-container .widget-item{background-color:var(--mainDarkColor);border-color:var(--mainDarkColor);color:var(--white)}.rmp-dark-mode .rmp-input-control-label{color:var(--white)}.rmp-dark-mode * ::-webkit-scrollbar-thumb{background-color:var(--mainDarkColor)}.rmp-dark-mode .rmp-page-loader{background-color:rgba(33,33,33,.8);z-index:99999999}.rmp-dark-mode .rmp-page-loader .rmp-loader-message{color:var(--white)}.rmp-dark-mode .upgrade-options{color:var(--white);background-color:var(--mainDarkColor);margin:1rem}.rmp-dark-mode .rmp-accordion-content .upgrade-options{background-color:var(--mainColor);margin:0 .9375rem}.rmp-dark-mode .upgrade-tooltip{color:var(--white)!important}

+ .rmp-dialog-overlay{font-family:Product Sans}.rmp-dialog-overlay .rmp-menu-section{display:none}.rmp-dialog-overlay .rmp-menu-section.current{display:block}.rmp-dialog-overlay .rmp-dialog-backdrop{position:fixed;left:-1.25rem;right:0;top:0;bottom:0;background:rgba(13,19,61,.5098039215686274);z-index:999999}.rmp-dialog-overlay .rmp-dialog-wrap{clear:both;position:absolute;top:10%;left:0;right:0;bottom:3%;background:#fff;box-shadow:0 1px 1.25rem .3125rem rgba(0,0,0,.1);z-index:999999;box-sizing:border-box;-webkit-overflow-scrolling:touch;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.rmp-dialog-overlay .rmp-dialog-wrap .rmp-dialog-contents{max-height:36.25rem;overflow-y:overlay}.rmp-dialog-overlay .rmp-dialog-header{height:4rem;border-bottom:1px solid #eee;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 .125rem 0 rgba(0,0,0,.1607843137254902)}.rmp-dialog-overlay .rmp-dialog-header .title{font-size:1rem;height:4rem;display:flex;align-items:center;padding-left:1.25rem;text-transform:capitalize;font-family:Product Sans Medium;color:#7e7e7e}.rmp-dialog-overlay .rmp-dialog-header .close{cursor:pointer;font-size:1.875rem;width:4rem;color:#ccd0d4;height:4rem;border:0;background-color:transparent;border-left:1px solid #ccd0d4}.rmp-dialog-overlay .rmp-dialog-footer{position:relative;text-align:right;bottom:0;left:0;right:0;padding:.625rem 1.25rem;box-sizing:border-box;height:4rem;box-shadow:0 -1px .125rem 0 rgba(0,0,0,.1607843137254902)}.rmp-dialog-overlay .rmp-theme-title .item-controls{top:unset}.rmp-dialog-overlay a{text-decoration:none}.rmp-dialog-overlay a:focus{border:0;outline:unset;box-shadow:unset}#rmp-new-menu-wizard .rmp-page-loader{background-color:hsla(0,0%,100%,.5019607843137255);height:auto;top:4rem;bottom:0}#rmp-new-menu-wizard .rmp-page-loader .rmp-loader-message{font-style:normal;font-size:.875rem;text-align:center;font-weight:600}#rmp-new-menu-wizard .rmp-theme-apply,#rmp-new-menu-wizard .rmp-theme-use{padding:.25rem .75rem;border:1px solid #c8c8c8;border-radius:.3125rem;color:#9d9d9d;letter-spacing:.14px}#rmp-new-menu-wizard .input-group{margin-bottom:.5rem;display:flex;align-items:center;padding:1.4rem 2rem;box-shadow:0 0 .25rem 0 rgba(0,0,0,.1);border:1px solid #dedcdc;background-color:#f6f6f6}#rmp-new-menu-wizard .input-group .input-label{width:35%}#rmp-new-menu-wizard .input-group .input-control{width:65%}#rmp-new-menu-wizard .input-label-title{font-family:PRODUCT SANS MEDIUM;font-size:1rem;font-weight:400;letter-spacing:.16px;color:#303030;margin-bottom:.375rem}#rmp-new-menu-wizard .input-label-description{font-family:PRODUCT SANS;font-size:.875rem;line-height:1.14;letter-spacing:.14px;color:#7b7b7b;margin-right:25%}#rmp-new-menu-wizard .input-label-description a{text-decoration:underline;color:#00adf5}#rmp-new-menu-wizard .rmp-dialog-contents .rmp-new-menu-elements{padding:2% 8%}#rmp-new-menu-wizard .input-control input[type=text],#rmp-new-menu-wizard .input-control select{width:100%;max-width:100%;max-width:34.375rem;box-shadow:0 1px .375rem 0 rgba(0,0,0,.16);border:1px solid #dedcdc;border-radius:0;height:2.625rem}#rmp-new-menu-wizard .rmp-dialog-wrap{top:5%;transition:color .5s linear}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-dialog-contents{padding:2% 3%;background:#f1f1f1;min-height:26.25rem}#rmp-new-menu-wizard .rmp-dialog-wrap .nav-tab-wrapper{border:0}#rmp-new-menu-wizard .rmp-dialog-wrap .nav-tab-wrapper .nav-tab{color:#6e6e6e;border:0;padding:0;background:unset;margin:0 2rem 0 0;font-size:.875rem;line-height:1.14;letter-spacing:.14px;position:relative;height:1.875rem;font-weight:500}#rmp-new-menu-wizard .rmp-dialog-wrap .nav-tab-wrapper .ui-tabs-active .nav-tab{color:#0085ba}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-v-divider:after{content:"";position:absolute;height:1.25rem;width:1px;background:#d2d2d2;right:-1rem}#rmp-new-menu-wizard .rmp-dialog-wrap .btn-import-theme{width:5rem;height:2.1875rem;border-radius:.375rem;box-shadow:0 .1875rem .375rem 0 rgba(0,0,0,.16);background-color:#23b507;color:#fff;border:unset}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-themes{margin:1.25rem 0}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-item-card_image{line-height:0}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-item-card_image img{height:15.625rem}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-item-card_contents{display:inline}#rmp-new-menu-wizard .rmp-dialog-wrap .rmp-item-card-backside{opacity:0;visibility:hidden;display:flex;position:absolute;top:0;left:0;height:calc(100% - .625rem);width:calc(100% - .625rem);margin:.3125rem;background:#000;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:translate3d(0,50%,0);transition:all .3s ease-in-out}#rmp-new-menu-wizard .rmp-item-card_contents h4{margin:0 .1875rem 1.375rem 0;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:.18px;text-align:center;color:#fff}#rmp-new-menu-wizard .rmp-item-card{padding:.3125rem;background:#eaeaea;border:.3125rem solid #eaeaea;transition:border .3s ease-in-out}#rmp-new-menu-wizard .rmp-item-card:hover .rmp-item-card-backside{opacity:1;visibility:visible;transform:translateZ(0)}#rmp-new-menu-wizard #rmp-theme-upload{background:#36bef7;border:.125rem solid #36bef7;font-family:Product Sans Medium;border-radius:.25rem;font-size:.75rem}#rmp-new-menu-wizard .button{width:6.5625rem;height:2.1875rem;border-radius:.3125rem;background-color:#f80668;border:unset;color:#fff}#rmp-new-menu-wizard .button.btn-blue{background-color:#36bef7}#rmp-new-menu-wizard .rmp-theme-option:checked+label{border:.3125rem solid #0085ba!important}#rmp-new-menu-wizard .item-controls .rmp-theme-option:checked+label.rmp-theme-use{background-color:#0085ba;border:1px solid #0085ba!important;color:#fff}#rmp-new-menu-wizard .rmp-new-menu-step-conatiner{margin-right:12%}#rmp-new-menu-wizard .rmp-dialog-header .title span{padding:0 .625rem}#rmp-new-menu-wizard .rmp-dialog-header .rmp-new-menu-steps{display:flex;flex-direction:row;align-items:center}#rmp-new-menu-wizard .rmp-dialog-header .rmp-new-menu-step{font-size:1.25rem;padding:0 .9375rem;height:4rem;line-height:4rem;font-size:20px;color:#000;cursor:pointer;position:relative}#rmp-new-menu-wizard .rmp-dialog-header .rmp-new-menu-step.current:after{content:"";position:absolute;width:100%;height:.3125rem;background:#f80668;bottom:0;left:0}#rmp-new-menu-wizard .rmp-theme-upload-container{display:flex;flex-direction:column;justify-content:center}#rmp-new-menu-wizard .rmp-theme-upload-container p{color:#555d66;font-size:1.125rem;font-style:normal;margin:0;padding:0;text-align:center}#rmp-new-menu-wizard .rmp-theme-upload-container.hide{display:none}#rmp-new-menu-wizard .wp-upload-form{background:#fafafa;border:1px solid #ccd0d4;padding:1.875rem;margin:1.875rem auto;display:inline-flex;justify-content:space-between;align-items:center}#rmp-new-menu-wizard .rmp-dialog-footer #rmp-create-new-menu,#rmp-new-menu-wizard .rmp-dialog-footer #rmp-menu-next-step{width:8.125rem;font-size:1rem;height:2.8125rem;border:1px solid #00adf5;background-color:#36bef7;border-radius:unset}#rmp-new-menu-wizard .default-item{width:11.5rem;height:15.6rem;display:flex;justify-content:center;align-items:center;font-size:1.125rem;border:.3125rem solid #eaeaea}#rmp-new-menu-wizard .rmp_theme_grids,.rmp-theme-page .rmp_theme_grids{display:flex;justify-content:flex-start;flex-wrap:wrap}.rmp-new-menu-themes .rmp-themes .rmp-theme-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;visibility:hidden;display:none}.rmp-new-menu-themes .rmp-themes .rmp-theme-title{position:relative;background:#fff;padding:1rem;line-height:1.55;font-weight:500;color:#6e6e6e;font-weight:400;margin:.3125rem 0;border:1px solid #ddd;font-family:Product Sans;font-size:.875rem;text-transform:capitalize;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media only screen and (min-width:1170px){.rmp-dialog-overlay .rmp-dialog-wrap{width:73.125rem;margin:0 auto}}@media only screen and (max-width:780px){.rmp-dialog-overlay .rmp-dialog-overlay .rmp-dialog-wrap,.rmp-dialog-overlay .rmp-dialog-wrap{top:0;right:0;bottom:0;left:0;border:none;z-index:999999;position:absolute}#rmp-new-menu-wizard .input-group{flex-direction:column}#rmp-new-menu-wizard .input-group .input-control,#rmp-new-menu-wizard .input-group .input-label{width:100%;margin-bottom:.625rem}#rmp-new-menu-wizard .rmp-dialog-contents .rmp-new-menu-elements{padding:0}#rmp-new-menu-wizard .rmp-dialog-overlay .rmp-dialog-contents{flex-direction:column}#rmp-new-menu-wizard .rmp-dialog-contents .rmp-new-menu-themes{width:100%;border-right:unset;margin-bottom:.625rem}#rmp-new-menu-wizard .rmp-dialog-contents .rmp-new-menu-elements{width:auto}#rmp-new-menu-wizard .rmp-mega-menu-dialog .icon-tabs,#rmp-new-menu-wizard .rmp-menu-icons-dialog .icon-tabs{flex-direction:column}.rmp-dialog-contents .rmp-new-menu-elements{padding:0}.rmp-mega-menu-dialog .icon-tabs,.rmp-menu-icons-dialog .icon-tabs{flex-direction:column}}:root{--mainColor:#323232;--mainDarkColor:#212121;--accentColor:#36bef7;--secondaryAccentColor:#0d7377;--white:#fff;--lightWhite:#f0f0f0;--black:#000;--lightBlack:#5e5e5e;--gray:#d8e3e7;--pink:#f80668}.rmp-dark-mode .rmp-editor-overlay .collapse-sidebar{background-color:var(--mainDarkColor)}.rmp-dark-mode .rmp-editor-overlay .collapse-sidebar .collapse-sidebar-arrow:before{color:var(--accentColor)}.rmp-dark-mode .rmp-preview-mobile #rmp-preview-wrapper,.rmp-dark-mode .rmp-preview-tablet #rmp-preview-wrapper{box-shadow:0 .1875rem 0 #212121,0 .25rem 0 #212121,0 .3125rem 0 #212121,0 .4375rem 0 #212121,1px .375rem .9375rem #212121}.rmp-dark-mode #rmp-editor-wrapper{background-color:var(--lightBlack)}.rmp-dark-mode #rmp-editor-footer,.rmp-dark-mode #rmp-editor-header{background-color:var(--mainDarkColor)}.rmp-dark-mode #rmp-editor-footer{border-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-footer .rmp-footer-sub-menu-wrapper{background-color:inherit}.rmp-dark-mode #rmp-editor-footer .rmp-footer-sub-menu-wrapper .rmp-footer-sub-menu a{background-color:var(--mainColor);border-color:var(--mainDarkColor);color:var(--white)}.rmp-dark-mode #rmp-editor-footer .rmp-preview-device-wrapper .rmp-device-preview.active{background-color:var(--accentColor)}.rmp-dark-mode #rmp-editor-footer svg path{fill:var(--lightWhite)}.rmp-dark-mode #rmp-editor-form{background-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-form .rmp-search-settings{background-color:var(--mainColor);color:var(--white);border-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-form .rmp-tab-item svg path{fill:var(--lightWhite)}.rmp-dark-mode #rmp-editor-form .rmp-tab-item .rmp-tab-item-title{background-color:transparent!important;color:var(--white)}.rmp-dark-mode #rmp-editor-form .rmp-tab-item .rmp-tab-item-title:after{color:var(--white)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-mega-menu-top-item{background-color:var(--mainDarkColor)!important}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-mega-menu-top-item .rmp-mega-menu-edit-icon svg path{fill:var(--lightWhite)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-content,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-title,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-mega-menu-top-item{background-color:var(--mainDarkColor);color:var(--white);border-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-content .ui-accordion-header-icon:before,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-content:after,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-title .ui-accordion-header-icon:before,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-title:after,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-mega-menu-top-item .ui-accordion-header-icon:before,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-mega-menu-top-item:after{color:var(--lightWhite)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .nav-tab-wrapper{background-color:var(--secondaryAccentColor)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .nav-tab-wrapper .ui-tabs-active .nav-tab{background-color:var(--accentColor)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .toggle{background-color:var(--secondaryAccentColor);border-color:var(--secondaryAccentColor)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .toggle:checked{background-color:var(--accentColor);border-color:var(--accentColor)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-accordion-sub-heading,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-icon-picker-placeholder,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-image-picker-placeholder,.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-input-control-label{color:inherit}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-sub-accordion-container .rmp-accordion-title{background-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-form .rmp-accordion-container .rmp-sub-accordion-container .rmp-accordion-content{border:.125rem solid var(--mainColor);margin-top:-.125rem}.rmp-dark-mode #rmp-editor-form #rmp-editor-main .rmp-order-item-description{background-color:var(--mainDarkColor)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .rmp-group-input-wrapper input[type=text]{border-color:var(--mainDarkColor)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .rmp-group-input-linked{background-color:var(--secondaryAccentColor);border-color:var(--secondaryAccentColor)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .rmp-group-input-linked.is-linked{background-color:var(--accentColor);border-color:var(--accentColor)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=color],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=date],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=datetime-local],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=datetime],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=email],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=month],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=number],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=password],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=search],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=tel],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=text],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=time],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=url],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control input[type=week],.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control select,.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control textarea{background-color:var(--mainColor);color:var(--white);border-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .is-unit,.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .unit-ms,.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .unit-px,.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .unit-s{background-color:var(--secondaryAccentColor);border-color:var(--secondaryAccentColor);color:var(--white)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .rmp-input-control .button{background-color:var(--accentColor);border-color:var(--accentColor);color:var(--white)}.rmp-dark-mode #rmp-editor-form .rmp-menu-controls .selectize-input{background-color:var(--mainColor);border-color:var(--mainColor)}.rmp-dark-mode #rmp-editor-form .rmp-device-switcher li{background-color:var(--accentColor)}.rmp-dark-mode .device-icons-group .device-title{color:var(--lightWhite)!important}.rmp-dark-mode .device-icons-group svg path{fill:var(--lightWhite)}.rmp-dark-mode .device-icons-group .device-icon .corner-icon{color:var(--accentColor)}.rmp-dark-mode .device-icons-group .device-icon label{background-color:var(--mainColor);border-color:var(--mainColor)}.rmp-dark-mode .device-icons-group .device-icon .checkbox:checked+label{border-color:var(--accentColor);background-color:var(--mainColor)}.rmp-dark-mode .rmp-tooltip-icon .rmp-tooltip-content,.rmp-dark-mode .selectize-control.multi .selectize-input>div,.rmp-dark-mode .selectize-control.multi .selectize-input>div.active,.rmp-dark-mode .selectize-dropdown{background-color:var(--secondaryAccentColor);color:var(--white)}.rmp-dark-mode .rmp-tooltip-icon .rmp-tooltip-content:before,.rmp-dark-mode .selectize-control.multi .selectize-input>div.active:before,.rmp-dark-mode .selectize-control.multi .selectize-input>div:before,.rmp-dark-mode .selectize-dropdown:before{border-bottom-color:var(--secondaryAccentColor)}.rmp-dark-mode .align-icons-group input[type=radio]:checked+label{background-color:var(--accentColor);color:var(--white)}.rmp-dark-mode .align-icons-group,.rmp-dark-mode .rmp-icon-picker-container,.rmp-dark-mode .rmp-image-picker-container{background-color:var(--mainColor)}.rmp-dark-mode .wp-picker-container .wp-color-result.button{border-color:var(--mainColor)!important;border-radius:0!important}.rmp-dark-mode .wp-picker-container .wp-color-result.button .color-alpha{border-color:var(--mainDarkColor)!important}.rmp-dark-mode .align-icons-group,.rmp-dark-mode .rmp-h-separator,.rmp-dark-mode .rmp-menu-item-icon-container .rmp-icon-picker{border-color:var(--mainColor)}.rmp-dark-mode #rmp-menu-update-notification a{color:var(--accentColor)}.rmp-dark-mode #rmp-save-menu-options,.rmp-dark-mode #rmp-theme-action{background-color:var(--accentColor)}.rmp-dark-mode .rmp-dialog-overlay .rmp-dialog-backdrop{background-color:rgba(33,33,33,.5)}.rmp-dark-mode .rmp-dialog-overlay .rmp-dialog-wrap{background-color:var(--mainColor);color:var(--white)}.rmp-dark-mode .rmp-dialog-overlay .rmp-dialog-header{border-color:var(--mainDarkColor)}.rmp-dark-mode .rmp-dialog-overlay .rmp-dialog-header .title{color:var(--white)!important}.rmp-dark-mode .rmp-dialog-overlay .rmp-dialog-header .close{border-color:var(--mainDarkColor)}.rmp-dark-mode .rmp-dialog-overlay .rmp-menu-library-title{color:var(--white)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .rmp-dialog-contents{background-color:var(--mainColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .rmp-item-card,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .rmp-themes .rmp-theme-title,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .wp-upload-form{background-color:var(--mainDarkColor);border-color:var(--mainDarkColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap #rmp-theme-upload,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .button.btn-blue{background-color:var(--accentColor);border-color:var(--accentColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .nav-tab-wrapper .nav-tab,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .rmp-theme-upload-container p,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .rmp-themes .rmp-theme-title{color:var(--white)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .nav-tab-wrapper .ui-tabs-active .nav-tab{color:var(--accentColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group{background-color:var(--mainDarkColor);border-color:var(--mainDarkColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group .input-label-description,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group .input-label-title{color:var(--white)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group .input-label-description a,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group .input-label-title a{color:var(--accentColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group .input-control input[type=text],.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-wrap .input-group .input-control select{background-color:var(--mainColor);border-color:var(--mainColor);color:var(--white)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-theme-option:checked+label{border-color:var(--accentColor)!important}.rmp-dark-mode #rmp-new-menu-wizard .item-controls .rmp-theme-option:checked+label.rmp-theme-use{border-color:var(--accentColor)!important;background-color:var(--accentColor)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-header .rmp-new-menu-step{color:var(--white)}.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-footer #rmp-create-new-menu,.rmp-dark-mode #rmp-new-menu-wizard .rmp-dialog-footer #rmp-menu-next-step{background-color:var(--accentColor);border-color:var(--accentColor)}.rmp-dark-mode #rmp-menu-save-theme-wizard #rmp-save-theme-name,.rmp-dark-mode #rmp-menu-save-theme-wizard .rmp-dialog-wrap .close{background-color:var(--mainDarkColor);border-color:var(--mainDarkColor);color:var(--white)}.rmp-dark-mode #rmp-menu-save-theme-wizard #rmp-save-theme{background-color:var(--accentColor);border-color:var(--accentColor)}.rmp-dark-mode #rmp-menu-save-theme-wizard .notice{color:var(--mainColor)}.rmp-dark-mode .rmp-menu-icons-dialog #tabs .nav-tab-wrapper{padding:0;background-color:var(--mainColor);border-color:var(--mainDarkColor)}.rmp-dark-mode .rmp-menu-icons-dialog #tabs .nav-tab-wrapper .nav-tab{background-color:var(--mainDarkColor);color:var(--white);margin:.125rem 0}.rmp-dark-mode .rmp-menu-icons-dialog #tabs .nav-tab-wrapper .nav-tab.nav-tab-active{background-color:var(--accentColor)}.rmp-dark-mode .rmp-menu-icons-dialog .rmp-icon-tab-contents .font-icon label:before{background-color:var(--mainDarkColor);color:var(--white);border-color:#444}.rmp-dark-mode .rmp-menu-icons-dialog #rmp-icon-search{background-color:var(--mainDarkColor);border-color:var(--mainDarkColor)}.rmp-dark-mode .rmp-menu-icons-dialog #rmp-icon-search,.rmp-dark-mode .rmp-menu-icons-dialog #rmp-icon-search-typing-message{color:var(--white)}.rmp-dark-mode .rmp-menu-icons-dialog #rmp-icon-dialog-clear{background-color:var(--pink);border-color:var(--pink);color:var(--white)}.rmp-dark-mode .rmp-menu-icons-dialog #rmp-icon-dialog-select{background-color:var(--accentColor);border-color:var(--accentColor);color:var(--white)}.rmp-dark-mode .rmp-icon-picker .rmp-font-icon{color:var(--lightWhite)}.rmp-dark-mode #rmp-widget-container .widget-item{background-color:var(--mainDarkColor);border-color:var(--mainDarkColor);color:var(--white)}.rmp-dark-mode .rmp-input-control-label{color:var(--white)}.rmp-dark-mode * ::-webkit-scrollbar-thumb{background-color:var(--mainDarkColor)}.rmp-dark-mode .rmp-page-loader{background-color:rgba(33,33,33,.8);z-index:99999999}.rmp-dark-mode .rmp-page-loader .rmp-loader-message{color:var(--white)}.rmp-dark-mode .upgrade-options{color:var(--white);background-color:var(--mainDarkColor);margin:1rem}.rmp-dark-mode .rmp-accordion-content .upgrade-options{background-color:var(--mainColor);margin:0 .9375rem}.rmp-dark-mode .upgrade-tooltip{color:var(--white)!important}

v4.0.0/assets/admin/build/js/rmpMain.js CHANGED Viewed

	@@ -1,2 +1,2 @@
1	/! For license information please see rmpMain.js.LICENSE.txt /
2	- !function(e){var n={};function r(t){if(n[t])return n[t].exports;var i=n[t]={i:t,l:!1,exports:{}};return e[t].call(i.exports,i,i.exports,r),i.l=!0,i.exports}r.m=e,r.c=n,r.d=function(e,n,t){r.o(e,n)\|\|Object.defineProperty(e,n,{enumerable:!0,get:t})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,n){if(1&n&&(e=r(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(r.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var i in e)r.d(t,i,function(n){return e[n]}.bind(null,i));return t},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,"a",n),n},r.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},r.p="",r(r.s=0)}({"./assets/admin/js/rmp-admin.js":function(module,exports){eval("/*\r\n This is admin scripts file which contain the admin actions.\r\n \r\n @version 4.0.0\r\n \r\n @author Expresstech System\r\n \r\n /\njQuery(document).ready(function (jQuery) {\n /*\r\n Rollback the plugin version.\r\n \r\n @version 4.0.0\r\n \r\n @fires Click\r\n /\n jQuery('#rmp-rollback-version').on('click', function (e) {\n e.preventDefault();\n var version = jQuery('#rmp-versions').val();\n\n if ('3.1.30' === version) {\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n action: 'rmp_rollback_version'\n },\n type: 'POST',\n dataType: 'json',\n error: function error(_error) {\n jQuery(this).prop('disabled', false);\n },\n success: function success(response) {\n if (response.data.redirect) {\n location.href = response.data.redirect;\n }\n }\n });\n }\n });\n /\r\n Iframe loader and contents show/hide.\r\n /\n\n jQuery('#rmp-preview-iframe').on('load', function () {\n jQuery('#rmp-preview-iframe-loader').hide();\n jQuery('#rmp-menu-update-notification').remove();\n jQuery('#rmp-preview-iframe').show();\n jQuery('#rmp-preview-iframe').contents().find('a').on('click', function (e) {\n e.stopPropagation();\n e.preventDefault();\n var url = jQuery(this).attr('href'); // Prevent to load the customizer page on preview aria.\n\n if ('#' == url) {\n return;\n }\n\n if (url.indexOf('?') >= 0) {\n url = url + '&rmp_preview_mode=true';\n } else {\n url = url + '?rmp_preview_mode=true';\n }\n\n jQuery('#rmp-preview-iframe').attr('src', url);\n });\n });\n /\r\n Save the theme as template.\r\n \r\n @since 4.0.0\r\n \r\n @fires Click\r\n /\n\n jQuery('button#rmp-save-theme').on('click', function (e) {\n e.stopPropagation();\n e.preventDefault();\n var themeName = jQuery('#rmp-save-theme-name').val();\n\n if (3 > themeName.length) {\n alert('Please give meaning full name to this theme');\n return;\n }\n\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_save_theme',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'theme_name': themeName,\n 'menu_id': jQuery('#menu_id').val(),\n 'form': jQuery('#rmp-editor-form').serialize()\n },\n type: 'POST',\n dataType: 'json',\n error: function error(_error2) {\n console.log(_error2.statusText);\n },\n success: function success(response) {\n jQuery(e.target).parents('.rmp-dialog-contents').append('<div class=\"notice notice-success settings-error is-dismissible\"><p>' + response.data.message + '</p></div>');\n }\n });\n });\n /\r\n Ajax call to save the menu settings when click on update.\r\n \r\n @version 4.0.0\r\n \r\n @fires click\r\n /\n\n jQuery(document).on('click', 'button#rmp-save-menu-options,#rmp-menu-quick-update-button', function (e) {\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_save_menu_action',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'form': jQuery('#rmp-editor-form').serialize()\n },\n type: 'POST',\n dataType: 'json',\n beforeSend: function beforeSend() {\n jQuery('#rmp-preview-iframe-loader').show();\n },\n error: function error(_error3) {\n console.log(_error3.statusText);\n jQuery('#rmp-preview-iframe-loader').hide();\n },\n success: function success(response) {\n // If options is updated successfully then reload the iframe.\n if (response.success) {\n var url = jQuery('#rmp-preview-iframe').attr('src');\n jQuery('#rmp-preview-iframe').attr('src', url);\n }\n }\n });\n }); // Initiate the color picker instances.\n\n jQuery('.rmp-color-input').wpColorPicker(); // Fix events glitch on color textbox.\n\n jQuery('.rmp-color-input').removeAttr('style');\n jQuery(document).find('.rmp-color-input').off('focus'); // Initiate the tab elements.\n\n jQuery('.tabs,#rmp-setting-tabs').tabs({\n hide: {\n effect: 'explode',\n duration: 1000\n },\n show: {\n effect: 'explode',\n duration: 800\n },\n active: 0\n }); // Active tabs under ordering elements.\n\n jQuery('.nav-tab-wrapper').on('click', '.nav-tab', function (e) {\n jQuery('.nav-tab-wrapper .nav-tab').removeClass('nav-tab-active');\n jQuery(this).addClass('nav-tab-active');\n });\n /\r\n Check open/close of device options switcher.\r\n \r\n @version 4.0.0\r\n \r\n @fires click\r\n /\n\n jQuery('.rmp-device-switcher').on('click', function () {\n var isOpen = jQuery(this).hasClass('open');\n\n if (isOpen) {\n jQuery(this).removeClass('open');\n } else {\n jQuery('.rmp-device-switcher').removeClass('open');\n jQuery(this).addClass('open');\n }\n });\n /\r\n Change the option when select a device.\r\n \r\n @version 4.0.0\r\n \r\n @fires click\r\n /\n\n jQuery('.rmp-device-switcher li').on('click', function () {\n var selectedDevice = jQuery(this).attr('data-device');\n var firstDevice = jQuery('.rmp-device-switcher li:first-child').attr('data-device');\n\n if (selectedDevice != firstDevice) {\n activeDeviceOptions(selectedDevice);\n\n if ('desktop' == selectedDevice) {\n jQuery('#rmp-preview-desktop').trigger('click');\n } else if ('tablet' == selectedDevice) {\n jQuery('#rmp-preview-tablet').trigger('click');\n } else {\n jQuery('#rmp-preview-mobile').trigger('click');\n }\n }\n });\n /\r\n Active all the device options in editor.\r\n \r\n @version 4.0.0;\r\n * @param {string} selectedDevice This device name which is active.\r\n /\n\n function activeDeviceOptions(selectedDevice) {\n var firstDevice = jQuery('.rmp-device-switcher li:first-child').attr('data-device');\n var selectedIcon = jQuery('.rmp-device-switcher li[data-device=' + selectedDevice + ']').html();\n var firstIcon = jQuery('.rmp-device-switcher li:first-child').html();\n jQuery('.rmp-device-switcher li').each(function () {\n if (jQuery(this).attr('data-device') === selectedDevice) {\n jQuery(this).html(firstIcon);\n jQuery(this).attr('data-device', firstDevice);\n } else if (jQuery(this).attr('data-device') === firstDevice) {\n jQuery(this).html(selectedIcon);\n jQuery(this).attr('data-device', selectedDevice);\n }\n });\n }\n /\r\n Close the device switcher when mouseup other places.\r\n \r\n @version 4.0.0\r\n \r\n @fires mouseup\r\n /\n\n\n jQuery(document).on('mouseup', function (event) {\n var target = event.target;\n var deviceSwitcher = jQuery('.rmp-device-switcher');\n\n if (!deviceSwitcher.is(target) && 0 === deviceSwitcher.has(target).length) {\n deviceSwitcher.removeClass('open');\n }\n });\n /\r\n Active preview as per clicked device.\r\n \r\n @version 4.0.0\r\n \r\n @fires Click\r\n /\n\n jQuery('#rmp-editor-footer .rmp-preview-device-wrapper').on('click', 'button', function (e) {\n jQuery('#rmp-editor-footer').find('.rmp-preview-device-wrapper button').removeClass('active');\n jQuery('#rmp-editor-footer').find('.rmp-preview-device-wrapper button').attr('aria-pressed', 'false');\n jQuery(this).addClass('active');\n jQuery(this).attr('aria-pressed', 'true');\n var device = jQuery(this).data('device');\n var deviceEditor = jQuery('#rmp-editor-wrapper');\n var allClasses = deviceEditor.attr('class').split(' ');\n allClasses.forEach(function (value) {\n if (value.includes('rmp-preview-')) {\n deviceEditor.removeClass(value);\n }\n });\n deviceEditor.addClass('rmp-preview-' + device);\n activeDeviceOptions(device);\n });\n /\r\n Instantiate the accordion elements.\r\n * @version 4.0.0\r\n /\n\n jQuery('.rmp-accordion-container,.rmp-sub-accordion-container').accordion({\n collapsible: true,\n heightStyle: 'content',\n animate: 200,\n active: 0\n });\n /\r\n Instantiate the draggable and sortable menu item order elements.\r\n * \t@version 4.0.0\r\n /\n\n jQuery('#rmp-menu-ordering-items').accordion().sortable({\n placeholder: 'sortable-placeholder',\n opacity: 0.9,\n cursor: 'move',\n delay: 150,\n forcePlaceholderSize: true,\n active: false\n });\n /\r\n Stop propagating when click on item control element.\r\n /\n\n jQuery('#tab-container .item-controls, #tab-header-bar .item-controls').on('click', function (event) {\n event.stopPropagation();\n });\n /\r\n Show/Hide tooltip for option description.\r\n \r\n @version 4.0.0\r\n \r\n @fires click,mouseleave\r\n /\n\n jQuery('.rmp-tooltip-icon').on('click', function (e) {\n if (jQuery(this).hasClass('show-tooltip')) {\n return;\n } else {\n jQuery(this).addClass('show-tooltip');\n }\n\n var toolTipContents = jQuery(this).find('.rmp-tooltip-content');\n toolTipContents.css({\n 'left': e.pageX - toolTipContents.width() / 100 60,\n 'position': 'fixed',\n 'top': e.pageY - toolTipContents.height() - 10,\n 'bottom': 'unset'\n });\n toolTipContents.fadeIn();\n }).on('mouseleave', function () {\n jQuery(this).removeClass('show-tooltip');\n jQuery(this).find('.rmp-tooltip-content').fadeOut();\n });\n /*\r\n Remove image from image picker\r\n \r\n @version 4.0.0\r\n \r\n @fires Click\r\n /\n\n jQuery('.rmp-image-picker ').on('click', '.rmp-image-picker-trash', function (e) {\n e.stopPropagation();\n e.preventDefault();\n jQuery(this).parent('.rmp-image-picker').siblings('input.rmp-image-url-input').val('');\n jQuery(this).parent('.rmp-image-picker').removeAttr('style');\n jQuery(this).remove();\n\n if (!jQuery('#rmp-editor-main').find('#rmp-menu-update-notification').length) {\n addUpdateNotification();\n }\n });\n /\r\n Show/Hide the theme uploader section in theme page.\r\n /\n\n jQuery('#rmp-upload-new-theme').on('click', function () {\n jQuery('#rmp-menu-library-import').toggleClass('hide');\n });\n /\r\n Hide theme uploader section when click on cancel.\r\n /\n\n jQuery('#rmp-menu-library-import-form').on('click', '.cancel', function (e) {\n jQuery('#rmp-menu-library-import').addClass('hide');\n });\n /\r\n Upload the theme file using dropzone.\r\n \r\n @version 4.0.0\r\n /\n\n jQuery('#rmp-menu-library-import-form').dropzone({\n clickable: true,\n acceptedFiles: '.zip',\n uploadMultiple: false,\n success: function success(file, response) {\n location.reload();\n },\n totaluploadprogress: function totaluploadprogress() {\n jQuery('.rmp-page-loader').css('display', 'flex');\n }\n });\n /\r\n Open theme options in editor footer.\r\n /\n\n jQuery('#rmp-theme-action').on('click', function (e) {\n jQuery('#rmp-footer-theme-options').toggleClass('open');\n });\n /\r\n Show/Hide the save theme wizard.\r\n /\n\n jQuery('.rmp-theme-save-button, #rmp-menu-save-theme-wizard .rmp-dialog-wrap .close').on('click', function (e) {\n jQuery('#rmp-menu-save-theme-wizard').toggle();\n });\n /\r\n Delete the theme from theme page.\r\n /\n\n jQuery('.rmp-theme-delete').on('click', function (e) {\n e.preventDefault();\n /* Ask for delete confirmation /\n\n var isConfirm = confirm('Are you sure, You want to delete this theme ?');\n\n if (!isConfirm) {\n return;\n } //Show the loader on deleting theme.\n\n\n var current_theme = jQuery(this);\n current_theme.append('<span class=\"spinner is-active\"></span>');\n var themeName = jQuery(this).attr('data-theme');\n var themeType = jQuery(this).attr('data-theme-type').toLowerCase();\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_theme_delete',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'theme_name': themeName,\n 'theme_type': themeType\n },\n type: 'POST',\n dataType: 'json',\n error: function error(_error4) {\n console.log(_error4.statusText);\n },\n success: function success(response) {\n current_theme.find('.spinner').removeClass('is-active');\n\n if (response.success) {\n location.reload();\n } else {\n alert(response.data.message);\n }\n }\n });\n });\n /\r\n Apply the selected theme in current active menu in editor.\r\n \r\n @version 4.0.0\r\n \r\n @fires click\r\n /\n\n jQuery(document).on('click', '.rmp-theme-apply', function (e) {\n //Show the overlay with loader.\n jQuery('.rmp-page-loader').css('display', 'flex');\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_theme_apply',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'theme_name': jQuery(this).attr('theme-name'),\n 'theme_type': jQuery(this).attr('theme-type').toLowerCase(),\n 'menu_id': jQuery('#menu_id').val(),\n 'menu_to_use': jQuery('#rmp-menu-to-use').val()\n },\n type: 'POST',\n dataType: 'json',\n error: function error(_error5) {\n console.log(_error5.statusText);\n jQuery('.rmp-page-loader').hide();\n },\n success: function success(response) {\n if (response.success) {\n location.reload();\n } else {\n jQuery('.rmp-page-loader').hide();\n alert(response.data.message);\n }\n }\n });\n });\n /\r\n Save the global settings on click.\r\n * \r\n * @version 4.0.0\r\n * \r\n * @fires click\r\n /\n\n jQuery('.rmp-save-global-settings-button').on('click', function (e) {\n e.preventDefault();\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_save_global_settings',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'form': jQuery('#rmp-global-settings').serialize()\n },\n type: 'POST',\n dataType: 'json',\n beforeSend: function beforeSend() {\n jQuery(this).prop('disabled', true);\n jQuery('.spinner').addClass('is-active');\n },\n error: function error(_error6) {\n console.log('Internal Error !' + _error6);\n },\n success: function success(response) {\n jQuery('.spinner').removeClass('is-active');\n jQuery(this).prop('disabled', false);\n }\n });\n });\n /\r\n Initiate multiple selectize option of editor.\r\n /\n\n jQuery('#rmp-keyboard-shortcut-close-menu,#rmp-keyboard-shortcut-open-menu').selectize({\n maxItems: 2,\n plugins: ['remove_button']\n });\n /\r\n Event to linked the group inputs.\r\n * \r\n * @fires Click\r\n /\n\n jQuery(document).on('click', 'button.rmp-group-input-linked', function () {\n jQuery(this).toggleClass('is-linked');\n });\n /\r\n Event to type on all sibblings input if linked.\r\n * \r\n * @fires keyup\r\n /\n\n jQuery(document).on('keyup', 'input.rmp-group-input', function (event) {\n var pressedKeys = this.value.toLocaleLowerCase();\n var parent = jQuery(this).parents('.rmp-input-group-control');\n var isLinked = parent.find('.is-linked');\n\n if (isLinked.length) {\n parent.find('input.rmp-group-input').val(pressedKeys);\n } else {\n jQuery(this).val(pressedKeys);\n }\n });\n /\r\n Function to add the notification and update button.\r\n /\n\n function addUpdateNotification() {\n if (!jQuery('#rmp-editor-main').find('#rmp-menu-update-notification').length) {\n jQuery('#rmp-editor-main').prepend('<div id=\"rmp-menu-update-notification\" class=\"rmp-order-item rmp-order-item-description\">' + '<span> <span class=\"rmp-font-icon dashicons dashicons-warning \"></span> Update Required </span>' + '<a href=\"javascript:void(0)\" id=\"rmp-menu-quick-update-button\">UPDATE</a>' + '</div>');\n }\n }\n\n jQuery('form#rmp-editor-form').on('keyup change paste', 'input, select, textarea, radio, checkbox', function () {\n if (!jQuery(this).hasClass('no-updates')) {\n addUpdateNotification();\n }\n });\n jQuery(document).on('click', '#rmp-icon-dialog-select,.media-button-select,.rmp-icon-picker,.rmp-image-picker', function () {\n if (!jQuery('#rmp-editor-main').find('#rmp-menu-update-notification').length) {\n addUpdateNotification();\n }\n });\n /\r\n Event to download exported menu settings as json file.\r\n \r\n @version 4.0.0 \r\n /\n\n jQuery('#rmp-export-menu-button').on('click', function (e) {\n e.preventDefault();\n var menu_id = jQuery('#rmp_export_menu_list').val();\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_export_menu',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'menu_id': menu_id\n },\n type: 'POST',\n dataType: 'json',\n beforeSend: function beforeSend() {\n jQuery('#rmp-export-menu-button').prop('disabled', true);\n },\n error: function error(_error7) {\n console.log(_error7.statusText);\n jQuery('#rmp-export-menu-button').prop('disabled', false);\n },\n success: function success(response) {\n jQuery('#rmp-export-menu-button').prop('disabled', false);\n\n if (response.data) {\n var menu_name = jQuery('#rmp_export_menu_list').children(\":selected\").text().trim().toLocaleLowerCase().split(' ').join('-');\n download_file(response.data, menu_name + '.json', 'application/json');\n }\n }\n });\n });\n /\r\n Function to download the content as file.\r\n * \r\n * @since 4.0.0\r\n * \r\n * @param {String} content Contents for file\r\n * @param {String} name Name of the file. \r\n * @param {String} type File type\r\n /\n\n function download_file(content, name, type) {\n var link = document.body.appendChild(document.createElement('a'));\n var file = new Blob([content], {\n type: type\n });\n link.href = URL.createObjectURL(file);\n link.download = name;\n link.click();\n }\n /\r\n Event to download exported menu settings as json file.\r\n \r\n @version 4.0.0 \r\n /\n\n\n jQuery('#rmp-import-menu-button').on('click', function (e) {\n e.preventDefault();\n var menu_id = jQuery('#rmp_import_menu_list').val();\n\n if (!menu_id) {\n alert('Please create menu first ! ');\n return;\n }\n\n var file_data = jQuery('#rmp_input_import_file')[0].files[0];\n\n if (!file_data) {\n alert('Choose export file ! ');\n return;\n }\n\n var form_data = new FormData();\n form_data.append('file', file_data);\n form_data.append('ajax_nonce', rmpObject.ajax_nonce);\n form_data.append('menu_id', menu_id);\n form_data.append('action', 'rmp_import_menu');\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: form_data,\n type: 'POST',\n cache: false,\n contentType: false,\n processData: false,\n dataType: 'json',\n beforeSend: function beforeSend() {\n jQuery('#rmp-import-menu-button').prop('disabled', true);\n },\n error: function error(_error8) {\n console.log(_error8.statusText);\n jQuery('#rmp-import-menu-button').prop('disabled', false);\n },\n success: function success(response) {\n jQuery('#rmp-import-menu-button').prop('disabled', false);\n noticeClass = 'notice-error';\n\n if (response.success) {\n noticeClass = 'notice-success';\n jQuery('#rmp_input_import_file').val('');\n }\n\n jQuery('#rmp-global-settings').before('<div class=\"notice ' + noticeClass + ' settings-error is-dismissible\"> <p>' + response.data.message + '</p></div>');\n setTimeout(function () {\n jQuery('#rmp-global-settings').parent().find('.notice').remove();\n }, 3000);\n }\n });\n });\n /\r\n Function to manage menu container animation options.\r\n \r\n @param {String} optionValue \r\n /\n\n function updateMenuContainerAnimationOptions(optionValue) {\n if ('push' === optionValue) {\n jQuery('#rmp-page-wrapper').parents('.rmp-input-control-wrapper').fadeIn();\n } else {\n jQuery('#rmp-page-wrapper').parents('.rmp-input-control-wrapper').fadeOut();\n }\n\n if ('fade' === optionValue) {\n jQuery('#rmp-menu-appear-from option[value=\"top\"]').hide();\n jQuery('#rmp-menu-appear-from option[value=\"bottom\"]').hide();\n } else {\n jQuery('#rmp-menu-appear-from option[value=\"top\"]').show();\n jQuery('#rmp-menu-appear-from option[value=\"bottom\"]').show();\n }\n } // Menu container animation type and their options.\n\n\n updateMenuContainerAnimationOptions(jQuery('#rmp-animation-type').val());\n jQuery('#rmp-editor-wrapper').on('change', '#rmp-animation-type', function (e) {\n var optionValue = jQuery(this).val();\n updateMenuContainerAnimationOptions(optionValue);\n });\n /\r\n Event to back on home page under preview screen.\r\n \r\n @since 4.1.0\r\n \r\n @fires click\r\n \r\n @return void\r\n /\n\n jQuery('#rmp-preview-wrapper').on('click', function () {\n var url = window.location.href;\n url = url.substring(0, url.indexOf('wp-admin')) + '?rmp_preview_mode=true';\n jQuery('#rmp-preview-iframe-loader').show();\n jQuery('#rmp-preview-iframe').attr('src', url);\n });\n /* Call ajax to hide admin notice permanent. /\n\n jQuery('.notice-responsive-menu').on('click', '.notice-dismiss', function (event) {\n event.preventDefault();\n jQuery.ajax({\n type: \"POST\",\n url: rmpObject.ajaxURL,\n data: 'action=rmp_upgrade_admin_notice_dismiss'\n });\n });\n});\n\n//# sourceURL=webpack:///./assets/admin/js/rmp-admin.js?")},"./assets/admin/js/rmp-editor.js":function(module,exports){eval("/\r\n This file container the editor multi level features.\r\n \r\n @version 4.0.0\r\n \r\n @type {Object}\r\n /\nvar rmpEditor = {\n editorSidebar: '#rmp-editor-wrapper',\n sidebarDrawer: 'button.collapse-sidebar',\n mainForm: '#rmp-editor-form',\n editorContainer: '#rmp-editor-main',\n topParentNav: '#rmp-editor-nav',\n topParentTab: '#rmp-editor-pane',\n childTabs: '.rmp-accordions',\n tabItem: 'li.rmp-tab-item',\n titleLogo: '.rmp-editor-header-logo',\n closeButton: '.rmp-editor-header-close',\n titleText: '.rmp-editor-header-title',\n backButton: '.rmp-editor-header-back',\n tabId: null,\n level: 0,\n triggerBack: function triggerBack() {\n this.level--;\n parentId = jQuery('#' + this.tabId).attr('aria-parent');\n jQuery('#' + parentId).show();\n var title = jQuery('#' + parentId).attr('aria-label');\n this.updateHeader(title);\n jQuery('#' + this.tabId).hide();\n this.tabId = parentId;\n },\n updatePanel: function updatePanel(current) {\n this.tabId = current.attr('aria-owns');\n jQuery('#' + this.tabId).show();\n parentId = current.parent('ul').parent('div').attr('id');\n jQuery('#' + this.tabId).attr('aria-parent', parentId);\n jQuery('#' + parentId).hide();\n },\n updateHeader: function updateHeader(title) {\n if (0 == this.level) {\n jQuery(this.titleLogo).find('img').show();\n jQuery(this.closeButton).show();\n jQuery(this.backButton).hide();\n } else if (1 == this.level) {\n jQuery(this.backButton).css('display', 'flex');\n jQuery(this.titleLogo).find('img').hide();\n jQuery(this.closeButton).hide();\n }\n\n jQuery(this.titleText).text(title);\n },\n init: function init() {\n var self = this; // Move on next panel when click on item.\n\n jQuery(self.editorContainer).on('click', self.tabItem, function (e) {\n e.stopPropagation();\n e.preventDefault();\n current = jQuery(this);\n self.level++;\n self.updateHeader(current.text());\n self.updatePanel(current);\n }); // Back from inner panel when click on back button.\n\n jQuery(self.backButton).on('click', function (e) {\n e.stopPropagation();\n self.triggerBack();\n }); // Open/Close the editor setting sidebar.\n\n jQuery(self.sidebarDrawer).on('click', function (e) {\n jQuery(self.editorSidebar).toggleClass('expanded collapsed');\n });\n }\n};\nrmpEditor.init();\n\n//# sourceURL=webpack:///./assets/admin/js/rmp-editor.js?")},"./assets/admin/js/rmp-icon.js":function(module,exports){eval("/\r\n This file contain the script to handle the icon wizard and it's operation.\r\n \r\n @version 4.0.0\r\n /\njQuery(document).ready(function () {\n var RMP_Icon = {\n iconSelect: '#rmp-icon-dialog-select',\n iconContainer: '.rmp-menu-icons-dialog',\n clearSelector: '#rmp-icon-dialog-clear',\n closeSelector: '.rmp-menu-icons-dialog .rmp-dialog-header button.close',\n clear: function clear() {\n var self = this;\n jQuery(self.clearSelector).on('click', function () {\n jQuery(self.iconContainer).find('input').prop('checked', false);\n });\n },\n closeDialog: function closeDialog() {\n var self = this;\n jQuery(self.closeSelector).on('click', function () {\n jQuery(self.iconContainer).hide();\n });\n },\n openDialog: function openDialog(iconChooser) {\n var self = this;\n jQuery(iconChooser).on('click', function (e) {\n e.stopPropagation();\n jQuery(self.iconContainer).show();\n jQuery(self.iconSelect).attr('data-click', jQuery(e.target).attr('id'));\n });\n },\n getIconElementWrap: function getIconElementWrap(icon_class) {\n if (icon_class.includes('material-icons')) {\n icon_class = icon_class.replace('material-icons', '');\n return '<span class=\"rmp-font-icon material-icons\">' + icon_class + '</span>';\n }\n\n return '<span class=\"rmp-font-icon ' + icon_class + ' \"></span>';\n },\n removeIcon: function removeIcon(iconChooser) {\n jQuery(iconChooser).on('click', '.rmp-icon-picker-trash', function (e) {\n e.preventDefault();\n e.stopPropagation();\n jQuery(this).parent('.rmp-icon-picker').siblings('input.rmp-icon-hidden-input').val('');\n jQuery(this).siblings('.rmp-font-icon').remove();\n jQuery(this).parent('.rmp-icon-picker').removeAttr('data-icon');\n jQuery(this).remove();\n\n if (!jQuery('#rmp-editor-main').find('#rmp-menu-update-notification').length) {\n jQuery('#rmp-editor-main').prepend('<div id=\"rmp-menu-update-notification\" class=\"rmp-order-item rmp-order-item-description\">' + '<span> <span class=\"rmp-font-icon dashicons dashicons-warning \"></span> Update Required </span>' + '<a href=\"javascript:void(0)\" id=\"rmp-menu-quick-update-button\">UPDATE</a>' + '</div>');\n }\n });\n },\n getIcon: function getIcon() {\n var self = this;\n jQuery(document).on('click', this.iconSelect, function () {\n icon_class = jQuery(self.iconContainer).find('input:checked').val();\n clicker = '#' + jQuery(self.iconSelect).attr('data-click');\n icon_wrap = self.getIconElementWrap(icon_class);\n jQuery(clicker).find('.rmp-font-icon').remove();\n jQuery(clicker).prev('input.rmp-icon-hidden-input').val(icon_wrap);\n jQuery(clicker).append(icon_wrap);\n jQuery(clicker).attr('data-icon', true);\n jQuery(clicker).find('.rmp-icon-picker-trash').remove();\n jQuery(clicker).append('<i class=\"rmp-icon-picker-trash dashicons dashicons-trash\" aria-hidden=\"true\"></i>');\n jQuery(self.iconSelect).removeAttr('data-click');\n jQuery(self.closeSelector).click();\n jQuery(clicker).prev('input').first().focus();\n });\n },\n init: function init(iconChooser) {\n this.openDialog(iconChooser);\n this.removeIcon(iconChooser);\n this.getIcon();\n this.clear();\n this.closeDialog();\n jQuery('#rmp-icon-search').on('keyup', _.debounce(this.searchIcon, 500));\n jQuery('#rmp-icon-search').on('keyup', function () {\n var query_string = this.value.toLocaleLowerCase();\n\n if (query_string.length) {\n if (!jQuery('#rmp-icon-search-typing-message').length) {\n jQuery(this).after('<span id=\"rmp-icon-search-typing-message\"> Waiting for more keystrokes... </span>');\n } else {\n jQuery('#rmp-icon-search-typing-message').html('Waiting for more keystrokes...');\n }\n }\n });\n /\r\n Create menu item icon selector.\r\n /\n\n jQuery(document).on('click', '.delete-menu-item-icon', function () {\n jQuery(this).closest('.rmp-menu-item-icon-container').remove();\n });\n },\n searchIcon: function searchIcon(e) {\n jQuery('#rmp-icon-search-typing-message').html('Please wait moment..');\n var query_string = this.value.toLocaleLowerCase();\n var activeTab = jQuery('.rmp-menu-icons-dialog').find('.nav-tab-active');\n\n if (!activeTab.length) {\n activeTab = jQuery('.rmp-menu-icons-dialog').find('.nav-tab').first();\n }\n\n icon_container = activeTab.attr('href');\n var icon_selector = jQuery(icon_container + ' .font-icon');\n var is_exist = false;\n icon_selector.each(function () {\n var icon_label = jQuery(this).children('input').val().toLocaleLowerCase();\n\n if (icon_label.includes(query_string)) {\n jQuery(this).show();\n is_exist = true;\n } else {\n jQuery(this).hide();\n }\n });\n\n if (is_exist) {\n jQuery('#rmp-icon-search-typing-message').html('Done, Check results..');\n } else {\n jQuery('#rmp-icon-search-typing-message').html('Sorry, Not found..');\n }\n }\n };\n RMP_Icon.init('.rmp-icon-picker');\n});\n\n//# sourceURL=webpack:///./assets/admin/js/rmp-icon.js?")},"./assets/admin/js/rmp-menu-wizard.js":function(module,__webpack_exports__,__webpack_require__){"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/\r\n This is js hook scripts file for responsive menu.\r\n \r\n @file This files defines the rmpNewMenuWizard object.\r\n * @author ExpressTech System.\r\n \r\n @since 4.1.0\r\n \r\n @package responsive-menu-pro\r\n /\n\n/\r\n Hooks class.\r\n \r\n @type {Object}\r\n \r\n @since 4.1.0\r\n /\n\nvar rmpMenuWizard = {\n /\r\n Initialize.\r\n \r\n @return {void}\r\n /\n init: function init() {\n this.setProps();\n },\n\n /\r\n Set properties and selectors.\r\n \r\n @return {void}\r\n /\n setProps: function setProps() {\n var _this = this;\n\n //Assign wizard container element id.\n var menuWizardContainer = jQuery('#rmp-new-menu-wizard'); //Open new create menu wizard on click event.\n\n jQuery(document).on('click', 'a.page-title-action', function (e) {\n e.preventDefault();\n menuWizardContainer.show();\n }); //Close the new menu wizard.\n\n jQuery('#rmp-new-menu-wizard .rmp-dialog-header button.close').on('click', function () {\n menuWizardContainer.hide();\n }); //Show/Hide the page selection input control.\n\n menuWizardContainer.on('change', '.rmp-menu-display-option', function (e) {\n var optionValue = jQuery(this).val();\n\n if ('exclude-pages' === optionValue \|\| 'include-pages' === optionValue) {\n jQuery('#rmp-menu-page-selector').show();\n return;\n }\n\n jQuery('#rmp-menu-page-selector').hide();\n }); //Show/Hide change theme wizard in customizer page.\n\n jQuery('.rmp-theme-change-button').on('click', function (e) {\n menuWizardContainer.toggle();\n }); //Multi step form event for next button.\n\n jQuery('#rmp-menu-next-step').on('click', function () {\n _this.nextSection();\n }); //Multi step form event for top item label.\n\n jQuery('li.rmp-new-menu-step').on('click', function (e) {\n var index = jQuery(e.currentTarget).index();\n\n _this.goToSection(index);\n }); //Call ajax to save the new create menu.\n\n jQuery('#rmp-create-new-menu').on('click', function (e) {\n e.preventDefault();\n var menuName = jQuery('#rmp-menu-name');\n var themeName = jQuery('.rmp-theme-option:checked').val();\n\n if (themeName == undefined) {\n themeName = '';\n }\n\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_create_new_menu',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'menu_name': menuName.val(),\n 'menu_to_hide': jQuery('#rmp-hide-menu').val(),\n 'menu_to_use': jQuery('#rmp-menu-to-use').val(),\n 'menu_show_on_pages': jQuery('#rmp-menu-display-on-pages').val(),\n 'menu_show_on': jQuery('.rmp-menu-display-option').val(),\n 'menu_theme': themeName,\n 'theme_type': jQuery('.rmp-theme-option:checked').attr('theme-type')\n },\n type: 'POST',\n dataType: 'json',\n beforeSend: function beforeSend() {\n jQuery(e.currentTarget).prop('disabled', true);\n jQuery('.spinner').addClass('is-active');\n },\n error: function error(_error) {\n console.log('Internal Error !');\n jQuery('#rmp-create-new-menu').prop('disabled', false);\n jQuery('.spinner').removeClass('is-active');\n },\n success: function success(response) {\n jQuery('.spinner').removeClass('is-active');\n jQuery('#rmp-create-new-menu').prop('disabled', false);\n\n if (response.success) {\n window.location.href = response.data.customize_url;\n } else {\n alert(response.data.message);\n }\n }\n });\n }); //Ajax call to upload the theme.\n\n jQuery('#rmp-theme-upload').on('click', function (e) {\n e.preventDefault();\n var formData = new FormData();\n var file = jQuery('#rmp_menu_theme_zip').prop('files')[0];\n formData.append('file', file);\n formData.append('action', 'rmp_menu_theme_upload');\n formData.append('ajax_nonce', rmpObject.ajax_nonce);\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: formData,\n type: 'POST',\n processData: false,\n contentType: false,\n dataType: 'json',\n success: function success(response) {\n jQuery('#rmp_menu_theme_zip').val('');\n alert(response.data.message);\n\n if (response.data.html) {\n jQuery('#rmp-new-menu-wizard').find('#tabs-1').html(response.data.html);\n jQuery('#rmp-menu-library-import').addClass('hide');\n }\n }\n });\n }); //Ajax call to check the recent changes the theme api.\n\n jQuery('.rmp-call-theme-api-button').on('click', function (e) {\n if (!jQuery(e.currentTarget).hasClass('rmp-call-theme-api-button')) {\n return;\n }\n\n jQuery('#rmp-new-menu-wizard').find('.rmp-page-loader').css('display', 'flex');\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_call_theme_api',\n 'ajax_nonce': rmpObject.ajax_nonce\n },\n type: 'POST',\n dataType: 'json',\n error: function error(_error2) {\n jQuery('#rmp-new-menu-wizard').find('.rmp-page-loader').hide();\n jQuery('#rmp-new-menu-wizard').find('#tabs-2 .rmp_theme_grids').html('Internal Error !');\n },\n success: function success(response) {\n if (response.data.html) {\n jQuery('#rmp-new-menu-wizard').find('#tabs-2 .rmp_theme_grids').html(response.data.html);\n jQuery(e.currentTarget).removeClass('rmp-call-theme-api-button');\n }\n }\n });\n });\n },\n\n /\r\n Jump to the next section of wizard.\r\n \r\n @return {void}\r\n /\n nextSection: function nextSection() {\n var currectSectionIndex = jQuery('div.rmp-menu-section.current').index();\n this.goToSection(currectSectionIndex + 1);\n },\n\n /\r\n Show the indexed section in wizard.\r\n \r\n @return {void}\r\n /\n goToSection: function goToSection(currectSectionIndex) {\n if (1 <= currectSectionIndex) {\n jQuery('#rmp-create-new-menu').show();\n jQuery('#rmp-menu-next-step').hide();\n } else {\n jQuery('#rmp-create-new-menu').hide();\n jQuery('#rmp-menu-next-step').show();\n }\n\n jQuery('div.rmp-menu-section').eq(currectSectionIndex).addClass('current').siblings().removeClass('current');\n jQuery('li.rmp-new-menu-step').eq(currectSectionIndex).addClass('current').siblings().removeClass('current');\n }\n};\nrmpMenuWizard.init();\n/ harmony default export / __webpack_exports__[\"default\"] = (rmpMenuWizard);\n\n//# sourceURL=webpack:///./assets/admin/js/rmp-menu-wizard.js?")},"./assets/admin/js/rmp-preview.js":function(module,exports){eval("/\r\n This is preview scripts file for responsive menu customizer.\r\n \r\n @file This files defines the rmpHook object.\r\n * @author ExpressTech System.\r\n * @type {Object}\r\n \r\n @since 4.0.0\r\n \r\n @package responsive-menu-pro\r\n /\n\n/\r\n Hooks class.\r\n \r\n @type {Object}\r\n \r\n @since 4.0.0\r\n /\nvar rmpHook = {\n hooks: [],\n isBreak: false,\n\n /\r\n Function to register the hook.\r\n \r\n @since 4.0.0\r\n \r\n @param String name Hook Name.\r\n * @param function callback Associated function.\r\n /\n register: function register(name, callback) {\n if ('undefined' == typeof rmpHook.hooks[name]) {\n rmpHook.hooks[name] = [];\n }\n\n rmpHook.hooks[name].push(callback);\n },\n\n /\r\n Function to call the hook.\r\n \r\n @since 4.0.0\r\n \r\n @param String name Hook Name.\r\n * @param function params Paramter list.\r\n /\n call: function call(name, params) {\n if ('undefined' != typeof rmpHook.hooks[name]) {\n for (var i = 0; i < rmpHook.hooks[name].length; ++i) {\n var output = rmpHook.hooks[name][i](params);\n\n if (false == output) {\n rmpHook.isBreak = true;\n return false;\n }\n\n return output;\n }\n }\n\n return true;\n }\n};\n/\r\n Register function to color the menu elements.\r\n * \r\n * @since 4.0.0\r\n * \r\n * @param {Object} args List of inputs.\r\n * @return {String}\r\n /\n\nrmpHook.register('rmp_color_style', function (args) {\n if (!args) {\n return false;\n } // Set the state/pseudo class.\n\n\n if ('hover' == args.state) {\n args.outputSelector = args.outputSelector + ':hover';\n } else if ('placeholder' == args.state) {\n args.outputSelector = args.outputSelector + '::placeholder';\n } else if ('before' == args.state) {\n args.outputSelector = args.outputSelector + '::before';\n } else if ('after' == args.state) {\n args.outputSelector = args.outputSelector + '::after';\n } //Prepare css string and return.\n\n\n return args.outputSelector + '{ ' + args.attr + ' : ' + args.value + ';}';\n});\n/\r\n rmpPreview class\r\n * \r\n * @since 4.0.0\r\n * \r\n * @type {Object}\r\n /\n\nwindow.RMP_Preview = {\n iframe: '#rmp-preview-iframe',\n menuId: jQuery('#menu_id').val(),\n mobile_breakpoint: jQuery('#rmp-menu-mobile-breakpoint').val() + 'px',\n tablet_breakpoint: jQuery('#rmp-menu-tablet-breakpoint').val() + 'px',\n active_device: jQuery('#rmp_device_mode'),\n menuContainer: '#rmp-container-' + self.menuId,\n onTyping: function onTyping(inputSelector, outputSelector, type) {\n var meta = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';\n var self = this;\n var iframe = jQuery(self.iframe);\n jQuery(inputSelector).on('keyup change paste', function () {\n switch (type) {\n case 'border-radius':\n var value = jQuery(this).val();\n css = outputSelector + '{ border-radius : ' + value + 'px;}';\n self.inlineCssInjector(css);\n break;\n\n case 'section-padding':\n var value = jQuery(this).val();\n var is_linked = jQuery(this).parents('.rmp-input-group-control').find('.rmp-group-input-linked').hasClass('is-linked');\n var attr = 'padding';\n\n if (!is_linked) {\n pos = jQuery(this).attr('data-input');\n attr = attr + '-' + pos;\n }\n\n css = outputSelector + '{ ' + attr + ' : ' + value + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'trigger-text':\n if (iframe.contents().find(outputSelector).length) {\n iframe.contents().find(outputSelector).html(this.value);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').before('<div class=\"rmp-trigger-label rmp-trigger-label-top\"><span class=\"rmp-trigger-text\">\"' + this.value + '\"</span></div>');\n }\n\n break;\n\n case 'trigger-text-open':\n if (iframe.contents().find(outputSelector).length) {\n iframe.contents().find(outputSelector).html(this.value);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').before('<div class=\"rmp-trigger-label rmp-trigger-label-top\"><span class=\"rmp-trigger-text-open\">\"' + this.value + '\"</span></div>');\n }\n\n break;\n\n case 'text':\n iframe.contents().find(outputSelector).html(this.value);\n break;\n\n case 'placeholder':\n iframe.contents().find(outputSelector).attr('placeholder', this.value);\n break;\n\n case 'href':\n iframe.contents().find(outputSelector).attr('href', this.value);\n break;\n\n case 'font-size':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit.length) {\n unit = 'px';\n }\n\n var value = jQuery(this).val();\n css = outputSelector + '{ font-size : ' + (value + unit) + ';}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'width':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit) {\n unit = 'px';\n }\n\n css = outputSelector + '{ width : ' + (this.value + unit) + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'height':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit.length) {\n unit = 'px';\n }\n\n css = outputSelector + '{ height : ' + (this.value + unit) + ';}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'line-height':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit.length) {\n unit = 'px';\n }\n\n css = outputSelector + '{ line-height : ' + (this.value + unit) + ';}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'min-width':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit.length) {\n unit = 'px';\n }\n\n css = outputSelector + '{ min-width : ' + (this.value + unit) + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'max-width':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit.length) {\n unit = 'px';\n }\n\n css = outputSelector + '{ max-width : ' + (this.value + unit) + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'trigger-side-position':\n side = jQuery('#rmp-menu-button-left-or-right').val();\n unit = jQuery('#rmp-menu-button-distance-from-side-unit').val();\n value = jQuery('#rmp-menu-button-distance-from-side').val();\n css = outputSelector + '{ ' + side + ' :' + (value + unit) + ' !important;}';\n self.inlineCssInjector(css);\n break;\n\n case 'top':\n value = jQuery(this).val();\n unit = jQuery('#rmp-menu-button-top-unit').val();\n css = outputSelector + '{ top :' + (value + unit) + ' !important;}';\n self.inlineCssInjector(css);\n break;\n\n case 'border-width':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit) {\n unit = 'px';\n }\n\n css = outputSelector + '{ border-width : ' + (this.value + unit) + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'padding':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit) {\n unit = 'px';\n }\n\n if (meta == 'lr') {\n css = outputSelector + '{ padding : 0 ' + (this.value + unit) + ';}';\n }\n\n self.inlineCssInjector(css);\n break;\n }\n });\n },\n bindImage: function bindImage(inputSelector, outputSelector, type) {\n var self = this;\n var iframe = jQuery(self.iframe);\n jQuery(document).on('click', inputSelector, function (e) {\n e.preventDefault();\n var button = jQuery(this),\n custom_uploader = wp.media({\n title: 'Select image',\n library: {\n type: 'image'\n },\n button: {\n text: 'Use this image'\n },\n multiple: false\n }).on('select', function () {\n var attachment = custom_uploader.state().get('selection').first().toJSON();\n jQuery(e.target).prev('input.rmp-image-url-input').val(attachment.url);\n jQuery(e.target).css('background-image', 'url(' + attachment.url + ')');\n jQuery(e.target).append('<i class=\"rmp-image-picker-trash dashicons dashicons-trash\" aria-hidden=\"true\"></i>');\n\n if (type == 'img-src') {\n iframe.contents().find(outputSelector).attr('src', attachment.url);\n } else if (type == 'background') {\n css = outputSelector + '{ background-image : url(' + attachment.url + ');}';\n self.inlineCssInjector(css);\n } else if (type == 'trigger-icon') {\n if (iframe.contents().find(outputSelector).length) {\n iframe.contents().find(outputSelector).attr('src', attachment.url);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box .responsive-menu-pro-inner').hide();\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').append('<img class=\"rmp-trigger-icon rmp-trigger-icon-inactive\" src=\"' + attachment.url + '\"/>');\n }\n } else if (type == 'trigger-icon-open') {\n if (iframe.contents().find(outputSelector).length) {\n iframe.contents().find(outputSelector).attr('src', attachment.url);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box .responsive-menu-pro-inner').hide();\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').append('<img class=\"rmp-trigger-icon rmp-trigger-icon-active\" src=\"' + attachment.url + '\"/>');\n }\n }\n }).open();\n });\n },\n toggleElements: function toggleElements(inputSelector, outputSelector) {\n var self = this;\n jQuery(inputSelector).on('change', function (e) {\n e.preventDefault();\n e.stopPropagation();\n var iframe = jQuery(self.iframe);\n\n if (iframe.contents().find(outputSelector).length) {\n if (jQuery(this).is(':checked')) {\n iframe.contents().find(outputSelector).fadeIn(500);\n } else {\n iframe.contents().find(outputSelector).fadeOut(500);\n }\n } else {\n e.preventDefault();\n var menuId = jQuery('#menu_id').val(),\n toggle_on = jQuery(this).data('toggle');\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_enable_menu_item',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'menu_id': menuId,\n 'menu_element': toggle_on\n },\n type: 'POST',\n dataType: 'json',\n beforeSend: function beforeSend() {\n jQuery(this).prop('disabled', true);\n jQuery('#iframe-spinner').show();\n },\n error: function error(_error) {\n console.log('Internal Error !');\n jQuery(this).prop('disabled', false);\n jQuery('#iframe-spinner').hide();\n },\n success: function success(response) {\n if (response.data.markup) {\n iframe.contents().find('#rmp-container-' + self.menuId).append(response.data.markup);\n self.orderMenuElements();\n }\n\n jQuery(this).prop('disabled', false);\n jQuery('#iframe-spinner').hide();\n }\n });\n }\n });\n },\n orderMenuElements: function orderMenuElements() {\n var list = [];\n var self = this;\n var iframeContents = jQuery(self.iframe).contents();\n jQuery('#tab-container .item-title').each(function () {\n var val = jQuery(this).text().toLocaleLowerCase().trim();\n\n if (val == 'title') {\n list.push(iframeContents.find(self.menuTitle));\n iframeContents.find(self.menuTitle).remove();\n } else if (val == 'search') {\n list.push(iframeContents.find(self.menuSearch));\n iframeContents.find(self.menuSearch).remove();\n } else if (val == 'menu') {\n list.push(iframeContents.find(self.menuWrap));\n iframeContents.find(self.menuWrap).remove();\n } else {\n list.push(iframeContents.find(self.menuContents));\n iframeContents.find(self.menuContents).remove();\n }\n });\n list.forEach(function (menuElement) {\n iframeContents.find(self.menuContainer).append(menuElement);\n });\n },\n\n /\r\n Function to bind the color input with option and elements.\r\n * \r\n * @version 4.0.0\r\n * \r\n * @param {String} inputSelector \r\n * @param {String} outputSelector \r\n * @param {String} attr \r\n * @param {String} state \r\n /\n bindColor: function bindColor(inputSelector, outputSelector, attr, state) {\n var self = this;\n jQuery(inputSelector).wpColorPicker({\n change: function change(event, ui) {\n var value = ui.color.toString();\n var css = rmpHook.call('rmp_color_style', {\n 'outputSelector': outputSelector,\n 'attr': attr,\n 'value': value,\n 'state': state\n });\n\n if (jQuery(inputSelector).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n }\n });\n },\n mediaQuery: function mediaQuery(css) {\n var self = this;\n self.tablet_breakpoint = jQuery('#rmp-menu-tablet-breakpoint').val() + 'px';\n css = '@media screen and (max-width: ' + self.tablet_breakpoint + ' ) {' + css + '}';\n return css;\n },\n inlineCssInjector: function inlineCssInjector(css) {\n var self = this;\n var iframe = jQuery(self.iframe);\n var styleElement = iframe.contents().find('#rmp-inline-css-' + self.menuId);\n\n if (styleElement.length) {\n styleElement.append(css);\n } else {\n style = '<style id=\"rmp-inline-css-' + self.menuId + '\">' + css + '</style>';\n iframe.contents().find('head').append(style);\n }\n },\n changeInput: function changeInput(inputSelector, outputSelector, attr) {\n var meta = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';\n var self = this;\n var iframe = jQuery(self.iframe);\n jQuery(inputSelector).on('change', function (e) {\n switch (attr) {\n case 'height-unit':\n value = jQuery(this).prev('input').val();\n unit = jQuery(this).val();\n css = outputSelector + '{ height : ' + (value + unit) + ';}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'line-height-unit':\n value = jQuery(this).prev('input').val();\n unit = jQuery(this).val();\n css = outputSelector + '{ line-height : ' + (value + unit) + ';}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'width-unit':\n var value = jQuery(this).prev('input').val();\n var unit = jQuery(this).val();\n css = outputSelector + '{ width : ' + (value + unit) + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'font-size':\n value = jQuery(this).prev('input').val();\n unit = jQuery(this).val();\n css = outputSelector + '{ font-size :' + value + unit + ' !important;}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'font-family':\n value = jQuery(this).val();\n css = outputSelector + '{ font-family :' + value + ' !important;}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'font-weight':\n value = jQuery(this).val();\n css = outputSelector + '{ font-weight :' + value + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'padding-unit':\n var unit = jQuery(this).val();\n var value = jQuery(this).prev('input').val();\n\n if (!unit) {\n unit = 'px';\n }\n\n if (meta == 'lr') {\n css = outputSelector + '{ padding : 0 ' + (value + unit) + ';}';\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'letter-spacing':\n value = jQuery(this).val();\n css = outputSelector + '{ letter-spacing :' + value + 'px; }';\n self.inlineCssInjector(css);\n break;\n\n case 'position-alignment':\n if (iframe.contents().find(outputSelector).length) {\n position = jQuery(this).val();\n var rmpTriggerBox = iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box');\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').remove();\n\n if (position == 'top' \|\| position == 'left') {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId).append(rmpTriggerBox);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId).prepend(rmpTriggerBox);\n }\n }\n\n break;\n\n case 'trigger-animation':\n value = jQuery(this).val();\n var new_class = 'rmp-menu-trigger-' + value;\n all_class = iframe.contents().find(outputSelector).attr('class').split(\" \");\n all_class.forEach(function (value) {\n if (value.includes('rmp-menu-trigger-')) {\n iframe.contents().find(outputSelector).removeClass(value);\n iframe.contents().find(outputSelector).addClass(new_class);\n }\n });\n break;\n\n case 'top':\n var unit = jQuery(this).val();\n value = jQuery(this).prev('input').val();\n css = outputSelector + '{ top :' + (value + unit) + ' !important;}';\n self.inlineCssInjector(css);\n break;\n\n case 'trigger-side-position':\n side = jQuery('#rmp-menu-button-left-or-right').val();\n unit = jQuery('#rmp-menu-button-distance-from-side-unit').val();\n value = jQuery('#rmp-menu-button-distance-from-side').val();\n css = outputSelector + '{ ' + side + ' :' + (value + unit) + ' !important;}';\n self.inlineCssInjector(css);\n break;\n\n case 'trigger-side':\n side = jQuery(this).val();\n value = jQuery('#rmp-menu-button-distance-from-side').val();\n unit = jQuery('#rmp-menu-button-distance-from-side-unit').val();\n\n if (side == 'left') {\n css = outputSelector + '{' + side + ':' + (value + unit) + ' !important;right:unset !important}';\n } else {\n css = outputSelector + '{' + side + ':' + (value + unit) + ' !important;left:unset !important}';\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'position':\n value = jQuery(this).val();\n css = outputSelector + '{ position :' + value + ' !important;}';\n self.inlineCssInjector(css);\n break;\n\n case 'trigger-background':\n if (jQuery(this).is(':checked')) {\n iframe.contents().find(outputSelector).attr('style', 'background:unset !important;');\n } else {\n iframe.contents().find(outputSelector).removeAttr('style');\n }\n\n break;\n\n case 'target':\n var value = jQuery(this).val();\n\n if (!value.length) {\n value = '_self';\n }\n\n iframe.contents().find(outputSelector).attr('target', value);\n break;\n\n case 'text-align':\n var value = jQuery(this).val();\n iframe.contents().find(outputSelector).css({\n 'text-align': value\n });\n break;\n }\n });\n },\n init: function init() {\n var self = this; //Mobile menu elements.\n\n self.menuContainer = '#rmp-container-' + self.menuId;\n self.menuTitle = '#rmp-menu-title-' + self.menuId;\n self.menuSearch = '#rmp-search-box-' + self.menuId;\n self.menuWrap = '#rmp-menu-wrap-' + self.menuId;\n self.menuContents = '#rmp-menu-additional-content-' + self.menuId; //Menu container background color.\n\n self.bindColor('#rmp-container-background-colour', '#rmp-container-' + self.menuId, 'background', ''); //Menu background.\n\n self.bindColor('#rmp-menu-background-colour', '#rmp-menu-wrap-' + self.menuId, 'background'); //Menu title section background color.\n\n self.bindColor('#rmp-menu-title-background-colour', '#rmp-menu-title-' + self.menuId, 'background'); //Menu title section background hover color.\n\n self.bindColor('#rmp-menu-title-background-hover-colour', '#rmp-menu-title-' + self.menuId, 'background', 'hover'); // Menu item trigger\n\n self.bindColor('#rmp-menu-sub-arrow-shape-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'color');\n self.bindColor('#rmp-menu-sub-arrow-shape-hover-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'color', 'hover');\n self.bindColor('#rmp-menu-sub-arrow-shape-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow.rmp-menu-subarrow-active', 'color');\n self.bindColor('#rmp-menu-sub-arrow-shape-hover-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow.rmp-menu-subarrow-active', 'color', 'hover');\n self.bindColor('#rmp-menu-sub-arrow-border-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'border-color');\n self.bindColor('#rmp-menu-sub-arrow-border-hover-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'border-color', 'hover');\n self.bindColor('#rmp-menu-sub-arrow-border-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow-active', 'border-color');\n self.bindColor('#rmp-menu-sub-arrow-border-hover-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow-active', 'border-color', 'hover');\n self.bindColor('#rmp-menu-sub-arrow-background-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'background');\n self.bindColor('#rmp-menu-sub-arrow-background-hover-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'background', 'hover');\n self.bindColor('#rmp-menu-sub-arrow-background-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow.rmp-menu-subarrow-active', 'background');\n self.bindColor('#rmp-menu-sub-arrow-background-hover-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow.rmp-menu-subarrow-active', 'background', 'hover'); //Legacy options\n\n self.bindColor('#rmp-submenu-sub-arrow-shape-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'color');\n self.bindColor('#rmp-submenu-sub-arrow-shape-colour-hover', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'color', 'hover');\n self.bindColor('#rmp-submenu-sub-arrow-shape-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow-active', 'color');\n self.bindColor('#rmp-submenu-sub-arrow-shape-hover-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow-active', 'color', 'hover');\n self.bindColor('#rmp-submenu-sub-arrow-border-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'border-color');\n self.bindColor('#rmp-submenu-sub-arrow-border-hover-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'border-color', 'hover');\n self.bindColor('#rmp-submenu-sub-arrow-border-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow.rmp-menu-subarrow-active', 'border-color');\n self.bindColor('#rmp-submenu-sub-arrow-border-hover-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow-active', 'border-color', 'hover');\n self.bindColor('#rmp-submenu-sub-arrow-background-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'background');\n self.bindColor('#rmp-submenu-sub-arrow-background-hover-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'background', 'hover');\n self.bindColor('#rmp-submenu-sub-arrow-background-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow-active', 'background');\n self.bindColor('#rmp-submenu-sub-arrow-background-hover-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow-active', 'background', 'hover');\n self.bindColor('#rmp-menu-title-colour', '#rmp-menu-title-' + self.menuId + ' > a', 'color');\n self.bindColor('#rmp-menu-title-hover-colour', '#rmp-menu-title-' + self.menuId + ' > a', 'color', 'hover');\n self.bindColor('#rmp-menu-additional-content-color', '#rmp-container-' + self.menuId + ' #rmp-menu-additional-content-' + self.menuId, 'color');\n self.bindColor('#rmp-menu-search-box-text-colour', '#rmp-container-' + self.menuId + ' #rmp-search-box-' + self.menuId + ' .rmp-search-box', 'color');\n self.bindColor('#rmp-menu-search-box-background-colour', '#rmp-search-box-' + self.menuId + ' .rmp-search-box', 'background');\n self.bindColor('#rmp-menu-search-box-border-colour', '#rmp-search-box-' + self.menuId + ' .rmp-search-box', 'border-color');\n self.bindColor('#rmp-menu-search-box-placeholder-colour', '#rmp-search-box-' + self.menuId + ' .rmp-search-box', 'color', 'placeholder');\n self.changeInput('#rmp-menu-title-font-weight', '#rmp-menu-title-' + self.menuId + ' #rmp-menu-title-link', 'font-weight');\n self.changeInput('#rmp-menu-title-font-family', '#rmp-menu-title-' + self.menuId + ' #rmp-menu-title-link', 'font-family'); //Menu Trigger\n\n self.bindColor('#rmp-menu-button-background-colour', '#rmp_menu_trigger-' + self.menuId, 'background', '');\n self.bindColor('#rmp-menu-button-background-colour-hover', '#rmp_menu_trigger-' + self.menuId, 'background-color', 'hover');\n self.bindColor('#rmp-menu-button-background-colour-active', '#rmp_menu_trigger-' + self.menuId + '.is-active', 'background', '');\n self.bindColor('#rmp-menu-button-line-colour', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner,#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:after,#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:before', 'background', '');\n self.bindColor('#rmp-menu-button-line-colour-active', '.is-active#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner,.is-active#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:after,.is-active#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:before', 'background', '');\n self.bindColor('#rmp-menu-button-line-colour-hover', '#rmp_menu_trigger-' + self.menuId + ':hover .responsive-menu-pro-inner,#rmp_menu_trigger-' + self.menuId + ':hover .responsive-menu-pro-inner:after,#rmp_menu_trigger-' + self.menuId + ':hover .responsive-menu-pro-inner:before', 'background', '');\n self.bindColor('#rmp-menu-button-text-colour', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-label', 'color');\n self.onTyping('#rmp-menu-toggle-border-radius', '#rmp_menu_trigger-' + self.menuId, 'border-radius');\n self.onTyping('.rmp-menu-container-padding', '#rmp-container-' + self.menuId, 'section-padding');\n self.onTyping('.rmp-menu-title-section-padding', '#rmp-menu-title-' + self.menuId, 'section-padding');\n self.onTyping('.rmp-menu-section-padding', '#rmp-menu-wrap-' + self.menuId, 'section-padding');\n self.onTyping('.rmp-menu-search-section-padding', '#rmp-search-box-' + self.menuId, 'section-padding');\n self.onTyping('.rmp-menu-additional-section-padding', '#rmp-menu-additional-content-' + self.menuId, 'section-padding'); // CONTENT BASED ELEMENTS.\n\n self.onTyping('#rmp-menu-search-box-height', '#rmp-search-box-' + self.menuId + ' .rmp-search-box', 'height');\n self.onTyping('#rmp-menu-search-box-border-radius', '#rmp-search-box-' + self.menuId + ' .rmp-search-box', 'border-radius');\n self.onTyping('#rmp-menu-menu-title', '#rmp-menu-title-' + self.menuId + ' #rmp-menu-title-link span', 'text');\n self.onTyping('#rmp-menu-additional-content', '#rmp-menu-additional-content-' + self.menuId, 'text');\n self.onTyping('#rmp-menu-search-box-text', '#rmp-search-box-' + self.menuId + ' .rmp-search-box', 'placeholder');\n self.onTyping('#rmp-menu-title-link', '#rmp-menu-title-' + self.menuId + ' #rmp-menu-title-link', 'href');\n self.onTyping('#rmp-menu-title-image-alt', '#rmp-menu-title-' + self.menuId + ' .rmp-menu-title-image', 'alt');\n self.onTyping('#rmp-menu-title-font-size', '#rmp-menu-title-' + self.menuId + ' > a', 'font-size');\n self.onTyping('#rmp-menu-title-image-width', '#rmp-menu-title-' + self.menuId + ' .rmp-menu-title-image', 'width');\n self.onTyping('#rmp-menu-title-image-height', '#rmp-menu-title-' + self.menuId + ' .rmp-menu-title-image', 'height');\n self.bindImage('#rmp-menu-title-image-selector', '#rmp-menu-title-' + self.menuId + ' .rmp-menu-title-image', 'img-src');\n self.onTyping('#rmp-menu-additional-content-font-size', '#rmp-menu-additional-content-' + self.menuId, 'font-size');\n self.onTyping('#rmp-menu-container-width', '#rmp-container-' + self.menuId, 'width');\n self.onTyping('#rmp-menu-container-min-width', '#rmp-container-' + self.menuId, 'min-width');\n self.onTyping('#rmp-menu-container-max-width', '#rmp-container-' + self.menuId, 'max-width');\n self.onTyping('#rmp-menu-button-image-alt-when-clicked', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-icon-active', 'alt');\n self.onTyping('#rmp-menu-button-image-alt', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-icon-inactive', 'alt');\n self.onTyping('#rmp-menu-button-title-open', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-text-open', 'trigger-text-open');\n self.onTyping('#rmp-menu-button-title', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-text', 'trigger-text');\n self.onTyping('#rmp-menu-button-font-size', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-label', 'font-size');\n self.onTyping('#rmp-menu-button-title-line-height', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-label', 'line-height'); //Menu Trigger\n\n self.onTyping('#rmp-menu-button-width', '#rmp_menu_trigger-' + self.menuId, 'width');\n self.onTyping('#rmp-menu-button-height', '#rmp_menu_trigger-' + self.menuId, 'height');\n self.onTyping('#rmp-menu-button-line-width', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner', 'width');\n self.onTyping('#rmp-menu-button-line-width', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:after', 'width');\n self.onTyping('#rmp-menu-button-line-width', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:before', 'width');\n self.onTyping('#rmp-menu-button-line-height', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner', 'height');\n self.onTyping('#rmp-menu-button-line-height', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:after', 'height');\n self.onTyping('#rmp-menu-button-line-height', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:before', 'height');\n self.bindImage('#rmp-button-title-image', '#rmp-menu-title-' + self.menuId + ' .rmp-menu-title-image', 'img-src');\n self.bindImage('#rmp-menu-background-image-selector', '#rmp-container-' + self.menuId, 'background');\n self.bindImage('#rmp-menu-button-image-when-clicked-selector', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-icon-active', 'trigger-icon-open');\n self.bindImage('#rmp-menu-button-image-selector', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-icon-inactive', 'trigger-icon');\n self.changeInput('#rmp-menu-title-link-location', '#rmp-menu-title-' + self.menuId + ' #rmp-menu-title-link', 'target');\n self.changeInput('.rmp-menu-title-alignment', '#rmp-menu-title-' + self.menuId, 'text-align');\n self.changeInput('.rmp-menu-additional-content-alignment', '#rmp-menu-additional-content-' + self.menuId, 'text-align'); //Top menu item links\n\n self.onTyping('#rmp-menu-links-height', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'height');\n self.onTyping('#rmp-menu-links-line-height', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'line-height');\n self.onTyping('#rmp-menu-font-size', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'font-size');\n self.changeInput('#rmp-menu-font', '#rmp-container-' + self.menuId + ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-item-link', 'font-family');\n self.changeInput('#rmp-menu-font-weight', '#rmp-container-' + self.menuId + ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-item-link', 'font-weight');\n self.changeInput('.rmp-menu-text-alignment', '#rmp-container-' + self.menuId + ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-item-link', 'text-align');\n self.changeInput('#rmp-menu-text-letter-spacing', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'letter-spacing');\n self.onTyping('#rmp-menu-depth-level-0', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'padding', 'lr');\n self.onTyping('#rmp-menu-border-width', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'border-width');\n self.onTyping('#rmp-menu-sub-arrow-border-width', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'border-width');\n self.onTyping('#rmp-submenu-sub-arrow-border-width', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'border-width');\n self.bindColor('#rmp-menu-link-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'color');\n self.bindColor('#rmp-menu-link-hover-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'color', 'hover');\n self.bindColor('#rmp-menu-current-link-active-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-current-item .rmp-menu-item-link', 'color');\n self.bindColor('#rmp-menu-current-link-active-hover-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-current-item .rmp-menu-item-link', 'color', 'hover');\n self.bindColor('#rmp-menu-item-background-colour', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'background');\n self.bindColor('#rmp-menu-item-background-hover-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'background', 'hover');\n self.bindColor('#rmp-menu-current-item-background-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-current-item .rmp-menu-item-link', 'background');\n self.bindColor('#rmp-menu-current-item-background-hover-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-current-item .rmp-menu-item-link', 'background', 'hover');\n self.bindColor('#rmp-menu-item-border-colour', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'border-color');\n self.bindColor('#rmp-menu-item-border-colour-hover', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'border-color', 'hover');\n self.bindColor('#rmp-menu-current-item-border-hover-colour', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-current-item .rmp-menu-item-link', 'border-color', 'hover');\n self.bindColor('#rmp-menu-item-border-colour-active', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-current-item .rmp-menu-item-link', 'border-color'); // Trigger of top level\n\n self.bindImage('#rmp-menu-inactive-arrow-image-selector', '#rmp-container-' + self.menuId + ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-subarrow', 'background');\n self.bindImage('#rmp-menu-active-arrow-image-selector', '#rmp-container-' + self.menuId + ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-subarrow-active', 'background');\n self.onTyping('#rmp-submenu-arrow-height', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'height');\n self.onTyping('#rmp-submenu-arrow-width', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'width');\n self.onTyping('#rmp-submenu-child-arrow-height', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'height');\n self.onTyping('#rmp-submenu-child-arrow-width', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'width');\n self.changeInput('#rmp-submenu-child-arrow-width-unit', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'width-unit');\n self.changeInput('#rmp-submenu-child-arrow-height-unit', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'height-unit');\n self.bindColor('#rmp-menu-sub-arrow-background-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-subarrow', 'background');\n self.bindColor('#rmp-menu-sub-arrow-background-hover-colour', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-subarrow', 'background', 'hover');\n self.bindColor('#rmp-menu-sub-arrow-background-colour-active', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-subarrow-active', 'background');\n self.bindColor('#rmp-menu-sub-arrow-background-hover-colour-active', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-subarrow-active', 'background', 'hover'); //sub menu item links\n\n self.onTyping('#rmp-submenu-links-height', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'height');\n self.changeInput('#rmp-submenu-links-height-unit', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'height-unit');\n self.onTyping('#rmp-submenu-links-line-height', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'line-height');\n self.changeInput('#rmp-submenu-links-line-height-unit', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'line-height-unit');\n self.onTyping('#rmp-submenu-font-size', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'font-size');\n self.changeInput('#rmp-submenu-font', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'font-family');\n self.changeInput('#rmp-submenu-font-weight', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'font-weight');\n self.changeInput('.rmp-submenu-text-alignment', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'text-align');\n self.changeInput('#rmp-submenu-text-letter-spacing', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'letter-spacing');\n self.onTyping('#rmp-submenu-border-width', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'border-width');\n self.bindColor('#rmp-submenu-item-border-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'border-color');\n self.bindColor('#rmp-submenu-item-border-colour-hover', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'border-color', 'hover');\n self.bindColor('#rmp-submenu-item-border-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link', 'border-color');\n self.bindColor('#rmp-submenu-current-item-border-hover-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link', 'border-color', 'hover');\n self.bindColor('#rmp-submenu-link-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'color');\n self.bindColor('#rmp-submenu-link-hover-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'color', 'hover');\n self.bindColor('#rmp-submenu-link-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link', 'color');\n self.bindColor('#rmp-submenu-link-active-hover-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link', 'color', 'hover');\n self.bindColor('#rmp-submenu-item-background-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'background');\n self.bindColor('#rmp-submenu-item-background-hover-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'background', 'hover');\n self.bindColor('#rmp-submenu-current-item-background-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link', 'background');\n self.bindColor('#rmp-submenu-current-item-background-hover-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link', 'background', 'hover'); //Menu Trigger\n\n self.changeInput('.rmp-menu-button-transparent-background', '#rmp_menu_trigger-' + self.menuId, 'background', '');\n self.changeInput('#rmp-menu-button-position-type', '#rmp_menu_trigger-' + self.menuId, 'position');\n self.changeInput('.rmp-menu-button-left-or-right', '#rmp_menu_trigger-' + self.menuId, 'trigger-side');\n self.onTyping('#rmp-menu-button-distance-from-side', '#rmp_menu_trigger-' + self.menuId, 'trigger-side-position');\n self.onTyping('#rmp-menu-button-top', '#rmp_menu_trigger-' + self.menuId, 'top');\n self.changeInput('#rmp-menu-button-click-animation', '#rmp_menu_trigger-' + self.menuId, 'trigger-animation');\n self.changeInput('#rmp-menu-button-font', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-label', 'font-family');\n self.changeInput('.rmp-menu-button-title-position', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-label', 'position-alignment');\n jQuery(\"#rmp-menu-button-font-icon\").focus(function () {\n var outputSelector = '#rmp_menu_trigger-' + self.menuId + ' span.rmp-trigger-icon-inactive';\n value = jQuery(this).val();\n var iframe = jQuery(self.iframe);\n\n if (iframe.contents().find(outputSelector).length) {\n iframe.contents().find(outputSelector).addClass(value);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box img.rmp-trigger-icon').hide();\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box .responsive-menu-pro-inner').hide();\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').append('<span class=\"rmp-trigger-icon rmp-trigger-icon-inactive ' + value + '\"></span>');\n }\n });\n jQuery(\"#rmp-menu-button-font-icon-when-clicked\").focus(function () {\n var outputSelector = '#rmp_menu_trigger-' + self.menuId + ' span.rmp-trigger-icon-active';\n value = jQuery(this).val();\n var iframe = jQuery(self.iframe);\n\n if (iframe.contents().find(outputSelector).length) {\n iframe.contents().find(outputSelector).addClass(value);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box img.rmp-trigger-icon').hide();\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box .responsive-menu-pro-inner').hide();\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').append('<span class=\"rmp-trigger-icon rmp-trigger-icon-active ' + value + '\"></span>');\n }\n }); // Ordering elements\n\n self.toggleElements('#rmp-item-order-title', '#rmp-menu-title-' + self.menuId);\n self.toggleElements('#rmp-item-order-additional-content', '#rmp-menu-additional-content-' + self.menuId);\n self.toggleElements('#rmp-item-order-search', '#rmp-search-box-' + self.menuId);\n self.toggleElements('#rmp-item-order-menu', '#rmp-menu-wrap-' + self.menuId);\n jQuery('#rmp-menu-ordering-items').sortable({\n update: function update(event, ui) {\n self.orderMenuElements();\n }\n });\n }\n};\nRMP_Preview.init();\n\n//# sourceURL=webpack:///./assets/admin/js/rmp-preview.js?")},"./assets/admin/js/wp-color-alpha.js":function(module,exports){eval("/!\r\n wp-color-picker-alpha\r\n \r\n Overwrite Automattic Iris for enabled Alpha Channel in wpColorPicker\r\n * Only run in input and is defined data alpha in true\r\n \r\n Version: 2.1.4\r\n * https://github.com/kallookoo/wp-color-picker-alpha\r\n * Licensed under the GPLv2 license or later.\r\n /\n(function ($) {\n // Prevent double-init.\n if ($.wp.wpColorPicker.prototype._hasAlpha) {\n return;\n } // Variable for some backgrounds ( grid )\n\n\n var image = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==',\n //Dtml stuff for wpColorPicker copy of the original color-picker.js\n _after = '<div class=\"wp-picker-holder\" />',\n _wrap = '<div class=\"wp-picker-container\" />',\n _before = '<button type=\"button\" class=\"button wp-color-result\" aria-expanded=\"false\"></button>',\n _wrappingLabel = '<label></label>',\n _wrappingLabelText = '<span class=\"screen-reader-text\"></span>';\n /\r\n Overwrite Color\r\n * for enable support rbga\r\n /\n\n Color.fn.toString = function () {\n if (this._alpha < 1) return this.toCSS('rgba', this._alpha).replace(/\\s+/g, '');\n var hex = parseInt(this._color, 10).toString(16);\n if (this.error) return '';\n if (hex.length < 6) hex = ('00000' + hex).substr(-6);\n return '#' + hex;\n };\n /\r\n Overwrite wpColorPicker\r\n /\n\n\n $.widget('wp.wpColorPicker', $.wp.wpColorPicker, {\n _hasAlpha: true,\n\n /\r\n @summary Creates the color picker.\r\n \r\n Creates the color picker, sets default values, css classes and wraps it all in HTML.\r\n \r\n @since 3.5.0\r\n \r\n @access private\r\n \r\n @returns {void}\r\n /\n _create: function _create() {\n // Return early if Iris support is missing.\n if (!$.support.iris) {\n return;\n }\n\n var self = this,\n el = self.element; // Override default options with options bound to the element.\n\n $.extend(self.options, el.data()); // Create a color picker which only allows adjustments to the hue.\n\n if (self.options.type === 'hue') {\n return self._createHueOnly();\n } // Bind the close event.\n\n\n self.close = $.proxy(self.close, self);\n self.initialValue = el.val(); // Add a CSS class to the input field.\n\n el.addClass('wp-color-picker');\n /\r\n \t* Check if there's already a wrapping label, e.g. in the Customizer.\r\n \t* If there's no label, add a default one to match the Customizer template.\r\n \t/\n\n if (!el.parent('label').length) {\n // Wrap the input field in the default label.\n el.wrap(_wrappingLabel); // Insert the default label text.\n\n self.wrappingLabelText = $(_wrappingLabelText).insertBefore(el).text('Color Picker');\n }\n /\r\n \t* At this point, either it's the standalone version or the Customizer\r\n \t* one, we have a wrapping label to use as hook in the DOM, let's store it.\r\n \t/\n\n\n self.wrappingLabel = el.parent(); // Wrap the label in the main wrapper.\n\n self.wrappingLabel.wrap(_wrap); // Store a reference to the main wrapper.\n\n self.wrap = self.wrappingLabel.parent(); // Set up the toggle button and insert it before the wrapping label.\n\n self.toggler = $(_before).insertBefore(self.wrappingLabel).css({\n backgroundColor: self.initialValue\n }); // Set up the Iris container and insert it after the wrapping label.\n\n self.pickerContainer = $(_after).insertAfter(self.wrappingLabel); // Wrap the wrapping label in its wrapper and append the Clear/Default button.\n\n self.wrappingLabel.wrap('<span class=\"wp-picker-input-wrap hidden rmp-color-input-wrap\" />');\n /\r\n * The input wrapper now contains the label+input+Clear/Default button.\r\n * Store a reference to the input wrapper: we'll use this to toggle\r\n * the controls visibility.\r\n /\n\n self.inputWrapper = el.closest('.wp-picker-input-wrap');\n el.iris({\n target: self.pickerContainer,\n hide: self.options.hide,\n width: 240,\n mode: self.options.mode,\n palettes: self.options.palettes,\n\n /\r\n @summary Handles the onChange event if one has been defined in the options.\r\n \r\n Handles the onChange event if one has been defined in the options and additionally\r\n * sets the background color for the toggler element.\r\n \r\n @since 3.5.0\r\n \r\n @param {Event} event The event that's being called.\r\n * @param {HTMLElement} ui The HTMLElement containing the color picker.\r\n \r\n @returns {void}\r\n /\n change: function change(event, ui) {\n if (self.options.alpha) {\n self.toggler.css({\n 'background-image': 'url(' + image + ')'\n });\n self.toggler.css({\n 'position': 'relative'\n });\n\n if (self.toggler.find('span.color-alpha').length == 0) {\n self.toggler.append('<span class=\"color-alpha\" />');\n }\n\n self.toggler.find('span.color-alpha').css({\n 'width': '38px',\n 'height': '100%',\n 'position': 'absolute',\n 'top': 0,\n 'left': 0,\n 'background': ui.color.toString()\n });\n } else {\n self.toggler.css({\n backgroundColor: ui.color.toString()\n });\n }\n\n if ($.isFunction(self.options.change)) {\n self.options.change.call(this, event, ui);\n }\n }\n });\n el.val(self.initialValue);\n\n self._addListeners(); // Force the color picker to always be closed on initial load.\n\n\n if (!self.options.hide) {\n self.toggler.click();\n }\n },\n\n /\r\n @summary Binds event listeners to the color picker.\r\n \r\n @since 3.5.0\r\n \r\n @access private\r\n \r\n @returns {void}\r\n /\n _addListeners: function _addListeners() {\n var self = this;\n /\r\n @summary Prevent any clicks inside this widget from leaking to the top and closing it.\r\n \r\n @since 3.5.0\r\n \r\n @param {Event} event The event that's being called.\r\n \r\n @returs {void}\r\n /\n\n self.wrap.on('click.wpcolorpicker', function (event) {\n event.stopPropagation();\n });\n /\r\n @summary Open or close the color picker depending on the class.\r\n \r\n @since 3.5\r\n /\n\n self.toggler.click(function () {\n if (self.toggler.hasClass('wp-picker-open')) {\n self.close();\n } else {\n self.open();\n }\n });\n /\r\n @summary Checks if value is empty when changing the color in the color picker.\r\n \r\n Checks if value is empty when changing the color in the color picker.\r\n * If so, the background color is cleared.\r\n \r\n @since 3.5.0\r\n \r\n @param {Event} event The event that's being called.\r\n \r\n @returns {void}\r\n /\n\n self.element.on('change', function (event) {\n // Empty or Error = clear\n if ($(this).val() === '' \|\| self.element.hasClass('iris-error')) {\n if (self.options.alpha) {\n self.toggler.find('span.color-alpha').css('backgroundColor', '');\n } else {\n self.toggler.css('backgroundColor', '');\n } // fire clear callback if we have one\n\n\n if ($.isFunction(self.options.clear)) self.options.clear.call(this, event);\n }\n });\n }\n });\n /\r\n Overwrite iris\r\n /\n\n $.widget('a8c.iris', $.a8c.iris, {\n _create: function _create() {\n this._super(); // Global option for check is mode rbga is enabled\n\n\n this.options.alpha = this.element.data('alpha') \|\| false; // Is not input disabled\n\n if (!this.element.is(':input')) this.options.alpha = false;\n\n if (typeof this.options.alpha !== 'undefined' && this.options.alpha) {\n var self = this,\n el = self.element,\n _html = '<div class=\"iris-strip iris-slider iris-alpha-slider\"><div class=\"iris-slider-offset iris-slider-offset-alpha\"></div></div>',\n aContainer = $(_html).appendTo(self.picker.find('.iris-picker-inner')),\n aSlider = aContainer.find('.iris-slider-offset-alpha'),\n controls = {\n aContainer: aContainer,\n aSlider: aSlider\n };\n\n if (typeof el.data('custom-width') !== 'undefined') {\n self.options.customWidth = parseInt(el.data('custom-width')) \|\| 0;\n } else {\n self.options.customWidth = 100;\n } // Set default width for input reset\n\n\n self.options.defaultWidth = el.width(); // Update width for input\n\n if (self._color._alpha < 1 \|\| self._color.toString().indexOf('rgb') != -1) el.width(parseInt(self.options.defaultWidth + self.options.customWidth)); // Push new controls\n\n $.each(controls, function (k, v) {\n self.controls[k] = v;\n }); // Change size strip and add margin for sliders\n\n self.controls.square.css({\n 'margin-right': '0'\n });\n var emptyWidth = self.picker.width() - self.controls.square.width() - 20,\n stripsMargin = emptyWidth / 6,\n stripsWidth = emptyWidth / 2 - stripsMargin;\n $.each(['aContainer', 'strip'], function (k, v) {\n self.controls[v].width(stripsWidth).css({\n 'margin-left': stripsMargin + 'px'\n });\n }); // Add new slider\n\n self._initControls(); // For updated widget\n\n\n self._change();\n }\n },\n _initControls: function _initControls() {\n this._super();\n\n if (this.options.alpha) {\n var self = this,\n controls = self.controls;\n controls.aSlider.slider({\n orientation: 'vertical',\n min: 0,\n max: 100,\n step: 1,\n value: parseInt(self._color._alpha 100),\n slide: function slide(event, ui) {\n // Update alpha value\n self._color._alpha = parseFloat(ui.value / 100);\n\n self._change.apply(self, arguments);\n }\n });\n }\n },\n _change: function _change() {\n this._super();\n\n var self = this,\n el = self.element;\n\n if (this.options.alpha) {\n var controls = self.controls,\n alpha = parseInt(self._color._alpha * 100),\n color = self._color.toRgb(),\n gradient = ['rgb(' + color.r + ',' + color.g + ',' + color.b + ') 0%', 'rgba(' + color.r + ',' + color.g + ',' + color.b + ', 0) 100%'],\n defaultWidth = self.options.defaultWidth,\n customWidth = self.options.customWidth,\n target = self.picker.closest('.wp-picker-container').find('.wp-color-result'); // Generate background slider alpha, only for CSS3 old browser fuck!! :)\n\n\n controls.aContainer.css({\n 'background': 'linear-gradient(to bottom, ' + gradient.join(', ') + '), url(' + image + ')'\n });\n\n if (target.hasClass('wp-picker-open')) {\n // Update alpha value\n controls.aSlider.slider('value', alpha);\n /*\r\n Disabled change opacity in default slider Saturation ( only is alpha enabled )\r\n * and change input width for view all value\r\n /\n // if ( self._color._alpha < 1 ) {\n // \tcontrols.strip.attr( 'style', controls.strip.attr( 'style' ).replace( /rgba\$([0-9]+,)(\\s+)?([0-9]+,)(\\s+)?([0-9]+)(,(\\s+)?[0-9\\.]+)\$/g, 'rgb($1$3$5)' ) );\n // \tel.width( parseInt( defaultWidth + customWidth ) );\n // } else {\n // \tel.width( defaultWidth );\n // }\n }\n }\n\n var reset = el.data('reset-alpha') \|\| false;\n\n if (reset) {\n self.picker.find('.iris-palette-container').on('click.palette', '.iris-palette', function () {\n self._color._alpha = 1;\n self.active = 'external';\n\n self._change();\n });\n }\n\n el.trigger('change');\n },\n _addInputListeners: function _addInputListeners(input) {\n var self = this,\n debounceTimeout = 100,\n callback = function callback(event) {\n var color = new Color(input.val()),\n val = input.val();\n input.removeClass('iris-error'); // we gave a bad color\n\n if (color.error) {\n // don't error on an empty input\n if (val !== '') input.addClass('iris-error');\n } else {\n if (color.toString() !== self._color.toString()) {\n // let's not do this on keyup for hex shortcodes\n if (!(event.type === 'keyup' && val.match(/^[0-9a-fA-F]{3}$/))) self._setOption('color', color.toString());\n }\n }\n };\n\n input.on('change', callback).on('keyup', self._debounce(callback, debounceTimeout)); // If we initialized hidden, show on first focus. The rest is up to you.\n\n if (self.options.hide) {\n input.on('focus', function () {\n self.show();\n });\n }\n }\n });\n})(jQuery);\n\n//# sourceURL=webpack:///./assets/admin/js/wp-color-alpha.js?")},"./assets/admin/rmp-main.js":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/ harmony import / var _scss_wizard_ui_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./scss/wizard-ui.scss / "./assets/admin/scss/wizard-ui.scss");\n/ harmony import / var _scss_wizard_ui_scss__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(_scss_wizard_ui_scss__WEBPACK_IMPORTED_MODULE_0__);\n/ harmony import / var _scss_dark_mode_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./scss/dark-mode.scss / "./assets/admin/scss/dark-mode.scss");\n/ harmony import / var _scss_dark_mode_scss__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(_scss_dark_mode_scss__WEBPACK_IMPORTED_MODULE_1__);\n/ harmony import / var _js_rmp_admin_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./js/rmp-admin.js / "./assets/admin/js/rmp-admin.js");\n/ harmony import / var _js_rmp_admin_js__WEBPACK_IMPORTED_MODULE_2___default = /#__PURE__/__webpack_require__.n(_js_rmp_admin_js__WEBPACK_IMPORTED_MODULE_2__);\n/ harmony import / var _js_wp_color_alpha_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./js/wp-color-alpha.js / "./assets/admin/js/wp-color-alpha.js");\n/ harmony import / var _js_wp_color_alpha_js__WEBPACK_IMPORTED_MODULE_3___default = /#__PURE__/__webpack_require__.n(_js_wp_color_alpha_js__WEBPACK_IMPORTED_MODULE_3__);\n/ harmony import / var _js_rmp_editor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./js/rmp-editor.js / "./assets/admin/js/rmp-editor.js");\n/ harmony import / var _js_rmp_editor_js__WEBPACK_IMPORTED_MODULE_4___default = /#__PURE__/__webpack_require__.n(_js_rmp_editor_js__WEBPACK_IMPORTED_MODULE_4__);\n/ harmony import / var _js_rmp_icon_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./js/rmp-icon.js / "./assets/admin/js/rmp-icon.js");\n/ harmony import / var _js_rmp_icon_js__WEBPACK_IMPORTED_MODULE_5___default = /#__PURE__/__webpack_require__.n(_js_rmp_icon_js__WEBPACK_IMPORTED_MODULE_5__);\n/ harmony import / var _js_rmp_preview_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./js/rmp-preview.js / "./assets/admin/js/rmp-preview.js");\n/ harmony import / var _js_rmp_preview_js__WEBPACK_IMPORTED_MODULE_6___default = /#__PURE__/__webpack_require__.n(_js_rmp_preview_js__WEBPACK_IMPORTED_MODULE_6__);\n/ harmony import / var _js_rmp_menu_wizard_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ./js/rmp-menu-wizard.js / "./assets/admin/js/rmp-menu-wizard.js");\n/\r\n Main scripts file.\r\n \r\n @package responsive-menu-pro\r\n /\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\n\n//# sourceURL=webpack:///./assets/admin/rmp-main.js?')},"./assets/admin/scss/dark-mode.scss":function(module,exports,__webpack_require__){eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./assets/admin/scss/dark-mode.scss?")},"./assets/admin/scss/wizard-ui.scss":function(module,exports,__webpack_require__){eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./assets/admin/scss/wizard-ui.scss?")},0:function(module,exports,__webpack_require__){eval('module.exports = __webpack_require__(/! C:\\xampp\\htdocs\\rmp-menu\\wp-content\\plugins\\responsive-menu\\v4.0.0\\assets\\admin/rmp-main.js */"./assets/admin/rmp-main.js");\n\n\n//# sourceURL=webpack:///multi_./assets/admin/rmp-main.js?')}});


1	/! For license information please see rmpMain.js.LICENSE.txt /
2	+ (function(){var __webpack_modules__={"./assets/admin/js/rmp-admin.js":function(){eval("/*\n This is admin scripts file which contain the admin actions.\n \n @version 4.0.0\n \n @author Expresstech System\n \n /\njQuery(document).ready(function (jQuery) {\n /*\n Rollback the plugin version.\n \n @version 4.0.0\n \n @fires Click\n /\n jQuery('#rmp-rollback-version').on('click', function (e) {\n e.preventDefault();\n var version = jQuery('#rmp-versions').val();\n\n if ('3.1.30' === version) {\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n action: 'rmp_rollback_version'\n },\n type: 'POST',\n dataType: 'json',\n error: function error(_error) {\n jQuery(this).prop('disabled', false);\n },\n success: function success(response) {\n if (response.data.redirect) {\n location.href = response.data.redirect;\n }\n }\n });\n }\n });\n /\n Iframe loader and contents show/hide.\n /\n\n jQuery('#rmp-preview-iframe').on('load', function () {\n jQuery('#rmp-preview-iframe-loader').hide();\n jQuery('#rmp-menu-update-notification').remove();\n jQuery('#rmp-preview-iframe').show();\n jQuery('#rmp-preview-iframe').contents().find('a').on('click', function (e) {\n e.stopPropagation();\n e.preventDefault();\n var url = jQuery(this).attr('href'); // Prevent to load the customizer page on preview aria.\n\n if ('#' == url) {\n return;\n }\n\n if (url.indexOf('?') >= 0) {\n url = url + '&rmp_preview_mode=true';\n } else {\n url = url + '?rmp_preview_mode=true';\n }\n\n jQuery('#rmp-preview-iframe').attr('src', url);\n });\n });\n /\n Save the theme as template.\n \n @since 4.0.0\n \n @fires Click\n /\n\n jQuery('button#rmp-save-theme').on('click', function (e) {\n e.stopPropagation();\n e.preventDefault();\n var themeName = jQuery('#rmp-save-theme-name').val();\n\n if (3 > themeName.length) {\n alert('Please give meaning full name to this theme');\n return;\n }\n\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_save_theme',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'theme_name': themeName,\n 'menu_id': jQuery('#menu_id').val(),\n 'form': jQuery('#rmp-editor-form').serialize()\n },\n type: 'POST',\n dataType: 'json',\n error: function error(_error2) {\n console.log(_error2.statusText);\n },\n success: function success(response) {\n jQuery(e.target).parents('.rmp-dialog-contents').append('<div class=\"notice notice-success settings-error is-dismissible\"><p>' + response.data.message + '</p></div>');\n }\n });\n });\n /\n Ajax call to save the menu settings when click on update.\n \n @version 4.0.0\n \n @fires click\n /\n\n jQuery(document).on('click', 'button#rmp-save-menu-options,#rmp-menu-quick-update-button', function (e) {\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_save_menu_action',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'form': jQuery('#rmp-editor-form').serialize()\n },\n type: 'POST',\n dataType: 'json',\n beforeSend: function beforeSend() {\n jQuery('#rmp-preview-iframe-loader').show();\n },\n error: function error(_error3) {\n console.log(_error3.statusText);\n jQuery('#rmp-preview-iframe-loader').hide();\n },\n success: function success(response) {\n // If options is updated successfully then reload the iframe.\n if (response.success) {\n var url = jQuery('#rmp-preview-iframe').attr('src');\n jQuery('#rmp-preview-iframe').attr('src', url);\n }\n }\n });\n }); // Initiate the color picker instances.\n\n jQuery('.rmp-color-input').wpColorPicker(); // Fix events glitch on color textbox.\n\n jQuery('.rmp-color-input').removeAttr('style');\n jQuery(document).find('.rmp-color-input').off('focus'); // Initiate the tab elements.\n\n jQuery('.tabs,#rmp-setting-tabs').tabs({\n hide: {\n effect: 'explode',\n duration: 1000\n },\n show: {\n effect: 'explode',\n duration: 800\n },\n active: 0\n }); // Active tabs under ordering elements.\n\n jQuery('.nav-tab-wrapper').on('click', '.nav-tab', function (e) {\n jQuery('.nav-tab-wrapper .nav-tab').removeClass('nav-tab-active');\n jQuery(this).addClass('nav-tab-active');\n });\n /\n Hamburger element selector option hide and show.\n /\n\n hideShowSelect('#rmp-menu-button-position-type', '.rmp-menu-hamburger-selector-div', 'show', 'inside-element');\n jQuery('#rmp-menu-button-position-type').on('change', function () {\n hideShowSelect(this, '.rmp-menu-hamburger-selector-div', 'show', 'inside-element');\n });\n /\n select hide show function\n * @para string select, string show/hide Element, string show/hide\n /\n\n function hideShowSelect(checkElement, targetElement, condition, value) {\n if (jQuery(checkElement).val() == value) {\n if (condition == 'show') {\n jQuery(targetElement).show();\n } else {\n jQuery(targetElement).hide();\n }\n } else {\n if (condition == 'show') {\n jQuery(targetElement).hide();\n } else {\n jQuery(targetElement).show();\n }\n }\n }\n /\n Check open/close of device options switcher.\n \n @version 4.0.0\n \n @fires click\n /\n\n\n jQuery('.rmp-device-switcher').on('click', function () {\n var isOpen = jQuery(this).hasClass('open');\n\n if (isOpen) {\n jQuery(this).removeClass('open');\n } else {\n jQuery('.rmp-device-switcher').removeClass('open');\n jQuery(this).addClass('open');\n }\n });\n /\n Change the option when select a device.\n \n @version 4.0.0\n \n @fires click\n /\n\n jQuery('.rmp-device-switcher li').on('click', function () {\n var selectedDevice = jQuery(this).attr('data-device');\n var firstDevice = jQuery('.rmp-device-switcher li:first-child').attr('data-device');\n\n if (selectedDevice != firstDevice) {\n activeDeviceOptions(selectedDevice);\n\n if ('desktop' == selectedDevice) {\n jQuery('#rmp-preview-desktop').trigger('click');\n } else if ('tablet' == selectedDevice) {\n jQuery('#rmp-preview-tablet').trigger('click');\n } else {\n jQuery('#rmp-preview-mobile').trigger('click');\n }\n }\n });\n /\n Active all the device options in editor.\n \n @version 4.0.0;\n * @param {string} selectedDevice This device name which is active.\n /\n\n function activeDeviceOptions(selectedDevice) {\n var firstDevice = jQuery('.rmp-device-switcher li:first-child').attr('data-device');\n var selectedIcon = jQuery('.rmp-device-switcher li[data-device=' + selectedDevice + ']').html();\n var firstIcon = jQuery('.rmp-device-switcher li:first-child').html();\n jQuery('.rmp-device-switcher li').each(function () {\n if (jQuery(this).attr('data-device') === selectedDevice) {\n jQuery(this).html(firstIcon);\n jQuery(this).attr('data-device', firstDevice);\n } else if (jQuery(this).attr('data-device') === firstDevice) {\n jQuery(this).html(selectedIcon);\n jQuery(this).attr('data-device', selectedDevice);\n }\n });\n }\n /\n Close the device switcher when mouseup other places.\n \n @version 4.0.0\n \n @fires mouseup\n /\n\n\n jQuery(document).on('mouseup', function (event) {\n var target = event.target;\n var deviceSwitcher = jQuery('.rmp-device-switcher');\n\n if (!deviceSwitcher.is(target) && 0 === deviceSwitcher.has(target).length) {\n deviceSwitcher.removeClass('open');\n }\n });\n /\n Active preview as per clicked device.\n \n @version 4.0.0\n \n @fires Click\n /\n\n jQuery('#rmp-editor-footer .rmp-preview-device-wrapper').on('click', 'button', function (e) {\n jQuery('#rmp-editor-footer').find('.rmp-preview-device-wrapper button').removeClass('active');\n jQuery('#rmp-editor-footer').find('.rmp-preview-device-wrapper button').attr('aria-pressed', 'false');\n jQuery(this).addClass('active');\n jQuery(this).attr('aria-pressed', 'true');\n var device = jQuery(this).data('device');\n var deviceEditor = jQuery('#rmp-editor-wrapper');\n var allClasses = deviceEditor.attr('class').split(' ');\n allClasses.forEach(function (value) {\n if (value.includes('rmp-preview-')) {\n deviceEditor.removeClass(value);\n }\n });\n deviceEditor.addClass('rmp-preview-' + device);\n activeDeviceOptions(device);\n });\n /\n Instantiate the accordion elements.\n * @version 4.0.0\n /\n\n jQuery('.rmp-accordion-container,.rmp-sub-accordion-container').accordion({\n collapsible: true,\n heightStyle: 'content',\n animate: 200,\n active: 0\n });\n /\n Instantiate the draggable and sortable menu item order elements.\n * \t@version 4.0.0\n /\n\n jQuery('#rmp-menu-ordering-items').accordion().sortable({\n placeholder: 'sortable-placeholder',\n opacity: 0.9,\n cursor: 'move',\n delay: 150,\n forcePlaceholderSize: true,\n active: false\n });\n /\n Stop propagating when click on item control element.\n /\n\n jQuery('#tab-container .item-controls, #tab-header-bar .item-controls').on('click', function (event) {\n event.stopPropagation();\n });\n /\n Show/Hide tooltip for option description.\n \n @version 4.0.0\n \n @fires click,mouseleave\n /\n\n jQuery('.rmp-tooltip-icon').on('click', function (e) {\n if (jQuery(this).hasClass('show-tooltip')) {\n return;\n } else {\n jQuery(this).addClass('show-tooltip');\n }\n\n var toolTipContents = jQuery(this).find('.rmp-tooltip-content');\n toolTipContents.css({\n 'left': e.pageX - toolTipContents.width() / 100 60,\n 'position': 'fixed',\n 'top': e.pageY - toolTipContents.height() - 10,\n 'bottom': 'unset'\n });\n toolTipContents.fadeIn();\n }).on('mouseleave', function () {\n jQuery(this).removeClass('show-tooltip');\n jQuery(this).find('.rmp-tooltip-content').fadeOut();\n });\n /*\n Remove image from image picker\n \n @version 4.0.0\n \n @fires Click\n /\n\n jQuery('.rmp-image-picker ').on('click', '.rmp-image-picker-trash', function (e) {\n e.stopPropagation();\n e.preventDefault();\n jQuery(this).parent('.rmp-image-picker').siblings('input.rmp-image-url-input').val('');\n jQuery(this).parent('.rmp-image-picker').removeAttr('style');\n jQuery(this).remove();\n\n if (!jQuery('#rmp-editor-main').find('#rmp-menu-update-notification').length) {\n addUpdateNotification();\n }\n });\n /\n Show/Hide the theme uploader section in theme page.\n /\n\n jQuery('#rmp-upload-new-theme').on('click', function () {\n jQuery('#rmp-menu-library-import').toggleClass('hide');\n });\n /\n Hide theme uploader section when click on cancel.\n /\n\n jQuery('#rmp-menu-library-import-form').on('click', '.cancel', function (e) {\n jQuery('#rmp-menu-library-import').addClass('hide');\n });\n /\n Upload the theme file using dropzone.\n \n @version 4.0.0\n /\n\n jQuery('#rmp-menu-library-import-form').dropzone({\n clickable: true,\n acceptedFiles: '.zip',\n uploadMultiple: false,\n success: function success(file, response) {\n location.reload();\n },\n totaluploadprogress: function totaluploadprogress() {\n jQuery('.rmp-page-loader').css('display', 'flex');\n }\n });\n /\n Open theme options in editor footer.\n /\n\n jQuery('#rmp-theme-action').on('click', function (e) {\n jQuery('#rmp-footer-theme-options').toggleClass('open');\n });\n /\n Show/Hide the save theme wizard.\n /\n\n jQuery('.rmp-theme-save-button, #rmp-menu-save-theme-wizard .rmp-dialog-wrap .close').on('click', function (e) {\n jQuery('#rmp-menu-save-theme-wizard').toggle();\n });\n /\n Delete the theme from theme page.\n /\n\n jQuery('.rmp-theme-delete').on('click', function (e) {\n e.preventDefault();\n /* Ask for delete confirmation /\n\n var isConfirm = confirm('Are you sure, You want to delete this theme ?');\n\n if (!isConfirm) {\n return;\n } //Show the loader on deleting theme.\n\n\n var current_theme = jQuery(this);\n current_theme.append('<span class=\"spinner is-active\"></span>');\n var themeName = jQuery(this).attr('data-theme');\n var themeType = jQuery(this).attr('data-theme-type').toLowerCase();\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_theme_delete',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'theme_name': themeName,\n 'theme_type': themeType\n },\n type: 'POST',\n dataType: 'json',\n error: function error(_error4) {\n console.log(_error4.statusText);\n },\n success: function success(response) {\n current_theme.find('.spinner').removeClass('is-active');\n\n if (response.success) {\n location.reload();\n } else {\n alert(response.data.message);\n }\n }\n });\n });\n /\n Apply the selected theme in current active menu in editor.\n \n @version 4.0.0\n \n @fires click\n /\n\n jQuery(document).on('click', '.rmp-theme-apply', function (e) {\n //Show the overlay with loader.\n jQuery('.rmp-page-loader').css('display', 'flex');\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_theme_apply',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'theme_name': jQuery(this).attr('theme-name'),\n 'theme_type': jQuery(this).attr('theme-type').toLowerCase(),\n 'menu_id': jQuery('#menu_id').val(),\n 'menu_to_use': jQuery('#rmp-menu-to-use').val()\n },\n type: 'POST',\n dataType: 'json',\n error: function error(_error5) {\n console.log(_error5.statusText);\n jQuery('.rmp-page-loader').hide();\n },\n success: function success(response) {\n if (response.success) {\n location.reload();\n } else {\n jQuery('.rmp-page-loader').hide();\n alert(response.data.message);\n }\n }\n });\n });\n /\n Save the global settings on click.\n \n @version 4.0.0\n \n @fires click\n /\n\n jQuery('.rmp-save-global-settings-button').on('click', function (e) {\n e.preventDefault();\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_save_global_settings',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'form': jQuery('#rmp-global-settings').serialize()\n },\n type: 'POST',\n dataType: 'json',\n beforeSend: function beforeSend() {\n jQuery(this).prop('disabled', true);\n jQuery('.spinner').addClass('is-active');\n },\n error: function error(_error6) {\n console.log('Internal Error !' + _error6);\n },\n success: function success(response) {\n jQuery('.spinner').removeClass('is-active');\n jQuery(this).prop('disabled', false);\n }\n });\n });\n /\n Initiate multiple selectize option of editor.\n /\n\n jQuery('#rmp-keyboard-shortcut-close-menu,#rmp-keyboard-shortcut-open-menu').selectize({\n maxItems: 2,\n plugins: ['remove_button']\n });\n /\n Event to linked the group inputs.\n \n @fires Click\n /\n\n jQuery(document).on('click', 'button.rmp-group-input-linked', function () {\n jQuery(this).toggleClass('is-linked');\n });\n /\n Event to type on all sibblings input if linked.\n \n @fires keyup\n /\n\n jQuery(document).on('keyup', 'input.rmp-group-input', function (event) {\n var pressedKeys = this.value.toLocaleLowerCase();\n var parent = jQuery(this).parents('.rmp-input-group-control');\n var isLinked = parent.find('.is-linked');\n\n if (isLinked.length) {\n parent.find('input.rmp-group-input').val(pressedKeys);\n } else {\n jQuery(this).val(pressedKeys);\n }\n });\n /\n Function to add the notification and update button.\n /\n\n function addUpdateNotification() {\n if (!jQuery('#rmp-editor-main').find('#rmp-menu-update-notification').length) {\n jQuery('#rmp-editor-main').prepend('<div id=\"rmp-menu-update-notification\" class=\"rmp-order-item rmp-order-item-description\">' + '<span> <span class=\"rmp-font-icon dashicons dashicons-warning \"></span> Update Required </span>' + '<a href=\"javascript:void(0)\" id=\"rmp-menu-quick-update-button\">UPDATE</a>' + '</div>');\n }\n }\n\n jQuery('form#rmp-editor-form').on('keyup change paste', 'input, select, textarea, radio, checkbox', function () {\n if (!jQuery(this).hasClass('no-updates')) {\n addUpdateNotification();\n }\n });\n jQuery(document).on('click', '#rmp-icon-dialog-select,.media-button-select,.rmp-icon-picker,.rmp-image-picker', function () {\n if (!jQuery('#rmp-editor-main').find('#rmp-menu-update-notification').length) {\n addUpdateNotification();\n }\n });\n /\n Event to download exported menu settings as json file.\n \n @version 4.0.0\n /\n\n jQuery('#rmp-export-menu-button').on('click', function (e) {\n e.preventDefault();\n var menu_id = jQuery('#rmp_export_menu_list').val();\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_export_menu',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'menu_id': menu_id\n },\n type: 'POST',\n dataType: 'json',\n beforeSend: function beforeSend() {\n jQuery('#rmp-export-menu-button').prop('disabled', true);\n },\n error: function error(_error7) {\n console.log(_error7.statusText);\n jQuery('#rmp-export-menu-button').prop('disabled', false);\n },\n success: function success(response) {\n jQuery('#rmp-export-menu-button').prop('disabled', false);\n\n if (response.data) {\n var menu_name = jQuery('#rmp_export_menu_list').children(\":selected\").text().trim().toLocaleLowerCase().split(' ').join('-');\n download_file(response.data, menu_name + '.json', 'application/json');\n }\n }\n });\n });\n /\n Function to download the content as file.\n \n @since 4.0.0\n \n @param {String} content Contents for file\n * @param {String} name Name of the file.\n * @param {String} type File type\n /\n\n function download_file(content, name, type) {\n var link = document.body.appendChild(document.createElement('a'));\n var file = new Blob([content], {\n type: type\n });\n link.href = URL.createObjectURL(file);\n link.download = name;\n link.click();\n }\n /\n Event to download exported menu settings as json file.\n \n @version 4.0.0\n /\n\n\n jQuery('#rmp-import-menu-button').on('click', function (e) {\n e.preventDefault();\n var menu_id = jQuery('#rmp_import_menu_list').val();\n\n if (!menu_id) {\n alert('Please create menu first ! ');\n return;\n }\n\n var file_data = jQuery('#rmp_input_import_file')[0].files[0];\n\n if (!file_data) {\n alert('Choose export file ! ');\n return;\n }\n\n var form_data = new FormData();\n form_data.append('file', file_data);\n form_data.append('ajax_nonce', rmpObject.ajax_nonce);\n form_data.append('menu_id', menu_id);\n form_data.append('action', 'rmp_import_menu');\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: form_data,\n type: 'POST',\n cache: false,\n contentType: false,\n processData: false,\n dataType: 'json',\n beforeSend: function beforeSend() {\n jQuery('#rmp-import-menu-button').prop('disabled', true);\n },\n error: function error(_error8) {\n console.log(_error8.statusText);\n jQuery('#rmp-import-menu-button').prop('disabled', false);\n },\n success: function success(response) {\n jQuery('#rmp-import-menu-button').prop('disabled', false);\n noticeClass = 'notice-error';\n\n if (response.success) {\n noticeClass = 'notice-success';\n jQuery('#rmp_input_import_file').val('');\n }\n\n jQuery('#rmp-global-settings').before('<div class=\"notice ' + noticeClass + ' settings-error is-dismissible\"> <p>' + response.data.message + '</p></div>');\n setTimeout(function () {\n jQuery('#rmp-global-settings').parent().find('.notice').remove();\n }, 3000);\n }\n });\n });\n /\n Function to manage menu container animation options.\n \n @param {String} optionValue\n /\n\n function updateMenuContainerAnimationOptions(optionValue) {\n if ('push' === optionValue) {\n jQuery('#rmp-page-wrapper').parents('.rmp-input-control-wrapper').fadeIn();\n } else {\n jQuery('#rmp-page-wrapper').parents('.rmp-input-control-wrapper').fadeOut();\n }\n\n if ('fade' === optionValue) {\n jQuery('#rmp-menu-appear-from option[value=\"top\"]').hide();\n jQuery('#rmp-menu-appear-from option[value=\"bottom\"]').hide();\n } else {\n jQuery('#rmp-menu-appear-from option[value=\"top\"]').show();\n jQuery('#rmp-menu-appear-from option[value=\"bottom\"]').show();\n }\n } // Menu container animation type and their options.\n\n\n updateMenuContainerAnimationOptions(jQuery('#rmp-animation-type').val());\n jQuery('#rmp-editor-wrapper').on('change', '#rmp-animation-type', function (e) {\n var optionValue = jQuery(this).val();\n updateMenuContainerAnimationOptions(optionValue);\n });\n /\n Event to back on home page under preview screen.\n \n @since 4.1.0\n \n @fires click\n \n @return void\n /\n\n jQuery('#rmp-preview-wrapper').on('click', function () {\n var url = window.location.href;\n url = url.substring(0, url.indexOf('wp-admin')) + '?rmp_preview_mode=true';\n jQuery('#rmp-preview-iframe-loader').show();\n jQuery('#rmp-preview-iframe').attr('src', url);\n });\n /* Call ajax to hide admin notice permanent. /\n\n jQuery('.notice-responsive-menu').on('click', '.notice-dismiss', function (event) {\n event.preventDefault();\n jQuery.ajax({\n type: \"POST\",\n url: rmpObject.ajaxURL,\n data: 'action=rmp_upgrade_admin_notice_dismiss'\n });\n });\n});\n\n//# sourceURL=webpack://responsive-menu-pro/./assets/admin/js/rmp-admin.js?")},"./assets/admin/js/rmp-editor.js":function(){eval("/\n This file container the editor multi level features.\n \n @version 4.0.0\n \n @type {Object}\n /\nvar rmpEditor = {\n editorSidebar: '#rmp-editor-wrapper',\n sidebarDrawer: 'button.collapse-sidebar',\n mainForm: '#rmp-editor-form',\n editorContainer: '#rmp-editor-main',\n topParentNav: '#rmp-editor-nav',\n topParentTab: '#rmp-editor-pane',\n childTabs: '.rmp-accordions',\n parentTabItem: '.rmp-editor-pane-parent li.rmp-tab-item',\n tabItem: 'li.rmp-tab-item',\n quickItem: '.rmp-quick-edit-link',\n tabItemTitle: '.rmp-tab-item-title',\n titleLogo: '.rmp-editor-header-logo',\n closeButton: '.rmp-editor-header-close',\n searchButton: '.rmp-search-settings-btn',\n searchForm: '.rmp-search-settings',\n titleText: '.rmp-editor-header-title',\n backButton: '.rmp-editor-header-back',\n accordionItem: 'li.rmp-accordion-item',\n tabId: null,\n level: 0,\n triggerBack: function triggerBack() {\n this.level--;\n parentId = jQuery('#' + this.tabId).attr('aria-parent');\n jQuery('#' + parentId).show();\n var title = jQuery('#' + parentId).attr('aria-label');\n this.updateHeader(title);\n jQuery('#' + this.tabId).hide();\n this.tabId = parentId;\n },\n updatePanel: function updatePanel(current) {\n this.tabId = current.attr('aria-owns');\n jQuery('#' + this.tabId).show();\n parentId = current.parent('ul').parent('div').attr('id');\n jQuery('#' + this.tabId).attr('aria-parent', parentId);\n jQuery('#' + parentId).hide();\n },\n updateQuickPanel: function updateQuickPanel(current) {\n this.tabId = current.attr('aria-owns');\n var accordionId = current.attr('accordion-id');\n var subAccordionId = current.attr('sub-accordion-id');\n var subTabId = current.attr('sub-tab-id');\n parentId = jQuery(\".rmp-accordions:visible\").attr('id');\n jQuery('#' + this.tabId).attr('aria-parent', parentId);\n jQuery('#' + parentId).hide();\n jQuery('#' + this.tabId).show();\n\n if (accordionId != '') {\n if (!jQuery('#' + accordionId).hasClass(\"ui-state-active\")) {\n jQuery('#' + accordionId).click();\n }\n\n if (subAccordionId != '') {\n if (!jQuery('#' + subAccordionId).hasClass(\"ui-state-active\")) {\n jQuery('#' + subAccordionId).click();\n }\n\n accordionId = subAccordionId;\n }\n\n setTimeout(function () {\n var topPos = document.getElementById(accordionId).offsetTop;\n jQuery('#rmp-editor-main').animate({\n scrollTop: topPos - 60 + 'px'\n }, 500);\n }, 400);\n }\n\n if (subTabId != '') {\n jQuery('#' + subTabId).click();\n }\n },\n updateHeader: function updateHeader(title) {\n if (0 == this.level) {\n jQuery(this.titleLogo).find('img').show();\n jQuery(this.closeButton).show();\n jQuery(this.backButton).hide();\n jQuery(this.searchForm).css('width', '200');\n } else if (1 == this.level) {\n jQuery(this.backButton).css('display', 'flex');\n jQuery(this.titleLogo).find('img').hide();\n jQuery(this.closeButton).hide();\n jQuery(this.searchForm).css('width', '255');\n }\n\n jQuery(this.titleText).text(title);\n },\n init: function init() {\n var self = this; // Move on next panel when click on item.\n\n jQuery(self.editorContainer).on('click', self.tabItem, function (e) {\n e.stopPropagation();\n e.preventDefault();\n current = jQuery(this);\n self.level++;\n self.updateHeader(current.text());\n self.updatePanel(current);\n }); // Move on next panel when click on item.\n\n jQuery(self.editorContainer).on('click', self.quickItem, function (e) {\n e.stopPropagation();\n e.preventDefault();\n current = jQuery(this);\n var tabId = current.attr('aria-owns');\n var title = jQuery('.rmp-tab-item[aria-owns=\"' + tabId + '\"]').find('.rmp-tab-item-title').html();\n self.level++;\n self.updateHeader(title);\n self.updateQuickPanel(current);\n }); // Back from inner panel when click on back button.\n\n jQuery(self.backButton).on('click', function (e) {\n e.stopPropagation();\n self.triggerBack();\n }); // Open/Close the editor setting sidebar.\n\n jQuery(self.sidebarDrawer).on('click', function (e) {\n jQuery(self.editorSidebar).toggleClass('expanded collapsed');\n }); // Open/Close the search form.\n\n jQuery(self.searchButton).on('click', function (e) {\n jQuery(self.searchForm).toggle();\n }); //Search settings\n\n jQuery.expr[':'].containsIgnoreCase = function (n, i, m) {\n return jQuery(n).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0;\n };\n\n jQuery.fn.highlight = function (pat) {\n function innerHighlight(node, pat) {\n var skip = 0;\n\n if (jQuery(node).is(\"select,input,textarea, .rmp-tooltip-content \")) {\n return skip;\n }\n\n if (node.nodeType == 3) {\n var pos = node.data.toUpperCase().indexOf(pat);\n\n if (pos >= 0) {\n var spannode = document.createElement('i');\n spannode.className = 'rmp-highlight';\n var middlebit = node.splitText(pos);\n middlebit.splitText(pat.length);\n var middleclone = middlebit.cloneNode(true);\n spannode.appendChild(middleclone);\n middlebit.parentNode.replaceChild(spannode, middlebit);\n skip = 1;\n }\n } else if (node.nodeType == 1 && node.childNodes && !/(script\|style)/i.test(node.tagName)) {\n for (var i = 0; i < node.childNodes.length; ++i) {\n i += innerHighlight(node.childNodes[i], pat);\n }\n }\n\n return skip;\n }\n\n return this.each(function () {\n innerHighlight(this, pat.toUpperCase());\n });\n };\n\n jQuery.fn.removeHighlight = function () {\n function newNormalize(node) {\n for (var i = 0, children = node.childNodes, nodeCount = children.length; i < nodeCount; i++) {\n var child = children[i];\n\n if (child.nodeType == 1) {\n newNormalize(child);\n continue;\n }\n\n if (child.nodeType != 3) {\n continue;\n }\n\n var next = child.nextSibling;\n\n if (next == null \|\| next.nodeType != 3) {\n continue;\n }\n\n var combined_text = child.nodeValue + next.nodeValue;\n var new_node = node.ownerDocument.createTextNode(combined_text);\n node.insertBefore(new_node, child);\n node.removeChild(child);\n node.removeChild(next);\n i--;\n nodeCount--;\n }\n }\n\n return this.find(\"i.rmp-highlight\").each(function () {\n var thisParent = this.parentNode;\n thisParent.replaceChild(this.firstChild, this);\n newNormalize(thisParent);\n }).end();\n };\n\n jQuery(document).on('keyup change search', self.searchForm, function () {\n var searchTerm = jQuery(this).val();\n jQuery('#rmp-editor-main').removeHighlight();\n jQuery('.rmp-search-results-found').remove();\n if (searchTerm == '') return false;\n jQuery('#rmp-editor-main').highlight(searchTerm);\n jQuery(self.parentTabItem).each(function () {\n var target = \"#\" + jQuery(this).attr(\"aria-owns\");\n var count = jQuery(target).find(\"i.rmp-highlight:containsIgnoreCase(\" + searchTerm + \")\").length;\n jQuery(target).find(self.tabItem).each(function () {\n var childTarget = \"#\" + jQuery(this).attr(\"aria-owns\");\n var childCount = jQuery(childTarget).find(\"i.rmp-highlight:containsIgnoreCase(\" + searchTerm + \")\").length;\n\n if (childCount > 0) {\n jQuery(this).append('<span class=\"rmp-search-results-found\">' + childCount + ' Results</span>');\n count = Number(count) + Number(childCount);\n }\n });\n\n if (count > 0) {\n jQuery(target).find(self.accordionItem).each(function () {\n var accordionItemCount = jQuery(this).find(\":not(.accordion-item-title, .item-title) > i.rmp-highlight:containsIgnoreCase(\" + searchTerm + \")\").length;\n\n if (accordionItemCount > 0) {\n jQuery(this).find('.rmp-accordion-title:first > .accordion-item-title, .rmp-accordion-title:first > .item-title').append('<span class=\"rmp-search-results-found\">' + accordionItemCount + ' Results</span>');\n }\n });\n jQuery(this).append('<span class=\"rmp-search-results-found\">' + count + ' Results</span>');\n }\n });\n });\n }\n};\nrmpEditor.init();\n\n//# sourceURL=webpack://responsive-menu-pro/./assets/admin/js/rmp-editor.js?")},"./assets/admin/js/rmp-icon.js":function(){eval("/\n This file contain the script to handle the icon wizard and it's operation.\n \n @version 4.0.0\n /\njQuery(document).ready(function () {\n var RMP_Icon = {\n iconSelect: '#rmp-icon-dialog-select',\n iconContainer: '.rmp-menu-icons-dialog',\n clearSelector: '#rmp-icon-dialog-clear',\n closeSelector: '.rmp-menu-icons-dialog .rmp-dialog-header button.close',\n clear: function clear() {\n var self = this;\n jQuery(self.clearSelector).on('click', function () {\n jQuery(self.iconContainer).find('input').prop('checked', false);\n });\n },\n closeDialog: function closeDialog() {\n var self = this;\n jQuery(self.closeSelector).on('click', function () {\n jQuery(self.iconContainer).hide();\n });\n },\n openDialog: function openDialog(iconChooser) {\n var self = this;\n jQuery(iconChooser).on('click', function (e) {\n e.stopPropagation();\n jQuery(self.iconContainer).show();\n jQuery(self.iconSelect).attr('data-click', jQuery(e.target).attr('id'));\n });\n },\n getIconElementWrap: function getIconElementWrap(icon_class) {\n if (icon_class.includes('material-icons')) {\n icon_class = icon_class.replace('material-icons', '');\n return '<span class=\"rmp-font-icon material-icons\">' + icon_class + '</span>';\n }\n\n return '<span class=\"rmp-font-icon ' + icon_class + ' \"></span>';\n },\n removeIcon: function removeIcon(iconChooser) {\n jQuery(iconChooser).on('click', '.rmp-icon-picker-trash', function (e) {\n e.preventDefault();\n e.stopPropagation();\n jQuery(this).parent('.rmp-icon-picker').siblings('input.rmp-icon-hidden-input').val('');\n jQuery(this).siblings('.rmp-font-icon').remove();\n jQuery(this).parent('.rmp-icon-picker').removeAttr('data-icon');\n jQuery(this).remove();\n\n if (!jQuery('#rmp-editor-main').find('#rmp-menu-update-notification').length) {\n jQuery('#rmp-editor-main').prepend('<div id=\"rmp-menu-update-notification\" class=\"rmp-order-item rmp-order-item-description\">' + '<span> <span class=\"rmp-font-icon dashicons dashicons-warning \"></span> Update Required </span>' + '<a href=\"javascript:void(0)\" id=\"rmp-menu-quick-update-button\">UPDATE</a>' + '</div>');\n }\n });\n },\n getIcon: function getIcon() {\n var self = this;\n jQuery(document).on('click', this.iconSelect, function () {\n icon_class = jQuery(self.iconContainer).find('input:checked').val();\n clicker = '#' + jQuery(self.iconSelect).attr('data-click');\n icon_wrap = self.getIconElementWrap(icon_class);\n jQuery(clicker).find('.rmp-font-icon').remove();\n jQuery(clicker).prev('input.rmp-icon-hidden-input').val(icon_wrap);\n jQuery(clicker).append(icon_wrap);\n jQuery(clicker).attr('data-icon', true);\n jQuery(clicker).find('.rmp-icon-picker-trash').remove();\n jQuery(clicker).append('<i class=\"rmp-icon-picker-trash dashicons dashicons-trash\" aria-hidden=\"true\"></i>');\n jQuery(self.iconSelect).removeAttr('data-click');\n jQuery(self.closeSelector).click();\n jQuery(clicker).prev('input').first().focus();\n });\n },\n init: function init(iconChooser) {\n this.openDialog(iconChooser);\n this.removeIcon(iconChooser);\n this.getIcon();\n this.clear();\n this.closeDialog();\n jQuery('#rmp-icon-search').on('keyup', _.debounce(this.searchIcon, 500));\n jQuery('#rmp-icon-search').on('keyup', function () {\n var query_string = this.value.toLocaleLowerCase();\n\n if (query_string.length) {\n if (!jQuery('#rmp-icon-search-typing-message').length) {\n jQuery(this).after('<span id=\"rmp-icon-search-typing-message\"> Waiting for more keystrokes... </span>');\n } else {\n jQuery('#rmp-icon-search-typing-message').html('Waiting for more keystrokes...');\n }\n }\n });\n /\n Create menu item icon selector.\n /\n\n jQuery(document).on('click', '.delete-menu-item-icon', function () {\n jQuery(this).closest('.rmp-menu-item-icon-container').remove();\n });\n },\n searchIcon: function searchIcon(e) {\n jQuery('#rmp-icon-search-typing-message').html('Please wait moment..');\n var query_string = this.value.toLocaleLowerCase();\n var activeTab = jQuery('.rmp-menu-icons-dialog').find('.nav-tab-active');\n\n if (!activeTab.length) {\n activeTab = jQuery('.rmp-menu-icons-dialog').find('.nav-tab').first();\n }\n\n icon_container = activeTab.attr('href');\n var icon_selector = jQuery(icon_container + ' .font-icon');\n var is_exist = false;\n icon_selector.each(function () {\n var icon_label = jQuery(this).children('input').val().toLocaleLowerCase();\n\n if (icon_label.includes(query_string)) {\n jQuery(this).show();\n is_exist = true;\n } else {\n jQuery(this).hide();\n }\n });\n\n if (is_exist) {\n jQuery('#rmp-icon-search-typing-message').html('Done, Check results..');\n } else {\n jQuery('#rmp-icon-search-typing-message').html('Sorry, Not found..');\n }\n }\n };\n RMP_Icon.init('.rmp-icon-picker');\n});\n\n//# sourceURL=webpack://responsive-menu-pro/./assets/admin/js/rmp-icon.js?")},"./assets/admin/js/rmp-menu-wizard.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/\n This is js hook scripts file for responsive menu.\n \n @file This files defines the rmpNewMenuWizard object.\n * @author ExpressTech System.\n \n @since 4.1.0\n \n @package responsive-menu-pro\n /\n\n/\n Hooks class.\n \n @type {Object}\n \n @since 4.1.0\n /\n\nvar rmpMenuWizard = {\n /\n Initialize.\n \n @return {void}\n /\n init: function init() {\n this.setProps();\n },\n\n /\n Set properties and selectors.\n \n @return {void}\n /\n setProps: function setProps() {\n var _this = this;\n\n //Assign wizard container element id.\n var menuWizardContainer = jQuery('#rmp-new-menu-wizard'); //Open new create menu wizard on click event.\n\n jQuery(document).on('click', 'a.page-title-action', function (e) {\n e.preventDefault();\n menuWizardContainer.show();\n }); //Close the new menu wizard.\n\n jQuery('#rmp-new-menu-wizard .rmp-dialog-header button.close').on('click', function () {\n menuWizardContainer.hide();\n }); //Show/Hide the page selection input control.\n\n menuWizardContainer.on('change', '.rmp-menu-display-option', function (e) {\n var optionValue = jQuery(this).val();\n\n if ('exclude-pages' === optionValue \|\| 'include-pages' === optionValue) {\n jQuery('#rmp-menu-page-selector').show();\n return;\n }\n\n jQuery('#rmp-menu-page-selector').hide();\n }); //Show/Hide change theme wizard in customizer page.\n\n jQuery('.rmp-theme-change-button').on('click', function (e) {\n menuWizardContainer.toggle();\n }); //Multi step form event for next button.\n\n jQuery('#rmp-menu-next-step').on('click', function () {\n _this.nextSection();\n }); //Multi step form event for top item label.\n\n jQuery('li.rmp-new-menu-step').on('click', function (e) {\n var index = jQuery(e.currentTarget).index();\n\n _this.goToSection(index);\n }); //Call ajax to save the new create menu.\n\n jQuery('#rmp-create-new-menu').on('click', function (e) {\n e.preventDefault();\n var menuName = jQuery('#rmp-menu-name');\n var themeName = jQuery('.rmp-theme-option:checked').val();\n\n if (themeName == undefined) {\n themeName = '';\n }\n\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_create_new_menu',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'menu_name': menuName.val(),\n 'menu_to_hide': jQuery('#rmp-hide-menu').val(),\n 'menu_to_use': jQuery('#rmp-menu-to-use').val(),\n 'menu_show_on_pages': jQuery('#rmp-menu-display-on-pages').val(),\n 'menu_show_on': jQuery('.rmp-menu-display-option').val(),\n 'menu_theme': themeName,\n 'theme_type': jQuery('.rmp-theme-option:checked').attr('theme-type')\n },\n type: 'POST',\n dataType: 'json',\n beforeSend: function beforeSend() {\n jQuery(e.currentTarget).prop('disabled', true);\n jQuery('.spinner').addClass('is-active');\n },\n error: function error(_error) {\n console.log('Internal Error !');\n jQuery('#rmp-create-new-menu').prop('disabled', false);\n jQuery('.spinner').removeClass('is-active');\n },\n success: function success(response) {\n jQuery('.spinner').removeClass('is-active');\n jQuery('#rmp-create-new-menu').prop('disabled', false);\n\n if (response.success) {\n window.location.href = response.data.customize_url;\n } else {\n alert(response.data.message);\n }\n }\n });\n }); //Ajax call to upload the theme.\n\n jQuery('#rmp-theme-upload').on('click', function (e) {\n e.preventDefault();\n var formData = new FormData();\n var file = jQuery('#rmp_menu_theme_zip').prop('files')[0];\n formData.append('file', file);\n formData.append('action', 'rmp_menu_theme_upload');\n formData.append('ajax_nonce', rmpObject.ajax_nonce);\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: formData,\n type: 'POST',\n processData: false,\n contentType: false,\n dataType: 'json',\n success: function success(response) {\n jQuery('#rmp_menu_theme_zip').val('');\n alert(response.data.message);\n\n if (response.data.html) {\n jQuery('#rmp-new-menu-wizard').find('#tabs-1').html(response.data.html);\n jQuery('#rmp-menu-library-import').addClass('hide');\n }\n }\n });\n }); //Ajax call to check the recent changes the theme api.\n\n jQuery('.rmp-call-theme-api-button').on('click', function (e) {\n if (!jQuery(e.currentTarget).hasClass('rmp-call-theme-api-button')) {\n return;\n }\n\n jQuery('#rmp-new-menu-wizard').find('.rmp-page-loader').css('display', 'flex');\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_call_theme_api',\n 'ajax_nonce': rmpObject.ajax_nonce\n },\n type: 'POST',\n dataType: 'json',\n error: function error(_error2) {\n jQuery('#rmp-new-menu-wizard').find('.rmp-page-loader').hide();\n jQuery('#rmp-new-menu-wizard').find('#tabs-2 .rmp_theme_grids').html('Internal Error !');\n },\n success: function success(response) {\n if (response.data.html) {\n jQuery('#rmp-new-menu-wizard').find('#tabs-2 .rmp_theme_grids').html(response.data.html);\n jQuery(e.currentTarget).removeClass('rmp-call-theme-api-button');\n }\n }\n });\n });\n },\n\n /\n Jump to the next section of wizard.\n \n @return {void}\n /\n nextSection: function nextSection() {\n var currectSectionIndex = jQuery('div.rmp-menu-section.current').index();\n this.goToSection(currectSectionIndex + 1);\n },\n\n /\n Show the indexed section in wizard.\n \n @return {void}\n /\n goToSection: function goToSection(currectSectionIndex) {\n if (1 <= currectSectionIndex) {\n jQuery('#rmp-create-new-menu').show();\n jQuery('#rmp-menu-next-step').hide();\n } else {\n jQuery('#rmp-create-new-menu').hide();\n jQuery('#rmp-menu-next-step').show();\n }\n\n jQuery('div.rmp-menu-section').eq(currectSectionIndex).addClass('current').siblings().removeClass('current');\n jQuery('li.rmp-new-menu-step').eq(currectSectionIndex).addClass('current').siblings().removeClass('current');\n }\n};\nrmpMenuWizard.init();\n/ harmony default export / __webpack_exports__[\"default\"] = (rmpMenuWizard);\n\n//# sourceURL=webpack://responsive-menu-pro/./assets/admin/js/rmp-menu-wizard.js?")},"./assets/admin/js/rmp-preview.js":function(){eval("/\n This is preview scripts file for responsive menu customizer.\n \n @file This files defines the rmpHook object.\n * @author ExpressTech System.\n * @type {Object}\n \n @since 4.0.0\n \n @package responsive-menu-pro\n /\n\n/\n Hooks class.\n \n @type {Object}\n \n @since 4.0.0\n /\nvar rmpHook = {\n hooks: [],\n isBreak: false,\n\n /\n Function to register the hook.\n \n @since 4.0.0\n \n @param String name Hook Name.\n * @param function callback Associated function.\n /\n register: function register(name, callback) {\n if ('undefined' == typeof rmpHook.hooks[name]) {\n rmpHook.hooks[name] = [];\n }\n\n rmpHook.hooks[name].push(callback);\n },\n\n /\n Function to call the hook.\n \n @since 4.0.0\n \n @param String name Hook Name.\n * @param function params Paramter list.\n /\n call: function call(name, params) {\n if ('undefined' != typeof rmpHook.hooks[name]) {\n for (var i = 0; i < rmpHook.hooks[name].length; ++i) {\n var output = rmpHook.hooks[name][i](params);\n\n if (false == output) {\n rmpHook.isBreak = true;\n return false;\n }\n\n return output;\n }\n }\n\n return true;\n }\n};\n/\n Register function to color the menu elements.\n * \n * @since 4.0.0\n * \n * @param {Object} args List of inputs.\n * @return {String}\n /\n\nrmpHook.register('rmp_color_style', function (args) {\n if (!args) {\n return false;\n } // Set the state/pseudo class.\n\n\n if ('hover' == args.state) {\n args.outputSelector = args.outputSelector + ':hover';\n } else if ('placeholder' == args.state) {\n args.outputSelector = args.outputSelector + '::placeholder';\n } else if ('before' == args.state) {\n args.outputSelector = args.outputSelector + '::before';\n } else if ('after' == args.state) {\n args.outputSelector = args.outputSelector + '::after';\n } //Prepare css string and return.\n\n\n return args.outputSelector + '{ ' + args.attr + ' : ' + args.value + ';}';\n});\n/\n rmpPreview class\n * \n * @since 4.0.0\n * \n * @type {Object}\n /\n\nwindow.RMP_Preview = {\n iframe: '#rmp-preview-iframe',\n menuId: jQuery('#menu_id').val(),\n mobile_breakpoint: jQuery('#rmp-menu-mobile-breakpoint').val() + 'px',\n tablet_breakpoint: jQuery('#rmp-menu-tablet-breakpoint').val() + 'px',\n active_device: jQuery('#rmp_device_mode'),\n menuContainer: '#rmp-container-' + self.menuId,\n onTyping: function onTyping(inputSelector, outputSelector, type) {\n var meta = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';\n var self = this;\n var iframe = jQuery(self.iframe);\n jQuery(inputSelector).on('keyup change paste', function () {\n switch (type) {\n case 'border-radius':\n var value = jQuery(this).val();\n css = outputSelector + '{ border-radius : ' + value + 'px;}';\n self.inlineCssInjector(css);\n break;\n\n case 'section-padding':\n var value = jQuery(this).val();\n var is_linked = jQuery(this).parents('.rmp-input-group-control').find('.rmp-group-input-linked').hasClass('is-linked');\n var attr = 'padding';\n\n if (!is_linked) {\n pos = jQuery(this).attr('data-input');\n attr = attr + '-' + pos;\n }\n\n css = outputSelector + '{ ' + attr + ' : ' + value + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'trigger-text':\n if (iframe.contents().find(outputSelector).length) {\n iframe.contents().find(outputSelector).html(this.value);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').before('<div class=\"rmp-trigger-label rmp-trigger-label-top\"><span class=\"rmp-trigger-text\">\"' + this.value + '\"</span></div>');\n }\n\n break;\n\n case 'trigger-text-open':\n if (iframe.contents().find(outputSelector).length) {\n iframe.contents().find(outputSelector).html(this.value);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').before('<div class=\"rmp-trigger-label rmp-trigger-label-top\"><span class=\"rmp-trigger-text-open\">\"' + this.value + '\"</span></div>');\n }\n\n break;\n\n case 'text':\n iframe.contents().find(outputSelector).html(this.value);\n break;\n\n case 'placeholder':\n iframe.contents().find(outputSelector).attr('placeholder', this.value);\n break;\n\n case 'href':\n iframe.contents().find(outputSelector).attr('href', this.value);\n break;\n\n case 'font-size':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit.length) {\n unit = 'px';\n }\n\n var value = jQuery(this).val();\n css = outputSelector + '{ font-size : ' + (value + unit) + ';}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'width':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit) {\n unit = 'px';\n }\n\n css = outputSelector + '{ width : ' + (this.value + unit) + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'height':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit.length) {\n unit = 'px';\n }\n\n css = outputSelector + '{ height : ' + (this.value + unit) + ';}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'line-height':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit.length) {\n unit = 'px';\n }\n\n css = outputSelector + '{ line-height : ' + (this.value + unit) + ';}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'min-width':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit.length) {\n unit = 'px';\n }\n\n css = outputSelector + '{ min-width : ' + (this.value + unit) + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'max-width':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit.length) {\n unit = 'px';\n }\n\n css = outputSelector + '{ max-width : ' + (this.value + unit) + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'trigger-side-position':\n side = jQuery('#rmp-menu-button-left-or-right').val();\n unit = jQuery('#rmp-menu-button-distance-from-side-unit').val();\n value = jQuery('#rmp-menu-button-distance-from-side').val();\n css = outputSelector + '{ ' + side + ' :' + (value + unit) + ' !important;}';\n self.inlineCssInjector(css);\n break;\n\n case 'top':\n value = jQuery(this).val();\n unit = jQuery('#rmp-menu-button-top-unit').val();\n css = outputSelector + '{ top :' + (value + unit) + ' !important;}';\n self.inlineCssInjector(css);\n break;\n\n case 'border-width':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit) {\n unit = 'px';\n }\n\n css = outputSelector + '{ border-width : ' + (this.value + unit) + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'padding':\n var unit = jQuery(this).next('.is-unit').val();\n\n if (!unit) {\n unit = 'px';\n }\n\n if (meta == 'lr') {\n css = outputSelector + '{ padding : 0 ' + (this.value + unit) + ';}';\n }\n\n self.inlineCssInjector(css);\n break;\n }\n });\n },\n bindImage: function bindImage(inputSelector, outputSelector, type) {\n var self = this;\n var iframe = jQuery(self.iframe);\n jQuery(document).on('click', inputSelector, function (e) {\n e.preventDefault();\n var button = jQuery(this),\n custom_uploader = wp.media({\n title: 'Select image',\n library: {\n type: 'image'\n },\n button: {\n text: 'Use this image'\n },\n multiple: false\n }).on('select', function () {\n var attachment = custom_uploader.state().get('selection').first().toJSON();\n jQuery(e.target).prev('input.rmp-image-url-input').val(attachment.url);\n jQuery(e.target).css('background-image', 'url(' + attachment.url + ')');\n jQuery(e.target).append('<i class=\"rmp-image-picker-trash dashicons dashicons-trash\" aria-hidden=\"true\"></i>');\n\n if (type == 'img-src') {\n iframe.contents().find(outputSelector).attr('src', attachment.url);\n } else if (type == 'background') {\n css = outputSelector + '{ background-image : url(' + attachment.url + ');}';\n self.inlineCssInjector(css);\n } else if (type == 'trigger-icon') {\n if (iframe.contents().find(outputSelector).length) {\n iframe.contents().find(outputSelector).attr('src', attachment.url);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box .responsive-menu-pro-inner').hide();\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').append('<img class=\"rmp-trigger-icon rmp-trigger-icon-inactive\" src=\"' + attachment.url + '\"/>');\n }\n } else if (type == 'trigger-icon-open') {\n if (iframe.contents().find(outputSelector).length) {\n iframe.contents().find(outputSelector).attr('src', attachment.url);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box .responsive-menu-pro-inner').hide();\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').append('<img class=\"rmp-trigger-icon rmp-trigger-icon-active\" src=\"' + attachment.url + '\"/>');\n }\n }\n }).open();\n });\n },\n toggleElements: function toggleElements(inputSelector, outputSelector) {\n var self = this;\n jQuery(inputSelector).on('change', function (e) {\n e.preventDefault();\n e.stopPropagation();\n var iframe = jQuery(self.iframe);\n\n if (iframe.contents().find(outputSelector).length) {\n if (jQuery(this).is(':checked')) {\n iframe.contents().find(outputSelector).fadeIn(500);\n } else {\n iframe.contents().find(outputSelector).fadeOut(500);\n }\n } else {\n e.preventDefault();\n var menuId = jQuery('#menu_id').val(),\n toggle_on = jQuery(this).data('toggle');\n jQuery.ajax({\n url: rmpObject.ajaxURL,\n data: {\n 'action': 'rmp_enable_menu_item',\n 'ajax_nonce': rmpObject.ajax_nonce,\n 'menu_id': menuId,\n 'menu_element': toggle_on\n },\n type: 'POST',\n dataType: 'json',\n beforeSend: function beforeSend() {\n jQuery(this).prop('disabled', true);\n jQuery('#iframe-spinner').show();\n },\n error: function error(_error) {\n console.log('Internal Error !');\n jQuery(this).prop('disabled', false);\n jQuery('#iframe-spinner').hide();\n },\n success: function success(response) {\n if (response.data.markup) {\n iframe.contents().find('#rmp-container-' + self.menuId).append(response.data.markup);\n self.orderMenuElements();\n }\n\n jQuery(this).prop('disabled', false);\n jQuery('#iframe-spinner').hide();\n }\n });\n }\n });\n },\n orderMenuElements: function orderMenuElements() {\n var list = [];\n var self = this;\n var iframeContents = jQuery(self.iframe).contents();\n jQuery('#tab-container .item-title').each(function () {\n var val = jQuery(this).text().toLocaleLowerCase().trim();\n\n if (val == 'title') {\n list.push(iframeContents.find(self.menuTitle));\n iframeContents.find(self.menuTitle).remove();\n } else if (val == 'search') {\n list.push(iframeContents.find(self.menuSearch));\n iframeContents.find(self.menuSearch).remove();\n } else if (val == 'menu') {\n list.push(iframeContents.find(self.menuWrap));\n iframeContents.find(self.menuWrap).remove();\n } else {\n list.push(iframeContents.find(self.menuContents));\n iframeContents.find(self.menuContents).remove();\n }\n });\n list.forEach(function (menuElement) {\n iframeContents.find(self.menuContainer).append(menuElement);\n });\n },\n\n /\n Function to bind the color input with option and elements.\n * \n * @version 4.0.0\n * \n * @param {String} inputSelector \n * @param {String} outputSelector \n * @param {String} attr \n * @param {String} state \n /\n bindColor: function bindColor(inputSelector, outputSelector, attr, state) {\n var self = this;\n jQuery(inputSelector).wpColorPicker({\n change: function change(event, ui) {\n var value = ui.color.toString();\n var css = rmpHook.call('rmp_color_style', {\n 'outputSelector': outputSelector,\n 'attr': attr,\n 'value': value,\n 'state': state\n });\n\n if (jQuery(inputSelector).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n }\n });\n },\n mediaQuery: function mediaQuery(css) {\n var self = this;\n self.tablet_breakpoint = jQuery('#rmp-menu-tablet-breakpoint').val() + 'px';\n css = '@media screen and (max-width: ' + self.tablet_breakpoint + ' ) {' + css + '}';\n return css;\n },\n inlineCssInjector: function inlineCssInjector(css) {\n var self = this;\n var iframe = jQuery(self.iframe);\n var styleElement = iframe.contents().find('#rmp-inline-css-' + self.menuId);\n\n if (styleElement.length) {\n styleElement.append(css);\n } else {\n style = '<style id=\"rmp-inline-css-' + self.menuId + '\">' + css + '</style>';\n iframe.contents().find('head').append(style);\n }\n },\n changeInput: function changeInput(inputSelector, outputSelector, attr) {\n var meta = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';\n var self = this;\n var iframe = jQuery(self.iframe);\n jQuery(inputSelector).on('change', function (e) {\n switch (attr) {\n case 'height-unit':\n value = jQuery(this).prev('input').val();\n unit = jQuery(this).val();\n css = outputSelector + '{ height : ' + (value + unit) + ';}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'line-height-unit':\n value = jQuery(this).prev('input').val();\n unit = jQuery(this).val();\n css = outputSelector + '{ line-height : ' + (value + unit) + ';}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'width-unit':\n var value = jQuery(this).prev('input').val();\n var unit = jQuery(this).val();\n css = outputSelector + '{ width : ' + (value + unit) + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'font-size':\n value = jQuery(this).prev('input').val();\n unit = jQuery(this).val();\n css = outputSelector + '{ font-size :' + value + unit + ' !important;}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'font-family':\n value = jQuery(this).val();\n css = outputSelector + '{ font-family :' + value + ' !important;}';\n\n if (jQuery(this).attr('multi-device')) {\n css = self.mediaQuery(css);\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'font-weight':\n value = jQuery(this).val();\n css = outputSelector + '{ font-weight :' + value + ';}';\n self.inlineCssInjector(css);\n break;\n\n case 'padding-unit':\n var unit = jQuery(this).val();\n var value = jQuery(this).prev('input').val();\n\n if (!unit) {\n unit = 'px';\n }\n\n if (meta == 'lr') {\n css = outputSelector + '{ padding : 0 ' + (value + unit) + ';}';\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'letter-spacing':\n value = jQuery(this).val();\n css = outputSelector + '{ letter-spacing :' + value + 'px; }';\n self.inlineCssInjector(css);\n break;\n\n case 'position-alignment':\n if (iframe.contents().find(outputSelector).length) {\n position = jQuery(this).val();\n var rmpTriggerBox = iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box');\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').remove();\n\n if (position == 'top' \|\| position == 'left') {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId).append(rmpTriggerBox);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId).prepend(rmpTriggerBox);\n }\n }\n\n break;\n\n case 'trigger-animation':\n value = jQuery(this).val();\n var new_class = 'rmp-menu-trigger-' + value;\n all_class = iframe.contents().find(outputSelector).attr('class').split(\" \");\n all_class.forEach(function (value) {\n if (value.includes('rmp-menu-trigger-')) {\n iframe.contents().find(outputSelector).removeClass(value);\n iframe.contents().find(outputSelector).addClass(new_class);\n }\n });\n break;\n\n case 'top':\n var unit = jQuery(this).val();\n value = jQuery(this).prev('input').val();\n css = outputSelector + '{ top :' + (value + unit) + ' !important;}';\n self.inlineCssInjector(css);\n break;\n\n case 'trigger-side-position':\n side = jQuery('#rmp-menu-button-left-or-right').val();\n unit = jQuery('#rmp-menu-button-distance-from-side-unit').val();\n value = jQuery('#rmp-menu-button-distance-from-side').val();\n css = outputSelector + '{ ' + side + ' :' + (value + unit) + ' !important;}';\n self.inlineCssInjector(css);\n break;\n\n case 'trigger-side':\n side = jQuery(this).val();\n value = jQuery('#rmp-menu-button-distance-from-side').val();\n unit = jQuery('#rmp-menu-button-distance-from-side-unit').val();\n\n if (side == 'left') {\n css = outputSelector + '{' + side + ':' + (value + unit) + ' !important;right:unset !important}';\n } else {\n css = outputSelector + '{' + side + ':' + (value + unit) + ' !important;left:unset !important}';\n }\n\n self.inlineCssInjector(css);\n break;\n\n case 'position':\n value = jQuery(this).val();\n css = outputSelector + '{ position :' + value + ' !important;}';\n self.inlineCssInjector(css);\n break;\n\n case 'trigger-background':\n if (jQuery(this).is(':checked')) {\n iframe.contents().find(outputSelector).attr('style', 'background:unset !important;');\n } else {\n iframe.contents().find(outputSelector).removeAttr('style');\n }\n\n break;\n\n case 'target':\n var value = jQuery(this).val();\n\n if (!value.length) {\n value = '_self';\n }\n\n iframe.contents().find(outputSelector).attr('target', value);\n break;\n\n case 'text-align':\n var value = jQuery(this).val();\n iframe.contents().find(outputSelector).css({\n 'text-align': value\n });\n break;\n }\n });\n },\n init: function init() {\n var self = this; //Mobile menu elements.\n\n self.menuContainer = '#rmp-container-' + self.menuId;\n self.menuTitle = '#rmp-menu-title-' + self.menuId;\n self.menuSearch = '#rmp-search-box-' + self.menuId;\n self.menuWrap = '#rmp-menu-wrap-' + self.menuId;\n self.menuContents = '#rmp-menu-additional-content-' + self.menuId; //Menu container background color.\n\n self.bindColor('#rmp-container-background-colour', '#rmp-container-' + self.menuId, 'background', ''); //Menu background.\n\n self.bindColor('#rmp-menu-background-colour', '#rmp-menu-wrap-' + self.menuId, 'background'); //Menu title section background color.\n\n self.bindColor('#rmp-menu-title-background-colour', '#rmp-menu-title-' + self.menuId, 'background'); //Menu title section background hover color.\n\n self.bindColor('#rmp-menu-title-background-hover-colour', '#rmp-menu-title-' + self.menuId, 'background', 'hover'); // Menu item trigger\n\n self.bindColor('#rmp-menu-sub-arrow-shape-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'color');\n self.bindColor('#rmp-menu-sub-arrow-shape-hover-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'color', 'hover');\n self.bindColor('#rmp-menu-sub-arrow-shape-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow.rmp-menu-subarrow-active', 'color');\n self.bindColor('#rmp-menu-sub-arrow-shape-hover-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow.rmp-menu-subarrow-active', 'color', 'hover');\n self.bindColor('#rmp-menu-sub-arrow-border-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'border-color');\n self.bindColor('#rmp-menu-sub-arrow-border-hover-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'border-color', 'hover');\n self.bindColor('#rmp-menu-sub-arrow-border-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow-active', 'border-color');\n self.bindColor('#rmp-menu-sub-arrow-border-hover-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow-active', 'border-color', 'hover');\n self.bindColor('#rmp-menu-sub-arrow-background-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'background');\n self.bindColor('#rmp-menu-sub-arrow-background-hover-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'background', 'hover');\n self.bindColor('#rmp-menu-sub-arrow-background-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow.rmp-menu-subarrow-active', 'background');\n self.bindColor('#rmp-menu-sub-arrow-background-hover-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow.rmp-menu-subarrow-active', 'background', 'hover'); //Legacy options\n\n self.bindColor('#rmp-submenu-sub-arrow-shape-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'color');\n self.bindColor('#rmp-submenu-sub-arrow-shape-colour-hover', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'color', 'hover');\n self.bindColor('#rmp-submenu-sub-arrow-shape-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow-active', 'color');\n self.bindColor('#rmp-submenu-sub-arrow-shape-hover-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow-active', 'color', 'hover');\n self.bindColor('#rmp-submenu-sub-arrow-border-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'border-color');\n self.bindColor('#rmp-submenu-sub-arrow-border-hover-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'border-color', 'hover');\n self.bindColor('#rmp-submenu-sub-arrow-border-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow.rmp-menu-subarrow-active', 'border-color');\n self.bindColor('#rmp-submenu-sub-arrow-border-hover-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow-active', 'border-color', 'hover');\n self.bindColor('#rmp-submenu-sub-arrow-background-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'background');\n self.bindColor('#rmp-submenu-sub-arrow-background-hover-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'background', 'hover');\n self.bindColor('#rmp-submenu-sub-arrow-background-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow-active', 'background');\n self.bindColor('#rmp-submenu-sub-arrow-background-hover-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow-active', 'background', 'hover');\n self.bindColor('#rmp-menu-title-colour', '#rmp-menu-title-' + self.menuId + ' > a', 'color');\n self.bindColor('#rmp-menu-title-hover-colour', '#rmp-menu-title-' + self.menuId + ' > a', 'color', 'hover');\n self.bindColor('#rmp-menu-additional-content-color', '#rmp-container-' + self.menuId + ' #rmp-menu-additional-content-' + self.menuId, 'color');\n self.bindColor('#rmp-menu-search-box-text-colour', '#rmp-container-' + self.menuId + ' #rmp-search-box-' + self.menuId + ' .rmp-search-box', 'color');\n self.bindColor('#rmp-menu-search-box-background-colour', '#rmp-search-box-' + self.menuId + ' .rmp-search-box', 'background');\n self.bindColor('#rmp-menu-search-box-border-colour', '#rmp-search-box-' + self.menuId + ' .rmp-search-box', 'border-color');\n self.bindColor('#rmp-menu-search-box-placeholder-colour', '#rmp-search-box-' + self.menuId + ' .rmp-search-box', 'color', 'placeholder');\n self.changeInput('#rmp-menu-title-font-weight', '#rmp-menu-title-' + self.menuId + ' #rmp-menu-title-link', 'font-weight');\n self.changeInput('#rmp-menu-title-font-family', '#rmp-menu-title-' + self.menuId + ' #rmp-menu-title-link', 'font-family'); //Menu Trigger\n\n self.bindColor('#rmp-menu-button-background-colour', '#rmp_menu_trigger-' + self.menuId, 'background', '');\n self.bindColor('#rmp-menu-button-background-colour-hover', '#rmp_menu_trigger-' + self.menuId, 'background-color', 'hover');\n self.bindColor('#rmp-menu-button-background-colour-active', '#rmp_menu_trigger-' + self.menuId + '.is-active', 'background', '');\n self.bindColor('#rmp-menu-button-line-colour', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner,#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:after,#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:before', 'background', '');\n self.bindColor('#rmp-menu-button-line-colour-active', '.is-active#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner,.is-active#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:after,.is-active#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:before', 'background', '');\n self.bindColor('#rmp-menu-button-line-colour-hover', '#rmp_menu_trigger-' + self.menuId + ':hover .responsive-menu-pro-inner,#rmp_menu_trigger-' + self.menuId + ':hover .responsive-menu-pro-inner:after,#rmp_menu_trigger-' + self.menuId + ':hover .responsive-menu-pro-inner:before', 'background', '');\n self.bindColor('#rmp-menu-button-text-colour', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-label', 'color');\n self.onTyping('#rmp-menu-toggle-border-radius', '#rmp_menu_trigger-' + self.menuId, 'border-radius');\n self.onTyping('.rmp-menu-container-padding', '#rmp-container-' + self.menuId, 'section-padding');\n self.onTyping('.rmp-menu-title-section-padding', '#rmp-menu-title-' + self.menuId, 'section-padding');\n self.onTyping('.rmp-menu-section-padding', '#rmp-menu-wrap-' + self.menuId, 'section-padding');\n self.onTyping('.rmp-menu-search-section-padding', '#rmp-search-box-' + self.menuId, 'section-padding');\n self.onTyping('.rmp-menu-additional-section-padding', '#rmp-menu-additional-content-' + self.menuId, 'section-padding'); // CONTENT BASED ELEMENTS.\n\n self.onTyping('#rmp-menu-search-box-height', '#rmp-search-box-' + self.menuId + ' .rmp-search-box', 'height');\n self.onTyping('#rmp-menu-search-box-border-radius', '#rmp-search-box-' + self.menuId + ' .rmp-search-box', 'border-radius');\n self.onTyping('#rmp-menu-menu-title', '#rmp-menu-title-' + self.menuId + ' #rmp-menu-title-link span', 'text');\n self.onTyping('#rmp-menu-additional-content', '#rmp-menu-additional-content-' + self.menuId, 'text');\n self.onTyping('#rmp-menu-search-box-text', '#rmp-search-box-' + self.menuId + ' .rmp-search-box', 'placeholder');\n self.onTyping('#rmp-menu-title-link', '#rmp-menu-title-' + self.menuId + ' #rmp-menu-title-link', 'href');\n self.onTyping('#rmp-menu-title-image-alt', '#rmp-menu-title-' + self.menuId + ' .rmp-menu-title-image', 'alt');\n self.onTyping('#rmp-menu-title-font-size', '#rmp-menu-title-' + self.menuId + ' > a', 'font-size');\n self.onTyping('#rmp-menu-title-image-width', '#rmp-menu-title-' + self.menuId + ' .rmp-menu-title-image', 'width');\n self.onTyping('#rmp-menu-title-image-height', '#rmp-menu-title-' + self.menuId + ' .rmp-menu-title-image', 'height');\n self.bindImage('#rmp-menu-title-image-selector', '#rmp-menu-title-' + self.menuId + ' .rmp-menu-title-image', 'img-src');\n self.onTyping('#rmp-menu-additional-content-font-size', '#rmp-menu-additional-content-' + self.menuId, 'font-size');\n self.onTyping('#rmp-menu-container-width', '#rmp-container-' + self.menuId, 'width');\n self.onTyping('#rmp-menu-container-min-width', '#rmp-container-' + self.menuId, 'min-width');\n self.onTyping('#rmp-menu-container-max-width', '#rmp-container-' + self.menuId, 'max-width');\n self.onTyping('#rmp-menu-button-image-alt-when-clicked', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-icon-active', 'alt');\n self.onTyping('#rmp-menu-button-image-alt', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-icon-inactive', 'alt');\n self.onTyping('#rmp-menu-button-title-open', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-text-open', 'trigger-text-open');\n self.onTyping('#rmp-menu-button-title', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-text', 'trigger-text');\n self.onTyping('#rmp-menu-button-font-size', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-label', 'font-size');\n self.onTyping('#rmp-menu-button-title-line-height', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-label', 'line-height'); //Menu Trigger\n\n self.onTyping('#rmp-menu-button-width', '#rmp_menu_trigger-' + self.menuId, 'width');\n self.onTyping('#rmp-menu-button-height', '#rmp_menu_trigger-' + self.menuId, 'height');\n self.onTyping('#rmp-menu-button-line-width', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner', 'width');\n self.onTyping('#rmp-menu-button-line-width', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:after', 'width');\n self.onTyping('#rmp-menu-button-line-width', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:before', 'width');\n self.onTyping('#rmp-menu-button-line-height', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner', 'height');\n self.onTyping('#rmp-menu-button-line-height', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:after', 'height');\n self.onTyping('#rmp-menu-button-line-height', '#rmp_menu_trigger-' + self.menuId + ' .responsive-menu-pro-inner:before', 'height');\n self.bindImage('#rmp-button-title-image', '#rmp-menu-title-' + self.menuId + ' .rmp-menu-title-image', 'img-src');\n self.bindImage('#rmp-menu-background-image-selector', '#rmp-container-' + self.menuId, 'background');\n self.bindImage('#rmp-menu-button-image-when-clicked-selector', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-icon-active', 'trigger-icon-open');\n self.bindImage('#rmp-menu-button-image-selector', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-icon-inactive', 'trigger-icon');\n self.changeInput('#rmp-menu-title-link-location', '#rmp-menu-title-' + self.menuId + ' #rmp-menu-title-link', 'target');\n self.changeInput('.rmp-menu-title-alignment', '#rmp-menu-title-' + self.menuId, 'text-align');\n self.changeInput('.rmp-menu-additional-content-alignment', '#rmp-menu-additional-content-' + self.menuId, 'text-align'); //Top menu item links\n\n self.onTyping('#rmp-menu-links-height', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'height');\n self.onTyping('#rmp-menu-links-line-height', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'line-height');\n self.onTyping('#rmp-menu-font-size', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'font-size');\n self.changeInput('#rmp-menu-font', '#rmp-container-' + self.menuId + ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-item-link', 'font-family');\n self.changeInput('#rmp-menu-font-weight', '#rmp-container-' + self.menuId + ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-item-link', 'font-weight');\n self.changeInput('.rmp-menu-text-alignment', '#rmp-container-' + self.menuId + ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-item-link', 'text-align');\n self.changeInput('#rmp-menu-text-letter-spacing', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'letter-spacing');\n self.onTyping('#rmp-menu-depth-level-0', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'padding', 'lr');\n self.onTyping('#rmp-menu-border-width', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'border-width');\n self.onTyping('#rmp-menu-sub-arrow-border-width', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'border-width');\n self.onTyping('#rmp-submenu-sub-arrow-border-width', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'border-width');\n self.bindColor('#rmp-menu-link-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'color');\n self.bindColor('#rmp-menu-link-hover-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'color', 'hover');\n self.bindColor('#rmp-menu-current-link-active-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-current-item .rmp-menu-item-link', 'color');\n self.bindColor('#rmp-menu-current-link-active-hover-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-current-item .rmp-menu-item-link', 'color', 'hover');\n self.bindColor('#rmp-menu-item-background-colour', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'background');\n self.bindColor('#rmp-menu-item-background-hover-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'background', 'hover');\n self.bindColor('#rmp-menu-current-item-background-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-current-item .rmp-menu-item-link', 'background');\n self.bindColor('#rmp-menu-current-item-background-hover-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-current-item .rmp-menu-item-link', 'background', 'hover');\n self.bindColor('#rmp-menu-item-border-colour', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'border-color');\n self.bindColor('#rmp-menu-item-border-colour-hover', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-item-link', 'border-color', 'hover');\n self.bindColor('#rmp-menu-current-item-border-hover-colour', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-current-item .rmp-menu-item-link', 'border-color', 'hover');\n self.bindColor('#rmp-menu-item-border-colour-active', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-current-item .rmp-menu-item-link', 'border-color'); // Trigger of top level\n\n self.bindImage('#rmp-menu-inactive-arrow-image-selector', '#rmp-container-' + self.menuId + ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-subarrow', 'background');\n self.bindImage('#rmp-menu-active-arrow-image-selector', '#rmp-container-' + self.menuId + ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-subarrow-active', 'background');\n self.onTyping('#rmp-submenu-arrow-height', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'height');\n self.onTyping('#rmp-submenu-arrow-width', '#rmp-menu-wrap-' + self.menuId + ' .rmp-menu-subarrow', 'width');\n self.onTyping('#rmp-submenu-child-arrow-height', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'height');\n self.onTyping('#rmp-submenu-child-arrow-width', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'width');\n self.changeInput('#rmp-submenu-child-arrow-width-unit', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'width-unit');\n self.changeInput('#rmp-submenu-child-arrow-height-unit', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-subarrow', 'height-unit');\n self.bindColor('#rmp-menu-sub-arrow-background-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-subarrow', 'background');\n self.bindColor('#rmp-menu-sub-arrow-background-hover-colour', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-subarrow', 'background', 'hover');\n self.bindColor('#rmp-menu-sub-arrow-background-colour-active', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-subarrow-active', 'background');\n self.bindColor('#rmp-menu-sub-arrow-background-hover-colour-active', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-menu-top-level-item .rmp-menu-subarrow-active', 'background', 'hover'); //sub menu item links\n\n self.onTyping('#rmp-submenu-links-height', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'height');\n self.changeInput('#rmp-submenu-links-height-unit', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'height-unit');\n self.onTyping('#rmp-submenu-links-line-height', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'line-height');\n self.changeInput('#rmp-submenu-links-line-height-unit', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'line-height-unit');\n self.onTyping('#rmp-submenu-font-size', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'font-size');\n self.changeInput('#rmp-submenu-font', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'font-family');\n self.changeInput('#rmp-submenu-font-weight', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'font-weight');\n self.changeInput('.rmp-submenu-text-alignment', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'text-align');\n self.changeInput('#rmp-submenu-text-letter-spacing', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'letter-spacing');\n self.onTyping('#rmp-submenu-border-width', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'border-width');\n self.bindColor('#rmp-submenu-item-border-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'border-color');\n self.bindColor('#rmp-submenu-item-border-colour-hover', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'border-color', 'hover');\n self.bindColor('#rmp-submenu-item-border-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link', 'border-color');\n self.bindColor('#rmp-submenu-current-item-border-hover-colour', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link', 'border-color', 'hover');\n self.bindColor('#rmp-submenu-link-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'color');\n self.bindColor('#rmp-submenu-link-hover-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'color', 'hover');\n self.bindColor('#rmp-submenu-link-colour-active', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link', 'color');\n self.bindColor('#rmp-submenu-link-active-hover-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link', 'color', 'hover');\n self.bindColor('#rmp-submenu-item-background-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'background');\n self.bindColor('#rmp-submenu-item-background-hover-color', ' #rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-item-link', 'background', 'hover');\n self.bindColor('#rmp-submenu-current-item-background-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link', 'background');\n self.bindColor('#rmp-submenu-current-item-background-hover-color', '#rmp-menu-wrap-' + self.menuId + ' .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link', 'background', 'hover'); //Menu Trigger\n\n self.changeInput('.rmp-menu-button-transparent-background', '#rmp_menu_trigger-' + self.menuId, 'background', '');\n self.changeInput('#rmp-menu-button-position-type', '#rmp_menu_trigger-' + self.menuId, 'position');\n self.changeInput('.rmp-menu-button-left-or-right', '#rmp_menu_trigger-' + self.menuId, 'trigger-side');\n self.onTyping('#rmp-menu-button-distance-from-side', '#rmp_menu_trigger-' + self.menuId, 'trigger-side-position');\n self.onTyping('#rmp-menu-button-top', '#rmp_menu_trigger-' + self.menuId, 'top');\n self.changeInput('#rmp-menu-button-click-animation', '#rmp_menu_trigger-' + self.menuId, 'trigger-animation');\n self.changeInput('#rmp-menu-button-font', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-label', 'font-family');\n self.changeInput('.rmp-menu-button-title-position', '#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-label', 'position-alignment');\n jQuery(\"#rmp-menu-button-font-icon\").focus(function () {\n var outputSelector = '#rmp_menu_trigger-' + self.menuId + ' span.rmp-trigger-icon-inactive';\n value = jQuery(this).val();\n var iframe = jQuery(self.iframe);\n\n if (iframe.contents().find(outputSelector).length) {\n iframe.contents().find(outputSelector).addClass(value);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box img.rmp-trigger-icon').hide();\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box .responsive-menu-pro-inner').hide();\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').append('<span class=\"rmp-trigger-icon rmp-trigger-icon-inactive ' + value + '\"></span>');\n }\n });\n jQuery(\"#rmp-menu-button-font-icon-when-clicked\").focus(function () {\n var outputSelector = '#rmp_menu_trigger-' + self.menuId + ' span.rmp-trigger-icon-active';\n value = jQuery(this).val();\n var iframe = jQuery(self.iframe);\n\n if (iframe.contents().find(outputSelector).length) {\n iframe.contents().find(outputSelector).addClass(value);\n } else {\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box img.rmp-trigger-icon').hide();\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box .responsive-menu-pro-inner').hide();\n iframe.contents().find('#rmp_menu_trigger-' + self.menuId + ' .rmp-trigger-box').append('<span class=\"rmp-trigger-icon rmp-trigger-icon-active ' + value + '\"></span>');\n }\n }); // Ordering elements\n\n self.toggleElements('#rmp-item-order-title', '#rmp-menu-title-' + self.menuId);\n self.toggleElements('#rmp-item-order-additional-content', '#rmp-menu-additional-content-' + self.menuId);\n self.toggleElements('#rmp-item-order-search', '#rmp-search-box-' + self.menuId);\n self.toggleElements('#rmp-item-order-menu', '#rmp-menu-wrap-' + self.menuId);\n jQuery('#rmp-menu-ordering-items').sortable({\n update: function update(event, ui) {\n self.orderMenuElements();\n }\n });\n }\n};\nRMP_Preview.init();\n\n//# sourceURL=webpack://responsive-menu-pro/./assets/admin/js/rmp-preview.js?")},"./assets/admin/js/wp-color-alpha.js":function(){eval("/!\n wp-color-picker-alpha\n \n Overwrite Automattic Iris for enabled Alpha Channel in wpColorPicker\n * Only run in input and is defined data alpha in true\n \n Version: 2.1.4\n * https://github.com/kallookoo/wp-color-picker-alpha\n * Licensed under the GPLv2 license or later.\n /\n(function ($) {\n // Prevent double-init.\n if ($.wp.wpColorPicker.prototype._hasAlpha) {\n return;\n } // Variable for some backgrounds ( grid )\n\n\n var image = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==',\n //Dtml stuff for wpColorPicker copy of the original color-picker.js\n _after = '<div class=\"wp-picker-holder\" />',\n _wrap = '<div class=\"wp-picker-container\" />',\n _before = '<button type=\"button\" class=\"button wp-color-result\" aria-expanded=\"false\"></button>',\n _wrappingLabel = '<label></label>',\n _wrappingLabelText = '<span class=\"screen-reader-text\"></span>';\n /\n Overwrite Color\n * for enable support rbga\n /\n\n Color.fn.toString = function () {\n if (this._alpha < 1) return this.toCSS('rgba', this._alpha).replace(/\\s+/g, '');\n var hex = parseInt(this._color, 10).toString(16);\n if (this.error) return '';\n if (hex.length < 6) hex = ('00000' + hex).substr(-6);\n return '#' + hex;\n };\n /\n Overwrite wpColorPicker\n /\n\n\n $.widget('wp.wpColorPicker', $.wp.wpColorPicker, {\n _hasAlpha: true,\n\n /\n @summary Creates the color picker.\n \n Creates the color picker, sets default values, css classes and wraps it all in HTML.\n \n @since 3.5.0\n \n @access private\n \n @returns {void}\n /\n _create: function _create() {\n // Return early if Iris support is missing.\n if (!$.support.iris) {\n return;\n }\n\n var self = this,\n el = self.element; // Override default options with options bound to the element.\n\n $.extend(self.options, el.data()); // Create a color picker which only allows adjustments to the hue.\n\n if (self.options.type === 'hue') {\n return self._createHueOnly();\n } // Bind the close event.\n\n\n self.close = $.proxy(self.close, self);\n self.initialValue = el.val(); // Add a CSS class to the input field.\n\n el.addClass('wp-color-picker');\n /\n \t* Check if there's already a wrapping label, e.g. in the Customizer.\n \t* If there's no label, add a default one to match the Customizer template.\n \t/\n\n if (!el.parent('label').length) {\n // Wrap the input field in the default label.\n el.wrap(_wrappingLabel); // Insert the default label text.\n\n self.wrappingLabelText = $(_wrappingLabelText).insertBefore(el).text('Color Picker');\n }\n /\n \t* At this point, either it's the standalone version or the Customizer\n \t* one, we have a wrapping label to use as hook in the DOM, let's store it.\n \t/\n\n\n self.wrappingLabel = el.parent(); // Wrap the label in the main wrapper.\n\n self.wrappingLabel.wrap(_wrap); // Store a reference to the main wrapper.\n\n self.wrap = self.wrappingLabel.parent(); // Set up the toggle button and insert it before the wrapping label.\n\n self.toggler = $(_before).insertBefore(self.wrappingLabel).css({\n backgroundColor: self.initialValue\n }); // Set up the Iris container and insert it after the wrapping label.\n\n self.pickerContainer = $(_after).insertAfter(self.wrappingLabel); // Wrap the wrapping label in its wrapper and append the Clear/Default button.\n\n self.wrappingLabel.wrap('<span class=\"wp-picker-input-wrap hidden rmp-color-input-wrap\" />');\n /\n * The input wrapper now contains the label+input+Clear/Default button.\n * Store a reference to the input wrapper: we'll use this to toggle\n * the controls visibility.\n /\n\n self.inputWrapper = el.closest('.wp-picker-input-wrap');\n el.iris({\n target: self.pickerContainer,\n hide: self.options.hide,\n width: 240,\n mode: self.options.mode,\n palettes: self.options.palettes,\n\n /\n @summary Handles the onChange event if one has been defined in the options.\n \n Handles the onChange event if one has been defined in the options and additionally\n * sets the background color for the toggler element.\n \n @since 3.5.0\n \n @param {Event} event The event that's being called.\n * @param {HTMLElement} ui The HTMLElement containing the color picker.\n \n @returns {void}\n /\n change: function change(event, ui) {\n if (self.options.alpha) {\n self.toggler.css({\n 'background-image': 'url(' + image + ')'\n });\n self.toggler.css({\n 'position': 'relative'\n });\n\n if (self.toggler.find('span.color-alpha').length == 0) {\n self.toggler.append('<span class=\"color-alpha\" />');\n }\n\n self.toggler.find('span.color-alpha').css({\n 'width': '38px',\n 'height': '100%',\n 'position': 'absolute',\n 'top': 0,\n 'left': 0,\n 'background': ui.color.toString()\n });\n } else {\n self.toggler.css({\n backgroundColor: ui.color.toString()\n });\n }\n\n if ($.isFunction(self.options.change)) {\n self.options.change.call(this, event, ui);\n }\n }\n });\n el.val(self.initialValue);\n\n self._addListeners(); // Force the color picker to always be closed on initial load.\n\n\n if (!self.options.hide) {\n self.toggler.click();\n }\n },\n\n /\n @summary Binds event listeners to the color picker.\n \n @since 3.5.0\n \n @access private\n \n @returns {void}\n /\n _addListeners: function _addListeners() {\n var self = this;\n /\n @summary Prevent any clicks inside this widget from leaking to the top and closing it.\n \n @since 3.5.0\n \n @param {Event} event The event that's being called.\n \n @returs {void}\n /\n\n self.wrap.on('click.wpcolorpicker', function (event) {\n event.stopPropagation();\n });\n /\n @summary Open or close the color picker depending on the class.\n \n @since 3.5\n /\n\n self.toggler.click(function () {\n if (self.toggler.hasClass('wp-picker-open')) {\n self.close();\n } else {\n self.open();\n }\n });\n /\n @summary Checks if value is empty when changing the color in the color picker.\n \n Checks if value is empty when changing the color in the color picker.\n * If so, the background color is cleared.\n \n @since 3.5.0\n \n @param {Event} event The event that's being called.\n \n @returns {void}\n /\n\n self.element.on('change', function (event) {\n // Empty or Error = clear\n if ($(this).val() === '' \|\| self.element.hasClass('iris-error')) {\n if (self.options.alpha) {\n self.toggler.find('span.color-alpha').css('backgroundColor', '');\n } else {\n self.toggler.css('backgroundColor', '');\n } // fire clear callback if we have one\n\n\n if ($.isFunction(self.options.clear)) self.options.clear.call(this, event);\n }\n });\n }\n });\n /\n Overwrite iris\n /\n\n $.widget('a8c.iris', $.a8c.iris, {\n _create: function _create() {\n this._super(); // Global option for check is mode rbga is enabled\n\n\n this.options.alpha = this.element.data('alpha') \|\| false; // Is not input disabled\n\n if (!this.element.is(':input')) this.options.alpha = false;\n\n if (typeof this.options.alpha !== 'undefined' && this.options.alpha) {\n var self = this,\n el = self.element,\n _html = '<div class=\"iris-strip iris-slider iris-alpha-slider\"><div class=\"iris-slider-offset iris-slider-offset-alpha\"></div></div>',\n aContainer = $(_html).appendTo(self.picker.find('.iris-picker-inner')),\n aSlider = aContainer.find('.iris-slider-offset-alpha'),\n controls = {\n aContainer: aContainer,\n aSlider: aSlider\n };\n\n if (typeof el.data('custom-width') !== 'undefined') {\n self.options.customWidth = parseInt(el.data('custom-width')) \|\| 0;\n } else {\n self.options.customWidth = 100;\n } // Set default width for input reset\n\n\n self.options.defaultWidth = el.width(); // Update width for input\n\n if (self._color._alpha < 1 \|\| self._color.toString().indexOf('rgb') != -1) el.width(parseInt(self.options.defaultWidth + self.options.customWidth)); // Push new controls\n\n $.each(controls, function (k, v) {\n self.controls[k] = v;\n }); // Change size strip and add margin for sliders\n\n self.controls.square.css({\n 'margin-right': '0'\n });\n var emptyWidth = self.picker.width() - self.controls.square.width() - 20,\n stripsMargin = emptyWidth / 6,\n stripsWidth = emptyWidth / 2 - stripsMargin;\n $.each(['aContainer', 'strip'], function (k, v) {\n self.controls[v].width(stripsWidth).css({\n 'margin-left': stripsMargin + 'px'\n });\n }); // Add new slider\n\n self._initControls(); // For updated widget\n\n\n self._change();\n }\n },\n _initControls: function _initControls() {\n this._super();\n\n if (this.options.alpha) {\n var self = this,\n controls = self.controls;\n controls.aSlider.slider({\n orientation: 'vertical',\n min: 0,\n max: 100,\n step: 1,\n value: parseInt(self._color._alpha 100),\n slide: function slide(event, ui) {\n // Update alpha value\n self._color._alpha = parseFloat(ui.value / 100);\n\n self._change.apply(self, arguments);\n }\n });\n }\n },\n _change: function _change() {\n this._super();\n\n var self = this,\n el = self.element;\n\n if (this.options.alpha) {\n var controls = self.controls,\n alpha = parseInt(self._color._alpha * 100),\n color = self._color.toRgb(),\n gradient = ['rgb(' + color.r + ',' + color.g + ',' + color.b + ') 0%', 'rgba(' + color.r + ',' + color.g + ',' + color.b + ', 0) 100%'],\n defaultWidth = self.options.defaultWidth,\n customWidth = self.options.customWidth,\n target = self.picker.closest('.wp-picker-container').find('.wp-color-result'); // Generate background slider alpha, only for CSS3 old browser fuck!! :)\n\n\n controls.aContainer.css({\n 'background': 'linear-gradient(to bottom, ' + gradient.join(', ') + '), url(' + image + ')'\n });\n\n if (target.hasClass('wp-picker-open')) {\n // Update alpha value\n controls.aSlider.slider('value', alpha);\n /*\n Disabled change opacity in default slider Saturation ( only is alpha enabled )\n * and change input width for view all value\n /\n // if ( self._color._alpha < 1 ) {\n // \tcontrols.strip.attr( 'style', controls.strip.attr( 'style' ).replace( /rgba\$([0-9]+,)(\\s+)?([0-9]+,)(\\s+)?([0-9]+)(,(\\s+)?[0-9\\.]+)\$/g, 'rgb($1$3$5)' ) );\n // \tel.width( parseInt( defaultWidth + customWidth ) );\n // } else {\n // \tel.width( defaultWidth );\n // }\n }\n }\n\n var reset = el.data('reset-alpha') \|\| false;\n\n if (reset) {\n self.picker.find('.iris-palette-container').on('click.palette', '.iris-palette', function () {\n self._color._alpha = 1;\n self.active = 'external';\n\n self._change();\n });\n }\n\n el.trigger('change');\n },\n _addInputListeners: function _addInputListeners(input) {\n var self = this,\n debounceTimeout = 100,\n callback = function callback(event) {\n var color = new Color(input.val()),\n val = input.val();\n input.removeClass('iris-error'); // we gave a bad color\n\n if (color.error) {\n // don't error on an empty input\n if (val !== '') input.addClass('iris-error');\n } else {\n if (color.toString() !== self._color.toString()) {\n // let's not do this on keyup for hex shortcodes\n if (!(event.type === 'keyup' && val.match(/^[0-9a-fA-F]{3}$/))) self._setOption('color', color.toString());\n }\n }\n };\n\n input.on('change', callback).on('keyup', self._debounce(callback, debounceTimeout)); // If we initialized hidden, show on first focus. The rest is up to you.\n\n if (self.options.hide) {\n input.on('focus', function () {\n self.show();\n });\n }\n }\n });\n})(jQuery);\n\n//# sourceURL=webpack://responsive-menu-pro/./assets/admin/js/wp-color-alpha.js?")},"./assets/admin/rmp-main.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/ harmony import / var _scss_wizard_ui_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/! ./scss/wizard-ui.scss / "./assets/admin/scss/wizard-ui.scss");\n/ harmony import / var _scss_wizard_ui_scss__WEBPACK_IMPORTED_MODULE_0___default = /#__PURE__/__webpack_require__.n(_scss_wizard_ui_scss__WEBPACK_IMPORTED_MODULE_0__);\n/ harmony import / var _scss_dark_mode_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/! ./scss/dark-mode.scss / "./assets/admin/scss/dark-mode.scss");\n/ harmony import / var _scss_dark_mode_scss__WEBPACK_IMPORTED_MODULE_1___default = /#__PURE__/__webpack_require__.n(_scss_dark_mode_scss__WEBPACK_IMPORTED_MODULE_1__);\n/ harmony import / var _js_rmp_admin_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/! ./js/rmp-admin.js / "./assets/admin/js/rmp-admin.js");\n/ harmony import / var _js_rmp_admin_js__WEBPACK_IMPORTED_MODULE_2___default = /#__PURE__/__webpack_require__.n(_js_rmp_admin_js__WEBPACK_IMPORTED_MODULE_2__);\n/ harmony import / var _js_wp_color_alpha_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/! ./js/wp-color-alpha.js / "./assets/admin/js/wp-color-alpha.js");\n/ harmony import / var _js_wp_color_alpha_js__WEBPACK_IMPORTED_MODULE_3___default = /#__PURE__/__webpack_require__.n(_js_wp_color_alpha_js__WEBPACK_IMPORTED_MODULE_3__);\n/ harmony import / var _js_rmp_editor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/! ./js/rmp-editor.js / "./assets/admin/js/rmp-editor.js");\n/ harmony import / var _js_rmp_editor_js__WEBPACK_IMPORTED_MODULE_4___default = /#__PURE__/__webpack_require__.n(_js_rmp_editor_js__WEBPACK_IMPORTED_MODULE_4__);\n/ harmony import / var _js_rmp_icon_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/! ./js/rmp-icon.js / "./assets/admin/js/rmp-icon.js");\n/ harmony import / var _js_rmp_icon_js__WEBPACK_IMPORTED_MODULE_5___default = /#__PURE__/__webpack_require__.n(_js_rmp_icon_js__WEBPACK_IMPORTED_MODULE_5__);\n/ harmony import / var _js_rmp_preview_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/! ./js/rmp-preview.js / "./assets/admin/js/rmp-preview.js");\n/ harmony import / var _js_rmp_preview_js__WEBPACK_IMPORTED_MODULE_6___default = /#__PURE__/__webpack_require__.n(_js_rmp_preview_js__WEBPACK_IMPORTED_MODULE_6__);\n/ harmony import / var _js_rmp_menu_wizard_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/! ./js/rmp-menu-wizard.js / "./assets/admin/js/rmp-menu-wizard.js");\n/\n Main scripts file.\n \n @package responsive-menu-pro\n */\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://responsive-menu-pro/./assets/admin/rmp-main.js?')},"./assets/admin/scss/dark-mode.scss":function(){eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack://responsive-menu-pro/./assets/admin/scss/dark-mode.scss?")},"./assets/admin/scss/wizard-ui.scss":function(){eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack://responsive-menu-pro/./assets/admin/scss/wizard-ui.scss?")}},__webpack_module_cache__={};function __webpack_require__(e){var n=__webpack_module_cache__[e];if(void 0!==n)return n.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(n,{a:n}),n},__webpack_require__.d=function(e,n){for(var r in n)__webpack_require__.o(n,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},__webpack_require__.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__=__webpack_require__("./assets/admin/rmp-main.js")})();

v4.0.0/assets/admin/build/js/rmpMain.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1,35 @@


1	+ /!********************************!\
2	+ !* ./assets/admin/rmp-main.js *!
3	+ \**********************************/
4	+
5	+ /!***********************************!\
6	+ !* ./assets/admin/js/rmp-icon.js *!
7	+ \*************************************/
8	+
9	+ /!************************************!\
10	+ !* ./assets/admin/js/rmp-admin.js *!
11	+ \**************************************/
12	+
13	+ /!*************************************!\
14	+ !* ./assets/admin/js/rmp-editor.js *!
15	+ \***************************************/
16	+
17	+ /!**************************************!\
18	+ !* ./assets/admin/js/rmp-preview.js *!
19	+ \****************************************/
20	+
21	+ /!****************************************!\
22	+ !* ./assets/admin/scss/dark-mode.scss *!
23	+ \******************************************/
24	+
25	+ /!****************************************!\
26	+ !* ./assets/admin/scss/wizard-ui.scss *!
27	+ \******************************************/
28	+
29	+ /!*****************************************!\
30	+ !* ./assets/admin/js/wp-color-alpha.js *!
31	+ \*******************************************/
32	+
33	+ /!******************************************!\
34	+ !* ./assets/admin/js/rmp-menu-wizard.js *!
35	+ \********************************************/

v4.0.0/assets/admin/js/rmp-admin.js CHANGED Viewed

	@@ -32,7 +32,7 @@ jQuery( document ).ready( function( jQuery ) {
32	},
33	success: function( response ) {
34	if ( response.data.redirect ) {
35	- location.href = response.data.redirect;
36	}
37	}
38	} );
	@@ -64,7 +64,7 @@ jQuery( document ).ready( function( jQuery ) {
64	}
65
66	jQuery('#rmp-preview-iframe').attr('src', url );
67	-
68	});
69
70	});
	@@ -163,7 +163,37 @@ jQuery( document ).ready( function( jQuery ) {
163	jQuery( this ) .addClass( 'nav-tab-active' );
164	} );
165
166	-






























167
168	/**
169	* Check open/close of device options switcher.
	@@ -197,11 +227,11 @@ jQuery( document ).ready( function( jQuery ) {
197	if ( selectedDevice != firstDevice ) {
198	activeDeviceOptions( selectedDevice );
199	if ( 'desktop' == selectedDevice ) {
200	- jQuery( '#rmp-preview-desktop' ).trigger( 'click' );
201	} else if ( 'tablet' == selectedDevice ) {
202	jQuery( '#rmp-preview-tablet' ).trigger( 'click' );
203	} else {
204	- jQuery( '#rmp-preview-mobile' ).trigger( 'click' );
205	}
206	}
207	} );
	@@ -348,7 +378,7 @@ jQuery( document ).ready( function( jQuery ) {
348	jQuery( this ).remove();
349
350	if ( ! jQuery('#rmp-editor-main').find('#rmp-menu-update-notification').length ) {
351	- addUpdateNotification();
352	}
353
354	} );
	@@ -413,7 +443,7 @@ jQuery( document ).ready( function( jQuery ) {
413	}
414
415	//Show the loader on deleting theme.
416	- const current_theme = jQuery(this);
417	current_theme.append( '<span class="spinner is-active"></span>' );
418
419	let themeName = jQuery( this ).attr( 'data-theme' );
	@@ -488,9 +518,9 @@ jQuery( document ).ready( function( jQuery ) {
488
489	/**
490	* Save the global settings on click.
491	- *
492	* @version 4.0.0
493	- *
494	* @fires click
495	*/
496	jQuery( '.rmp-save-global-settings-button' ).on( 'click', function( e ) {
	@@ -513,7 +543,7 @@ jQuery( document ).ready( function( jQuery ) {
513	console.log( 'Internal Error !' + error );
514	},
515	success: function( response ) {
516	- jQuery( '.spinner' ).removeClass( 'is-active' );
517	jQuery( this ).prop( 'disabled', false );
518	}
519	} );
	@@ -529,7 +559,7 @@ jQuery( document ).ready( function( jQuery ) {
529
530	/**
531	* Event to linked the group inputs.
532	- *
533	* @fires Click
534	*/
535	jQuery( document ).on( 'click', 'button.rmp-group-input-linked', function() {
	@@ -538,7 +568,7 @@ jQuery( document ).ready( function( jQuery ) {
538
539	/**
540	* Event to type on all sibblings input if linked.
541	- *
542	* @fires keyup
543	*/
544	jQuery( document ).on( 'keyup', 'input.rmp-group-input', function( event ) {
	@@ -549,7 +579,7 @@ jQuery( document ).ready( function( jQuery ) {
549	if ( isLinked.length ) {
550	parent.find( 'input.rmp-group-input' ).val( pressedKeys);
551	} else {
552	- jQuery( this ).val(pressedKeys);
553	}
554
555	});
	@@ -584,14 +614,14 @@ jQuery( document ).ready( function( jQuery ) {
584	'#rmp-icon-dialog-select,.media-button-select,.rmp-icon-picker,.rmp-image-picker',
585	function() {
586	if ( ! jQuery('#rmp-editor-main').find('#rmp-menu-update-notification').length ) {
587	- addUpdateNotification();
588	}
589	});
590
591	/**
592	* Event to download exported menu settings as json file.
593	*
594	- * @version 4.0.0
595	*/
596	jQuery( '#rmp-export-menu-button' ).on( 'click', function( e ) {
597	e.preventDefault();
	@@ -627,11 +657,11 @@ jQuery( document ).ready( function( jQuery ) {
627
628	/**
629	* Function to download the content as file.
630	- *
631	* @since 4.0.0
632	- *
633	* @param {String} content Contents for file
634	- * @param {String} name Name of the file.
635	* @param {String} type File type
636	*/
637	function download_file(content, name, type ) {
	@@ -647,7 +677,7 @@ jQuery( document ).ready( function( jQuery ) {
647	/**
648	* Event to download exported menu settings as json file.
649	*
650	- * @version 4.0.0
651	*/
652	jQuery( '#rmp-import-menu-button' ).on( 'click', function( e ) {
653	e.preventDefault();
	@@ -710,7 +740,7 @@ jQuery( document ).ready( function( jQuery ) {
710	/**
711	* Function to manage menu container animation options.
712	*
713	- * @param {String} optionValue
714	*/
715	function updateMenuContainerAnimationOptions( optionValue ) {
716


32	},
33	success: function( response ) {
34	if ( response.data.redirect ) {
35	+ location.href = response.data.redirect;
36	}
37	}
38	} );

64	}
65
66	jQuery('#rmp-preview-iframe').attr('src', url );
67	+
68	});
69
70	});

163	jQuery( this ) .addClass( 'nav-tab-active' );
164	} );
165
166	+ /**
167	+ * Hamburger element selector option hide and show.
168	+ */
169	+
170	+ hideShowSelect( '#rmp-menu-button-position-type', '.rmp-menu-hamburger-selector-div', 'show', 'inside-element');
171	+
172	+ jQuery('#rmp-menu-button-position-type').on( 'change', function() {
173	+ hideShowSelect( this, '.rmp-menu-hamburger-selector-div', 'show', 'inside-element');
174	+ });
175	+
176	+
177	+ /**
178	+ * select hide show function
179	+ * @para string select, string show/hide Element, string show/hide
180	+ */
181	+ function hideShowSelect( checkElement, targetElement, condition, value ) {
182	+
183	+ if ( jQuery(checkElement).val() == value ) {
184	+ if(condition == 'show'){
185	+ jQuery(targetElement).show();
186	+ }else{
187	+ jQuery(targetElement).hide();
188	+ }
189	+ } else {
190	+ if(condition == 'show'){
191	+ jQuery(targetElement).hide();
192	+ }else{
193	+ jQuery(targetElement).show();
194	+ }
195	+ }
196	+ }
197
198	/**
199	* Check open/close of device options switcher.

227	if ( selectedDevice != firstDevice ) {
228	activeDeviceOptions( selectedDevice );
229	if ( 'desktop' == selectedDevice ) {
230	+ jQuery( '#rmp-preview-desktop' ).trigger( 'click' );
231	} else if ( 'tablet' == selectedDevice ) {
232	jQuery( '#rmp-preview-tablet' ).trigger( 'click' );
233	} else {
234	+ jQuery( '#rmp-preview-mobile' ).trigger( 'click' );
235	}
236	}
237	} );

378	jQuery( this ).remove();
379
380	if ( ! jQuery('#rmp-editor-main').find('#rmp-menu-update-notification').length ) {
381	+ addUpdateNotification();
382	}
383
384	} );

443	}
444
445	//Show the loader on deleting theme.
446	+ const current_theme = jQuery(this);
447	current_theme.append( '<span class="spinner is-active"></span>' );
448
449	let themeName = jQuery( this ).attr( 'data-theme' );

518
519	/**
520	* Save the global settings on click.
521	+ *
522	* @version 4.0.0
523	+ *
524	* @fires click
525	*/
526	jQuery( '.rmp-save-global-settings-button' ).on( 'click', function( e ) {

543	console.log( 'Internal Error !' + error );
544	},
545	success: function( response ) {
546	+ jQuery( '.spinner' ).removeClass( 'is-active' );
547	jQuery( this ).prop( 'disabled', false );
548	}
549	} );

559
560	/**
561	* Event to linked the group inputs.
562	+ *
563	* @fires Click
564	*/
565	jQuery( document ).on( 'click', 'button.rmp-group-input-linked', function() {

568
569	/**
570	* Event to type on all sibblings input if linked.
571	+ *
572	* @fires keyup
573	*/
574	jQuery( document ).on( 'keyup', 'input.rmp-group-input', function( event ) {

579	if ( isLinked.length ) {
580	parent.find( 'input.rmp-group-input' ).val( pressedKeys);
581	} else {
582	+ jQuery( this ).val(pressedKeys);
583	}
584
585	});

614	'#rmp-icon-dialog-select,.media-button-select,.rmp-icon-picker,.rmp-image-picker',
615	function() {
616	if ( ! jQuery('#rmp-editor-main').find('#rmp-menu-update-notification').length ) {
617	+ addUpdateNotification();
618	}
619	});
620
621	/**
622	* Event to download exported menu settings as json file.
623	*
624	+ * @version 4.0.0
625	*/
626	jQuery( '#rmp-export-menu-button' ).on( 'click', function( e ) {
627	e.preventDefault();

657
658	/**
659	* Function to download the content as file.
660	+ *
661	* @since 4.0.0
662	+ *
663	* @param {String} content Contents for file
664	+ * @param {String} name Name of the file.
665	* @param {String} type File type
666	*/
667	function download_file(content, name, type ) {

677	/**
678	* Event to download exported menu settings as json file.
679	*
680	+ * @version 4.0.0
681	*/
682	jQuery( '#rmp-import-menu-button' ).on( 'click', function( e ) {
683	e.preventDefault();

740	/**
741	* Function to manage menu container animation options.
742	*
743	+ * @param {String} optionValue
744	*/
745	function updateMenuContainerAnimationOptions( optionValue ) {
746

v4.0.0/assets/admin/js/rmp-editor.js CHANGED Viewed

@@ -5,7 +5,7 @@
+             *
              * @type {Object}
              */
-            -
            const rmpEditor = {
             	editorSidebar: '#rmp-editor-wrapper',
             	sidebarDrawer: 'button.collapse-sidebar',
             	mainForm: '#rmp-editor-form',
@@ -13,11 +13,17 @@ const rmpEditor = {
             	topParentNav: '#rmp-editor-nav',
             	topParentTab: '#rmp-editor-pane',
             	childTabs: '.rmp-accordions',
             	tabItem: 'li.rmp-tab-item',
             	titleLogo: '.rmp-editor-header-logo',
             	closeButton: '.rmp-editor-header-close',
             	titleText: '.rmp-editor-header-title',
             	backButton: '.rmp-editor-header-back',
             	tabId: null,
             	level: 0,
             	triggerBack: function() {
@@ -33,22 +39,53 @@ const rmpEditor = {
             		this.tabId = parentId;
             	},
             	updatePanel: function( current ) {
-            -
            		this.tabId = current.attr( 'aria-owns' );
             		jQuery( '#' + this.tabId ).show();
             		parentId = current.parent( 'ul' ).parent( 'div' ).attr( 'id' );
             		jQuery( '#' +  this.tabId ).attr( 'aria-parent', parentId );
             		jQuery( '#' + parentId ).hide();
             	},
             	updateHeader: function( title ) {
             		if ( 0 == this.level ) {
             			jQuery( this.titleLogo ).find( 'img' ).show();
             			jQuery( this.closeButton ).show();
             			jQuery( this.backButton ).hide();
             		} else if ( 1 == this.level ) {
             			jQuery( this.backButton ).css( 'display', 'flex' );
             			jQuery( this.titleLogo ).find( 'img' ).hide();
             			jQuery( this.closeButton ).hide();
+            		}
             		jQuery( this.titleText ).text( title );
@@ -66,6 +103,18 @@ const rmpEditor = {
             			self.updatePanel( current );
             		} );
             		// Back from inner panel when click on back button.
             		jQuery( self.backButton ).on( 'click', function( e ) {
             			e.stopPropagation();
@@ -76,9 +125,108 @@ const rmpEditor = {
             		jQuery( self.sidebarDrawer ).on( 'click', function(e) {
             			jQuery( self.editorSidebar ).toggleClass( 'expanded collapsed' );
             		} );
-            -
            	}
-            -
            };
-            -
            rmpEditor.init();


5	*
6	* @type {Object}
7	*/
8	+ const rmpEditor = {
9	editorSidebar: '#rmp-editor-wrapper',
10	sidebarDrawer: 'button.collapse-sidebar',
11	mainForm: '#rmp-editor-form',

13	topParentNav: '#rmp-editor-nav',
14	topParentTab: '#rmp-editor-pane',
15	childTabs: '.rmp-accordions',
16	+ parentTabItem: '.rmp-editor-pane-parent li.rmp-tab-item',
17	tabItem: 'li.rmp-tab-item',
18	+ quickItem: '.rmp-quick-edit-link',
19	+ tabItemTitle: '.rmp-tab-item-title',
20	titleLogo: '.rmp-editor-header-logo',
21	closeButton: '.rmp-editor-header-close',
22	+ searchButton: '.rmp-search-settings-btn',
23	+ searchForm: '.rmp-search-settings',
24	titleText: '.rmp-editor-header-title',
25	backButton: '.rmp-editor-header-back',
26	+ accordionItem: 'li.rmp-accordion-item',
27	tabId: null,
28	level: 0,
29	triggerBack: function() {

39	this.tabId = parentId;
40	},
41	updatePanel: function( current ) {
42	+ this.tabId = current.attr( 'aria-owns' );
43	jQuery( '#' + this.tabId ).show();
44	parentId = current.parent( 'ul' ).parent( 'div' ).attr( 'id' );
45	jQuery( '#' + this.tabId ).attr( 'aria-parent', parentId );
46	jQuery( '#' + parentId ).hide();
47	},
48	+ updateQuickPanel: function( current ) {
49	+ this.tabId = current.attr( 'aria-owns' );
50	+ var accordionId = current.attr( 'accordion-id' );
51	+ var subAccordionId = current.attr( 'sub-accordion-id' );
52	+ var subTabId = current.attr( 'sub-tab-id' );
53	+ parentId = jQuery(".rmp-accordions:visible").attr('id');
54	+ jQuery( '#' + this.tabId ).attr( 'aria-parent', parentId );
55	+ jQuery( '#' + parentId ).hide();
56	+ jQuery( '#' + this.tabId ).show();
57	+ if(accordionId!=''){
58	+ if (!jQuery( '#' + accordionId ).hasClass("ui-state-active")) {
59	+ jQuery( '#' + accordionId ).click();
60	+ }
61	+ if (subAccordionId !='') {
62	+ if (!jQuery( '#' + subAccordionId).hasClass("ui-state-active")) {
63	+ jQuery( '#' + subAccordionId ).click();
64	+ }
65	+ accordionId = subAccordionId;
66	+ }
67	+ setTimeout( function() {
68	+ var topPos = document.getElementById(accordionId).offsetTop;
69	+ jQuery( '#rmp-editor-main' ).animate({scrollTop: topPos - 60+'px'}, 500);
70	+ }, 400);
71	+
72	+ }
73	+ if(subTabId!=''){
74	+ jQuery( '#' + subTabId ).click();
75	+ }
76	+ },
77	updateHeader: function( title ) {
78
79	if ( 0 == this.level ) {
80	jQuery( this.titleLogo ).find( 'img' ).show();
81	jQuery( this.closeButton ).show();
82	jQuery( this.backButton ).hide();
83	+ jQuery( this.searchForm ).css('width','200');
84	} else if ( 1 == this.level ) {
85	jQuery( this.backButton ).css( 'display', 'flex' );
86	jQuery( this.titleLogo ).find( 'img' ).hide();
87	jQuery( this.closeButton ).hide();
88	+ jQuery( this.searchForm ).css('width','255');
89	}
90
91	jQuery( this.titleText ).text( title );

103	self.updatePanel( current );
104	} );
105
106	+ // Move on next panel when click on item.
107	+ jQuery( self.editorContainer ).on( 'click', self.quickItem, function( e ) {
108	+ e.stopPropagation();
109	+ e.preventDefault();
110	+ current = jQuery( this );
111	+ var tabId = current.attr( 'aria-owns' );
112	+ var title = jQuery('.rmp-tab-item[aria-owns="'+tabId+'"]').find('.rmp-tab-item-title').html();
113	+ self.level++;
114	+ self.updateHeader( title );
115	+ self.updateQuickPanel( current );
116	+ } );
117	+
118	// Back from inner panel when click on back button.
119	jQuery( self.backButton ).on( 'click', function( e ) {
120	e.stopPropagation();

125	jQuery( self.sidebarDrawer ).on( 'click', function(e) {
126	jQuery( self.editorSidebar ).toggleClass( 'expanded collapsed' );
127	} );


128
129	+ // Open/Close the search form.
130	+ jQuery(self.searchButton).on( 'click', function( e ) {
131	+ jQuery(self.searchForm).toggle();
132	+ } );
133	+
134	+ //Search settings
135	+ jQuery.expr[':'].containsIgnoreCase = function (n, i, m) {
136	+ return jQuery(n).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
137	+ };
138	+ jQuery.fn.highlight = function(pat) {
139	+ function innerHighlight(node, pat) {
140	+ var skip = 0;
141	+ if(jQuery(node).is("select,input,textarea, .rmp-tooltip-content ")){
142	+ return skip;
143	+ }
144	+ if (node.nodeType == 3) {
145	+ var pos = node.data.toUpperCase().indexOf(pat);
146	+ if (pos >= 0) {
147	+ var spannode = document.createElement('i');
148	+ spannode.className = 'rmp-highlight';
149	+ var middlebit = node.splitText(pos);
150	+ middlebit.splitText(pat.length);
151	+ var middleclone = middlebit.cloneNode(true);
152	+ spannode.appendChild(middleclone);
153	+ middlebit.parentNode.replaceChild(spannode, middlebit);
154	+ skip = 1;
155	+ }
156	+ } else if (node.nodeType == 1 && node.childNodes && !/(script\|style)/i.test(node.tagName)) {
157	+ for (var i = 0; i < node.childNodes.length; ++i) {
158	+ i += innerHighlight(node.childNodes[i], pat);
159	+ }
160	+ }
161	+ return skip;
162	+ }
163	+ return this.each(function() {
164	+ innerHighlight(this, pat.toUpperCase());
165	+ });
166	+ };
167
168	+ jQuery.fn.removeHighlight = function() {
169	+ function newNormalize(node) {
170	+ for (var i = 0, children = node.childNodes, nodeCount = children.length; i < nodeCount; i++) {
171	+ var child = children[i];
172	+ if (child.nodeType == 1) {
173	+ newNormalize(child);
174	+ continue;
175	+ }
176	+ if (child.nodeType != 3) {
177	+ continue;
178	+ }
179	+ var next = child.nextSibling;
180	+ if (next == null \|\| next.nodeType != 3) {
181	+ continue;
182	+ }
183	+ var combined_text = child.nodeValue + next.nodeValue;
184	+ var new_node = node.ownerDocument.createTextNode(combined_text);
185	+ node.insertBefore(new_node, child);
186	+ node.removeChild(child);
187	+ node.removeChild(next);
188	+ i--;
189	+ nodeCount--;
190	+ }
191	+ }
192	+
193	+ return this.find("i.rmp-highlight").each(function() {
194	+ var thisParent = this.parentNode;
195	+ thisParent.replaceChild(this.firstChild, this);
196	+ newNormalize(thisParent);
197	+ }).end();
198	+ };
199	+
200	+ jQuery(document).on('keyup change search', self.searchForm, function(){
201	+ var searchTerm = jQuery(this).val();
202	+ jQuery('#rmp-editor-main').removeHighlight();
203	+ jQuery('.rmp-search-results-found').remove();
204	+ if(searchTerm == '') return false;
205	+ jQuery('#rmp-editor-main').highlight( searchTerm );
206	+ jQuery(self.parentTabItem).each(function() {
207	+ var target = "#"+jQuery( this ).attr( "aria-owns" );
208	+ var count = jQuery(target).find("i.rmp-highlight:containsIgnoreCase("+searchTerm+")").length;
209	+ jQuery(target).find(self.tabItem).each(function() {
210	+ var childTarget = "#"+jQuery( this ).attr( "aria-owns" );
211	+ var childCount = jQuery(childTarget).find("i.rmp-highlight:containsIgnoreCase("+searchTerm+")").length;
212	+ if(childCount>0){
213	+ jQuery(this).append('<span class="rmp-search-results-found">'+childCount+' Results</span>');
214	+ count = Number(count)+Number(childCount);
215	+ }
216	+ });
217	+ if(count>0){
218	+ jQuery(target).find(self.accordionItem).each(function() {
219	+ var accordionItemCount = jQuery(this).find(":not(.accordion-item-title, .item-title) > i.rmp-highlight:containsIgnoreCase("+searchTerm+")").length;
220	+ if(accordionItemCount>0){
221	+ jQuery(this).find('.rmp-accordion-title:first > .accordion-item-title, .rmp-accordion-title:first > .item-title').append('<span class="rmp-search-results-found">'+accordionItemCount+' Results</span>');
222	+ }
223	+ });
224	+ jQuery(this).append('<span class="rmp-search-results-found">'+count+' Results</span>');
225	+ }
226	+ });
227	+ });
228	+
229	+ }
230	+ };
231
232	+ rmpEditor.init();

v4.0.0/assets/admin/scss/admin.css CHANGED Viewed

	@@ -1,4 +1,3 @@
1	-
2	/* Admin scss file */
3
4	body,
	@@ -60,7 +59,7 @@ ol li{
60	.rmp-editor-active input[type="number"],
61	.rmp-editor-active input[type="search"],
62	.rmp-editor-active input[type="tel"],
63	- .rmp-editor-active input[type="color"],
64	.rmp-editor-active textarea {
65	-webkit-appearance: none;
66	-moz-appearance: none;
	@@ -111,7 +110,7 @@ input[type="datetime-local"]:focus,
111	input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, select:focus, textarea:focus {
112	border-color: #0085ba;
113	box-shadow: 0 0 0 1px #0085ba;
114	-
115	}
116
117	.rmp-editor-active input[type="checkbox"], input[type="radio"] {
	@@ -228,8 +227,8 @@ input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus
228	}
229
230	/* Extra large devices (large desktops, 1200px and up) */
231	- @media only screen and ( max-width: 1140px ) {
232	-
233	}
234
235	.rmp-box-header {
	@@ -382,7 +381,7 @@ input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus
382	}
383
384	* ::-webkit-scrollbar-track {
385	- box-shadow: inset 0 0 5px transparent;
386	}
387
388	* ::-webkit-scrollbar-thumb {
	@@ -390,7 +389,7 @@ input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus
390	}
391
392	* ::-webkit-scrollbar-thumb:hover {
393	- background: #2d405a;
394	}
395
396	.rmp-menu-tab-container .nav-tab-wrapper,
	@@ -438,6 +437,18 @@ input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus
438	padding: 20px;
439	}
440












441	/* Icons dialog */
442
443	.rmp-menu-icons-dialog .icon-tabs {
	@@ -527,7 +538,7 @@ input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus
527
528	.theme-overlay .theme-header button {
529	padding: 0;
530	- }
531
532	.rmp-dialog-contents .tabs{
533	width: 100%;
	@@ -625,6 +636,7 @@ margin: 5px 0px 10px;
625	height: 55px;
626	z-index: 10;
627	overflow: hidden;

628	}
629
630	.rmp-action-button {
	@@ -672,15 +684,15 @@ margin: 5px 0px 10px;
672	font-weight: 900;
673	}
674







675	.rmp-editor-header-close {
676	- ~~width~~: ~~55px~~;
677	- height: 55px;
678	- position: absolute;
679	- right: 0;
680	- display: flex;
681	- align-items: inherit;
682	- justify-content: center;
683	- font-weight: 900;
684	font-size: 1.2rem;
685	background: #F80668;
686	color: #fff;
	@@ -691,6 +703,45 @@ margin: 5px 0px 10px;
691	color: #fff;
692	}
693







































694	.rmp-editor-header-title {
695	display: inline-block;
696	font-family: 'Product Sans';
	@@ -926,7 +977,7 @@ margin: 5px 0px 10px;
926	-khtml-user-select: none;
927	-moz-user-select: none;
928	-ms-user-select: none;
929	- user-select: none;
930	}
931
932	#rmp-editor-form .rmp-editor-pane-parent .rmp-tab-item {
	@@ -1115,12 +1166,11 @@ margin: 5px 0px 10px;
1115	width: 100%
1116	}
1117
1118	- .rmp-menu-controls .rmp-input-control-wrapper .rmp-input-control input[type="number"]{
1119	width: 100%;
1120	}
1121
1122	/* .rmp-menu-controls .rmp-input-control-wrapper.full-size.multi-device .rmp-input-control input[type="number"] {
1123	-
1124	max-width: 70%;
1125	} */
1126
	@@ -1238,7 +1288,7 @@ margin: 5px 0px 10px;
1238	line-height: 1;
1239	-webkit-font-smoothing: antialiased;
1240	cursor: move;
1241	- }
1242
1243	.rmp-tooltip-icon {
1244	width: 1.5rem;
	@@ -2032,7 +2082,7 @@ button.menu-save {
2032	background: #fff;
2033	max-width: fit-content;
2034	border: solid 1px #cccccc;
2035	- margin-bottom: 1rem;
2036	}
2037
2038	.rmp-menu-item-icon-container {
	@@ -2096,7 +2146,7 @@ button.menu-save {
2096	#rmp-menu-update-notification{
2097	text-align: center;
2098	display: flex;
2099	- justify-content: space-between;
2100	}
2101
2102	#rmp-menu-update-notification:hover {
	@@ -2176,7 +2226,7 @@ div.notice-responsive-menu .notice-responsive-menu-action a:hover {
2176	position: absolute;
2177	top: -30px;
2178	right: 5%;
2179	-
2180	}
2181
2182	.rmp-editor-overlay .rmp-input-control-label .upgrade-tooltip {
	@@ -2345,4 +2395,4 @@ div.notice-responsive-menu .notice-responsive-menu-action a:hover {
2345	line-height: 12px;
2346	top: -32px;
2347	left: 50%;
2348	- }



1	/* Admin scss file */
2
3	body,

59	.rmp-editor-active input[type="number"],
60	.rmp-editor-active input[type="search"],
61	.rmp-editor-active input[type="tel"],
62	+ .rmp-editor-active input[type="color"],
63	.rmp-editor-active textarea {
64	-webkit-appearance: none;
65	-moz-appearance: none;

110	input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, select:focus, textarea:focus {
111	border-color: #0085ba;
112	box-shadow: 0 0 0 1px #0085ba;
113	+
114	}
115
116	.rmp-editor-active input[type="checkbox"], input[type="radio"] {

227	}
228
229	/* Extra large devices (large desktops, 1200px and up) */
230	+ @media only screen and ( max-width: 1140px ) {
231	+
232	}
233
234	.rmp-box-header {

381	}
382
383	* ::-webkit-scrollbar-track {
384	+ box-shadow: inset 0 0 5px transparent;
385	}
386
387	* ::-webkit-scrollbar-thumb {

389	}
390
391	* ::-webkit-scrollbar-thumb:hover {
392	+ background: #2d405a;
393	}
394
395	.rmp-menu-tab-container .nav-tab-wrapper,

437	padding: 20px;
438	}
439
440	+ /Shortcut link /
441	+ .rmp-quick-edit-link a {
442	+ background: #dbf4ff;
443	+ padding: 5px 8px;
444	+ border: 1px dashed #36bef7;
445	+ border-radius: 3px;
446	+ }
447	+
448	+ .rmp-quick-edit-link a i{
449	+ margin-left: 5px;
450	+ }
451	+
452	/* Icons dialog */
453
454	.rmp-menu-icons-dialog .icon-tabs {

538
539	.theme-overlay .theme-header button {
540	padding: 0;
541	+ }
542
543	.rmp-dialog-contents .tabs{
544	width: 100%;

636	height: 55px;
637	z-index: 10;
638	overflow: hidden;
639	+ justify-content: space-between;
640	}
641
642	.rmp-action-button {

684	font-weight: 900;
685	}
686
687	+ .rmp-search-settings-btn {
688	+ color: #fff;
689	+ font-size: 20px;
690	+ cursor: pointer;
691	+ margin-right: 10px;
692	+ }
693	+
694	.rmp-editor-header-close {
695	+ padding: 20px;







696	font-size: 1.2rem;
697	background: #F80668;
698	color: #fff;

703	color: #fff;
704	}
705
706	+ #rmp-editor-header .rmp-search-settings {
707	+ position: absolute;
708	+ width: 200px;
709	+ height: 40px;
710	+ border-radius: 4px;
711	+ transition-duration: .3s;
712	+ display: none;
713	+ left: 60px;
714	+ background: #383C58;
715	+ border: none;
716	+ color: #fff;
717	+ }
718	+
719	+ .rmp-search-results-found {
720	+ background: #fff34d;
721	+ padding: 2px;
722	+ border-radius: 4px;
723	+ font-size: 12px;
724	+ line-height: 1;
725	+ color: #000;
726	+ margin-left: 10px;
727	+ }
728	+
729	+ .rmp-tab-item .rmp-search-results-found {
730	+ position: absolute;
731	+ right: 40px;
732	+ margin-top: -6px;
733	+ }
734	+
735	+ .rmp-highlight {
736	+ background-color: #fff34d;
737	+ color: #000;
738	+ border-radius: 5px;
739	+ padding:0px 2px;
740	+ -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
741	+ -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
742	+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
743	+ }
744	+
745	.rmp-editor-header-title {
746	display: inline-block;
747	font-family: 'Product Sans';

977	-khtml-user-select: none;
978	-moz-user-select: none;
979	-ms-user-select: none;
980	+ user-select: none;
981	}
982
983	#rmp-editor-form .rmp-editor-pane-parent .rmp-tab-item {

1166	width: 100%
1167	}
1168
1169	+ .rmp-menu-controls .rmp-input-control-wrapper .rmp-input-control input[type="number"]{
1170	width: 100%;
1171	}
1172
1173	/* .rmp-menu-controls .rmp-input-control-wrapper.full-size.multi-device .rmp-input-control input[type="number"] {

1174	max-width: 70%;
1175	} */
1176

1288	line-height: 1;
1289	-webkit-font-smoothing: antialiased;
1290	cursor: move;
1291	+ }
1292
1293	.rmp-tooltip-icon {
1294	width: 1.5rem;

2082	background: #fff;
2083	max-width: fit-content;
2084	border: solid 1px #cccccc;
2085	+ margin-bottom: 1rem;
2086	}
2087
2088	.rmp-menu-item-icon-container {

2146	#rmp-menu-update-notification{
2147	text-align: center;
2148	display: flex;
2149	+ justify-content: space-between;
2150	}
2151
2152	#rmp-menu-update-notification:hover {

2226	position: absolute;
2227	top: -30px;
2228	right: 5%;
2229	+
2230	}
2231
2232	.rmp-editor-overlay .rmp-input-control-label .upgrade-tooltip {

2395	line-height: 12px;
2396	top: -32px;
2397	left: 50%;
2398	+ }

v4.0.0/assets/admin/scss/dark-mode.scss CHANGED Viewed

	@@ -1,10 +1,10 @@
1	/**
2	- * This is dark mode styles for menu editor page and dialogs.
3	*/
4	:root {
5	--mainColor : #323232;
6	--mainDarkColor:#212121;
7	- --accentColor: #~~14ffec~~;
8	--secondaryAccentColor:#0d7377;
9	--white: #fff;
10	--lightWhite:#f0f0f0;
	@@ -18,7 +18,7 @@
18
19	//Sidebar drawer.
20	.rmp-editor-overlay .collapse-sidebar {
21	- background-color: var(--mainDarkColor);
22	.collapse-sidebar-arrow:before {
23	color: var(--accentColor);
24	}
	@@ -27,9 +27,9 @@
27	//Mobile and tablet preview shadow.
28	.rmp-preview-mobile #rmp-preview-wrapper,
29	.rmp-preview-tablet #rmp-preview-wrapper {
30	- box-shadow: 0px 3px 0 #212121,
31	- 0px 4px 0 #212121,
32	- 0px 5px 0 #212121,
33	0px 7px 0 #212121,
34	1px 6px 15px #212121;
35	}
	@@ -67,7 +67,11 @@
67
68	#rmp-editor-form {
69	background-color: var(--mainColor);
70	-




71	.rmp-tab-item {
72
73	svg path {
	@@ -113,7 +117,7 @@
113	background-color: var(--accentColor);
114	}
115	}
116	-
117
118	.toggle {
119	background-color: var(--secondaryAccentColor);
	@@ -150,7 +154,7 @@
150	}
151
152	.rmp-menu-controls {
153	-
154	.rmp-input-control {
155
156	.rmp-group-input-wrapper input[type="text"] {
	@@ -310,7 +314,7 @@
310	color: var(--white) !important;
311	}
312
313	- border-color: var(--mainDarkColor);
314	.close {
315	border-color: var(--mainDarkColor);
316	}
	@@ -319,7 +323,7 @@
319	.rmp-menu-library-title {
320	color: var( --white );
321	}
322	- }
323
324	//New Menu and change theme dialog styles.
325	#rmp-new-menu-wizard {
	@@ -514,5 +518,5 @@
514	.upgrade-tooltip {
515	color:var(--white) !important;
516	}
517	-
518	- }


1	/**
2	+ * This is dark mode styles for menu editor page and dialogs.
3	*/
4	:root {
5	--mainColor : #323232;
6	--mainDarkColor:#212121;
7	+ --accentColor: #36bef7;
8	--secondaryAccentColor:#0d7377;
9	--white: #fff;
10	--lightWhite:#f0f0f0;

18
19	//Sidebar drawer.
20	.rmp-editor-overlay .collapse-sidebar {
21	+ background-color: var(--mainDarkColor);
22	.collapse-sidebar-arrow:before {
23	color: var(--accentColor);
24	}

27	//Mobile and tablet preview shadow.
28	.rmp-preview-mobile #rmp-preview-wrapper,
29	.rmp-preview-tablet #rmp-preview-wrapper {
30	+ box-shadow: 0px 3px 0 #212121,
31	+ 0px 4px 0 #212121,
32	+ 0px 5px 0 #212121,
33	0px 7px 0 #212121,
34	1px 6px 15px #212121;
35	}

67
68	#rmp-editor-form {
69	background-color: var(--mainColor);
70	+ .rmp-search-settings{
71	+ background-color: var(--mainColor);
72	+ color: var(--white);
73	+ border-color: var(--mainColor);
74	+ }
75	.rmp-tab-item {
76
77	svg path {

117	background-color: var(--accentColor);
118	}
119	}
120	+
121
122	.toggle {
123	background-color: var(--secondaryAccentColor);

154	}
155
156	.rmp-menu-controls {
157	+
158	.rmp-input-control {
159
160	.rmp-group-input-wrapper input[type="text"] {

314	color: var(--white) !important;
315	}
316
317	+ border-color: var(--mainDarkColor);
318	.close {
319	border-color: var(--mainDarkColor);
320	}

323	.rmp-menu-library-title {
324	color: var( --white );
325	}
326	+ }
327
328	//New Menu and change theme dialog styles.
329	#rmp-new-menu-wizard {

518	.upgrade-tooltip {
519	color:var(--white) !important;
520	}
521	+
522	+ }

v4.0.0/assets/js/rmp-menu.js CHANGED Viewed

	@@ -2,7 +2,7 @@
2	* This file contain the scrips for menu frontend.
3	* @author ExpressTech System
4	*
5	- * @since 4.0.0
6	*/
7
8	jQuery( document ).ready( function( jQuery ) {
	@@ -52,10 +52,16 @@ jQuery( document ).ready( function( jQuery ) {
52	this.trigger = this.trigger +' , '+ this.options['button_click_trigger'];
53	}
54






55	this.init();
56	}
57
58	- /**
59	* This function register the events and initiate the menu settings.
60	*/
61	init() {
	@@ -69,7 +75,7 @@ jQuery( document ).ready( function( jQuery ) {
69	e.stopPropagation();
70	self.triggerMenu();
71	} );
72	-
73	// Show/Hide sub menu item when click on item toggle.
74	jQuery( self.menuWrap ).find( self.subMenuArrow ).on( 'click', function( e ) {
75	e.preventDefault();
	@@ -124,7 +130,7 @@ jQuery( document ).ready( function( jQuery ) {
124	}
125	});
126	}
127	-
128	// Expand Sub items on Parent Item Click.
129	if ( 'on' == self.options['menu_item_click_to_trigger_submenu'] ) {
130	jQuery( '.rmp-menu-item-has-children > ' + self.linkElement ).on( 'click', function(e) {
	@@ -200,7 +206,7 @@ jQuery( document ).ready( function( jQuery ) {
200
201	/**
202	* Function to fadeOut the hamburger menu container.
203	- */
204	fadeMenuOut() {
205	jQuery(this.container)
206	.fadeOut(this.animationSpeed, function() {
	@@ -210,8 +216,8 @@ jQuery( document ).ready( function( jQuery ) {
210
211	/**
212	* Function is use to open the hamburger menu.
213	- *
214	- * @since 4.0.0
215	*/
216	openMenu() {
217	var self = this;
	@@ -231,7 +237,7 @@ jQuery( document ).ready( function( jQuery ) {
231
232	/**
233	* Function is use to close the hamburger menu.
234	- *
235	* @since 4.0.0
236	*/
237	closeMenu() {
	@@ -249,9 +255,9 @@ jQuery( document ).ready( function( jQuery ) {
249
250	/**
251	* Function is responsible for checking the menu is open or close.
252	- *
253	* @since 4.0.0
254	- * @param {Event} e
255	*/
256	triggerMenu() {
257	this.isOpen ? this.closeMenu() : this.openMenu();
	@@ -296,7 +302,7 @@ jQuery( document ).ready( function( jQuery ) {
296	jQuery( subArrow ).html(self.options['active_toggle_contents'] );
297	jQuery( subArrow ).addClass(RmpMenu.activeSubMenuArrowClass);
298	}
299	-
300	}
301
302	/**
	@@ -314,9 +320,9 @@ jQuery( document ).ready( function( jQuery ) {
314
315	/**
316	* Returns the height of container.
317	- *
318	* @version 4.0.0
319	- *
320	* @return Number
321	*/
322	menuHeight() {
	@@ -325,9 +331,9 @@ jQuery( document ).ready( function( jQuery ) {
325
326	/**
327	* Returns the width of the container.
328	- *
329	* @version 4.0.0
330	- *
331	* @return Number
332	*/
333	menuWidth() {


2	* This file contain the scrips for menu frontend.
3	* @author ExpressTech System
4	*
5	+ * @since 4.0.0
6	*/
7
8	jQuery( document ).ready( function( jQuery ) {

52	this.trigger = this.trigger +' , '+ this.options['button_click_trigger'];
53	}
54
55	+ //Append hamburger icon inside an element
56	+ if ( this.options['button_position_type'] == 'inside-element' ) {
57	+ var destination = jQuery(this.trigger).attr('destination');
58	+ jQuery(this.trigger).appendTo(jQuery(destination).parent());
59	+ }
60	+
61	this.init();
62	}
63
64	+ /**
65	* This function register the events and initiate the menu settings.
66	*/
67	init() {

75	e.stopPropagation();
76	self.triggerMenu();
77	} );
78	+
79	// Show/Hide sub menu item when click on item toggle.
80	jQuery( self.menuWrap ).find( self.subMenuArrow ).on( 'click', function( e ) {
81	e.preventDefault();

130	}
131	});
132	}
133	+
134	// Expand Sub items on Parent Item Click.
135	if ( 'on' == self.options['menu_item_click_to_trigger_submenu'] ) {
136	jQuery( '.rmp-menu-item-has-children > ' + self.linkElement ).on( 'click', function(e) {

206
207	/**
208	* Function to fadeOut the hamburger menu container.
209	+ */
210	fadeMenuOut() {
211	jQuery(this.container)
212	.fadeOut(this.animationSpeed, function() {

216
217	/**
218	* Function is use to open the hamburger menu.
219	+ *
220	+ * @since 4.0.0
221	*/
222	openMenu() {
223	var self = this;

237
238	/**
239	* Function is use to close the hamburger menu.
240	+ *
241	* @since 4.0.0
242	*/
243	closeMenu() {

255
256	/**
257	* Function is responsible for checking the menu is open or close.
258	+ *
259	* @since 4.0.0
260	+ * @param {Event} e
261	*/
262	triggerMenu() {
263	this.isOpen ? this.closeMenu() : this.openMenu();

302	jQuery( subArrow ).html(self.options['active_toggle_contents'] );
303	jQuery( subArrow ).addClass(RmpMenu.activeSubMenuArrowClass);
304	}
305	+
306	}
307
308	/**

320
321	/**
322	* Returns the height of container.
323	+ *
324	* @version 4.0.0
325	+ *
326	* @return Number
327	*/
328	menuHeight() {

331
332	/**
333	* Returns the width of the container.
334	+ *
335	* @version 4.0.0
336	+ *
337	* @return Number
338	*/
339	menuWidth() {

v4.0.0/assets/scss/main.scss CHANGED Viewed

	@@ -11,12 +11,21 @@
11	display: none !important;
12	}
13	}
14	-





15	#{$menu_trigger_id} {
16
17	width : $menu_trigger_width;
18	height : $menu_trigger_height;
19	- ~~position:~~ $menu_trigger_position_type;




20	top : $menu_trigger_distance_from_top;
21	border-radius: $toggle_button_border_radius + px;
22	display: none;
	@@ -53,7 +62,7 @@
53	}
54
55	.rmp-trigger-icon-active,
56	- .rmp-trigger-text-open {
57	display: none;
58	}
59
	@@ -86,7 +95,7 @@
86	display: block;
87	margin-bottom: 12px;
88	}
89	-
90	&.rmp-trigger-label-bottom {
91	display: block;
92	margin-top: 12px;
	@@ -143,7 +152,7 @@
143	@if ( $menu_maximum_width != '' ) {
144	max-width: $menu_maximum_width+$menu_maximum_width_unit;
145	}
146	-
147	@if ( $menu_minimum_width != '' ) {
148	min-width: $menu_minimum_width + $menu_minimum_width_unit;
149	}
	@@ -163,19 +172,19 @@
163	}
164
165	@if( $menu_container_padding_top != '' ) {
166	- padding-top : $menu_container_padding_top;
167	}
168
169	@if( $menu_container_padding_left != '' ) {
170	- padding-left : $menu_container_padding_left;
171	}
172
173	@if( $menu_container_padding_bottom != '' ) {
174	- padding-bottom : $menu_container_padding_bottom;
175	}
176
177	@if( $menu_container_padding_right != '' ) {
178	- padding-right : $menu_container_padding_right;
179	}
180
181	}
	@@ -183,23 +192,23 @@
183	#{$menu_wrap} {
184
185	@if( $menu_section_padding_top != '' ) {
186	- padding-top : $menu_section_padding_top;
187	}
188
189	@if( $menu_section_padding_left != '' ) {
190	- padding-left : $menu_section_padding_left;
191	}
192
193	@if( $menu_section_padding_bottom != '' ) {
194	- padding-bottom : $menu_section_padding_bottom;
195	}
196
197	@if( $menu_section_padding_right != '' ) {
198	- padding-right : $menu_section_padding_right;
199	}
200
201	@if( $menu_background_color != '' ) {
202	- background-color: $menu_background_color;
203	}
204
205	.rmp-menu,
	@@ -241,7 +250,7 @@
241	width: 100%;
242	list-style: none;
243	margin:0;
244	- }
245
246	.rmp-menu-item-link {
247
	@@ -257,7 +266,7 @@
257	font-size: ( $menu_item_font_size + $menu_item_font_size_unit );
258	}
259
260	-
261	@if( $menu_item_border_width != '' ) {
262	border-bottom: ( $menu_item_border_width + $menu_item_border_width_unit ) solid $menu_item_border_color;
263	} @else {
	@@ -325,7 +334,7 @@
325	&:hover {
326	color: $menu_current_item_text_color_hover;
327	border-color: $menu_current_item_border_color_hover;
328	- background-color: $menu_current_item_background_color_hover;
329	}
330	}
331	}
	@@ -351,7 +360,7 @@
351	}
352
353	height: ($menu_item_toggle_height + $menu_item_toggle_height_unit);
354	-
355	width: ( $menu_item_toggle_width + $menu_item_toggle_width_unit );
356	color: $menu_item_toggle_text_color;
357	background-color: $menu_item_toggle_background_color;
	@@ -359,7 +368,7 @@
359	&:hover {
360	color: $menu_item_toggle_text_color_hover;
361	border-color: $menu_item_toggle_border_color_hover;
362	- background-color: $menu_item_toggle_background_color_hover;
363	}
364
365	.rmp-font-icon {
	@@ -393,7 +402,7 @@
393	letter-spacing: ($submenu_text_letter_spacing + px);
394
395	@if( $submenu_item_font_size != '' ) {
396	- font-size: ( $submenu_item_font_size + $submenu_item_font_size_unit );
397	}
398
399	@if( $submenu_item_border_width != '' ) {
	@@ -407,7 +416,7 @@
407	} @else {
408	font-family: inherit;
409	}
410	-
411	color: $submenu_item_text_color;
412	text-align: $submenu_item_text_alignment;
413	background-color: $submenu_item_background_color;
	@@ -428,7 +437,7 @@
428	&:hover {
429	color: $submenu_current_item_text_color_hover;
430	border-color: $submenu_current_item_border_color_hover;
431	- background-color: $submenu_current_item_background_color_hover;
432	}
433	}
434	}
	@@ -461,7 +470,7 @@
461	&:hover {
462	color: $submenu_item_toggle_text_color_hover;
463	border-color: $submenu_item_toggle_border_color_hover;
464	- background-color: $submenu_item_toggle_background_color_hover;
465	}
466	}
467
	@@ -488,23 +497,23 @@
488	}
489
490	#{$menu_search_box_wrap} {
491	-
492	display: block;
493
494	@if( $menu_search_section_padding_top != '' ) {
495	- padding-top : $menu_search_section_padding_top;
496	}
497
498	@if( $menu_search_section_padding_left != '' ) {
499	- padding-left : $menu_search_section_padding_left;
500	}
501
502	@if( $menu_search_section_padding_bottom != '' ) {
503	- padding-bottom : $menu_search_section_padding_bottom;
504	}
505
506	@if( $menu_search_section_padding_right != '' ) {
507	- padding-right : $menu_search_section_padding_right;
508	}
509
510	.rmp-search-form {
	@@ -556,23 +565,23 @@
556	}
557
558	@if( $menu_title_section_padding_top != '' ) {
559	- padding-top : $menu_title_section_padding_top;
560	}
561
562	@if( $menu_title_section_padding_left != '' ) {
563	- padding-left : $menu_title_section_padding_left;
564	}
565
566	@if( $menu_title_section_padding_bottom != '' ) {
567	- padding-bottom : $menu_title_section_padding_bottom;
568	}
569
570	@if( $menu_title_section_padding_right != '' ) {
571	- padding-right : $menu_title_section_padding_right;
572	}
573
574	@if( $menu_title_font_family != '' ) {
575	- font-family : $menu_title_font_family;
576	}
577
578	font-weight: $menu_title_font_weight;
	@@ -614,21 +623,21 @@
614	#{$menu_additional_content_wrap} {
615
616	@if( $menu_additional_section_padding_top != '' ) {
617	- padding-top : $menu_additional_section_padding_top;
618	}
619
620	@if( $menu_additional_section_padding_left != '' ) {
621	- padding-left : $menu_additional_section_padding_left;
622	}
623
624	@if( $menu_additional_section_padding_bottom != '' ) {
625	- padding-bottom : $menu_additional_section_padding_bottom;
626	}
627
628	@if( $menu_additional_section_padding_right != '' ) {
629	- padding-right : $menu_additional_section_padding_right;
630	}
631	-
632	@if( $menu_additional_content_color != '' ) {
633	color: $menu_additional_content_color;
634	}
	@@ -640,6 +649,6 @@
640	@if( $menu_additional_content_font_size != '' ) {
641	font-size: ($menu_additional_content_font_size + $menu_additional_content_font_size_unit) ;
642	}
643	-
644	}
645	}


11	display: none !important;
12	}
13	}
14	+ // Menu hamburger toggle styling.
15	+ @if($menu_trigger_position_type == 'inside-element'){
16	+ .admin-bar #{$menu_trigger_id}{
17	+ margin-top: 0px !important;
18	+ }
19	+ }
20	#{$menu_trigger_id} {
21
22	width : $menu_trigger_width;
23	height : $menu_trigger_height;
24	+ @if($menu_trigger_position_type == 'inside-element'){
25	+ position: relative;
26	+ }@else{
27	+ position: $menu_trigger_position_type;
28	+ }
29	top : $menu_trigger_distance_from_top;
30	border-radius: $toggle_button_border_radius + px;
31	display: none;

62	}
63
64	.rmp-trigger-icon-active,
65	+ .rmp-trigger-text-open {
66	display: none;
67	}
68

95	display: block;
96	margin-bottom: 12px;
97	}
98	+
99	&.rmp-trigger-label-bottom {
100	display: block;
101	margin-top: 12px;

152	@if ( $menu_maximum_width != '' ) {
153	max-width: $menu_maximum_width+$menu_maximum_width_unit;
154	}
155	+
156	@if ( $menu_minimum_width != '' ) {
157	min-width: $menu_minimum_width + $menu_minimum_width_unit;
158	}

172	}
173
174	@if( $menu_container_padding_top != '' ) {
175	+ padding-top : $menu_container_padding_top;
176	}
177
178	@if( $menu_container_padding_left != '' ) {
179	+ padding-left : $menu_container_padding_left;
180	}
181
182	@if( $menu_container_padding_bottom != '' ) {
183	+ padding-bottom : $menu_container_padding_bottom;
184	}
185
186	@if( $menu_container_padding_right != '' ) {
187	+ padding-right : $menu_container_padding_right;
188	}
189
190	}

192	#{$menu_wrap} {
193
194	@if( $menu_section_padding_top != '' ) {
195	+ padding-top : $menu_section_padding_top;
196	}
197
198	@if( $menu_section_padding_left != '' ) {
199	+ padding-left : $menu_section_padding_left;
200	}
201
202	@if( $menu_section_padding_bottom != '' ) {
203	+ padding-bottom : $menu_section_padding_bottom;
204	}
205
206	@if( $menu_section_padding_right != '' ) {
207	+ padding-right : $menu_section_padding_right;
208	}
209
210	@if( $menu_background_color != '' ) {
211	+ background-color: $menu_background_color;
212	}
213
214	.rmp-menu,

250	width: 100%;
251	list-style: none;
252	margin:0;
253	+ }
254
255	.rmp-menu-item-link {
256

266	font-size: ( $menu_item_font_size + $menu_item_font_size_unit );
267	}
268
269	+
270	@if( $menu_item_border_width != '' ) {
271	border-bottom: ( $menu_item_border_width + $menu_item_border_width_unit ) solid $menu_item_border_color;
272	} @else {

334	&:hover {
335	color: $menu_current_item_text_color_hover;
336	border-color: $menu_current_item_border_color_hover;
337	+ background-color: $menu_current_item_background_color_hover;
338	}
339	}
340	}

360	}
361
362	height: ($menu_item_toggle_height + $menu_item_toggle_height_unit);
363	+
364	width: ( $menu_item_toggle_width + $menu_item_toggle_width_unit );
365	color: $menu_item_toggle_text_color;
366	background-color: $menu_item_toggle_background_color;

368	&:hover {
369	color: $menu_item_toggle_text_color_hover;
370	border-color: $menu_item_toggle_border_color_hover;
371	+ background-color: $menu_item_toggle_background_color_hover;
372	}
373
374	.rmp-font-icon {

402	letter-spacing: ($submenu_text_letter_spacing + px);
403
404	@if( $submenu_item_font_size != '' ) {
405	+ font-size: ( $submenu_item_font_size + $submenu_item_font_size_unit );
406	}
407
408	@if( $submenu_item_border_width != '' ) {

416	} @else {
417	font-family: inherit;
418	}
419	+
420	color: $submenu_item_text_color;
421	text-align: $submenu_item_text_alignment;
422	background-color: $submenu_item_background_color;

437	&:hover {
438	color: $submenu_current_item_text_color_hover;
439	border-color: $submenu_current_item_border_color_hover;
440	+ background-color: $submenu_current_item_background_color_hover;
441	}
442	}
443	}

470	&:hover {
471	color: $submenu_item_toggle_text_color_hover;
472	border-color: $submenu_item_toggle_border_color_hover;
473	+ background-color: $submenu_item_toggle_background_color_hover;
474	}
475	}
476

497	}
498
499	#{$menu_search_box_wrap} {
500	+
501	display: block;
502
503	@if( $menu_search_section_padding_top != '' ) {
504	+ padding-top : $menu_search_section_padding_top;
505	}
506
507	@if( $menu_search_section_padding_left != '' ) {
508	+ padding-left : $menu_search_section_padding_left;
509	}
510
511	@if( $menu_search_section_padding_bottom != '' ) {
512	+ padding-bottom : $menu_search_section_padding_bottom;
513	}
514
515	@if( $menu_search_section_padding_right != '' ) {
516	+ padding-right : $menu_search_section_padding_right;
517	}
518
519	.rmp-search-form {

565	}
566
567	@if( $menu_title_section_padding_top != '' ) {
568	+ padding-top : $menu_title_section_padding_top;
569	}
570
571	@if( $menu_title_section_padding_left != '' ) {
572	+ padding-left : $menu_title_section_padding_left;
573	}
574
575	@if( $menu_title_section_padding_bottom != '' ) {
576	+ padding-bottom : $menu_title_section_padding_bottom;
577	}
578
579	@if( $menu_title_section_padding_right != '' ) {
580	+ padding-right : $menu_title_section_padding_right;
581	}
582
583	@if( $menu_title_font_family != '' ) {
584	+ font-family : $menu_title_font_family;
585	}
586
587	font-weight: $menu_title_font_weight;

623	#{$menu_additional_content_wrap} {
624
625	@if( $menu_additional_section_padding_top != '' ) {
626	+ padding-top : $menu_additional_section_padding_top;
627	}
628
629	@if( $menu_additional_section_padding_left != '' ) {
630	+ padding-left : $menu_additional_section_padding_left;
631	}
632
633	@if( $menu_additional_section_padding_bottom != '' ) {
634	+ padding-bottom : $menu_additional_section_padding_bottom;
635	}
636
637	@if( $menu_additional_section_padding_right != '' ) {
638	+ padding-right : $menu_additional_section_padding_right;
639	}
640	+
641	@if( $menu_additional_content_color != '' ) {
642	color: $menu_additional_content_color;
643	}

649	@if( $menu_additional_content_font_size != '' ) {
650	font-size: ($menu_additional_content_font_size + $menu_additional_content_font_size_unit) ;
651	}
652	+
653	}
654	}

v4.0.0/inc/classes/class-control-manager.php CHANGED Viewed

	@@ -2,10 +2,10 @@
2	/**
3	* Control_Manager class.
4	* This class prepare the input control and it's markup.
5	- *
6	* @version 4.0.0
7	* @author Expresstech System
8	- *
9	* @package responsive-menu-pro
10	*/
11
	@@ -36,7 +36,7 @@ class Control_Manager {
36	* To setup action/filter.
37	*
38	* @version 4.0.0
39	- *
40	* @return void
41	*/
42	protected function setup_hooks() {
	@@ -45,11 +45,11 @@ class Control_Manager {
45
46	/**
47	* Add hidden field input control.
48	- *
49	* @version 4.0.0
50	- *
51	* @param array List of attribute
52	- *
53	* @return HTML\|string
54	*/
55	public function add_hidden_control( $param ) {
	@@ -60,10 +60,10 @@ class Control_Manager {
60
61	/**
62	* This function prepare the single text input control.
63	- *
64	* @version 4.0.0
65	* @param array $param List of attributes for a input control
66	- *
67	* @return HTML
68	*/
69	public function add_text_input_control( $param ) {
	@@ -74,7 +74,7 @@ class Control_Manager {
74
75	/**
76	* Filters the text input control attributes before create.
77	- *
78	* @version 4.0.0
79	* @param array $param List of attribute.
80	*/
	@@ -106,7 +106,7 @@ class Control_Manager {
106
107	// Check label is exist.
108	if ( ! empty( $param['label'] ) ) {
109	- $html .= sprintf(
110	'<div class="rmp-input-control-label">
111	<span> %s </span>
112	<span> %s </span>
	@@ -168,28 +168,28 @@ class Control_Manager {
168
169	/**
170	* Filters the text input attributes/contents after prepared.
171	- *
172	* @version 4.0.0
173	- *
174	* @param HTML\|string Input control contents.
175	* @param array $param List of attribute.
176	- */
177	$html = apply_filters( 'rmp_text_control_html', $html, $param );
178
179	// Check if echo parameter is empty or false.
180	if ( empty( $param['echo'] ) ) {
181	return $html;
182	- }
183
184	echo $html;
185	}
186	-
187	/**
188	* This function prepare the group text input control.
189	- *
190	* @version 4.0.0
191	* @param array $param List of attributes for a input control
192	- *
193	* @return HTML
194