(window["webpackJsonp_name_"] = window["webpackJsonp_name_"] || []).push([[1,10,54,55,56,57,58,59,60,61,62,77,78],{

/***/ 169:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.default = getIcon;
/**
 *
 * @param setting
 * @param key - file, date, select, range, number
 * @param direction - only for type number ['dec', 'inc']
 */
function getIcon(setting, key) {
    var direction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';

    var iconType = direction ? direction + '_icon_type' : 'icon_type';
    var iconClass = direction ? direction + '_icon_' : 'icon_';
    // icon_type: "", icon_font-awesome: "", icon_ios: "", icon_small: ""
    var span = document.createElement('SPAN');
    span.classList.add('project-input__icon');
    var template = '';
    switch (setting[iconType]) {
        case 'custom':
            span.classList.add('has-svg');
            template = '\n                <span class="default-' + key + '"></span>\n                <span class="hover-' + key + '"></span>\n                <span class="focused-' + key + '"></span></div>\n            ';
            break;
        case 'ios':
        case 'font-awesome':
        case 'small':
            span.classList.add('has-font');
            span.classList.add('' + setting[iconType]);
            template = '<i class="' + setting['' + iconClass + setting[iconType]] + '"><i class="path1"></i><i class="path2"></i><i class="path3"></i><i class="path4"></i><i class="path5"></i><i class="path6"></i><i class="path7"></i><i class="path8"></i><i class="path9"></i><i class="path10"></i><i class="path11"></i><i class="path12"></i><i class="path13"></i><i class="path14"></i><i class="path15"></i><i class="path16"></i><i class="path17"></i><i class="path18"></i><i class="path19"></i><i class="path20"></i><i class="path21"></i><i class="path22"></i><i class="path23"></i><i class="path24"></i><i class="path25"></i><i class="path26"></i><i class="path27"></i><i class="path28"></i><i class="path29"></i><i class="path30"></i><i class="path31"></i><i class="path32"></i></i>';
            break;
        default:
            span.classList.add('font-awesome');
            template = '<i class="' + (direction ? ICONS[key][direction] : ICONS[key]) + '"><i class="path1"></i><i class="path2"></i><i class="path3"></i><i class="path4"></i><i class="path5"></i><i class="path6"></i><i class="path7"></i><i class="path8"></i><i class="path9"></i><i class="path10"></i><i class="path11"></i><i class="path12"></i><i class="path13"></i><i class="path14"></i><i class="path15"></i><i class="path16"></i><i class="path17"></i><i class="path18"></i><i class="path19"></i><i class="path20"></i><i class="path21"></i><i class="path22"></i><i class="path23"></i><i class="path24"></i><i class="path25"></i><i class="path26"></i><i class="path27"></i><i class="path28"></i><i class="path29"></i><i class="path30"></i><i class="path31"></i><i class="path32"></i></i>';
    }
    span.innerHTML = template;
    return span;
}
var ICONS = {
    'select': 'ib-289',
    'file': 'ib-218',
    'date': 'ib-136',
    'number': {
        'inc': 'ib-289',
        'dec': 'ib-288'
    },
    'radio': 'ib-300',
    'range': 'ib-300',
    'accordion': {
        'open': 'ib-289',
        'close': 'ib-288'
    }
};

/***/ }),

/***/ 170:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});
function getBackground() {
    var bg = document.createElement('SPAN');
    bg.classList.add('background');
    bg.innerHTML = '\n        <!--Video-->\n        <div class="layer video-layer"></div>\n        <!--Image-->\n        <div class="layer image-layer"></div>\n        <!--Pattern-->\n        <div class="layer pattern-layer"></div>\n        <!--Gradient-->\n        <div class="layer gradient-layer"></div>\n        <!--Color-->\n        <div class="layer color-layer"></div>\n    ';
    return function (el) {
        return el ? el.appendChild(bg.cloneNode(true)) : bg.cloneNode(true);
    };
}
exports.default = getBackground();

/***/ }),

/***/ 182:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _getBackground = __webpack_require__(170);

var _getBackground2 = _interopRequireDefault(_getBackground);

