%PDF-
%PDF-
Mini Shell
Mini Shell
/*! elementor-pro - v3.6.5 - 12-04-2022 */
"use strict";
(self["webpackChunkelementor_pro"] = self["webpackChunkelementor_pro"] || []).push([["search-form"],{
/***/ "../modules/theme-elements/assets/js/frontend/handlers/search-form.js":
/*!****************************************************************************!*\
!*** ../modules/theme-elements/assets/js/frontend/handlers/search-form.js ***!
\****************************************************************************/
/***/ ((__unused_webpack_module, exports) => {
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _default = elementorModules.frontend.handlers.Base.extend({
getDefaultSettings() {
return {
selectors: {
wrapper: '.elementor-search-form',
container: '.elementor-search-form__container',
icon: '.elementor-search-form__icon',
input: '.elementor-search-form__input',
toggle: '.elementor-search-form__toggle',
submit: '.elementor-search-form__submit',
closeButton: '.dialog-close-button'
},
classes: {
isFocus: 'elementor-search-form--focus',
isFullScreen: 'elementor-search-form--full-screen',
lightbox: 'elementor-lightbox'
}
};
},
getDefaultElements() {
var selectors = this.getSettings('selectors'),
elements = {};
elements.$wrapper = this.$element.find(selectors.wrapper);
elements.$container = this.$element.find(selectors.container);
elements.$input = this.$element.find(selectors.input);
elements.$icon = this.$element.find(selectors.icon);
elements.$toggle = this.$element.find(selectors.toggle);
elements.$submit = this.$element.find(selectors.submit);
elements.$closeButton = this.$element.find(selectors.closeButton);
return elements;
},
bindEvents() {
var self = this,
$container = self.elements.$container,
$closeButton = self.elements.$closeButton,
$input = self.elements.$input,
$wrapper = self.elements.$wrapper,
$icon = self.elements.$icon,
skin = this.getElementSettings('skin'),
classes = this.getSettings('classes');
if ('full_screen' === skin) {
// Activate full-screen mode on click
self.elements.$toggle.on('click', function () {
$container.toggleClass(classes.isFullScreen).toggleClass(classes.lightbox);
$input.trigger('focus');
}); // Deactivate full-screen mode on click or on esc.
$container.on('click', function (event) {
if ($container.hasClass(classes.isFullScreen) && $container[0] === event.target) {
$container.removeClass(classes.isFullScreen).removeClass(classes.lightbox);
}
});
$closeButton.on('click', function () {
$container.removeClass(classes.isFullScreen).removeClass(classes.lightbox);
});
elementorFrontend.elements.$document.on('keyup', function (event) {
var ESC_KEY = 27;
if (ESC_KEY === event.keyCode) {
if ($container.hasClass(classes.isFullScreen)) {
$container.trigger('click');
}
}
});
} else {
// Apply focus style on wrapper element when input is focused
$input.on({
focus() {
$wrapper.addClass(classes.isFocus);
},
blur() {
$wrapper.removeClass(classes.isFocus);
}
});
}
if ('minimal' === skin) {
// Apply focus style on wrapper element when icon is clicked in minimal skin
$icon.on('click', function () {
$wrapper.addClass(classes.isFocus);
$input.trigger('focus');
});
}
}
});
exports["default"] = _default;
/***/ })
}]);
//# sourceMappingURL=search-form.b54087cb78208841e9e9.bundle.js.map
Zerion Mini Shell 1.0