File: /home/storage/162/3480162/user/htdocs/wp-content/themes/gutenbiz/assets/js/customizer.js
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "./dev-assets/js/customizer.js");
/******/ })
/************************************************************************/
/******/ ({
/***/ "./classes/customizer/assets/responsive-control.js":
/*!*********************************************************!*\
!*** ./classes/customizer/assets/responsive-control.js ***!
\*********************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
jQuery(document).ready(function ($) {
// Responsive switchers
$('.customize-control .responsive-switchers button').on('click', function (event) {
// Set up variables
var $this = $(this),
$devices = $('.responsive-switchers'),
$device = $(event.currentTarget).data('device'),
$control = $('.customize-control.has-switchers'),
$body = $('.wp-full-overlay'),
$footer_devices = $('.wp-full-overlay-footer .devices'); // Button class
$devices.find('button').removeClass('active');
$devices.find('button.preview-' + $device).addClass('active'); // Control class
$control.find('.control-wrap').removeClass('active');
$control.find('.control-wrap.' + $device).addClass('active');
$control.removeClass('control-device-desktop control-device-tablet control-device-mobile').addClass('control-device-' + $device); // Wrapper class
$body.removeClass('preview-desktop preview-tablet preview-mobile').addClass('preview-' + $device); // Panel footer buttons
$footer_devices.find('button').removeClass('active').attr('aria-pressed', false);
$footer_devices.find('button.preview-' + $device).addClass('active').attr('aria-pressed', true); // Open switchers
if ($this.hasClass('preview-desktop')) {
$control.toggleClass('responsive-switchers-open');
}
}); // If panel footer buttons clicked
$('.wp-full-overlay-footer .devices button').on('click', function (event) {
// Set up variables
var $this = $(this),
$devices = $('.customize-control.has-switchers .responsive-switchers'),
$device = $(event.currentTarget).data('device'),
$control = $('.customize-control.has-switchers'); // Button class
$devices.find('button').removeClass('active');
$devices.find('button.preview-' + $device).addClass('active'); // Control class
$control.find('.control-wrap').removeClass('active');
$control.find('.control-wrap.' + $device).addClass('active');
$control.removeClass('control-device-desktop control-device-tablet control-device-mobile').addClass('control-device-' + $device); // Open switchers
if (!$this.hasClass('preview-desktop')) {
$control.addClass('responsive-switchers-open');
} else {
$control.removeClass('responsive-switchers-open');
}
});
});
/***/ }),
/***/ "./classes/customizer/custom-control/anchor/assets/anchor.js":
/*!*******************************************************************!*\
!*** ./classes/customizer/custom-control/anchor/assets/anchor.js ***!
\*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
!function (t, n) {
n.sectionConstructor["anchor"] = n.Section.extend({
attachEvents: function attachEvents() {},
isContextuallyActive: function isContextuallyActive() {
return !0;
}
});
}(jQuery, wp.customize);
/***/ }),
/***/ "./classes/customizer/custom-control/buttonset/assets/buttonset.js":
/*!*************************************************************************!*\
!*** ./classes/customizer/custom-control/buttonset/assets/buttonset.js ***!
\*************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
wp.customize.controlConstructor['buttonset'] = wp.customize.Control.extend({
ready: function ready() {
'use strict';
var control = this; // Change the value
this.container.on('click', 'input', function () {
control.setting.set(jQuery(this).val());
});
}
});
/***/ }),
/***/ "./classes/customizer/custom-control/color-picker/assets/color.js":
/*!************************************************************************!*\
!*** ./classes/customizer/custom-control/color-picker/assets/color.js ***!
\************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
jQuery(document).ready(function ($) {
/**
* Alpha Color Picker JS
*
* This file includes several helper functions and the core control JS.
*/
/**
* Override the stock color.js toString() method to add support for
* outputting RGBa or Hex.
*/
Color.prototype.toString = function (flag) {
// If our no-alpha flag has been passed in, output RGBa value with 100% opacity.
// This is used to set the background color on the opacity slider during color changes.
if ('no-alpha' == flag) {
return this.toCSS('rgba', '1').replace(/\s+/g, '');
} // If we have a proper opacity value, output RGBa.
if (1 > this._alpha) {
return this.toCSS('rgba', this._alpha).replace(/\s+/g, '');
} // Proceed with stock color.js hex output.
var hex = parseInt(this._color, 10).toString(16);
if (this.error) {
return '';
}
if (hex.length < 6) {
for (var i = 6 - hex.length - 1; i >= 0; i--) {
hex = '0' + hex;
}
}
return '#' + hex;
};
/**
* Given an RGBa, RGB, or hex color value, return the alpha channel value.
*/
function acp_get_alpha_value_from_color(value) {
var alphaVal; // Remove all spaces from the passed in value to help our RGBa regex.
value = value.replace(/ /g, '');
if (value.match(/rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/)) {
alphaVal = parseFloat(value.match(/rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/)[1]).toFixed(2) * 100;
alphaVal = parseInt(alphaVal);
} else {
alphaVal = 100;
}
return alphaVal;
}
/**
* Force update the alpha value of the color picker object and maybe the alpha slider.
*/
function acp_update_alpha_value_on_color_control(alpha, $control, $alphaSlider, update_slider) {
var iris, colorPicker, color;
iris = $control.data('a8cIris');
colorPicker = $control.data('wpWpColorPicker'); // Set the alpha value on the Iris object.
iris._color._alpha = alpha; // Store the new color value.
color = iris._color.toString(); // Set the value of the input.
$control.val(color); // Update the background color of the color picker.
colorPicker.toggler.css({
'background-color': color
}); // Maybe update the alpha slider itself.
if (update_slider) {
acp_update_alpha_value_on_alpha_slider(alpha, $alphaSlider);
} // Update the color value of the color picker object.
$control.wpColorPicker('color', color);
}
/**
* Update the slider handle position and label.
*/
function acp_update_alpha_value_on_alpha_slider(alpha, $alphaSlider) {
$alphaSlider.slider('value', alpha);
$alphaSlider.find('.ui-slider-handle').text(alpha.toString());
}
/**
* Initialization trigger.
*/
jQuery(document).ready(function ($) {
// Loop over each control and transform it into our color picker.
$('.alpha-color-control').each(function () {
// Scope the vars.
var $control, startingColor, showOpacity, defaultColor, colorPickerOptions, $container, $alphaSlider, alphaVal, sliderOptions; // Store the control instance.
$control = $(this); // Get a clean starting value for the option.
startingColor = $control.val().replace(/\s+/g, ''); // Get some data off the control.
showOpacity = $control.attr('data-show-opacity');
defaultColor = $control.attr('data-default-color'); // Set up the options that we'll pass to wpColorPicker().
colorPickerOptions = {
change: function change(event, ui) {
var key, value, alpha, $transparency;
key = $control.attr('data-customize-setting-link');
value = $control.wpColorPicker('color'); // Set the opacity value on the slider handle when the default color button is clicked.
if (defaultColor == value) {
alpha = acp_get_alpha_value_from_color(value);
$alphaSlider.find('.ui-slider-handle').text(alpha);
} // Send ajax request to wp.customize to trigger the Save action.
wp.customize(key, function (obj) {
obj.set(value);
});
$transparency = $container.find('.transparency'); // Always show the background color of the opacity slider at 100% opacity.
$transparency.css('background-color', ui.color.toString('no-alpha'));
},
palettes: gutenbizColorPalette.colorPalettes // Use the passed in palette.
}; // Create the colorpicker.
$control.wpColorPicker(colorPickerOptions);
$container = $control.parents('.wp-picker-container:first');
$control.parents('.wp-picker-container').find('.wp-color-result').css('background-color', '#' + startingColor); // Insert our opacity slider.
$('<div class="alpha-color-picker-container">' + '<div class="min-click-zone click-zone"></div>' + '<div class="max-click-zone click-zone"></div>' + '<div class="alpha-slider"></div>' + '<div class="transparency"></div>' + '</div>').appendTo($container.find('.wp-picker-holder'));
$alphaSlider = $container.find('.alpha-slider'); // If starting value is in format RGBa, grab the alpha channel.
alphaVal = acp_get_alpha_value_from_color(startingColor); // Set up jQuery UI slider() options.
sliderOptions = {
create: function create(event, ui) {
var value = $(this).slider('value'); // Set up initial values.
$(this).find('.ui-slider-handle').text(value);
$(this).siblings('.transparency ').css('background-color', startingColor);
},
value: alphaVal,
range: 'max',
step: 1,
min: 0,
max: 100,
animate: 300
}; // Initialize jQuery UI slider with our options.
$alphaSlider.slider(sliderOptions); // Maybe show the opacity on the handle.
if ('true' == showOpacity) {
$alphaSlider.find('.ui-slider-handle').addClass('show-opacity');
} // Bind event handlers for the click zones.
$container.find('.min-click-zone').on('click', function () {
acp_update_alpha_value_on_color_control(0, $control, $alphaSlider, true);
});
$container.find('.max-click-zone').on('click', function () {
acp_update_alpha_value_on_color_control(100, $control, $alphaSlider, true);
}); // Bind event handler for clicking on a palette color.
$container.find('.iris-palette').on('click', function (e) {
e.preventDefault();
var color, alpha;
color = $(this).css('background-color');
alpha = acp_get_alpha_value_from_color(color);
acp_update_alpha_value_on_alpha_slider(alpha, $alphaSlider); // Sometimes Iris doesn't set a perfect background-color on the palette,
// for example rgba(20, 80, 100, 0.3) becomes rgba(20, 80, 100, 0.298039).
// To compensante for this we round the opacity value on RGBa colors here
// and save it a second time to the color picker object.
if (alpha != 100) {
color = color.replace(/[^,]+(?=\))/, (alpha / 100).toFixed(2));
}
$control.wpColorPicker('color', color);
}); // Bind event handler for clicking on the 'Clear' button.
$container.find('.button.wp-picker-clear').on('click', function (e) {
e.preventDefault();
var key = $control.attr('data-customize-setting-link'); // The #fff color is delibrate here. This sets the color picker to white instead of the
// defult black, which puts the color picker in a better place to visually represent empty.
$control.wpColorPicker('color', '#ffffff'); // Set the actual option value to empty string.
wp.customize(key, function (obj) {
obj.set('');
});
acp_update_alpha_value_on_alpha_slider(100, $alphaSlider);
}); // Bind event handler for clicking on the 'Default' button.
$container.find('.button.wp-picker-default').on('click', function (e) {
e.preventDefault();
var alpha = acp_get_alpha_value_from_color(defaultColor);
acp_update_alpha_value_on_alpha_slider(alpha, $alphaSlider);
}); // Bind event handler for typing or pasting into the input.
$control.on('input', function (e) {
e.preventDefault();
var value = $(this).val();
var alpha = acp_get_alpha_value_from_color(value);
acp_update_alpha_value_on_alpha_slider(alpha, $alphaSlider);
}); // Update all the things when the slider is interacted with.
$alphaSlider.slider().on('slide', function (event, ui) {
var alpha = parseFloat(ui.value) / 100.0;
acp_update_alpha_value_on_color_control(alpha, $control, $alphaSlider, false); // Change value shown on slider handle.
$(this).find('.ui-slider-handle').text(ui.value);
}); // Fix Safari issue on input click
$('.iris-picker, .alpha-color-control').on('click', function (e) {
e.preventDefault();
});
});
});
});
/***/ }),
/***/ "./classes/customizer/custom-control/dimensions/assets/dimensions.js":
/*!***************************************************************************!*\
!*** ./classes/customizer/custom-control/dimensions/assets/dimensions.js ***!
\***************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
wp.customize.controlConstructor['dimensions'] = wp.customize.Control.extend({
ready: function ready() {
'use strict';
var control = this;
control.container.on('change keyup paste', '.dimension-desktop_top', function () {
control.settings['desktop_top'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.dimension-desktop_right', function () {
control.settings['desktop_right'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.dimension-desktop_bottom', function () {
control.settings['desktop_bottom'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.dimension-desktop_left', function () {
control.settings['desktop_left'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.dimension-tablet_top', function () {
control.settings['tablet_top'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.dimension-tablet_right', function () {
control.settings['tablet_right'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.dimension-tablet_bottom', function () {
control.settings['tablet_bottom'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.dimension-tablet_left', function () {
control.settings['tablet_left'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.dimension-mobile_top', function () {
control.settings['mobile_top'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.dimension-mobile_right', function () {
control.settings['mobile_right'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.dimension-mobile_bottom', function () {
control.settings['mobile_bottom'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.dimension-mobile_left', function () {
control.settings['mobile_left'].set(jQuery(this).val());
});
}
});
jQuery(document).ready(function ($) {
// Linked button
$('.linked').on('click', function () {
// Set up variables
var $this = $(this); // Remove linked class
$this.parent().parent('.dimension-wrap').prevAll().slice(0, 4).find('input').removeClass('linked').attr('data-element', ''); // Remove class
$this.parent('.link-dimensions').removeClass('unlinked');
}); // Unlinked button
$('.unlinked').on('click', function () {
// Set up variables
var $this = $(this),
$element = $this.data('element'); // Add linked class
$this.parent().parent('.dimension-wrap').prevAll().slice(0, 4).find('input').addClass('linked').attr('data-element', $element); // Add class
$this.parent('.link-dimensions').addClass('unlinked');
}); // Values linked inputs
$('.dimension-wrap').on('input', '.linked', function () {
var $data = $(this).attr('data-element'),
$val = $(this).val();
$('.linked[ data-element="' + $data + '" ]').each(function (key, value) {
$(this).val($val).change();
});
});
});
/***/ }),
/***/ "./classes/customizer/custom-control/icon-select/assets/icon-select.js":
/*!*****************************************************************************!*\
!*** ./classes/customizer/custom-control/icon-select/assets/icon-select.js ***!
\*****************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
wp.customize.controlConstructor['icon'] = wp.customize.Control.extend({
ready: function ready() {
'use strict';
var control = this;
this.container.on('change', 'input', function () {
console.log('aaa');
control.setting.set(jQuery(this).val());
});
}
});
/***/ }),
/***/ "./classes/customizer/custom-control/radio-image/assets/radio-image.js":
/*!*****************************************************************************!*\
!*** ./classes/customizer/custom-control/radio-image/assets/radio-image.js ***!
\*****************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
jQuery(window).load(function () {
// Use buttonset() for radio images.
jQuery('.customize-control-radio-image .buttonset').buttonset(); // Handles setting the new value in the customizer.
jQuery('.customize-control-radio-image input:radio').change(function () {
// Get the name of the setting.
var setting = jQuery(this).attr('data-customize-setting-link'); // Get the value of the currently-checked radio input.
var image = jQuery(this).val(); // Set the new value.
wp.customize(setting, function (obj) {
obj.set(image);
});
});
});
/***/ }),
/***/ "./classes/customizer/custom-control/range/assets/range.js":
/*!*****************************************************************!*\
!*** ./classes/customizer/custom-control/range/assets/range.js ***!
\*****************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
wp.customize.controlConstructor['range'] = wp.customize.Control.extend({
ready: function ready() {
'use strict';
var control = this,
range,
range_input,
value,
this_input,
input_default,
changeAction,
gutenbiz_range_input_number_timeout; // Update the text value
jQuery('input[type=range]').on('mousedown', function () {
range = jQuery(this);
range_input = range.parent().children('.range-input');
value = range.attr('value');
range_input.val(value);
range.mousemove(function () {
value = range.val();
range_input.val(value);
});
}); // Auto correct the number input
function autocorrect_range_input_number(input_number, timeout) {
var range_input = input_number,
range = range_input.parent().find('input[type="range"]'),
value = parseFloat(range_input.val()),
reset = parseFloat(range.attr('data-reset_value')),
step = parseFloat(range_input.attr('step')),
min = parseFloat(range_input.attr('min')),
max = parseFloat(range_input.attr('max'));
clearTimeout(gutenbiz_range_input_number_timeout);
gutenbiz_range_input_number_timeout = setTimeout(function () {
if (isNaN(value)) {
range_input.val(reset);
range.val(reset).trigger('change');
return;
}
if (step >= 1 && value % 1 !== 0) {
value = Math.round(value);
range_input.val(value);
range.val(value);
}
if (value > max) {
range_input.val(max);
range.val(max).trigger('change');
}
if (value < min) {
range_input.val(min);
range.val(min).trigger('change');
}
}, timeout);
range.val(value).trigger('change');
} // Change the text value
jQuery('input.range-input').on('change keyup', function () {
autocorrect_range_input_number(jQuery(this), 1000);
}).on('focusout', function () {
autocorrect_range_input_number(jQuery(this), 0);
}); // Handle the reset button
jQuery('.reset-slider').on('click', function () {
this_input = jQuery(this).closest('label').find('input');
input_default = this_input.data('reset_value');
this_input.val(input_default);
this_input.change();
});
if ('postMessage' === control.setting.transport) {
changeAction = 'mousemove change';
} else {
changeAction = 'change';
} // Change the value
this.container.on(changeAction, 'input', function () {
control.setting.set(jQuery(this).val());
});
}
});
/***/ }),
/***/ "./classes/customizer/custom-control/reset/reset.js":
/*!**********************************************************!*\
!*** ./classes/customizer/custom-control/reset/reset.js ***!
\**********************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
jQuery(function ($) {
$(document).on('click', '.customizer-reset', function (event) {
event.preventDefault();
var data = {
wp_customize: 'on',
action: 'customizer_reset',
nonce: CUSTOMIZERRESET.nonce.reset
};
var r = confirm(CUSTOMIZERRESET.confirm);
if (!r) return;
$(this).attr('disabled', 'disabled');
$(this).html('<i class="fa fa-refresh fa-spin"></i> Loading');
$.post(ajaxurl, data, function () {
wp.customize.state('saved').set(true);
location.reload();
});
});
});
/***/ }),
/***/ "./classes/customizer/custom-control/slider/assets/slider.js":
/*!*******************************************************************!*\
!*** ./classes/customizer/custom-control/slider/assets/slider.js ***!
\*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
wp.customize.controlConstructor['slider'] = wp.customize.Control.extend({
ready: function ready() {
'use strict';
var control = this,
desktop_slider = control.container.find('.slider.desktop-slider'),
desktop_slider_input = desktop_slider.next('.slider-input').find('input.desktop-input'),
tablet_slider = control.container.find('.slider.tablet-slider'),
tablet_slider_input = tablet_slider.next('.slider-input').find('input.tablet-input'),
mobile_slider = control.container.find('.slider.mobile-slider'),
mobile_slider_input = mobile_slider.next('.slider-input').find('input.mobile-input'),
slider_input,
$this,
val; // Desktop slider
desktop_slider.slider({
range: 'min',
value: desktop_slider_input.val(),
min: +desktop_slider_input.attr('min'),
max: +desktop_slider_input.attr('max'),
step: +desktop_slider_input.attr('step'),
slide: function slide(event, ui) {
desktop_slider_input.val(ui.value).keyup();
},
change: function change(event, ui) {
control.settings['desktop'].set(ui.value);
}
}); // Tablet slider
tablet_slider.slider({
range: 'min',
value: tablet_slider_input.val(),
min: +tablet_slider_input.attr('min'),
max: +tablet_slider_input.attr('max'),
step: +desktop_slider_input.attr('step'),
slide: function slide(event, ui) {
tablet_slider_input.val(ui.value).keyup();
},
change: function change(event, ui) {
control.settings['tablet'].set(ui.value);
}
}); // Mobile slider
mobile_slider.slider({
range: 'min',
value: mobile_slider_input.val(),
min: +mobile_slider_input.attr('min'),
max: +mobile_slider_input.attr('max'),
step: +desktop_slider_input.attr('step'),
slide: function slide(event, ui) {
mobile_slider_input.val(ui.value).keyup();
},
change: function change(event, ui) {
control.settings['mobile'].set(ui.value);
}
}); // Update the slider when the number value change
jQuery('input.desktop-input').on('change keyup paste', function () {
$this = jQuery(this);
val = $this.val();
slider_input = $this.parent().prev('.slider.desktop-slider');
slider_input.slider('value', val);
});
jQuery('input.tablet-input').on('change keyup paste', function () {
$this = jQuery(this);
val = $this.val();
slider_input = $this.parent().prev('.slider.tablet-slider');
slider_input.slider('value', val);
});
jQuery('input.mobile-input').on('change keyup paste', function () {
$this = jQuery(this);
val = $this.val();
slider_input = $this.parent().prev('.slider.mobile-slider');
slider_input.slider('value', val);
}); // Save the values
control.container.on('change keyup paste', '.desktop input', function () {
control.settings['desktop'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.tablet input', function () {
control.settings['tablet'].set(jQuery(this).val());
});
control.container.on('change keyup paste', '.mobile input', function () {
control.settings['mobile'].set(jQuery(this).val());
});
}
});
/***/ }),
/***/ "./classes/customizer/custom-control/toggle/assets/toggle.js":
/*!*******************************************************************!*\
!*** ./classes/customizer/custom-control/toggle/assets/toggle.js ***!
\*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
(function ($, api) {
api.controlConstructor['toggle'] = api.Control.extend({
ready: function ready() {
var control = this;
this.container.on('change', 'input:checkbox', function () {
value = this.checked ? true : false;
control.setting.set(value);
});
}
});
})(jQuery, wp.customize);
/***/ }),
/***/ "./dev-assets/js/customizer.js":
/*!*************************************!*\
!*** ./dev-assets/js/customizer.js ***!
\*************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
__webpack_require__(/*! ../../classes/customizer/assets/responsive-control.js */ "./classes/customizer/assets/responsive-control.js");
__webpack_require__(/*! ../../classes/customizer/custom-control/buttonset/assets/buttonset.js */ "./classes/customizer/custom-control/buttonset/assets/buttonset.js");
__webpack_require__(/*! ../../classes/customizer/custom-control/color-picker/assets/color.js */ "./classes/customizer/custom-control/color-picker/assets/color.js");
__webpack_require__(/*! ../../classes/customizer/custom-control/icon-select/assets/icon-select.js */ "./classes/customizer/custom-control/icon-select/assets/icon-select.js");
__webpack_require__(/*! ../../classes/customizer/custom-control/radio-image/assets/radio-image.js */ "./classes/customizer/custom-control/radio-image/assets/radio-image.js");
__webpack_require__(/*! ../../classes/customizer/custom-control/range/assets/range.js */ "./classes/customizer/custom-control/range/assets/range.js");
__webpack_require__(/*! ../../classes/customizer/custom-control/reset/reset.js */ "./classes/customizer/custom-control/reset/reset.js");
__webpack_require__(/*! ../../classes/customizer/custom-control/slider/assets/slider.js */ "./classes/customizer/custom-control/slider/assets/slider.js");
__webpack_require__(/*! ../../classes/customizer/custom-control/toggle/assets/toggle.js */ "./classes/customizer/custom-control/toggle/assets/toggle.js");
__webpack_require__(/*! ../../classes/customizer/custom-control/anchor/assets/anchor.js */ "./classes/customizer/custom-control/anchor/assets/anchor.js");
__webpack_require__(/*! ../../classes/customizer/custom-control/dimensions/assets/dimensions.js */ "./classes/customizer/custom-control/dimensions/assets/dimensions.js");
/***/ })
/******/ });
//# sourceMappingURL=customizer.js.map