var _getIcon = __webpack_require__(169);

var _getIcon2 = _interopRequireDefault(_getIcon);

__webpack_require__(418);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var Select = function () {
    function Select(argv) {
        _classCallCheck(this, Select);

        this.selected = [];
        this.target = null;
        this.isOpened = false;
        this._argv = argv;
        this.wrapper = document.createElement('DIV');
        this.title = document.createElement('SPAN');
        this.options = document.createElement('DIV');
        this.list = document.createElement('DIV');
        this.arrow = (0, _getIcon2.default)(this.setting, 'select');
        this.list.classList.add('cs-options__list');
        this._createSelect();
        this._onClick();
        this.close = this.close.bind(this);
    }

    _createClass(Select, [{
        key: '_createSelect',
        value: function _createSelect() {
            if (this.field.classList.contains('cs-select_inited')) {
                return false;
            }
            this.customChangeEvent = new CustomEvent('change', {
                bubbles: true,
                cancelable: false
            });
            // project-input_initialized
            this.field.classList.add('cs-select_inited');
            this.field.classList.add('project-input_initialized');
            this.wrapper.className = 'cs-select ' + this.field.className;
            this.title.classList.add('cs-placeholder');
            this.title.classList.add('project-input');
            this.title.classList.add('project-input_select');
            this.options.classList.add('cs-options');
            (0, _getBackground2.default)(this.options);
            var template = '';
            for (var i = 0; i < this.field.options.length; i++) {
                if (this.field.options[i].value) {
                    var className = '';
                    if (this.field.options[i].selected && this.field.options[i].textContent) {
                        this.selected.push(this.field.options[i].textContent);
                        className = 'cs-selected';
                    }
                    template += '<div class="cs-options__list-item" data-value="' + this.field.options[i].value + '" data-index="' + i + '" class="' + className + '">' + this.field.options[i].textContent + (0, _getBackground2.default)().outerHTML + '</div>';
                }
            }
            this.arrow.classList.add('cs-placeholder-before');
            var settings = this.setting;
            this.setTitle();
            this.list.innerHTML = template;
            this.wrapper.appendChild(this.title);
            this.wrapper.appendChild(this.options);
            this.options.appendChild(this.list);
            this.field.parentNode && this.field.parentNode.insertBefore(this.wrapper, this.field);
            if (this.field && this.field.parentNode && this.field.parentNode.parentNode && this.field.parentNode.parentNode.classList.contains('widget')) {
                this.field.style.display = 'none';
            } else {
                this.wrapper.appendChild(this.field);
            }
        }
    }, {
        key: '_onClick',
        value: function _onClick() {
            var _this = this;

            if (!this.wrapper) {
                return false;
            }
            this.wrapper.addEventListener('click', function (event) {
                event.stopPropagation();
                var target = event.target;
                _this.target = target;
                if (target.tagName === "DIV" && target.classList.contains('cs-options__list-item')) {
                    _this._setActive(target);
                    _this.field.dispatchEvent(_this.customChangeEvent);
                }
                if (target.tagName === "SPAN" && target.classList.contains('cs-placeholder')) {
                    _this._setOpen(target);
                }
            });
        }
    }, {
        key: '_setActive',
        value: function _setActive(target) {
            var index = target.getAttribute('data-index');
            if (this.field.options[index].selected) {
                if (this.field.multiple) {
                    var i = this.selected.indexOf(this.field.options[index].textContent);
                    i !== -1 ? this.selected.splice(i, 1) : [];
                } else {
                    this.selected = [];
                }
                target.classList.remove('cs-selected');
                this.field.options[index].selected = false;
            } else {
                if (this.field.multiple) {
                    this.selected.push(this.field.options[index].textContent);
                } else {
                    Array.from(this.wrapper.querySelectorAll('.cs-selected')).forEach(function (item) {
                        item.classList.remove('cs-selected');
                    });
                    this.selected = [this.field.options[index].textContent];
                }
                target.classList.add('cs-selected');
                this.field.options[index].selected = true;
            }
            this.setTitle();
        }
    }, {
        key: 'setTitle',
        value: function setTitle() {
            this.title.innerHTML = '\n        <span class="cs-placeholder-text">\n            ' + (this.selected.length ? this.selected.join(', ') : 'Select') + '\n        </span>\n      ';
            this.title.appendChild(this.arrow);
            (0, _getBackground2.default)(this.title);
        }
    }, {
        key: '_setOpen',
        value: function _setOpen(target) {
            if (Select.activeSelect instanceof Select && Select.activeSelect !== this) {
                Select.activeSelect.close();
            }
            if (target.parentNode.classList.contains('cs-active')) {
                target.classList.remove('project-input_focused');
                target.parentNode.classList.remove('cs-active');
                this.isOpened = false;
                Select.activeSelect = null;
                //document.removeEventListener('click', this.close.bind(this));
            } else {
                target.classList.add('project-input_focused');
                target.parentNode.classList.add('cs-active');
                this.isOpened = true;
                Select.activeSelect = this;
                document.addEventListener('click', this.close);
                //document.addEventListener('click', this.close.bind(this));
            }
        }
    }, {
        key: 'close',
        value: function close(e) {
            document.removeEventListener('click', this.close);
            if (!this.wrapper || !this.title) {
                return false;
            }
            this.title.classList.remove('project-input_focused');
            this.wrapper.classList.remove('cs-active');
            this.isOpened = false;
        }
    }, {
        key: 'setting',
        get: function get() {
            return this._argv.setting;
        }
    }, {
        key: 'field',
        get: function get() {
            return this._argv.field;
        }
    }]);

    return Select;
}();

