(window["webpackJsonp_name_"] = window["webpackJsonp_name_"] || []).push([[58,60],{

/***/ 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'
    }
};

/***/ }),

/***/ 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>';
}

/***/ })

}]);