exports.default = Select;

/***/ }),

/***/ 184:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});

var _importCss2 = __webpack_require__(46);

var _importCss3 = _interopRequireDefault(_importCss2);

exports.default = initDate;

var _getBackground = __webpack_require__(170);

var _getBackground2 = _interopRequireDefault(_getBackground);

var _getIcon = __webpack_require__(169);

var _getIcon2 = _interopRequireDefault(_getIcon);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

var $ = __webpack_require__(434);
function initDate(field, template, setting) {
    var iconTemplate = (0, _getIcon2.default)(setting, 'date');
    template.appendChild(iconTemplate);
    template.addEventListener('click', function (e) {
        field.focus();
    });
    Promise.all([Promise.all(/* import() | jQuery_UI/UI_Datepicker */[__webpack_require__.e(26), __webpack_require__.e(29)]).then(function() { var module = __webpack_require__(183); return typeof module === "object" && module && module.__esModule ? module : Object.assign({/* fake namespace object */}, typeof module === "object" && module, { "default": module }); }), (0, _importCss3.default)('jQuery_UI/UI_Datepicker')]).then(function (proms) {
        return proms[0];
    }).then(function () {
        $(field).each(function (index, input) {
            if (input.value) {
                template.classList.add('project-input_has-value');
            }
        }).attr('type', 'text').datepicker({
            beforeShow: function beforeShow(input, inst) {
                template.classList.add('project-input_focused');
                var parentPos = template.getBoundingClientRect();
                var left = parentPos.left + 'px';
                var div = inst.dpDiv;
                setTimeout(function () {
                    [].forEach.call(div, function (popup) {
                        popup.classList.add('' + (setting.class_name || ''));
                        (0, _getBackground2.default)(popup);
                        [].concat(_toConsumableArray(Array.from(popup.querySelectorAll('th'))), _toConsumableArray(Array.from(popup.querySelectorAll('td')))).forEach(function (item) {
                            (0, _getBackground2.default)(item);
                        });
                        var inputPos = input.getBoundingClientRect();
                        var parentPos = input.parentNode.getBoundingClientRect();
                        var popupPos = popup.getBoundingClientRect();
                        var translateY = popupPos.top < parentPos.top ? inputPos.bottom - parentPos.bottom + 'px' : parentPos.bottom - inputPos.bottom + 'px';
                        popup.style.left = left;
                        popup.style.transform = 'translateY(' + translateY + ')';
                        popup.style.webkitTransform = 'translateY(' + translateY + ')';
                    });
                }, 0);
            },
            onClose: function onClose(dateText, inst) {
                if (dateText) {
                    inst.input.each(function (index, field) {
                        template.classList.add('project-input_has-value');
                        template.classList.remove('project-input_focused');
                    });
                } else {
                    inst.input.each(function (index, field) {
                        template.classList.remove('project-input_has-value');
                        template.classList.remove('project-input_focused');
                    });
                }
            },
            onChangeMonthYear: function onChangeMonthYear(year, month, inst) {
                var div = inst.dpDiv;
                setTimeout(function () {
                    [].forEach.call(div, function (popup) {
                        popup.classList.add('' + (setting.class_name || ''));
                        (0, _getBackground2.default)(popup);
                        [].concat(_toConsumableArray(Array.from(popup.querySelectorAll('th'))), _toConsumableArray(Array.from(popup.querySelectorAll('td')))).forEach(function (item) {
                            (0, _getBackground2.default)(item);
                        });
                    });
                }, 0);
            }
        });
    });
}

/***/ }),

/***/ 185:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.default = initFile;

var _getIcon = __webpack_require__(169);

var _getIcon2 = _interopRequireDefault(_getIcon);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function initFile(field, template, setting) {
    var iconTemplate = (0, _getIcon2.default)(setting, 'file');
    var span = document.createElement('SPAN');
    span.innerHTML = getFileName(field);
    template.appendChild(iconTemplate);
    template.appendChild(span);
    field.addEventListener('change', function (event) {
        span.innerHTML = getFileName(field);
        setTimeout(function () {
            template.classList.remove('project-input_focused');
        }, 200);
    });
    var roar = function roar() {
        document.body.onfocus = null;
        template.classList.remove('project-input_focused');
    };
    template.addEventListener('click', function (event) {
        document.body.onfocus = roar;
        template.classList.add('project-input_focused');
        field.click();
    });
}
function getFileName(field) {
    return field.files.length ? [].map.call(field.files, function (file) {
        return file.name;
    }).join(', ') : '<span>No file choosen</span>';
}

/***/ }),

/***/ 187:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});

var _importCss2 = __webpack_require__(46);

var _importCss3 = _interopRequireDefault(_importCss2);

exports.default = initSlider;

var _getIcon = __webpack_require__(169);

var _getIcon2 = _interopRequireDefault(_getIcon);

var _getBackground = __webpack_require__(170);

var _getBackground2 = _interopRequireDefault(_getBackground);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var $ = __webpack_require__(434);
function initSlider(field, template, setting, key) {
    Promise.all([Promise.all(/* import() | jQuery_UI/UI_Slider */[__webpack_require__.e(25), __webpack_require__.e(28)]).then(function() { var module = __webpack_require__(186); return typeof module === "object" && module && module.__esModule ? module : Object.assign({/* fake namespace object */}, typeof module === "object" && module, { "default": module }); }), (0, _importCss3.default)('jQuery_UI/UI_Slider')]).then(function (proms) {
        return proms[0];
    }).then(function () {
        $(template).slider({
            max: parseInt(field.max, 10) || 100,
            min: parseInt(field.min, 10) || 0,
            step: parseInt(field.step, 10) || 1,
            range: "min",
            create: function create(event, ui) {
                field.value = ui.value;
                var icon = event.target.querySelector('.ui-slider-handle');
                icon && icon.appendChild((0, _getIcon2.default)(setting, key));
                var range = event.target.querySelector('.ui-slider-range');
                range && (0, _getBackground2.default)(range);
            },
            stop: function stop(event, ui) {
                field.parentNode.classList.remove('project-input_focused');
                field.value = ui.value;
            },
            start: function start() {
                field.parentNode.classList.add('project-input_focused');
            }
        });
    });
}

/***/ }),

/***/ 188:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});

var _importCss2 = __webpack_require__(46);

var _importCss3 = _interopRequireDefault(_importCss2);

exports.default = initNumber;

var _getIcon = __webpack_require__(169);

var _getIcon2 = _interopRequireDefault(_getIcon);

__webpack_require__(419);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function initNumber(item, template, setting) {
    // item.setAttribute('type', 'text');
    // item.setAttribute('pattern', '/[0-9]/');
    // pattern
    Promise.all([__webpack_require__.e(/* import() | lib/SpinBox.src */ 102).then(function() { var module = __webpack_require__(458); return typeof module === "object" && module && module.__esModule ? module : Object.assign({/* fake namespace object */}, typeof module === "object" && module, { "default": module }); }), (0, _importCss3.default)('lib/SpinBox.src')]).then(function (proms) {
        return proms[0];
    }).then(function (SpinBox) {
        new SpinBox.SpinBox(template, {}, setting, {
            inc: (0, _getIcon2.default)(setting, 'number', 'inc'),
            dec: (0, _getIcon2.default)(setting, 'number', 'dec')
        });
    });
}

/***/ }),

/***/ 189:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.default = text;
function text(template, field) {
    if (field.value) {
        template.classList.add('project-input_has-value');
    }
    template.addEventListener('click', function (event) {
        // event.preventDefault();
        field.focus();
    });
    template.addEventListener('mousedown', function (event) {
        // if ((event.currentTarget as HTMLElement).classList.contains('project-input_focused')) {
        //     event.preventDefault();
        // }
    });
    field.addEventListener('focus', function () {
        template.classList.add('project-input_focused');
    });
    field.addEventListener('blur', function () {
        template.classList.remove('project-input_focused');
        if (field.value) {
            template.classList.add('project-input_has-value');
        } else {
            template.classList.remove('project-input_has-value');
        }
    });
    field.addEventListener('change', function (event) {
        if (field.value) {
            template.classList.add('project-input_has-value');
        } else {
            template.classList.remove('project-input_has-value');
        }
    });
    field.addEventListener('keyup', function (event) {
        if (field.value) {
            template.classList.add('project-input_has-value');
        } else {
            template.classList.remove('project-input_has-value');
        }
    });
}

/***/ }),

/***/ 190:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.default = initCheckBoxAndRadio;

var _getIcon = __webpack_require__(169);

var _getIcon2 = _interopRequireDefault(_getIcon);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function initCheckBoxAndRadio(item, template, setting, key) {
    var innerInput = (0, _getIcon2.default)(setting, key);
    innerInput.classList.add('project-input__' + key);
    innerInput.classList.remove('project-input__icon');
    template.appendChild(innerInput);
    var hasLabelParent = checkParent(item, 'LABEL');
    if (item.checked) {
        template.classList.add('project-input_active');
        template.classList.add('project-input_focused');
    }
    !hasLabelParent && template.addEventListener('click', function (event) {
        item.click();
    });
    item.addEventListener('change', function (event) {
        if (item.checked) {
            template.classList.add('project-input_active');
            template.classList.add('project-input_focused');
            [].forEach.call(document.querySelectorAll('input[name="' + item.name + '"]'), function (input) {
                if (input === item) {
                    return false;
                }
                input && !input.checked && input.parentNode && input.parentNode.classList.remove('project-input_active');
                input && !input.checked && input.parentNode && input.parentNode.classList.remove('project-input_focused');
            });
        } else {
            template.classList.remove('project-input_active');
            template.classList.remove('project-input_focused');
        }
    });
}
function checkParent(item, selector) {
    var parent = item;
    while (parent) {
        if (!parent.tagName) {
            return false;
        }
        if (parent.tagName === selector) {
            return true;
        }
        parent = parent.parentNode;
    }
    return false;
}

/***/ }),

/***/ 194:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _radioAndCheckbox = __webpack_require__(190);

var _radioAndCheckbox2 = _interopRequireDefault(_radioAndCheckbox);

var _text = __webpack_require__(189);

var _text2 = _interopRequireDefault(_text);

var _initNumber = __webpack_require__(188);

var _initNumber2 = _interopRequireDefault(_initNumber);

var _initSlider = __webpack_require__(187);

var _initSlider2 = _interopRequireDefault(_initSlider);

var _initFile = __webpack_require__(185);

var _initFile2 = _interopRequireDefault(_initFile);

var _initDate = __webpack_require__(184);

var _initDate2 = _interopRequireDefault(_initDate);

var _Select = __webpack_require__(182);

var _Select2 = _interopRequireDefault(_Select);

var _getBackground = __webpack_require__(170);

var _getBackground2 = _interopRequireDefault(_getBackground);

var _index = __webpack_require__(72);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var InputController = function () {
    function InputController() {
        _classCallCheck(this, InputController);
    }

    _createClass(InputController, [{
        key: 'init',
        value: function init() {
            var _this = this;

            var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;

            var inputs = window.formSettings;
            var inputsKeys = inputs instanceof Object ? Object.keys(inputs) : null;
            inputsKeys && inputsKeys.forEach(function (key) {
                return inputs[key].length && _this.initFields(key, inputs[key], context);
            });
        }
    }, {
        key: 'initFields',
        value: function initFields(key, settings, context) {
            var _this2 = this;

            var primaryIndex = null;
            settings.forEach(function (setting, index) {
                var isPrimary = _this2.isPrimary(key, setting);
                isPrimary && (primaryIndex = index);
                !isPrimary && _this2.buildField(key, setting, context);
            });
            primaryIndex !== null && this.buildField(key, settings[primaryIndex], context);
        }
    }, {
        key: 'buildField',
        value: function buildField(key, setting, context) {
            var _this3 = this;

            var initializedClass = '.project-input_initialized';
            var arr = void 0;
            switch (key) {
                case 'radio':
                    arr = ['input[type="radio"]'];
                    break;
                case 'checkbox':
                    arr = ['input[type="checkbox"]'];
                    break;
                case 'button':
                    arr = ['input[type="submit"]', 'input[type="button"]', 'input[type="image"]', 'input[type="reset"]', 'input[type="submit"]', 'button:not(input)', '.button:not(input)',
                    // '.tag-cloud-link:not(input)',
                    '.vc_btn3:not(input)'];
                    break;
                case 'text':
                    arr = ['input[type="email"]', 'input[type="password"]', 'input[type="search"]', 'input[type="tel"]', 'input[type="text"]', 'input[type="url"]'];
                    break;
                case 'textarea':
                    arr = ['textarea'];
                    break;
                case 'number':
                    arr = ['input[type="number"]'];
                    break;
                case 'range':
                    arr = ['input[type="range"]'];
                    break;
                case 'date':
                    arr = ['input[type="date"]'];
                    break;
                case 'file':
                    arr = ['input[type="file"]'];
                    break;
                case 'select':
                    arr = ['select'];
                    break;
            }
            var isPrimary = this.isPrimary(key, setting);
            var className = isPrimary ? '' : '.' + setting.class_name;
            arr instanceof Array && arr.forEach(function (path) {
                return _this3.getNodeElems('' + path + className + ':not(' + initializedClass + '):not([class*="adminbar-"])', setting, key, context);
            });
        }
    }, {
        key: 'isPrimary',
        value: function isPrimary(key, setting) {
            return (/project-input_\w+-primary/.test(setting.class_name) ? setting.class_name : ''
            );
        }
    }, {
        key: 'isInitialized',
        value: function isInitialized(field) {
            return field.classList.contains('project-input_initialized') || field.parentNode.classList.contains('project-input_initialized') || field.parentNode.classList.contains('ginput_container_list');
        }
    }, {
        key: 'getNodeElems',
        value: function getNodeElems(path, setting, key, context) {
            var _this4 = this;

            if (context instanceof Document || context instanceof Element) {
                Array.from(context.querySelectorAll(path)).forEach(function (field) {
                    if (!_this4.isInitialized(field)) {
                        _this4.buildTemplate(field, key, setting);
                    }
                });
            }
        }
        /**
         * Build template
         * @param field
         * @param key
         * @param setting
         */

    }, {
        key: 'buildTemplate',
        value: function buildTemplate(field, key, setting) {
            if (field.tagName === 'SELECT') {
                this.addEvents(null, field, key, setting);
                return true;
            }
            var isInput = field.tagName === 'INPUT' || field.tagName === 'TEXTAREA';
            if (isInput) {
                if (field.type === 'submit') {
                    inputSubmitToButton(field, key, setting);
                    return true;
                }
                var nodeName = 'div';
                var template = document.createElement(nodeName);
                (0, _index2.default)(template, ['project-input', 'project-input_' + key, field.disabled ? 'disable' : 'enable', setting.class_name]);
                (0, _getBackground2.default)(template);
                this.addEvents(template, field, key, setting);
                return true;
            }
            // field.classList.add(`${setting.class_name}`);
            (0, _index2.default)(field, ['project-input', 'project-input', 'project-input_' + key, '' + key, field.disabled ? 'disable' : 'enable', setting.class_name]);
            (0, _getBackground2.default)(field);
            return true;
        }
    }, {
        key: 'appendItemInTemplate',
        value: function appendItemInTemplate(item, template) {
            item.parentNode.insertBefore(template, item);
            (0, _index2.default)(template, 'project-input_initialized');
            (0, _index2.default)(item, 'project-input_initialized');
            template.insertBefore(item, template.firstChild);
        }
    }, {
        key: 'addEvents',
        value: function addEvents(template, field, key, setting) {
            if (template) {
                this.appendItemInTemplate(field, template);
                template.classList.add('' + setting.class_name);
            } else {
                field.classList.add('' + setting.class_name);
            }
            switch (key) {
                case 'checkbox':
                    {
                        (0, _radioAndCheckbox2.default)(field, template, setting, key);
                        return;
                    }
                case 'radio':
                    {
                        (0, _radioAndCheckbox2.default)(field, template, setting, key);
                        return;
                    }
                case 'file':
                    {
                        (0, _initFile2.default)(field, template, setting);
                        return;
                    }
                case 'date':
                    {
                        (0, _initDate2.default)(field, template, setting);
                        return;
                    }
                case 'range':
                    {
                        (0, _initSlider2.default)(field, template, setting, key);
                        return;
                    }
                case 'select':
                    {
                        new _Select2.default({
                            field: field,
                            setting: setting
                        });
                        return;
                    }
                case 'number':
                    {
                        (0, _initNumber2.default)(field, template, setting);
                        break;
                    }
            }
            (0, _text2.default)(template, field);
        }
    }]);

    return InputController;
}();

exports.default = new InputController();

function inputSubmitToButton(field, key, setting) {
    var button = document.createElement('BUTTON');
    Array.from(field.attributes).forEach(function (item) {
        button.setAttribute(item.name, item.value);
        item.name === 'value' && (button.innerText = item.value);
    });
    (0, _index2.default)(button, ['project-input', 'project-input_' + key, 'project-input_initialized', field.disabled ? 'disable' : 'enable', setting.class_name]);
    (0, _getBackground2.default)(button);
    field.parentNode.replaceChild(button, field);
}
function setProjectInputClass(field, key, setting) {}

/***/ }),

/***/ 418:
/***/ (function(module, exports, __webpack_require__) {


var content = __webpack_require__(437);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(167)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}

/***/ }),

/***/ 419:
/***/ (function(module, exports, __webpack_require__) {


var content = __webpack_require__(438);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(167)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}

/***/ }),

/***/ 437:
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(168)(false);
// imports


// module
exports.push([module.i, ".select-wrapper{height:45px;position:relative;z-index:1;margin-bottom:19px}.cs-select{outline:none;position:relative}.cs-select>.cs-placeholder-before.project-input__icon,.cs-select>.project-input__animate-box{display:none}.cs-select_has-border .cs-options,.cs-select_has-border .cs-placeholder{border-width:2px;border-style:solid}.cs-select_has-border .cs-options{margin-top:-2px}.cs-select_has-bg.cs-active .cs-placeholder{z-index:9999}.cs-select select{display:none}.cs-select.cs-active .cs-options{display:block;padding-bottom:0}.cs-placeholder{position:relative;-user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:pointer;display:block;vertical-align:top;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;transition:box-shadow .2s ease,color .2s ease,background-color .2s ease,border .2s ease}.cs-placeholder:after{content:\"\";position:absolute;top:0;left:0;z-index:6;width:100%;height:100%;background-color:rgba(0, 0, 0, .0001)}.cs-placeholder.project-input{display:flex;justify-content:space-between;align-items:center}.cs-placeholder-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis}.cs-placeholder-before{position:static;display:flex;align-items:center;justify-content:center}.cs-placeholder-before.font-awesome,.cs-placeholder-before.ios,.cs-placeholder-before.small{display:flex}.cs-placeholder-before>i{transform-origin:center center;display:block;line-height:1!important;top:2px;max-height:100%;padding:0!important}.cs-options{position:absolute;top:100%;left:0;display:none;width:100%;z-index:999}.cs-options .cs-options__list,.cs-options .cs-options__list:not(.social-links-list){list-style-type:none;margin:0;padding:0;max-height:50vh;overflow-y:auto}.cs-options .cs-options__list .cs-options__list-item,.cs-options .cs-options__list:not(.social-links-list) .cs-options__list-item{position:relative;display:block;padding:18px 24px;margin:0;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease,border .2s ease;line-height:normal}.cs-options .cs-options__list .cs-options__list-item:before,.cs-options .cs-options__list:not(.social-links-list) .cs-options__list-item:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.cs-options .cs-options__list .cs-options__list-item.cs-selected,.cs-options .cs-options__list .cs-options__list-item:hover,.cs-options .cs-options__list:not(.social-links-list) .cs-options__list-item.cs-selected,.cs-options .cs-options__list:not(.social-links-list) .cs-options__list-item:hover{transition:.2s cubic-bezier(.4,0,.2,1)}", ""]);

// exports


/***/ }),

/***/ 438:
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(168)(false);
// imports


// module
exports.push([module.i, ".project-input.spinBox{position:relative;display:flex;flex-wrap:nowrap;align-items:center}.project-input.spinBox .default-number,.project-input.spinBox .focused-number,.project-input.spinBox .hover-number{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50%;transition:opacity .2s ease}.project-input.spinBox .default-number{opacity:1}.project-input.spinBox .focused-number,.project-input.spinBox .hover-number{opacity:0}.project-input.spinBox:hover .hover-number{opacity:1}.project-input.spinBox.project-input_focused .default-number,.project-input.spinBox:hover .default-number{opacity:0}.project-input.spinBox.project-input_focused .focused-number{opacity:1}.spinBox input{display:block;flex-grow:1}.spinBoxDown,.spinBoxUp{display:block;cursor:pointer;z-index:3}.spinBox input[disabled]+span,.spinBox input[disabled]+span+span{cursor:auto}.spinBoxDown span,.spinBoxUp span{display:block}.spinBox-separately .spinBoxDown,.spinBoxDown.spinBox-custom{padding-right:inherit;padding-top:0;padding-bottom:0;padding-left:0}.spinBox-separately .spinBoxUp,.spinBoxUp.spinBox-custom{padding-right:0;padding-top:0;padding-bottom:0;padding-left:inherit}.spinBoxDown.spinBox-custom,.spinBoxUp.spinBox-custom{transform:none}.spinBox-arrow-wrapper_left{padding-right:inherit}.spinBox-arrow-wrapper_right{padding-left:inherit}.spinBoxDown span,.spinBoxUp span{height:100%;display:flex;align-items:center;justify-content:center}.spinBoxDown span>i,.spinBoxUp span>i{padding:0!important}.slider-icon{position:relative}.slider-icon:before{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;width:100%;height:100%;background-color:rgba(0,0,0,1e-05);cursor:pointer}.spinBox-arrow-wrapper{position:relative;display:flex;flex-direction:column;flex-shrink:0;align-items:center}", ""]);

// exports


/***/ }),

/***/ 72:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.default = addClass;
function addClass(el, classes) {
    var classList = el.classList;
    if (typeof classes === 'string') {
        classList.add(classes);
        return true;
    } else if (classes instanceof Array) {
        classes.forEach(function (className) {
            return classList.add(className);
        });
        return true;
    }
    return false;
}

/***/ })

}]);