# e2pdf/1.02.02/js/e2pdf.backend.js

E2Pdf – Export Pdf Tool for WordPress, version 1.02.02. 5,973 lines.

- Page: https://pluginprobe.com/plugins/e2pdf/1.02.02/code/js/e2pdf.backend.js
- Raw: https://pluginprobe.com/plugins/e2pdf/1.02.02/raw/js/e2pdf.backend.js
- Modified: 2018-12-07T12:07:02+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/e2pdf/1.02.02/code/js/e2pdf.backend.js#L10-L20`.

```javascript
var e2pdf = {
//e2pdf.helper
    helper: {
//e2pdf.helper.color
        color: {
            close: function (el) {
                var color_panel = jQuery(el).parent();
                color_panel.find('.wp-color-result').click();
            }
        },
        //e2pdf.helper.image
        image: {
            //e2pdf.helper.image.load
            load: function (el) {
                el.addClass('e2pdf-loader');
                var image = new Image();
                image.src = e2pdf.properties.getValue(el, 'value');
                var children = e2pdf.element.children(el);
                image.onload = function ()
                {
                    el.removeClass('e2pdf-loader');
                    el.find('.e2pdf-image').attr('src', e2pdf.properties.getValue(el, 'value'));
                    if (el.data('data-type') === 'e2pdf-image' && e2pdf.properties.getValue(el, 'scale') === e2pdf.static.const.WIDTH) {
                        var o_width = this.width;
                        var o_height = this.height;
                        var dimension = parseFloat(children.css('width')) / o_width;
                        var height = o_height * dimension;
                        var add_height = parseFloat(el.css('height')) - parseFloat(children.css('height'));
                        el.css('height', height + add_height);
                        el.resizable("option", "aspectRatio", true).data('uiResizable')._aspectRatio = true;
                    } else if (el.data('data-type') === 'e2pdf-image' && e2pdf.properties.getValue(el, 'scale') === e2pdf.static.const.HEIGHT) {
                        var o_width = this.width;
                        var o_height = this.height;
                        var dimension = parseFloat(children.css('height')) / o_height;
                        var width = o_width * dimension;
                        var add_width = parseFloat(el.css('width')) - parseFloat(children.css('width'));
                        el.css('width', width + add_width);
                        el.resizable("option", "aspectRatio", true).data('uiResizable')._aspectRatio = true;
                    } else {
                        el.resizable("option", "aspectRatio", false).data('uiResizable')._aspectRatio = false;
                    }

                    children.removeClass('e2pdf-image-blank');
                };
                image.onerror = function ()
                {
                    el.removeClass('e2pdf-loader');
                    children.attr('src', e2pdf.url.pluginsUrl() + '/img/upload.png').addClass('e2pdf-image-blank');
                    if (el.data('data-type') === 'e2pdf-image' && (e2pdf.properties.getValue(el, 'scale') === e2pdf.static.const.WIDTH || e2pdf.properties.getValue(el, 'scale') === e2pdf.static.const.HEIGHT)) {
                        el.resizable("option", "aspectRatio", true).data('uiResizable')._aspectRatio = true;
                    } else {
                        el.resizable("option", "aspectRatio", false).data('uiResizable')._aspectRatio = false;
                    }
                };
            }
        },
        //e2pdf.helper.convert
        convertPxToFloat: function (value) {
            return parseFloat(value.replace('px', ''));
        },
        //e2pdf.helper.ajaxurl
        ajaxurl: function (action) {

            if (action) {
                var url = ajaxurl + '?action=' + action + '&e2pdf_check=true&_nonce=' + e2pdfParams['nonce'];
            } else {
                var url = ajaxurl + '?e2pdf_check=true&_nonce=' + e2pdfParams['nonce'];
            }

            return url;
        }
    },
    //e2pdf.url
    url: {
        //e2pdf.url.change
        change: function (page, path) {
            if (window.history && window.history.pushState) {
                var url = window.location.pathname;

                if (page) {
                    url += '?page=' + page;
                }

                if (path) {
                    url += '&' + path;
                }
                history.pushState({urlPath: url}, "", url);
            }
        },
        //e2pdf.url.build
        build: function (page, path, nonce) {
            var url = window.location.pathname;

            if (page) {
                url += '?page=' + page;
            }
            if (path) {
                url += '&' + path;
            }

            if (nonce) {
                url += '&e2pdf_check=true&_nonce=' + e2pdfParams['nonce']
            }

            return url;
        },
        //e2pdf.url.get
        get: function (name, url) {
            if (!url)
                url = window.location.href;
            name = name.replace(/[\[\]]/g, "\\$&");
            var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), results = regex.exec(url);
            if (!results) {
                return null;
            }

            if (!results[2]) {
                return '';
            }
            return decodeURIComponent(results[2].replace(/\+/g, " "));
        },
        pluginsUrl: function () {
            return e2pdfParams['plugins_url'];
        },
        uploadUrl: function () {
            return e2pdfParams['upload_url'];
        }
    },
    //e2pdf.shortcode
    shortcode: {
        //e2pdf.shortcode.get
        get: function (template_id, dataset_id) {

            if (template_id && dataset_id) {
                var shortcode = '[e2pdf-download id="' + template_id + '" dataset="' + dataset_id + '"]';
            } else if (template_id) {
                var shortcode = '[e2pdf-download id="' + template_id + '"]';
            } else {
                var shortcode = false;
            }
            return shortcode;
        }
    },
    //e2pdf.guide
    guide: {
        //e2pdf.guide.calc
        calc: function (el, pos, w, h, g) {

            if (el != null) {
                if (g) {
                    w = parseFloat(jQuery(el).css('width')) * e2pdf.zoom.zoom;
                    h = parseFloat(jQuery(el).css('height')) * e2pdf.zoom.zoom;
                    pos = jQuery(el).offset();
                    if (jQuery(el).hasClass('e2pdf-page')) {
                        pos = {
                            left: pos.left + 1,
                            top: pos.top + 1
                        };
                    }
                } else {

                    w = parseFloat(jQuery(el).css('width'));
                    h = parseFloat(jQuery(el).css('height'));

                    if (jQuery(el).hasClass('e2pdf-page')) {
                        pos = {
                            left: 0,
                            top: 0
                        };
                    } else {
                        pos = {
                            left: parseFloat(e2pdf.properties.getValue(jQuery(el), 'left')),
                            top: parseFloat(e2pdf.properties.getValue(jQuery(el), 'top'))
                        };
                    }
                }
            }

            return [
                {type: "h", left: pos.left, top: pos.top},
                {type: "h", left: pos.left, top: pos.top + h},
                {type: "v", left: pos.left, top: pos.top},
                {type: "v", left: pos.left + w, top: pos.top},
                {type: "h", left: pos.left, top: pos.top + h / 2},
                {type: "v", left: pos.left + w / 2, top: pos.top}
            ];
        }
    },
    //e2pdf.pdf
    pdf: {
        //e2pdf.pdf.settings
        settings: {
            options: [],
            //e2pdf.pdf.settings.change
            change: function (key, value) {
                e2pdf.pdf.settings.options[key] = value;
                if (jQuery('.e2pdf-form-builder > input[name="' + key + '"]').length > 0) {
                    jQuery('.e2pdf-form-builder > input[name="' + key + '"]').val(value);
                } else {
                    var input = jQuery('<input>',
                            {
                                'type': 'hidden',
                                'name': key,
                                'value': value,
                            });
                    jQuery('.e2pdf-form-builder').append(input);
                }

                if (key == 'extension') {
                    e2pdf.request.submitRequest('e2pdf_get_styles', jQuery('.e2pdf-submit-form'), value);
                }
            },
            //e2pdf.pdf.settings.set
            set: function (key, value) {
                e2pdf.pdf.settings.options[key] = value;
            },
            //e2pdf.pdf.settings.get
            get: function (key) {
                if (typeof e2pdf.pdf.settings.options[key] === 'undefined') {
                    return null;
                } else {
                    return e2pdf.pdf.settings.options[key];
                }
            }
        }
    },
    //e2pdf.static
    static: {
        //e2pdf.static.unsaved
        unsaved: false,
        //e2pdf.static.mediaUploader
        mediaUploader: false,
        //e2pdf.static.autoloadExport
        autoloadExport: false,
        //e2pdf.static.selectionRange
        selectionRange: null,
        //e2pdf.static.guide
        guide: {
            //e2pdf.static.guide.guides
            guides: [],
            //e2pdf.static.guide.distance
            distance: 5,
            x: 0,
            y: 0
        },
        //e2pdf.static.drag
        drag: {
            //e2pdf.static.drag.min_top
            min_top: 0,
            //e2pdf.static.drag.max_top
            max_top: 0,
            //e2pdf.static.drag.min_left
            min_left: 0,
            //e2pdf.static.drag.max_left
            max_left: 0,
            //e2pdf.static.drag.page
            page: null,
        },
        //e2pdf.static.const
        const: {
            'WIDTH_HEIGHT': '0',
            'WIDTH': '1',
            'HEIGHT': '2'
        }
    },
    //e2pdf.event
    event: {
        //e2pdf.event.fire
        fire: function (event, action, el) {
            if (event === 'after.pages.deletePage'
                    || event === 'after.createPdf'
                    || event === 'after.pages.createPage.newpage'
                    || event === 'after.element.create'
                    || event === 'after.element.delete'
                    || event === 'after.settings.style.change'
                    || event === 'after.settings.template.change'
                    || event === 'after.wysiwyg.apply'
                    || event === 'after.request.submitLocal'
                    || event === 'after.mediaUploader.select'
                    || event === 'after.element.moved'
                    || event === 'after.pages.movePage'
                    ) {
                e2pdf.static.unsaved = true;
            }

            if (event === 'before.request.submitForm') {
                e2pdf.static.unsaved = false;
            }

            if (event === 'after.dialog.create' || event === 'after.actions.change') {
                jQuery('.e2pdf-color-picker-load').each(function () {
                    jQuery(this).wpColorPicker(
                            {
                                defaultColor: function () {
                                    var el = jQuery(event.target).parent().find('.e2pdf-color-picker');
                                    if (el.attr('data-default')) {
                                        return el.attr('data-default');
                                    } else {
                                        return;
                                    }
                                },
                                change: function (event, ui) {
                                    jQuery(this).val(ui.color.toString()).change();
                                }
                            }
                    ).removeClass('e2pdf-color-picker-load');
                });
            }

            if (event === 'after.dialog.create') {
                e2pdf.element.unselect();
            }

            if (event === 'after.pages.deletePage'
                    || event === 'after.pages.createPage.newpage') {
                jQuery('#e2pdf-zoom').trigger('change');
            }

            if (event === 'before.request.submitRequest') {
                el.attr('disabled', 'disabled');

                if (action === 'e2pdf_auto') {
                    el.closest('form').find('.e2pdf-submit, #e2pdf-extension, #e2pdf-item').attr('disabled', 'disabled');
                }
                if (action === 'e2pdf_extension') {
                    el.closest('form').find('.e2pdf-create-pdf, #e2pdf-item').attr('disabled', 'disabled');
                }

                if (action === 'e2pdf_templates') {
                    el.closest('form').find('#e2pdf-export-form-submit, #e2pdf-export-dataset').attr('disabled', 'disabled');
                    el.closest('form').find('#e2pdf-template-link, #e2pdf-item-link, #e2pdf-delete-item, #e2pdf-delete-items').attr('href', 'javascript:void(0);').attr('disabled', 'disabled');
                }

                if (action === 'e2pdf_dataset') {
                    el.closest('form').find('#e2pdf-export-form-submit').attr('disabled', 'disabled');
                    el.closest('form').find('#e2pdf-item-link, #e2pdf-delete-item').attr('href', 'javascript:void(0);').attr('disabled', 'disabled');
                }
            }

            if (event === 'after.request.submitRequest.error' || event === 'after.request.submitRequest.success') {
                el.attr('disabled', false);
                if (action === 'e2pdf_auto') {
                    el.closest('form').find('.e2pdf-submit, #e2pdf-extension, #e2pdf-item').attr('disabled', false);
                }
                if (action === 'e2pdf_extension') {
                    el.closest('form').find('#e2pdf-item').find('option').remove();
                    el.closest('form').find('.e2pdf-create-pdf, #e2pdf-item').attr('disabled', false);
                }
                if (action === 'e2pdf_get_styles') {
                    jQuery('link[id^="e2pdf-dynamic-style-"]').remove();
                }
            }

            if (event === 'before.request.upload') {
                el.closest('form').find('.e2pdf-submit, #e2pdf-extension, #e2pdf-item').attr('disabled', 'disabled');
            }

            if (event === 'after.request.upload.error' || event === 'after.request.upload.success') {
                el.closest('form').find('.e2pdf-submit, #e2pdf-extension, #e2pdf-item').attr('disabled', false);
                el.closest('form').find('#e2pdf-upload-pdf').replaceWith(
                        jQuery('<input>', {'id': 'e2pdf-upload-pdf', 'type': 'file', 'name': 'pdf', 'class': 'e2pdf-upload-pdf e2pdf-hide'})
                        );
                el.closest('form').find('#e2pdf-reupload-pdf').replaceWith(
                        jQuery('<input>', {'id': 'e2pdf-reupload-pdf', 'type': 'file', 'name': 'pdf', 'class': 'e2pdf-reupload-pdf e2pdf-hide'})
                        );
            }
        }
    },
    //e2pdf.form
    form: {
        //e2pdf.form.serializeObject
        serializeObject: function (form) {

            var o = {};
            var a = form.serializeArray();

            jQuery.each(a, function () {
                if (this.name.endsWith('[]')) {

                    var name = this.name;
                    name = name.substring(0, this.name.length - 2);
                    if (!(name in o)) {
                        o[name] = [];
                    }
                    o[name].push(this.value);
                } else if (this.name.endsWith(']')) {

                    var name = this.name;
                    var path = name.split(/[\[\]]+/);
                    var curItem = o;

                    for (var j = 0; j < path.length - 2; j++)
                    {
                        if (!(path[j] in curItem))
                        {
                            curItem[path[j]] = {};
                        }
                        curItem = curItem[path[j]];
                    }

                    curItem[path[j]] = this.value || '';

                } else {
                    o[this.name] = this.value || '';
                }
            });
            return o;
        },
        //e2pdf.form.serializeElements
        serializeElements: function () {
            var o = {};
            jQuery('.e2pdf-element').each(
                    function (index) {
                        var el = {};
                        el.type = jQuery(this).data('data-type');
                        el.properties = e2pdf.properties.get(jQuery(this), true);
                        el.actions = e2pdf.actions.get(jQuery(this));
                        el.top = jQuery(this).css('top');
                        el.left = jQuery(this).css('left');
                        el.width = jQuery(this).css('width');
                        el.height = jQuery(this).css('height');
                        if (jQuery(this).data('data-type') == 'e2pdf-html') {
                            el.value = jQuery(this).find('.e2pdf-html').html();
                        } else if (jQuery(this).data('data-type') == 'e2pdf-input') {
                            el.value = jQuery(this).find('.e2pdf-input').val();
                        } else if (jQuery(this).data('data-type') == 'e2pdf-textarea') {
                            el.value = jQuery(this).find('.e2pdf-textarea').val();
                        } else if (jQuery(this).data('data-type') == 'e2pdf-checkbox') {
                            el.value = e2pdf.properties.getValue(jQuery(this), 'value');
                        } else if (jQuery(this).data('data-type') == 'e2pdf-radio') {
                            el.value = e2pdf.properties.getValue(jQuery(this), 'value');
                        } else if (jQuery(this).data('data-type') == 'e2pdf-select') {
                            el.value = e2pdf.properties.getValue(jQuery(this), 'value');
                        } else if (jQuery(this).data('data-type') == 'e2pdf-image') {
                            el.value = e2pdf.properties.getValue(jQuery(this), 'value');
                        } else if (jQuery(this).data('data-type') == 'e2pdf-link') {
                            el.value = e2pdf.properties.getValue(jQuery(this), 'value');
                        } else if (jQuery(this).data('data-type') == 'e2pdf-signature') {
                            el.value = e2pdf.properties.getValue(jQuery(this), 'value');
                        } else {
                            el.value = jQuery(this).html();
                        }
                        el.page_id = jQuery(this).closest('.e2pdf-page').attr('data-page_id');
                        el.element_id = jQuery(this).attr('data-element_id');
                        o[index] = el;
                    });
            return o;
        }
    },
    //e2pdf.font
    font: {
        //e2pdf.font.load
        load: function (el) {
            if (el.is('select')) {
                var name = el.val();
                var value = el.find('option:selected').attr('path');
            } else if (el.is('div')) {
                var name = el.attr('name');
                var value = el.attr('path');
            }

            if (jQuery("head").find('style[name="' + name + '"]').length === 0) {
                jQuery("head").append("<style name='" + name + "' type='text/css'>@font-face {font-family: " + name + "; src: url('" + e2pdf.url.uploadUrl() + "/fonts/" + value + "')}</style>");
            }
        },
        //e2pdf.font.apply
        apply: function (el, font) {
            var font_name = font.find('option:selected').html();
            if (font_name) {
                el.css('font-family', font_name);
            } else {
                el.css('font-family', '');
            }
        },
        //e2pdf.font.size
        size: function (el, size) {
            var font_size = size.find('option:selected').html();
            el.css({'font-size': font_size});
        },
        //e2pdf.font.line
        line: function (el, height) {
            var line_height = height.find('option:selected').html();
            el.css({'line-height': line_height});
        },
        //e2pdf.font.color
        fontcolor: function (el, color) {
            var font_color = color.val();
            el.css({'color': font_color});
        },
        //e2pdf.font.delete
        delete: function (el) {
            var font = el.attr('data-font');
            e2pdf.request.submitRequest('e2pdf_delete_font', el, font);
        }
    },
    //e2pdf.request
    request: {
        //e2pdf.request.upload
        upload: function (action, el) {

            if (el.attr('disabled')) {
                return;
            }

            var data = new FormData(el.closest('form')[0]);
            e2pdf.event.fire('before.request.upload', action, el);
            var loader = el.closest('form').find('.e2pdf-form-loader .spinner');
            loader.css('visibility', 'visible').fadeIn();
            jQuery.ajax({
                url: e2pdf.helper.ajaxurl(action),
                type: 'POST',
                data: data,
                cache: false,
                contentType: false,
                processData: false,
                success: function (response) {
                    loader.css('visibility', 'hidden').fadeOut();
                    e2pdf.event.fire('after.request.upload.success', action, el);
                    if (response.redirect !== undefined) {
                        // recheck if redirect fires in other cases when not upload pdf
                        e2pdf.static.unsaved = false;
                        location.href = response.redirect;
                    } else if (response.error !== undefined) {
                        alert(response.error);
                    } else if (response.content) {
                        e2pdf.request.callBack(action, response.content);
                    }
                },
                error: function (response) {
                    loader.css('visibility', 'hidden').fadeOut();
                    e2pdf.event.fire('after.request.upload.success', action, el);
                }
            });
        },
        //e2pdf.request.submitForm
        submitForm: function (el) {
            if (el.attr('disabled')) {
                return;
            }
            el.attr('disabled', 'disabled');
            var loader = el.closest('form').find('.e2pdf-form-loader .spinner');
            loader.css('visibility', 'visible').fadeIn();
            e2pdf.event.fire('before.request.submitForm');
            var form_id = el.attr('form-id');
            var form = jQuery(document.getElementById(form_id));
            var data = e2pdf.form.serializeObject(form);
            if (form_id === 'e2pdf_build_form') {
                var elements = e2pdf.form.serializeElements();
                data.pages = {};
                jQuery('.e2pdf-page').each(function () {
                    var page_id = jQuery(this).attr('data-page_id');
                    data.pages[page_id] = {};
                    var properties = {};
                    var page_elements = [];
                    properties['width'] = jQuery(this).css('width').replace('px', '');
                    properties['height'] = jQuery(this).css('height').replace('px', '');
                    data.pages[page_id]['properties'] = properties;
                    data.pages[page_id]['actions'] = e2pdf.actions.get(jQuery(this));
                    data.pages[page_id]['elements'] = page_elements;
                });
                for (var key in elements) {
                    data.pages[elements[key].page_id]['elements'].push(elements[key]);
                }
                data = JSON.stringify(data);
            }

            if (form_id === 'e2pdf-email') {

                jQuery('.e2pdf-email-lock .e2pdf-form-loader').removeClass('e2pdf-hidden-loader');
                data = {};
                data['email'] = form.find('input[name="email"]').val();
                if (form.find('input[name="email_code"]').length > 0) {
                    data['email_code'] = form.find('input[name="email_code"]').val();
                }
            }

            var action = el.attr('action');
            el.parent().find('.spinner').css('visibility', 'visible').fadeIn();
            if (el.attr('target') === '_blank') {
                var post_form = jQuery('<form>', {'target': '_blank', 'method': 'POST', 'action': el.attr('href')}).append(
                        jQuery('<textarea>', {'name': 'preview', 'value': data})
                        ).hide();
                jQuery('body').append(post_form);
                post_form.submit();
                post_form.remove();
                el.parent().find('.spinner').css('visibility', 'hidden').fadeOut();
                loader.css('visibility', 'hidden').fadeOut();
                el.attr('disabled', false);
                return false;
            }

            jQuery.ajax({
                type: 'POST', url: e2pdf.helper.ajaxurl(),
                data: {action: action, data: data},
                success: function (response) {
                    el.parent().find('.spinner').css('visibility', 'hidden').fadeOut();
                    loader.css('visibility', 'hidden').fadeOut();
                    el.attr('disabled', false);
                    if (response.redirect !== undefined) {
                        location.href = response.redirect;
                    } else if (response.error !== undefined) {
                        alert(response.error);
                    } else if (response.content) {
                        e2pdf.request.callBack(action, response.content, el);
                    }
                },
                error: function (response) {
                    el.parent().find('.spinner').css('visibility', 'hidden').fadeOut();
                    loader.css('visibility', 'hidden').fadeOut();
                    el.attr('disabled', false);
                }
            });
        },
        //e2pdf.request.submitRequest
        submitRequest: function (action, el, value) {

            if (el.attr('disabled')) {
                return;
            }

            var loader = el.closest('form').find('.e2pdf-form-loader .spinner');
            if (!value) {
                var value = el.val();
            }
            loader.css('visibility', 'visible').fadeIn();
            e2pdf.event.fire('before.request.submitRequest', action, el);
            jQuery.ajax({
                type: 'POST', url: e2pdf.helper.ajaxurl(),
                data: {action: action, data: value},
                success: function (response) {
                    loader.css('visibility', 'hidden').fadeOut();
                    e2pdf.event.fire('after.request.submitRequest.success', action, el);
                    if (response.redirect !== undefined) {
                        location.href = response.redirect;
                    } else if (response.error !== undefined) {
                        alert(response.error);
                    } else if (response.content) {
                        e2pdf.request.callBack(action, response.content, el);
                    }
                },
                error: function (response) {
                    loader.css('visibility', 'hidden').fadeOut();
                    e2pdf.event.fire('after.request.submitRequest.error', action, el);
                }
            });
        },
        //e2pdf.request.submitLocal
        submitLocal: function (el) {
            var form_id = el.attr('form-id');

            var form = jQuery(document.getElementById(form_id));
            var data = e2pdf.form.serializeObject(form);

            if (form_id === 'e2pdf-page-options') {
                var width = data['width'];
                var height = data['height'];
                var page = jQuery('.e2pdf-page[data-page_id="' + data['page_id'] + '"]');
                e2pdf.actions.apply(page, data['actions']);
                e2pdf.pages.changePageSize(page, width, height);
                e2pdf.event.fire('after.request.submitLocal', false, page);
            } else {
                var element = jQuery(".e2pdf-element[data-element_id='" + data.element_id + "']").first();

                e2pdf.actions.apply(element, data['actions']);
                delete data['actions'];

                e2pdf.properties.apply(element, data);
                e2pdf.properties.render(element);
                e2pdf.dialog.close();
                e2pdf.event.fire('after.request.submitLocal', false, el);
            }

            e2pdf.dialog.close();


        },
        //e2pdf.request.callBack
        callBack: function (action, result, el) {

            if (action === 'e2pdf_email') {

                if (result === 'subscribed') {
                    jQuery('.e2pdf-email-lock').remove();
                } else {
                    jQuery('.e2pdf-email-lock .e2pdf-form-loader').addClass('e2pdf-hidden-loader');
                    var form_id = el.attr('form-id');
                    var form = jQuery(document.getElementById(form_id));
                    form.find('label').html(e2pdfLang['Confirmation code'] + ":");
                    form.find('input[name="email"]').attr('type', 'hidden');
                    jQuery('<input/>', {'type': 'text', 'name': 'email_code', 'placeholder': e2pdfLang['Code']}).insertAfter(form.find('input[name="email"]'));
                }
            }

            if (action === 'e2pdf_extension') {
                for (var key in result) {
                    var option = jQuery('<option>',
                            {
                                'value': result[key]['key']
                            }).html(result[key]['value']);
                    if (e2pdf.pdf.settings.get('item') === result[key]['key']) {
                        option.attr('selected', 'selected');
                    }

                    jQuery('#e2pdf-item').append(option);
                }
            }

            if (action === 'e2pdf_get_styles') {
                for (var key in result) {
                    jQuery('<link>', {'id': 'e2pdf-dynamic-style-' + key + '-css', 'type': 'text/css', 'rel': 'stylesheet', 'href': result[key]}).appendTo('head');
                }
            }
            if (action === 'e2pdf_visual_mapper') {
                el.html(result);
                e2pdf.visual.mapper.markup();
            }
            if (action === 'e2pdf_templates') {

                var dataset_field = jQuery('#e2pdf-export-dataset');
                dataset_field.attr('disabled', 'disabled').find('option').remove();
                for (var key in result['datasets']) {
                    var option = jQuery('<option>',
                            {
                                'value': result['datasets'][key]['key']
                            }).html(result['datasets'][key]['value']);
                    dataset_field.append(option);
                }

                dataset_field.val('');
                if (Object.keys(result['datasets']).length > 1) {
                    dataset_field.attr('disabled', false);
                }

                var options = jQuery('#e2pdf-export-form .e2pdf-options');
                options.hide();
                options.find('input[type="text"]').val('').attr('disabled', 'disabled');
                options.find('select').val('0').attr('disabled', 'disabled');
                options.find('input[type="checkbox"]').attr('checked', false).attr('disabled', 'disabled');
                jQuery('#e2pdf-dataset-shortcode-wr').hide();
                jQuery('#e2pdf-dataset-shortcode').val('');
                jQuery('#e2pdf-template-shortcode').val('');
                if (Object.keys(result['options']).length > 0) {
                    for (var key in result['options']) {
                        var field = options.find('[name="options[' + key + ']"]');
                        if (field.attr('type') === 'text' || field.is("select")) {
                            field.val(result['options'][key]);
                        } else if (field.attr('type') === 'hidden' && result['options'][key] === "1") {
                            var checkbox = options.find('input[type="checkbox"][name="options[' + key + ']"]');
                            checkbox.attr('checked', 'checked');
                        }
                    }

                    var template_id = jQuery('#e2pdf-export-template').val();
                    options.find('input[type="text"]').attr('disabled', false);
                    options.find('input[type="checkbox"]').attr('disabled', false);
                    options.find('select').attr('disabled', false);
                    jQuery('#e2pdf-template-link').attr('href', result['url']).attr('disabled', false);
                    jQuery('#e2pdf-template-shortcode').val(e2pdf.shortcode.get(template_id, false));
                    if (result['delete_items']) {
                        jQuery('#e2pdf-delete-items').attr({'template': template_id, 'disabled': false});
                    }

                    options.slideDown();
                    if (e2pdf.static.autoloadExport) {
                        if (e2pdf.url.get('dataset_id')) {
                            if (dataset_field.find('option[value="' + e2pdf.url.get('dataset_id') + '"]').length > 0) {
                                dataset_field.val(e2pdf.url.get('dataset_id')).change();
                            }
                        }
                        e2pdf.static.autoloadExport = false;
                    } else {
                        e2pdf.url.change('e2pdf', 'template_id=' + template_id);
                    }

                    dataset_field.change();
                } else {
                    e2pdf.url.change('e2pdf');
                }
            }
            if (action === 'e2pdf_dataset') {
                var template_id = jQuery('#e2pdf-export-template').val();
                var dataset_id = jQuery('#e2pdf-export-dataset').val();
                jQuery('#e2pdf-dataset-shortcode-wr').hide();
                jQuery('#e2pdf-dataset-shortcode').val('');
                if (dataset_id && dataset_id != "0") {
                    jQuery('#e2pdf-dataset-shortcode').val(e2pdf.shortcode.get(template_id, dataset_id));
                    jQuery('#e2pdf-dataset-shortcode-wr').show();
                }

                if (result['export']) {
                    var export_url = e2pdf.url.build('e2pdf', 'action=export&template_id=' + template_id + '&dataset_id=' + dataset_id);
                    jQuery('#e2pdf-export-form').attr('action', export_url);
                    jQuery('#e2pdf-export-form-submit').attr('disabled', false);
                    e2pdf.url.change('e2pdf', 'template_id=' + template_id + '&dataset_id=' + dataset_id);
                } else {
                    e2pdf.url.change('e2pdf', 'template_id=' + template_id);
                }

                if (result['view'] && result['dataset']) {
                    jQuery('#e2pdf-item-link').attr('href', result['dataset']['url']).attr('disabled', false);
                }

                if (result['delete_item'] && result['dataset']) {
                    jQuery('#e2pdf-delete-item').attr({'template': template_id, 'dataset': dataset_id, 'disabled': false});
                }

            }
            if (action === 'e2pdf_activate_template' || action === 'e2pdf_deactivate_template') {
                if (action === 'e2pdf_activate_template') {
                    el.removeClass('e2pdf-activate-template e2pdf-color-red').addClass('e2pdf-deactivate-template e2pdf-color-green').text(e2pdfLang['Activated']);
                } else {
                    el.removeClass('e2pdf-deactivate-template e2pdf-color-green').addClass('e2pdf-activate-template e2pdf-color-red').text(e2pdfLang['Not Activated']);
                }
            }
            if (action === 'e2pdf_auto' || action === 'e2pdf_upload') {
                var elements = result.elements;
                var width = e2pdf.pdf.settings.get('width');
                var height = e2pdf.pdf.settings.get('height');
                e2pdf.pages.changeTplSize(width, height);
                e2pdf.pages.createPage();
                jQuery('.ui-dialog-content').dialog('close');
                var bottom = 0;
                var start_top = 0;
                if (typeof result.page !== 'undefined') {
                    if (typeof result.page.bottom !== 'undefined') {
                        bottom = parseFloat(result.page.bottom);
                    }
                    if (typeof result.page.top !== 'undefined') {
                        start_top = parseFloat(result.page.top);
                    }
                }

                var correction = 0;
                var last_block = false;
                var i = 1;
                var page = jQuery('.e2pdf-page').last();
                for (var key in elements) {
                    var element = elements[key];
                    var type = element.type;
                    var block = false;
                    var float = false;
                    var last_block_properties = false;
                    var margin_left = 0;
                    var margin_right = 0;
                    var add_width = 0;
                    var properties = {};

                    if (element.properties) {
                        for (var property in element.properties) {
                            properties[property] = element.properties[property];
                        }
                    }
                    if (typeof element.margin_left !== 'undefined') {
                        margin_left = parseFloat(element.margin_left);
                    }
                    if (typeof element.margin_right !== 'undefined') {
                        margin_right = parseFloat(element.margin_right);
                    }
                    if (typeof element.add_width !== 'undefined') {
                        add_width = parseFloat(element.add_width);
                    }

                    properties['margin_left'] = parseFloat(element.left);
                    properties['margin_right'] = parseFloat(element.right);

                    if (typeof element.block !== 'undefined') {
                        block = element.block;
                    }

                    if (typeof element.float !== 'undefined') {
                        float = element.float;
                    }

                    if (last_block) {
                        last_block_properties = e2pdf.properties.get(last_block);
                    }

                    if (block) {
                        if (typeof properties.width === 'undefined') {
                            if (typeof element.width !== 'undefined') {
                                if (typeof element.width === 'string' && element.width.search("%") > 0) {
                                    properties['width'] = Math.floor((width * (parseFloat(element.width.replace('%', '')) / 100)) - parseFloat(element.left) - parseFloat(element.right));
                                } else {
                                    properties['width'] = parseFloat(element.width);
                                }
                            } else {
                                properties['width'] = width - parseFloat(element.left) - parseFloat(element.right);
                            }
                        }
                        if (float && last_block) {
                            var start_left = last_block_properties.left + last_block_properties.width + last_block_properties.margin_right;
                            if (width - start_left >= properties.width + parseFloat(element.left) + parseFloat(element.right)) {
                                if (page.find(last_block).length === 0) {
                                    page = last_block.closest('.e2pdf-page');
                                }
                                properties['left'] = start_left + parseFloat(element.left);
                            } else {
                                float = false;
                                properties['left'] = parseFloat(element.left);
                            }
                        } else {
                            float = false;
                            properties['left'] = parseFloat(element.left);
                        }
                    } else {
                        if (last_block) {
                            if (typeof properties.left === 'undefined') {
                                if (typeof element.left !== 'undefined') {
                                    if (typeof element.left === 'string' && element.left.search("%") > 0) {
                                        if (element.left.startsWith("-")) {
                                            properties['left'] = last_block_properties.left - Math.floor((last_block_properties.width * (parseFloat(element.left.replace('%', '').replace('-', '')) / 100))) + margin_left;
                                        } else {
                                            properties['left'] = last_block_properties.left + Math.floor((last_block_properties.width * (parseFloat(element.left.replace('%', '')) / 100))) + margin_left;
                                        }

                                    } else {
                                        properties['left'] = last_block_properties.left + parseFloat(element.left);
                                    }
                                } else {
                                    properties['left'] = last_block_properties.left;
                                }
                            }
                            if (typeof properties.width === 'undefined') {
                                if (typeof element.width !== 'undefined') {
                                    if (typeof element.width === 'string' && element.width.search("%") > 0) {
                                        properties['width'] = Math.floor((last_block_properties.width * (parseFloat(element.width.replace('%', '')) / 100))) + add_width;
                                    } else {
                                        properties['width'] = parseFloat(element.width);
                                    }
                                } else {
                                    properties['width'] = last_block_properties.width - parseFloat(element.left) - parseFloat(element.right);
                                }
                            }
                        } else {
                            if (typeof properties.left === 'undefined') {
                                if (typeof element.left !== 'undefined') {
                                    if (typeof element.left === 'string' && element.left.search("%") > 0) {
                                        properties['left'] = Math.floor((width * (parseFloat(element.left.replace('%', '').replace('-', '')) / 100))) + margin_left;
                                        if (element.left.startsWith("-")) {
                                            properties['left'] = 0 - properties['left'];
                                        }
                                    } else {
                                        properties['left'] = parseFloat(element.left);
                                    }
                                } else {
                                    properties['left'] = 0;
                                }
                            }
                            if (typeof properties.width === 'undefined') {
                                if (typeof element.width !== 'undefined') {
                                    if (typeof element.width === 'string' && element.width.search("%") > 0) {
                                        properties['width'] = Math.floor((width * (parseFloat(element.width.replace('%', '')) / 100)) - parseFloat(element.left) - parseFloat(element.right));
                                    } else {
                                        properties['width'] = parseFloat(element.width);
                                    }
                                } else {
                                    properties['width'] = width - parseFloat(element.left) - parseFloat(element.right);
                                }
                            }
                        }
                    }

                    page.find('.e2pdf-element').each(function () {
                        if (!block && last_block) {
                            if (page.find(last_block).length === 0) {
                                if (typeof result.page.top === 'undefined') {
                                    start_top = 0;
                                } else {
                                    start_top = parseFloat(result.page.top);
                                }
                            } else {
                                start_top = last_block_properties.top + parseFloat(last_block.css('height').replace('px', ''));
                            }

                        } else {
                            start_top = Math.max(start_top, parseFloat(jQuery(this).css('top').replace('px', '')) + parseFloat(jQuery(this).css('height').replace('px', '')));
                        }
                    });

                    if (i === 1) {
                        properties['top'] = start_top;
                    } else {
                        if (float && block) {
                            if (last_block) {
                                properties['top'] = last_block_properties.top;
                            } else {
                                properties['top'] = start_top + parseFloat(element.top);
                            }
                        } else {
                            if (page.find(last_block).length === 0 && !block) {
                                properties['top'] = start_top + parseFloat(element.top) - correction;
                            } else {
                                properties['top'] = start_top + parseFloat(element.top);
                            }
                        }
                    }
                    //changed
                    var el = e2pdf.element.create(type, page, properties, false, true);
                    e2pdf.properties.render(el);
                    e2pdf.properties.set(el, 'height', parseFloat(el.css('height').replace('px', '')));
                    page.append(el);
                    if (properties['top'] + parseFloat(el.css('height').replace('px', '')) + bottom > height) {

                        if (page.is(':last-child')) {

                            if (e2pdfParams['license_type'] == 'FREE') {
                                alert(e2pdfLang['Only 1 page allowed with "FREE" license type']);
                                return;
                            }
                            e2pdf.pages.createPage();
                            page = jQuery('.e2pdf-page').last();
                        } else {
                            page = page.next('.e2pdf-page');
                        }

                        if (typeof result.page.top === 'undefined') {
                            start_top = 0;
                        } else {
                            start_top = parseFloat(result.page.top);
                        }

                        e2pdf.element.delete(el);
                        if (!block) {
                            correction = parseFloat(element.top);
                        }

                        properties['top'] = start_top + parseFloat(element.top) - correction;
                        if (properties.height > height - start_top - bottom) {
                            properties['height'] = height - start_top - bottom;
                        }
                        //changed
                        var el = e2pdf.element.create(type, page, properties, false, true);
                        e2pdf.properties.render(el);
                        page.append(el);
                    }

                    if (block) {
                        correction = 0;
                        last_block = el;
                    }
                    i++;
                }
            }
        }
    },
    //e2pdf.dialog
    dialog: {
        //e2pdf.dialog.create
        create: function (el) {
            e2pdf.dialog.close();
            var modal = el.attr('data-modal');
            var title = el.attr('data-modal-title');
            var noclose = false;
            var width = '600';
            var height = '600';
            if (modal === 'license-key') {
                width = '300';
                var content = jQuery('<div>', {'class': 'e2pdf-rel'}).append(
                        jQuery('<form>', {'id': 'license_key'}).append(
                        jQuery('<div>', {'class': 'e2pdf-form-loader'}).append(
                        jQuery('<span>', {'class': 'spinner'})
                        ),
                        jQuery('<ul>').append(
                        jQuery('<li>').append(
                        jQuery('<label>').html(e2pdfLang['License Key'] + ':'),
                        jQuery('<input>', {'type': 'text', 'name': 'license_key'})
                        ),
                        jQuery('<li>', {'class': 'e2pdf-center'}).append(
                        jQuery('<input>', {'form-id': "license_key", 'action': 'e2pdf_license_key', 'type': 'button', 'class': 'e2pdf-submit-form button-primary button-small', 'value': e2pdfLang['Submit']})
                        )
                        )
                        )
                        );
            } else if (modal === 'properties') {
                for (var key in e2pdf.element.selected) {
                    var title = e2pdfLang['Properties'];
                    var selected = e2pdf.element.selected[key];
                    var properties = e2pdf.properties.get(selected);
                    var fields = e2pdf.properties.renderFields(selected);
                    var content = jQuery('<div>').append(
                            jQuery('<form>', {'id': 'e2pdf-properties'}).append(
                            jQuery('<div>', {'class': 'e2pdf-el-properties e2pdf-popup-inner'}).append(
                            fields
                            ),
                            )
                            );
                }
            } else if (modal === 'page-options') {

                var title = e2pdfLang['Page Options'];
                var page = el.closest('.e2pdf-page');
                var readonly_size = false;
                if (e2pdf.pdf.settings.get('pdf')) {
                    readonly_size = true;
                }

                var content = jQuery('<div>', {'class': 'e2pdf-page-options'}).append(jQuery('<form>', {'id': 'e2pdf-page-options', 'class': 'e2pdf-rel'}).append(
                        jQuery('<div>', {'class': 'e2pdf-form-loader'}).append(
                        jQuery('<span>', {'class': 'spinner'})
                        ),
                        jQuery('<div>', {'class': 'e2pdf-center'}).append(
                        jQuery('<h3>').html(e2pdfLang['Page Options'])
                        )),
                        jQuery('<div>', {'class': 'e2pdf-form-loader'}).append(
                        jQuery('<span>', {'class': 'spinner'})
                        ));


                var fields = e2pdf.properties.renderFields(page);

                content.find('form').append(jQuery('<div>', {'class': 'e2pdf-el-properties e2pdf-popup-inner'}).append(
                        fields
                        ));

            } else if (modal === 'tpl-options') {
                var noclose = false;
                width = '500';
                var title = e2pdfLang['PDF Options'];
                var readonly_size = false;
                if (e2pdf.pdf.settings.get('pdf')) {
                    readonly_size = true;
                }

                var sizes = jQuery('<select>', {'name': 'preset', 'class': 'e2pdf-preset e2pdf-w100', 'disabled': readonly_size ? 'disabled' : false}).append(
                        jQuery('<option>',
                                {
                                    'value': '',
                                }).html(e2pdfLang['--- Select ---']).attr('selected', 'selected')
                        );
                for (var size in e2pdfTemplateSizes) {
                    var option = jQuery('<option>',
                            {
                                'value': size,
                            }).html(size + ' (' + e2pdfTemplateSizes[size]['width'] + 'x' + e2pdfTemplateSizes[size]['height'] + ')');
                    sizes.append(option);
                }

                var extensions = jQuery('<select>', {'name': 'extension', 'id': 'e2pdf-extension', 'class': 'e2pdf-extension e2pdf-w100'});
                for (var extension in e2pdfTemplateExtensions) {
                    var option = jQuery('<option>',
                            {
                                'value': extension,
                            }).html(e2pdfTemplateExtensions[extension]);
                    if (e2pdf.pdf.settings.get('extension') === extension) {
                        option.attr('selected', 'selected');
                    }
                    extensions.append(option);
                }

                var content = jQuery('<div>', {'class': 'e2pdf-welcome'}).append(jQuery('<form>', {'id': 'e2pdf-create-pdf-form', 'class': 'e2pdf-rel'}).append(
                        jQuery('<div>', {'class': 'e2pdf-form-loader'}).append(
                        jQuery('<span>', {'class': 'spinner'})
                        ),
                        jQuery('<div>', {'class': 'e2pdf-center'}).append(
                        jQuery('<h3>').html(e2pdfLang['PDF Options'])
                        )),
                        jQuery('<div>', {'class': 'e2pdf-form-loader'}).append(
                        jQuery('<span>', {'class': 'spinner'})
                        ));
                var default_width = '595';
                if (e2pdf.pdf.settings.get('width')) {
                    var default_width = e2pdf.pdf.settings.get('width');
                }

                var default_height = '842';
                if (e2pdf.pdf.settings.get('height')) {
                    var default_height = e2pdf.pdf.settings.get('height');
                }

                content.find('form').append(
                        jQuery('<label>').html(e2pdfLang['Page Size'] + ':'),
                        jQuery('<div>', {'class': 'e2pdf-grid'}).append(
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-small e2pdf-pr10'}).html(e2pdfLang['Width'] + ':'),
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-small e2pdf-pl10'}).html(e2pdfLang['Height'] + ':')
                        ),
                        jQuery('<div>', {'class': 'e2pdf-grid'}).append(
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-pr10'}).append(
                        jQuery('<input>', {'class': 'e2pdf-numbers', 'id': 'e2pdf-width', 'type': 'text', 'name': 'width', 'readonly': readonly_size ? 'readonly' : false, 'value': default_width})
                        ),
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-pl10'}).append(
                        jQuery('<input>', {'class': 'e2pdf-numbers', 'id': 'e2pdf-height', 'type': 'text', 'name': 'height', 'readonly': readonly_size ? 'readonly' : false, 'value': default_height})
                        )
                        )
                        );
                content.find('form').append(
                        jQuery('<label>').html(e2pdfLang['Size Preset'] + ':'),
                        sizes);
                content.find('form').append(
                        jQuery('<label>').html(e2pdfLang['Extension'] + ':'),
                        extensions,
                        jQuery('<label>').html(e2pdfLang['Item'] + ':'),
                        jQuery('<select>', {'id': 'e2pdf-item', 'name': 'item', 'class': 'e2pdf-item e2pdf-w100'})
                        );
                content.find('form').append(
                        jQuery('<input>', {'id': 'e2pdf-upload-pdf', 'type': 'file', 'name': 'pdf', 'class': 'e2pdf-upload-pdf e2pdf-hide'})
                        );
                if (e2pdf.pdf.settings.get('pdf')) {
                    content.find('form').append(
                            jQuery('<ul>').append(
                            jQuery('<li>'),
                            jQuery('<li>').append(
                            jQuery('<a>', {'href': 'javascript:void(0);', 'data-action': 'apply', 'class': 'e2pdf-create-pdf e2pdf-submit button-primary button-large e2pdf-link'}).html(e2pdfLang['Apply'])
                            ),
                            jQuery('<li>')
                            )
                            );
                } else {
                    content.find('form').append(
                            jQuery('<ul>').append(
                            jQuery('<li>').append(
                            jQuery('<a>', {'href': 'javascript:void(0);', 'data-action': 'apply', 'class': 'e2pdf-create-pdf e2pdf-submit button-primary button-large e2pdf-link'}).html(e2pdfLang['Apply'])
                            ),
                            jQuery('<li>'),
                            jQuery('<li>').append(
                            jQuery('<a>', {'id': 'e2pdf-w-auto', 'href': 'javascript:void(0);', 'data-action': 'auto', 'class': 'e2pdf-create-pdf e2pdf-submit button-primary button-large e2pdf-link'}).html(e2pdfLang['Auto PDF'])
                            )
                            )
                            );
                }

            } else if (modal === 'welcome-screen') {
                var noclose = true;
                width = '500';
                var title = e2pdfLang['Create PDF'];
                var sizes = jQuery('<select>', {'id': 'e2pdf-preset', 'name': 'preset', 'class': 'e2pdf-preset e2pdf-w100'}).append(
                        jQuery('<option>',
                                {
                                    'value': '',
                                }).html(e2pdfLang['--- Select ---']).attr('selected', 'selected')
                        );
                for (var size in e2pdfTemplateSizes) {
                    var option = jQuery('<option>',
                            {
                                'value': size,
                                'data-width': e2pdfTemplateSizes[size]['width'],
                                'data-height': e2pdfTemplateSizes[size]['height']
                            }).html(size + ' (' + e2pdfTemplateSizes[size]['width'] + 'x' + e2pdfTemplateSizes[size]['height'] + ')');
                    sizes.append(option);
                }

                var extensions = jQuery('<select>', {'name': 'extension', 'id': 'e2pdf-extension', 'class': 'e2pdf-extension e2pdf-w100'});
                for (var extension in e2pdfTemplateExtensions) {
                    var option = jQuery('<option>',
                            {
                                'value': extension,
                            }).html(e2pdfTemplateExtensions[extension]);
                    if (e2pdf.pdf.settings.get('extension') === extension) {
                        option.attr('selected', 'selected');
                    }
                    extensions.append(option);
                }

                var content = jQuery('<div>', {'class': 'e2pdf-welcome'}).append(jQuery('<form>', {'id': 'e2pdf-create-pdf-form', 'class': 'e2pdf-rel'}).append(
                        jQuery('<div>', {'class': 'e2pdf-form-loader'}).append(
                        jQuery('<span>', {'class': 'spinner'})
                        ),
                        jQuery('<div>', {'class': 'e2pdf-center'}).append(
                        jQuery('<h3>').html(e2pdfLang['PDF Options'])
                        )),
                        jQuery('<div>', {'class': 'e2pdf-form-loader'}).append(
                        jQuery('<span>', {'class': 'spinner'})
                        ));
                var default_width = '595';
                if (e2pdf.pdf.settings.get('width')) {
                    var default_width = e2pdf.pdf.settings.get('width');
                }

                var default_height = '842';
                if (e2pdf.pdf.settings.get('height')) {
                    var default_height = e2pdf.pdf.settings.get('height');
                }

                content.find('form').append(
                        jQuery('<label>').html(e2pdfLang['Page Size'] + ':'),
                        jQuery('<div>', {'class': 'e2pdf-grid'}).append(
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-small e2pdf-pr10'}).html(e2pdfLang['Width'] + ':'),
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-small e2pdf-pl10'}).html(e2pdfLang['Height'] + ':')
                        ),
                        jQuery('<div>', {'class': 'e2pdf-grid'}).append(
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-pr10'}).append(
                        jQuery('<input>', {'class': 'e2pdf-numbers', 'id': 'e2pdf-width', 'type': 'text', 'name': 'width', 'value': default_width})
                        ),
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-pl10'}).append(
                        jQuery('<input>', {'class': 'e2pdf-numbers', 'id': 'e2pdf-height', 'type': 'text', 'name': 'height', 'value': default_height})
                        )
                        )
                        );
                content.find('form').append(
                        jQuery('<label>').html(e2pdfLang['Size Preset'] + ':'),
                        sizes);
                content.find('form').append(
                        jQuery('<label>').html(e2pdfLang['Extension'] + ':'),
                        extensions,
                        jQuery('<label>').html(e2pdfLang['Item'] + ':'),
                        jQuery('<select>', {'id': 'e2pdf-item', 'name': 'item', 'class': 'e2pdf-item e2pdf-w100'})
                        );
                content.find('form').append(
                        jQuery('<input>', {'id': 'e2pdf-upload-pdf', 'type': 'file', 'name': 'pdf', 'class': 'e2pdf-upload-pdf e2pdf-hide'})
                        );
                content.find('form').append(
                        jQuery('<input>', {'type': 'hidden', 'name': 'pdf', 'value': ''})
                        );

                if (e2pdf.pdf.settings.get('ID')) {
                    content.find('form').append(
                            jQuery('<input>', {'id': 'template_id', 'type': 'hidden', 'name': 'template_id', 'value': e2pdf.pdf.settings.get('ID')})
                            );
                }

                content.find('form').append(
                        jQuery('<ul>').append(
                        jQuery('<li>').append(
                        jQuery('<a>', {'id': 'e2pdf-w-empty', 'href': 'javascript:void(0);', 'data-action': 'empty', 'class': 'e2pdf-create-pdf e2pdf-submit button-primary button-large e2pdf-link'}).html(e2pdfLang['Empty PDF'])
                        ),
                        jQuery('<li>').append(
                        jQuery('<a>', {'id': 'e2pdf-w-upload', 'href': 'javascript:void(0);', 'data-action': 'upload', 'class': 'e2pdf-create-pdf e2pdf-submit button-primary button-large e2pdf-link'}).html(e2pdfLang['Upload PDF'])
                        ),
                        jQuery('<li>').append(
                        jQuery('<a>', {'id': 'e2pdf-w-auto', 'href': 'javascript:void(0);', 'data-action': 'auto', 'class': 'e2pdf-create-pdf e2pdf-submit button-primary button-large e2pdf-link'}).html(e2pdfLang['Auto PDF'])
                        )
                        )
                        );
            } else if (modal === 'visual-mapper') {

                var title = e2pdfLang['Visual Mapper'];
                var content = jQuery('<div>', {'id': 'visual-mapper', 'class': 'visual-mapper'}).append(
                        jQuery('<form>', {'class': 'e2pdf-rel'}).append(
                        jQuery('<div>', {'class': 'e2pdf-form-loader'}).append(
                        jQuery('<span>', {'class': 'spinner'})
                        )).append(
                        jQuery('<div>', {'id': 'e2pdf-vm-inner', 'class': 'e2pdf-popup-inner'}).append(
                        jQuery('<div>', {'id': 'e2pdf-vm-content', 'class': 'e2pdf-vm-content e2pdf-rel'})
                        )
                        ));
            } else if (modal === 'pdf-reupload') {

                var title = e2pdfLang['PDF Upload'];
                width = '500';
                var content = jQuery('<div>', {'class': 'e2pdf-welcome'}).append(jQuery('<form>', {'id': 'e2pdf-reupload-pdf-form', 'class': 'e2pdf-rel'}).append(
                        jQuery('<div>', {'class': 'e2pdf-form-loader'}).append(
                        jQuery('<span>', {'class': 'spinner'})
                        ),
                        jQuery('<div>', {'class': 'e2pdf-center'}).append(
                        jQuery('<h3>').html(e2pdfLang['PDF Options'])
                        )),
                        jQuery('<div>', {'class': 'e2pdf-form-loader'}).append(
                        jQuery('<span>', {'class': 'spinner'})
                        ));
                content.find('form').append(
                        jQuery('<input>', {'id': 'e2pdf-reupload-pdf', 'type': 'file', 'name': 'pdf', 'class': 'e2pdf-reupload-pdf e2pdf-hide'})
                        );
                if (e2pdf.pdf.settings.get('ID')) {
                    content.find('form').append(
                            jQuery('<input>', {'id': 'template_id', 'type': 'hidden', 'name': 'template_id', 'value': e2pdf.pdf.settings.get('ID')})
                            );
                }

                var pages = jQuery('<div>', {'class': 'e2pdf-reupload-pages'});
                pages.append(
                        jQuery('<div>', {'class': 'e2pdf-grid e2pdf-reupload-pages-header'}).append(
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w25 e2pdf-pr10 e2pdf-center'}).append(
                        jQuery('<label>').text(e2pdfLang['Page ID'])
                        ),
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w25 e2pdf-pl10 e2pdf-pr10 e2pdf-center'}).append(
                        jQuery('<label>').text(e2pdfLang['New Position'])
                        ),
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w25 e2pdf-pl10 e2pdf-center'}).append(
                        jQuery('<label>').text(e2pdfLang['Render New Fields'])
                        ),
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w25 e2pdf-pl10 e2pdf-pr10 e2pdf-center'}).append(
                        jQuery('<label>').text(e2pdfLang['Flush Elements'])
                        )));
                jQuery('.e2pdf-page').each(function () {
                    var page_id = jQuery(this).attr('data-page_id');
                    pages.append(
                            jQuery('<div>', {'class': 'e2pdf-grid'}).append(
                            jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w25 e2pdf-pr10 e2pdf-center'}).text(page_id),
                            jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w25 e2pdf-pl10 e2pdf-pr10 e2pdf-center'}).append(
                            jQuery('<input>', {'name': 'positions[' + page_id + ']', 'type': 'text', 'class': 'e2pdf-numbers e2pdf-center', 'value': page_id})
                            ),
                            jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w25 e2pdf-pl10 e2pdf-center'}).append(
                            jQuery('<input>', {'name': 'new[]', 'type': 'checkbox', 'value': page_id})
                            ),
                            jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w25 e2pdf-pl10 e2pdf-pr10 e2pdf-center'}).append(
                            jQuery('<input>', {'name': 'flush[]', 'type': 'checkbox', 'value': page_id})
                            )
                            )
                            );
                });
                content.find('form').append(pages);
                content.find('form').append(
                        jQuery('<ul>').append(
                        jQuery('<li>').append(
                        ),
                        jQuery('<li>').append(
                        jQuery('<a>', {'id': 'e2pdf-w-reupload', 'href': 'javascript:void(0);', 'class': 'e2pdf-w-reupload e2pdf-submit button-primary button-large'}).html(e2pdfLang['Upload PDF'])
                        ),
                        jQuery('<li>').append(
                        )
                        )
                        );
            } else {
                var content = jQuery('<div>');
            }

            if (typeof content !== 'undefined') {
                content.dialog({
                    title: title,
                    dialogClass: 'e2pdf-dialog',
                    modal: true,
                    width: width,
                    maxHeight: Math.min(height, jQuery(window).height() - 80),
                    resizable: false,
                    minHeight: 0,
                    my: "center",
                    at: "center",
                    open: function (event, ui) {
                        if (noclose) {
                            jQuery(".ui-dialog-titlebar-close", ui.dialog | ui).remove();
                        } else {
                            jQuery('.ui-widget-overlay').bind('click', function ()
                            {
                                content.dialog('close');
                            });
                        }

                        var dialog_height = jQuery('.e2pdf-dialog').height();


                        if (modal === 'properties') {
                            jQuery(".ui-dialog-titlebar").after(
                                    jQuery('<div>', {'class': 'e2pdf-dialog-over e2pdf-align-right'}).append(
                                    jQuery('<input>', {'form-id': "e2pdf-properties", 'type': 'button', 'class': 'e2pdf-submit-local button-primary button-small', 'value': e2pdfLang['Save']})
                                    )
                                    );
                        } else if (modal === 'page-options') {
                            jQuery(".ui-dialog-titlebar").after(
                                    jQuery('<div>', {'class': 'e2pdf-dialog-over e2pdf-align-right'}).append(
                                    jQuery('<input>', {'form-id': "e2pdf-page-options", 'type': 'button', 'class': 'e2pdf-submit-local button-primary button-small', 'value': e2pdfLang['Save']})
                                    )
                                    );
                        }

                        jQuery('.e2pdf-dialog').find(".ui-dialog-content").dialog('option', 'maxHeight', Math.min(height, jQuery(window).height() - 80));

                        var dialog_width = Math.min(width, jQuery(window).width() - 80);
                        jQuery('.e2pdf-dialog').css({'position': 'fixed', 'top': (jQuery(window).height() - dialog_height) / 2, 'left': ((jQuery(window).width() - dialog_width) / 2), 'max-width': dialog_width});
                    },
                    closeOnEscape: modal === 'welcome-screen' || modal === 'tpl-options' ? false : true,
                    close: function (event, ui)
                    {
                        if (jQuery(this).find('.wp-color-result.wp-picker-open').length > 0) {
                            jQuery(this).find('.wp-color-result.wp-picker-open').each(function () {
                                jQuery(this).click();
                            });
                        }
                        jQuery(this).remove();
                    }
                });
            }

            if (modal === 'welcome-screen' || modal === 'tpl-options') {
                e2pdf.request.submitRequest('e2pdf_extension', jQuery('#e2pdf-create-pdf-form select[name="extension"]'));
            } else if (modal === 'properties') {
                jQuery('.e2pdf-scale-field').each(function () {
                    jQuery(this).trigger('change');
                });
            } else if (modal === 'visual-mapper') {

                var data = {};
                data['extension'] = e2pdf.pdf.settings.get('extension');
                data['item'] = e2pdf.pdf.settings.get('item');
                e2pdf.request.submitRequest('e2pdf_visual_mapper', jQuery('#e2pdf-vm-content'), data);
            }
            e2pdf.event.fire('after.dialog.create');
        },
        //e2pdf.dialog.close
        close: function () {
            if (jQuery('.e2pdf-dialog').length > 0) {
                jQuery('.ui-dialog-content').dialog('close');
            }
        },
        //e2pdf.dialog.rebuild
        rebuild: function () {
            if (jQuery('.e2pdf-dialog').length > 0) {
                var dialog = jQuery('.e2pdf-dialog').find(".ui-dialog-content");
                var width = dialog.data("ui-dialog").options.width;
                var height = 600;
                dialog.dialog('option', 'maxHeight', Math.min(height, jQuery(window).height() - 80));
                var dialog_height = jQuery('.e2pdf-dialog').height();

                var dialog_width = Math.min(width, jQuery(window).width() - 80);
                jQuery('.e2pdf-dialog').css({'position': 'fixed', 'top': (jQuery(window).height() - dialog_height) / 2, 'left': ((jQuery(window).width() - dialog_width) / 2), 'max-width': dialog_width});

                e2pdf.visual.mapper.rebuild();
            }
        }
    },
    //e2pdf.mediaUploader
    mediaUploader: {
        //e2pdf.mediaUploader.init
        init: function (el) {

            var mediaUploader;
            mediaUploader = wp.media.frames.file_frame = wp.media({
                title: e2pdfLang['Choose Image'],
                button: {
                    text: e2pdfLang['Choose Image']
                }, multiple: false});
            mediaUploader.on('select', function () {
                var attachment = mediaUploader.state().get('selection').first().toJSON();
                e2pdf.properties.set(el, 'value', attachment.url);
                e2pdf.properties.render(el);
                e2pdf.event.fire('after.mediaUploader.select');
            });
            mediaUploader.open();
        }
    },
    //e2pdf.actions
    actions: {
        //e2pdf.actions.add
        add: function (el, target) {

            var last_id = -1;

            target.find('.e2pdf-action').each(function () {
                var num_id = parseInt(jQuery(this).attr("data-action_id"));
                if (num_id > last_id) {
                    last_id = num_id;
                }
            });
            var action_id = parseInt(last_id + 1);


            target.append(e2pdf.actions.renderField(el, action_id));
        },
        //e2pdf.actions.change
        change: function (action) {
            var action_id = action.attr("data-action_id");

            var form = action.closest('form');
            var data = e2pdf.form.serializeObject(form);


            var el = false;

            if (form.attr('id') === 'e2pdf-page-options') {
                el = jQuery('.e2pdf-page[data-page_id="' + data.page_id + '"]');
            } else {
                el = jQuery(".e2pdf-element[data-element_id='" + data.element_id + "']").first();
            }

            data['actions'][action_id]['change'] = '';

            action.replaceWith(e2pdf.actions.renderField(el, action_id, data['actions'][action_id]));

            e2pdf.event.fire('after.actions.change');
        },
        //e2pdf.actions.delete
        delete: function (action) {
            action.remove();
        },
        //e2pdf.actions.conditions
        conditions: {
            //e2pdf.actions.conditions.add
            add: function (el, target) {
                var action = target.closest('.e2pdf-action');

                var action_id = action.attr('data-action_id');
                var last_id = -1;

                target.find('.e2pdf-condition').each(function () {
                    var num_id = parseInt(jQuery(this).attr("data-condition_id"));
                    if (num_id > last_id) {
                        last_id = num_id;
                    }
                });
                var condition_id = parseInt(last_id + 1);

                action.find('.e2pdf-conditions').append(
                        e2pdf.actions.conditions.renderField(el, action_id, condition_id)
                        );
            },
            //e2pdf.actions.conditions.getFields
            getFields: function (el, action_id, condition_id, condition) {
                var obj = {
                    'condition': {
                        'fields': [
                            e2pdf.actions.conditions.getField('if', el, action_id, condition_id, condition),
                            e2pdf.actions.conditions.getField('condition', el, action_id, condition_id, condition),
                            e2pdf.actions.conditions.getField('value', el, action_id, condition_id, condition),
                        ],
                        'classes': [
                            'e2pdf-ib e2pdf-w25 e2pdf-pr5',
                            'e2pdf-ib e2pdf-w25 e2pdf-pl5 e2pdf-pr5',
                            'e2pdf-ib e2pdf-w35 e2pdf-pl5 e2pdf-pr5',
                        ],
                    },

                };
                return obj;
            },
            //e2pdf.actions.conditions.getField
            getField: function (field, el, action_id, condition_id, condition) {
                var obj = false;

                switch (field) {

                    case 'if':
                        var value = condition ? condition.if : '';
                        obj = {
                            'name': e2pdfLang['If'],
                            'key': 'actions[' + action_id + '][conditions][' + condition_id + '][if]',
                            'type': 'text',
                            'value': value,
                            'atts': []
                        };
                        break;

                    case 'condition':
                        var value = condition ? condition.condition : '=';

                        obj = {
                            'name': e2pdfLang['Condition'],
                            'key': 'actions[' + action_id + '][conditions][' + condition_id + '][condition]',
                            'type': 'select',
                            'value': value,
                            'options': [
                                {'=': '='},
                                {'!=': '!='},
                                {'>': '>'},
                                {'>=': '>='},
                                {'<': '<'},
                                {'<=': '<='},
                                {'like': 'LIKE'},
                                {'not_like': 'NOT LIKE'}
                            ],
                            'atts': []
                        };
                        break;


                    case 'value':
                        var value = condition ? condition.value : '';
                        obj = {
                            'name': e2pdfLang['Value'],
                            'key': 'actions[' + action_id + '][conditions][' + condition_id + '][value]',
                            'type': 'text',
                            'value': value,
                            'atts': []
                        };
                        break;
                }

                return obj;
            },
            //e2pdf.actions.conditions.delete
            delete: function (condition) {
                condition.remove();
            },
            //e2pdf.actions.conditions.renderField
            renderField: function (el, action_id, condition_id, condition) {
                var groups = e2pdf.actions.conditions.getFields(el, action_id, condition_id, condition);

                if (groups) {
                    for (var group_key in groups) {

                        var group = groups[group_key];
                        var grid = jQuery('<div>', {'class': 'e2pdf-grid'});

                        for (var field_key in group.fields) {
                            var group_field = group.fields[field_key];
                            var classes = '';
                            if (group.classes) {
                                if (group.classes[field_key]) {
                                    classes = group.classes[field_key];
                                }
                            }

                            var field = '';
                            var label = '';
                            var wrap = '';

                            if (group_field.type === 'text') {
                                label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                                field = jQuery('<input>', {'type': 'text', 'name': group_field.key, 'value': group_field.value});
                            } else if (group_field.type === 'hidden') {
                                field = jQuery('<input>', {'type': 'hidden', 'name': group_field.key, 'value': group_field.value});
                            } else if (group_field.type === 'textarea') {
                                label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                                field = jQuery('<textarea>', {'name': group_field.key, 'class': 'e2pdf-w100', 'rows': '5'}).val(group_field.value);
                            } else if (group_field.type === 'checkbox') {
                                label = jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-small e2pdf-pr10 e2pdf-label'}).html(group_field.name + ":");
                                field = jQuery('<input>', {'type': 'checkbox', 'class': 'e2pdf-ib e2pdf-w50 e2pdf-small e2pdf-pl10', 'name': group_field.key, 'value': group_field.option});
                                if (group_field.value == group_field.option) {
                                    field.attr('checked', 'checked');
                                }
                            } else if (group_field.type === 'color') {
                                wrap = jQuery('<div>', {'class': 'e2pdf-colorpicker-wr'});
                                label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                                field = jQuery('<input>', {'class': 'e2pdf-color-picker e2pdf-color-picker-load', 'type': 'text', 'name': group_field.key, 'value': group_field.value});
                            } else if (group_field.type === 'select') {
                                label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                                field = jQuery('<select>', {'class': 'e2pdf-w100', 'name': group_field.key});
                                for (var option_key in group_field.options) {
                                    field.append(jQuery('<option>', {'value': Object.keys(group_field.options[option_key])[0]}).html(Object.values(group_field.options[option_key])[0]));
                                }
                                field.val(group_field.value);
                            }

                            if (!wrap) {
                                wrap = field;
                            } else {
                                wrap.prepend(field);
                            }

                            grid.append(jQuery('<div>', {'class': 'e2pdf-ib ' + classes}).append(label, wrap));
                        }
                    }
                }

                grid.append(jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w15 e2pdf-pl5 e2pdf-mt23 e2pdf-center'}).append(
                        jQuery('<a>', {'href': 'javascript:void(0);', 'class': 'e2pdf-link e2pdf-action-condition-add'}).append(
                        jQuery('<i>', {'class': 'dashicons dashicons-plus'})
                        ),
                        jQuery('<a>', {'href': 'javascript:void(0);', 'class': 'e2pdf-link e2pdf-action-condition-delete'}).append(
                        jQuery('<i>', {'class': 'dashicons dashicons-minus'})
                        )));

                var new_condition = jQuery("<div>", {'class': 'e2pdf-ib e2pdf-condition', 'data-condition_id': condition_id}).append(
                        jQuery('<a>', {'href': 'javascript:void(0);', 'class': 'e2pdf-link e2pdf-action-delete'}).append(
                        jQuery('<i>', {'class': 'dashicons dashicons-no'})
                        ),
                        jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w100'}).append(
                        grid,
                        )
                        );
                return new_condition;
            }
        },

        //e2pdf.actions.get
        get: function (el) {
            var actions = [];
            if (typeof el.data('data-properties') !== 'undefined') {
                actions = JSON.parse(el.data('data-actions'));
                actions = Object.values(actions).sort(function (a, b) {
                    if (parseInt(a.order) === parseInt(b.order)) {
                        return 0;
                    }
                    return parseInt(a.order) < parseInt(b.order) ? -1 : 1;
                });
            }
            return actions;
        },
        //e2pdf.actions.apply
        apply: function (el, data) {
            if (!data) {
                data = [];
            }
            el.data('data-actions', JSON.stringify(data));
        },
        //e2pdf.actions.getField
        getField: function (field, el, action_id, action) {

            var obj = false;

            switch (field) {
                case 'order':
                    var value = action ? action.order : '0';
                    obj = {
                        'name': e2pdfLang['Order'],
                        'key': 'actions[' + action_id + '][order]',
                        'type': 'text',
                        'value': value,
                        'atts': ['number']
                    };
                    break;


                case 'action':
                    var value = action ? action.action : 'hide';
                    obj = {
                        'name': e2pdfLang['Action'],
                        'key': 'actions[' + action_id + '][action]',
                        'type': 'select',
                        'value': value,
                        'options': [
                            {'hide': e2pdfLang['Hide']},
                            {'show': e2pdfLang['Show']},
                            {'change': e2pdfLang['Change']},
                        ],
                        'atts': []
                    };
                    break;

                case 'property':
                    var value = action ? action.property : '';

                    if (action && action.action === 'change') {
                        var options = [];
                        var option = {
                            '': e2pdfLang['--- Select ---']
                        };
                        options.push(option);

                        var groups = e2pdf.properties.getFields(el);

                        var disabled_groups = ['element_id', 'page_id', 'preset'];

                        for (var group_key in groups) {
                            var group = groups[group_key];

                            if (jQuery.inArray(group_key, disabled_groups) === -1) {
                                for (var field_key in group.fields) {
                                    var group_field = group.fields[field_key];
                                    var option = {};

                                    if (group.classes && group.classes[field_key] && group.classes[field_key].includes("e2pdf-hide-label")) {
                                        option[group_field.key] = group.name;
                                    } else {
                                        option[group_field.key] = group.name + ' ' + group_field.name;
                                    }

                                    options.push(option);
                                }
                            }
                        }

                        obj = {
                            'name': e2pdfLang['Property'],
                            'key': 'actions[' + action_id + '][property]',
                            'type': 'select',
                            'value': value,
                            'options': options,
                            'atts': []
                        };

                    }
                    break;

                case 'change':
                    var value = action ? action.change : '';

                    if (
                            action
                            && typeof action.action !== 'undefined'
                            && action.action === 'change'
                            && typeof action.property !== 'undefined'
                            && action.property !== ''
                            ) {

                        var property = e2pdf.properties.getField(action.property, el);

                        if (property) {
                            property.name = e2pdfLang['Change'];
                            property.key = 'actions[' + action_id + '][change]';

                            if (jQuery.inArray('readonly', property.atts) === -1) {
                                if (property.type === 'select') {
                                    for (var key in property.options) {
                                        if (Object.keys(property.options[key])[0] == value) {
                                            property.value = value;
                                            break;
                                        }
                                    }
                                } else if (jQuery.inArray('number', property.atts) !== -1) {
                                    if (value === '') {
                                        property.value = 0;
                                    } else {
                                        property.value = value;
                                    }
                                } else {
                                    property.value = value;
                                }
                            }

                            obj = property;
                        }
                    }

                    break;

                case 'apply':
                    var value = action ? action.apply : 'any';
                    obj = {
                        'name': e2pdfLang['Apply If'],
                        'key': 'actions[' + action_id + '][apply]',
                        'type': 'select',
                        'value': value,
                        'options': [
                            {'any': e2pdfLang['Any']},
                            {'all': e2pdfLang['All']},
                        ],
                        'atts': []
                    };
                    break;
            }
            return obj;
        },
        //e2pdf.actions.getFields
        getFields: function (el, action_id, action) {
            var obj = {
                'action': {
                    'fields': [
                        e2pdf.actions.getField('order', el, action_id, action),
                        e2pdf.actions.getField('action', el, action_id, action),
                        e2pdf.actions.getField('property', el, action_id, action),
                        e2pdf.actions.getField('change', el, action_id, action),
                        e2pdf.actions.getField('apply', el, action_id, action),
                    ],
                    'classes': [
                        'e2pdf-w10 e2pdf-pr5 e2pdf-action-order',
                        'e2pdf-w25 e2pdf-pr5 e2pdf-action-action',
                        'e2pdf-w30 e2pdf-pl5 e2pdf-pr5 e2pdf-action-property',
                        'e2pdf-w20 e2pdf-pl5 e2pdf-pr5 e2pdf-action-change',
                        'e2pdf-w15 e2pdf-pl5'
                    ],
                },
            };
            return obj;
        },
        //e2pdf.actions.renderField
        renderField: function (el, action_id, action) {

            var conditions = jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w100 e2pdf-conditions'});
            if (action) {
                for (var condition in action.conditions) {
                    conditions.append(e2pdf.actions.conditions.renderField(el, action_id, condition, action.conditions[condition]));
                }
            } else {
                conditions.append(e2pdf.actions.conditions.renderField(el, action_id, 1));
            }

            var groups = e2pdf.actions.getFields(el, action_id, action);

            if (groups) {

                for (var group_key in groups) {

                    var group = groups[group_key];
                    var grid = jQuery('<div>', {'class': 'e2pdf-grid'});

                    for (var field_key in group.fields) {
                        var group_field = group.fields[field_key];
                        var classes = '';
                        if (group.classes) {
                            if (group.classes[field_key]) {
                                classes = group.classes[field_key];
                            }
                        }

                        var field = '';
                        var label = '';
                        var wrap = '';

                        if (group_field.type === 'text') {
                            label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                            field = jQuery('<input>', {'type': 'text', 'name': group_field.key, 'value': group_field.value});
                        } else if (group_field.type === 'hidden') {
                            field = jQuery('<input>', {'type': 'hidden', 'name': group_field.key, 'value': group_field.value});
                        } else if (group_field.type === 'textarea') {
                            label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                            field = jQuery('<textarea>', {'name': group_field.key, 'class': 'e2pdf-w100', 'rows': '5'}).val(group_field.value);
                        } else if (group_field.type === 'checkbox') {
                            label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                            field = jQuery('<input>', {'type': 'checkbox', 'class': 'e2pdf-ib', 'name': group_field.key, 'value': group_field.option});
                            if (group_field.value == group_field.option) {
                                field.attr('checked', 'checked');
                            }
                        } else if (group_field.type === 'color') {
                            wrap = jQuery('<div>', {'class': 'e2pdf-colorpicker-wr'});
                            label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                            field = jQuery('<input>', {'class': 'e2pdf-color-picker e2pdf-color-picker-load', 'type': 'text', 'name': group_field.key, 'value': group_field.value});
                        } else if (group_field.type === 'select') {
                            label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                            field = jQuery('<select>', {'class': 'e2pdf-w100', 'name': group_field.key});
                            for (var option_key in group_field.options) {
                                field.append(jQuery('<option>', {'value': Object.keys(group_field.options[option_key])[0]}).html(Object.values(group_field.options[option_key])[0]));
                            }
                            field.val(group_field.value);
                        }

                        for (var att_key in group_field.atts) {
                            var att = group_field.atts[att_key];

                            switch (att) {
                                case 'readonly':
                                    field.attr('readonly', 'readonly');
                                    break;
                                case 'number':
                                    field.addClass('e2pdf-numbers e2pdf-number-negative e2pdf-number-positive');
                                    break;
                                case 'autocomplete':

                                    wrap = jQuery('<div>', {'class': 'e2pdf-rel e2pdf-w100'});
                                    field.addClass('e2pdf-autocomplete-cl');
                                    field.autocomplete({
                                        source: group_field.source,
                                        minLength: 0,
                                        appendTo: wrap,
                                        open: function () {
                                            $(this).autocomplete("widget").addClass("e2pdf-autocomplete");
                                        },
                                        classes: {
                                            "ui-autocomplete": "e2pdf-autocomplete"
                                        },
                                    });
                                    break;

                                case 'scale':
                                    field.addClass('e2pdf-scale-field');
                                    break;
                            }
                        }

                        if (!wrap) {
                            wrap = field;
                        } else {
                            wrap.prepend(field);
                        }

                        grid.append(jQuery('<div>', {'class': 'e2pdf-ib ' + classes}).append(label, wrap));
                    }
                }
            }

            var new_action = jQuery("<div>", {'class': 'e2pdf-ib e2pdf-rel e2pdf-w100 e2pdf-action', 'data-action_id': action_id}).append(
                    jQuery('<a>', {'href': 'javascript:void(0);', 'class': 'e2pdf-link e2pdf-action-delete'}).append(
                    jQuery('<i>', {'class': 'dashicons dashicons-no'})
                    ),
                    jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w100'}).append(
                    grid
                    ),
                    conditions
                    );

            return new_action;
        },
        //e2pdf.actions.renderFields
        renderFields: function (el) {

            var add_action = jQuery('<div>', {'class': 'e2pdf-action-add-wrapper'}).append(
                    jQuery('<a>', {'href': 'javascript:void(0);', 'class': 'button-primary button-small e2pdf-action-add'}).html("Add Action")
                    );

            var block = jQuery('<div>', {'class': 'e2pdf-actions-wrapper e2pdf-mt5 e2pdf-w100'});
            var action_wrapper = jQuery('<div>', {'class': 'e2pdf-actions'});

            var actions = e2pdf.actions.get(el);

            for (var action in actions) {
                action_wrapper.append(e2pdf.actions.renderField(el, action, actions[action]));
            }

            block.append(action_wrapper, add_action);

            return block;
        }
    },
    //e2pdf.properties
    properties: {
        //e2pdf.properties.getField
        getField: function (field, el) {

            var obj = false;
            var properties = e2pdf.properties.get(el);
            var children = e2pdf.element.children(el);

            switch (field) {
                case 'element_id':
                    var value = el.attr('data-element_id');
                    obj = {
                        'name': e2pdfLang['ID'],
                        'key': 'element_id',
                        'type': 'text',
                        'value': value ? value : 0,
                        'atts': [
                            'readonly'
                        ]
                    };
                    break;

                case 'page_id':
                    var value = el.attr('data-page_id');
                    obj = {
                        'name': e2pdfLang['ID'],
                        'key': 'page_id',
                        'type': 'text',
                        'value': value ? value : 0,
                        'atts': [
                            'readonly'
                        ]
                    };
                    break;

                case 'width':

                    var value = e2pdf.helper.convertPxToFloat(el.css('width'));

                    obj = {
                        'name': e2pdfLang['Width'],
                        'key': 'width',
                        'type': 'text',
                        'value': value,
                        'atts': [
                            'number'
                        ]
                    };

                    if (el.data('data-type') == 'e2pdf-page') {
                        if (e2pdf.pdf.settings.get('pdf')) {
                            obj.atts.push('readonly')
                        }
                    }

                    break;
                case 'height':
                    var value = e2pdf.helper.convertPxToFloat(el.css('height'));
                    obj = {
                        'name': e2pdfLang['Height'],
                        'key': 'height',
                        'type': 'text',
                        'value': value,
                        'atts': [
                            'number'
                        ]
                    };

                    if (el.data('data-type') == 'e2pdf-page') {
                        if (e2pdf.pdf.settings.get('pdf')) {
                            obj.atts.push('readonly')
                        }
                    }

                    break;
                case 'top':
                    var value = parseFloat(el.css('top'));
                    obj = {
                        'name': e2pdfLang['Top'],
                        'key': 'top',
                        'type': 'text',
                        'value': value,
                        'atts': [
                            'number'
                        ]
                    };
                    break;
                case 'left':
                    var value = parseFloat(el.css('left'));
                    obj = {
                        'name': e2pdfLang['Left'],
                        'key': 'left',
                        'type': 'text',
                        'value': value,
                        'atts': [
                            'number'
                        ]
                    };
                    break;
                case 'dynamic_height':
                    var value = properties['dynamic_height'] && properties['dynamic_height'] == '1' ? '1' : '0';
                    obj = {
                        'name': e2pdfLang['Dynamic Height'],
                        'key': 'dynamic_height',
                        'type': 'checkbox',
                        'value': value,
                        'option': 1,
                        'atts': []
                    };
                    break;
                case 'text_color':
                    var value = properties['text_color'];
                    obj = {
                        'name': e2pdfLang['Color'],
                        'key': 'text_color',
                        'type': 'color',
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'text_type':
                    var value = properties['text_type'];
                    obj = {
                        'name': e2pdfLang['Type'],
                        'key': 'text_type',
                        'type': 'select',
                        'value': value,
                        'options': [
                            {'check': e2pdfLang['Check']},
                            {'circle': e2pdfLang['Circle']},
                            {'cross': e2pdfLang['Cross']},
                            {'diamond': e2pdfLang['Diamond']},
                            {'square': e2pdfLang['Square']},
                            {'star': e2pdfLang['Star']},
                        ],
                        'atts': []
                    };
                    break;
                case 'text_font':
                    var options = [];
                    jQuery('#e2pdf_wysiwyg_font').find('option').each(function () {
                        var option = {};
                        option[jQuery(this).attr('value')] = jQuery(this).html();
                        options.push(option);
                    });
                    var value = '';
                    if (properties['text_font']) {
                        value = properties['text_font'];
                    }
                    obj = {
                        'name': e2pdfLang['Font'],
                        'key': 'text_font',
                        'type': 'select',
                        'value': value,
                        'options': options,
                        'atts': []
                    };
                    break;
                case 'text_font_size':
                    var options = [];
                    jQuery('#e2pdf_wysiwyg_fontsize').find('option').each(function () {
                        var option = {};
                        option[jQuery(this).attr('value')] = jQuery(this).html();
                        options.push(option);
                        if (jQuery(this).attr('value') === '' && el.data('data-type') != 'e2pdf-html' && el.data('data-type') != 'e2pdf-signature') {
                            option = {};
                            option['-1'] = e2pdfLang['Auto'];
                            options.push(option);
                        }
                    });
                    var value = '';
                    if (properties['text_font_size']) {
                        value = properties['text_font_size'];
                    }
                    obj = {
                        'name': e2pdfLang['Size'],
                        'key': 'text_font_size',
                        'type': 'select',
                        'value': value,
                        'options': options,
                        'atts': []
                    };
                    break;
                case 'text_line_height':

                    var options = [];

                    var value = '';
                    if (properties['text_line_height']) {
                        value = properties['text_line_height'];
                    }

                    var option = {};
                    option[''] = '-';
                    options.push(option);

                    jQuery('#e2pdf-line-height').find('option').each(function () {
                        var option = {};
                        option[jQuery(this).attr('value')] = jQuery(this).html();
                        options.push(option);
                    });

                    obj = {
                        'name': e2pdfLang['Line Height'],
                        'key': 'text_line_height',
                        'type': 'select',
                        'value': value,
                        'options': options,
                        'atts': []
                    };
                    break;
                case 'z_index':
                    var value = properties['z_index'];
                    obj = {
                        'name': e2pdfLang['Z-index'],
                        'key': 'z_index',
                        'type': 'text',
                        'value': value,
                        'atts': ['number']
                    };
                    break;
                case 'background':
                    var value = properties['background'];
                    obj = {
                        'name': e2pdfLang['Background'],
                        'key': 'background',
                        'type': 'color',
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'border':
                    var value = properties['border'];
                    obj = {
                        'name': e2pdfLang['Border'],
                        'key': 'border',
                        'type': 'text',
                        'value': value,
                        'atts': ['number']
                    };
                    break;
                case 'border_top':
                    var value = properties['border_top'];
                    obj = {
                        'name': e2pdfLang['Top'],
                        'key': 'border_top',
                        'type': 'text',
                        'value': value,
                        'atts': ['number']
                    };
                    break;
                case 'border_left':
                    var value = properties['border_left'];
                    obj = {
                        'name': e2pdfLang['Left'],
                        'key': 'border_left',
                        'type': 'text',
                        'value': value,
                        'atts': ['number']
                    };
                    break;
                case 'border_right':
                    var value = properties['border_right'];
                    obj = {
                        'name': e2pdfLang['Right'],
                        'key': 'border_right',
                        'type': 'text',
                        'value': value,
                        'atts': ['number']
                    };
                    break;
                case 'border_bottom':
                    var value = properties['border_bottom'];
                    obj = {
                        'name': e2pdfLang['Bottom'],
                        'key': 'border_bottom',
                        'type': 'text',
                        'value': value,
                        'atts': ['number']
                    };
                    break;
                case 'border_color':
                    var value = properties['border_color'];
                    obj = {
                        'name': e2pdfLang['Color'],
                        'key': 'border_color',
                        'type': 'color',
                        'value': value,
                    };
                    break;
                case 'padding_top':
                    var value = properties['padding_top'];
                    obj = {
                        'name': e2pdfLang['Top'],
                        'key': 'padding_top',
                        'type': 'text',
                        'value': value,
                        'atts': ['number']
                    };
                    break;
                case 'padding_left':
                    var value = properties['padding_left'];
                    obj = {
                        'name': e2pdfLang['Left'],
                        'key': 'padding_left',
                        'type': 'text',
                        'value': value,
                        'atts': ['number']
                    };
                    break;
                case 'padding_right':
                    var value = properties['padding_right'];
                    obj = {
                        'name': e2pdfLang['Right'],
                        'key': 'padding_right',
                        'type': 'text',
                        'value': value,
                        'atts': ['number']
                    };
                    break;
                case 'padding_bottom':
                    var value = properties['padding_bottom'];
                    obj = {
                        'name': e2pdfLang['Bottom'],
                        'key': 'padding_bottom',
                        'type': 'text',
                        'value': value,
                        'atts': ['number']
                    };
                    break;
                case 'length':
                    var value = properties['length'];
                    obj = {
                        'name': e2pdfLang['Length'],
                        'key': 'length',
                        'type': 'text',
                        'value': value,
                        'atts': ['number']
                    };
                    break;
                case 'comb':
                    var value = properties['comb'] && properties['comb'] == '1' ? '1' : '0';
                    obj = {
                        'name': e2pdfLang['Comb'],
                        'key': 'comb',
                        'type': 'checkbox',
                        'option': 1,
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'rtl':
                    var value = properties['rtl'] && properties['rtl'] == '1' ? '1' : '0';
                    obj = {
                        'name': e2pdfLang['RTL'],
                        'key': 'rtl',
                        'type': 'checkbox',
                        'option': 1,
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'required':
                    var value = properties['required'] && properties['required'] == '1' ? '1' : '0';
                    obj = {
                        'name': e2pdfLang['Required'],
                        'key': 'required',
                        'type': 'checkbox',
                        'option': 1,
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'readonly':
                    var value = properties['readonly'] && properties['readonly'] == '1' ? '1' : '0';
                    obj = {
                        'name': e2pdfLang['Readonly'],
                        'key': 'readonly',
                        'type': 'checkbox',
                        'option': 1,
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'pass':
                    var value = properties['pass'] && properties['pass'] == '1' ? '1' : '0';
                    obj = {
                        'name': e2pdfLang['Password'],
                        'key': 'pass',
                        'type': 'checkbox',
                        'option': 1,
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'multiline':
                    var value = properties['multiline'] && properties['multiline'] == '1' ? '1' : '0';
                    obj = {
                        'name': e2pdfLang['Multiline'],
                        'key': 'multiline',
                        'type': 'checkbox',
                        'option': 1,
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'dimension':
                    var value = properties['dimension'] && properties['dimension'] == '1' ? '1' : '0';
                    obj = {
                        'name': e2pdfLang['Keep dimension'],
                        'key': 'dimension',
                        'type': 'checkbox',
                        'option': 1,
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'esig':
                    var value = properties['esig'] && properties['esig'] == '1' ? '1' : '0';
                    obj = {
                        'name': e2pdfLang['E-signature'],
                        'key': 'esig',
                        'type': 'checkbox',
                        'option': 1,
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'esig_contact':
                    var value = properties['esig_contact'];
                    obj = {
                        'name': e2pdfLang['Contact'],
                        'key': 'esig_contact',
                        'type': 'text',
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'esig_location':
                    var value = properties['esig_location'];
                    obj = {
                        'name': e2pdfLang['Location'],
                        'key': 'esig_location',
                        'type': 'text',
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'esig_reason':
                    var value = properties['esig_reason'];
                    obj = {
                        'name': e2pdfLang['Reason'],
                        'key': 'esig_reason',
                        'type': 'text',
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'placeholder':
                    var value = properties['placeholder'];
                    obj = {
                        'name': e2pdfLang['Placeholder'],
                        'key': 'placeholder',
                        'type': 'text',
                        'value': value,
                        'atts': []
                    };
                    break;
                case 'horizontal':
                    var value = properties['horizontal'];
                    obj = {
                        'name': e2pdfLang['Horizontal align'],
                        'key': 'horizontal',
                        'type': 'select',
                        'value': value,
                        'options':
                                [
                                    {'left': e2pdfLang['Left']},
                                    {'center': e2pdfLang['Center']},
                                    {'right': e2pdfLang['Right']},
                                ]
                        ,
                        'atts': []
                    };
                    break;
                case 'vertical':
                    var value = properties['vertical'];
                    obj = {
                        'name': e2pdfLang['Vertical align'],
                        'key': 'vertical',
                        'type': 'select',
                        'value': value,
                        'options':
                                [
                                    {'top': e2pdfLang['Top']},
                                    {'middle': e2pdfLang['Middle']},
                                    {'bottom': e2pdfLang['Bottom']},
                                ]
                        ,
                        'atts': []
                    };
                    break;
                case 'scale':
                    var value = properties['scale'];
                    obj = {
                        'name': e2pdfLang['Scale'],
                        'key': 'scale',
                        'type': 'select',
                        'value': value,
                        'options':
                                [
                                    {'0': e2pdfLang['Width&Height']},
                                    {'1': e2pdfLang['Width']},
                                    {'2': e2pdfLang['Height']},
                                ]
                        ,
                        'atts': ['scale']
                    };
                    break;
                case 'text_align':
                    var value = properties['text_align'];
                    obj = {
                        'name': e2pdfLang['Text Align'],
                        'key': 'text_align',
                        'type': 'select',
                        'value': value,
                        'options':
                                [
                                    {'left': e2pdfLang['Left']},
                                    {'center': e2pdfLang['Center']},
                                    {'right': e2pdfLang['Right']},
                                ]
                        ,
                        'atts': []
                    };
                    break;
                case 'parent':
                    var value = properties['parent'];
                    var source = [
                    ];
                    if (el.data('data-type') === 'e2pdf-html') {
                        jQuery('#e2pdf-tpl').find('.e2pdf-html').each(function () {
                            if (!jQuery(this).is(children)) {
                                var parent = jQuery(this).parent().attr('data-element_id');
                                if (source.indexOf(parent) === -1) {
                                    source.push(parent);
                                }
                            }
                        });
                    }

                    obj = {
                        'name': e2pdfLang['Parent'],
                        'key': 'parent',
                        'type': 'text',
                        'value': value,
                        'source': source,
                        'atts': ['autocomplete']
                    };
                    break;
                case 'group':
                    var value = properties['group'];
                    var source = [
                    ];
                    jQuery('#e2pdf-tpl').find('.e2pdf-radio').each(function () {
                        if (!jQuery(this).is(children)) {
                            var radio = jQuery(this).parent();
                            var group = e2pdf.properties.getValue(radio, 'group');
                            if (source.indexOf(group) === -1) {
                                source.push(group);
                            }
                        }
                    });
                    obj = {
                        'name': e2pdfLang['Group'],
                        'key': 'group',
                        'type': 'text',
                        'value': value,
                        'source': source,
                        'atts': ['autocomplete']
                    };
                    break;
                case 'option':
                    var value = properties['option'];
                    obj = {
                        'name': e2pdfLang['Option'],
                        'key': 'option',
                        'type': 'textarea',
                        'value': value,
                        'atts': []
                    };
                    break;

                case 'options':
                    var value = properties['options'];
                    obj = {
                        'name': e2pdfLang['Options'],
                        'key': 'options',
                        'type': 'textarea',
                        'value': value,
                        'atts': []
                    };
                    break;


                case 'value':
                    value = '';
                    if (el.data('data-type') === 'e2pdf-html') {
                        value = children.html();
                    } else if (el.data('data-type') === 'e2pdf-input' || el.data('data-type') === 'e2pdf-textarea') {
                        value = children.val();
                    } else {
                        value = properties['value'];
                    }

                    obj = {
                        'name': e2pdfLang['Value'],
                        'key': 'value',
                        'type': 'textarea',
                        'value': value,
                        'atts': []
                    };
                    break;

                case 'preset':

                    var value = '';

                    var options = [];
                    var option = {
                        '': e2pdfLang['--- Select ---']
                    };
                    options.push(option);

                    for (var size in e2pdfTemplateSizes) {
                        var option = {};
                        option[size] = size + ' (' + e2pdfTemplateSizes[size]['width'] + 'x' + e2pdfTemplateSizes[size]['height'] + ')';
                        options.push(option);
                    }

                    obj = {
                        'name': e2pdfLang['Size Preset'],
                        'key': 'preset',
                        'type': 'select',
                        'value': value,
                        'options': options,
                        'atts': [],
                    };


                    if (e2pdf.pdf.settings.get('pdf')) {
                        obj.atts.push('disabled');
                    }

                    break;
            }

            return obj;
        },
        //e2pdf.properties.getFields
        getFields: function (el, actions) {
            if (el.data('data-type') === 'e2pdf-page') {
                var obj = {
                    'page_id': {
                        'name': e2pdfLang['ID'],
                        'fields': [
                            e2pdf.properties.getField('page_id', el),
                        ],
                        'position': 'top',
                        'classes': [
                            'e2pdf-w100 e2pdf-hide-label'
                        ],
                    },
                    'size': {
                        'name': e2pdfLang['Size'],
                        'fields': [
                            e2pdf.properties.getField('width', el),
                            e2pdf.properties.getField('height', el),
                        ],
                        'position': 'top',
                        'classes': [
                            'e2pdf-w50 e2pdf-pr10',
                            'e2pdf-w50 e2pdf-pl10'
                        ],
                    },
                    'preset': {
                        'name': e2pdfLang['Size Preset'],
                        'fields': [
                            e2pdf.properties.getField('preset', el),
                        ],
                        'position': 'top',
                        'classes': [
                            'e2pdf-w100 e2pdf-hide-label'
                        ]
                    }
                };
            } else {

                var obj = {
                    'element_id': {
                        'name': e2pdfLang['ID'],
                        'fields': [
                            e2pdf.properties.getField('element_id', el)
                        ],
                        'position': 'top',
                        'classes': [
                            'e2pdf-w100 e2pdf-hide-label',
                        ],
                    },
                    'position': {
                        'name': e2pdfLang['Position'],
                        'fields': [
                            e2pdf.properties.getField('left', el),
                            e2pdf.properties.getField('top', el)
                        ],
                        'position': 'right',
                        'classes': [
                            'e2pdf-w50 e2pdf-pr10',
                            'e2pdf-w50 e2pdf-pl10'
                        ],
                    },
                };

                if (el.data('data-type') === 'e2pdf-input' || el.data('data-type') === 'e2pdf-textarea') {
                    obj['size'] = {
                        'name': e2pdfLang['Size'],
                        'fields': [
                            e2pdf.properties.getField('width', el),
                            e2pdf.properties.getField('height', el),
                            e2pdf.properties.getField('length', el)
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w50 e2pdf-pr10',
                            'e2pdf-w50 e2pdf-pl10',
                            'e2pdf-w100'
                        ],
                    };
                } else {
                    obj['size'] = {
                        'name': e2pdfLang['Size'],
                        'fields': [
                            e2pdf.properties.getField('width', el),
                            e2pdf.properties.getField('height', el),
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w50 e2pdf-pr10',
                            'e2pdf-w50 e2pdf-pl10'

                        ],
                    };
                }

                if (el.data('data-type') === 'e2pdf-html'
                        || el.data('data-type') === 'e2pdf-textarea'
                        ) {
                    obj['font'] = {
                        'name': e2pdfLang['Font'],
                        'fields': [
                            e2pdf.properties.getField('text_color', el),
                            e2pdf.properties.getField('text_font', el),
                            e2pdf.properties.getField('text_font_size', el),
                            e2pdf.properties.getField('text_line_height', el),
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w100',
                            'e2pdf-w100',
                            'e2pdf-w50 e2pdf-pr10',
                            'e2pdf-w50 e2pdf-pl10'
                        ],
                    };

                }

                // Font
                if (el.data('data-type') === 'e2pdf-input'
                        || el.data('data-type') === 'e2pdf-select'
                        || el.data('data-type') === 'e2pdf-signature'
                        ) {
                    obj['font'] = {
                        'name': e2pdfLang['Font'],
                        'fields': [
                            e2pdf.properties.getField('text_color', el),
                            e2pdf.properties.getField('text_font', el),
                            e2pdf.properties.getField('text_font_size', el),
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w100',
                            'e2pdf-w70 e2pdf-pr10',
                            'e2pdf-w30 e2pdf-pl10'
                        ],
                    };
                }

                // Text align
                if (el.data('data-type') === 'e2pdf-html'
                        || el.data('data-type') === 'e2pdf-input'
                        || el.data('data-type') === 'e2pdf-textarea'
                        ) {
                    obj['text_align'] = {
                        'name': e2pdfLang['Text Align'],
                        'fields': [
                            e2pdf.properties.getField('text_align', el),
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w100 e2pdf-hide-label',
                        ]
                    };
                }

                // Settings
                if (el.data('data-type') === 'e2pdf-html') {
                    obj['settings'] = {
                        'name': e2pdfLang['Settings'],
                        'fields': [
                            e2pdf.properties.getField('rtl', el),
                            e2pdf.properties.getField('dynamic_height', el),
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w100',
                            'e2pdf-w100',
                        ]
                    };
                }

                // Settings
                if (el.data('data-type') === 'e2pdf-input'
                        || el.data('data-type') === 'e2pdf-textarea'
                        ) {
                    obj['settings'] = {
                        'name': e2pdfLang['Settings'],
                        'fields': [
                            e2pdf.properties.getField('rtl', el),
                            e2pdf.properties.getField('required', el),
                            e2pdf.properties.getField('readonly', el),
                            e2pdf.properties.getField('pass', el),
                            e2pdf.properties.getField('comb', el),
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w100',
                            'e2pdf-w100',
                            'e2pdf-w100',
                            'e2pdf-w100',
                            'e2pdf-w100',
                        ]
                    };
                }

                // Settings Signature
                if (el.data('data-type') === 'e2pdf-signature') {

                    obj['placeholder'] = {
                        'name': e2pdfLang['Placeholder'],
                        'fields': [
                            e2pdf.properties.getField('placeholder', el),
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w100 e2pdf-hide-label',
                        ]
                    };


                    obj['settings'] = {
                        'name': e2pdfLang['Settings'],
                        'fields': [
                            e2pdf.properties.getField('esig', el),
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w100',
                        ]
                    };


                }

                // Settings
                if (el.data('data-type') === 'e2pdf-checkbox'
                        || el.data('data-type') === 'e2pdf-radio'
                        ) {
                    obj['settings'] = {
                        'name': e2pdfLang['Settings'],
                        'fields': [
                            e2pdf.properties.getField('required', el),
                            e2pdf.properties.getField('readonly', el),
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w100',
                            'e2pdf-w100',
                        ]
                    };
                }

                // Settings
                if (el.data('data-type') === 'e2pdf-select') {
                    obj['settings'] = {
                        'name': e2pdfLang['Settings'],
                        'fields': [
                            e2pdf.properties.getField('rtl', el),
                            e2pdf.properties.getField('required', el),
                            e2pdf.properties.getField('readonly', el),
                            e2pdf.properties.getField('multiline', el),
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w100',
                            'e2pdf-w100',
                            'e2pdf-w100',
                            'e2pdf-w100',
                        ]
                    };
                }

                // Selector
                if (el.data('data-type') === 'e2pdf-checkbox'
                        || el.data('data-type') === 'e2pdf-radio'
                        ) {
                    obj['selector'] = {
                        'name': e2pdfLang['Selector'],
                        'fields': [
                            e2pdf.properties.getField('text_color', el),
                            e2pdf.properties.getField('text_type', el),
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w100',
                            'e2pdf-w100',
                        ]
                    };
                }

                // Background
                if (el.data('data-type') === 'e2pdf-html'
                        || el.data('data-type') === 'e2pdf-input'
                        || el.data('data-type') === 'e2pdf-textarea'
                        || el.data('data-type') === 'e2pdf-image'
                        || el.data('data-type') === 'e2pdf-rectangle'
                        || el.data('data-type') === 'e2pdf-signature'
                        ) {
                    obj['background'] = {
                        'name': e2pdfLang['Background'],
                        'fields': [
                            e2pdf.properties.getField('background', el)
                        ],
                        'position': el.data('data-type') === 'e2pdf-rectangle' || el.data('data-type') === 'e2pdf-image' ? 'left' : 'right',
                        'classes': [
                            'e2pdf-w100 e2pdf-hide-label',
                        ]
                    };
                }

                // Resize
                if (el.data('data-type') === 'e2pdf-image' || el.data('data-type') === 'e2pdf-signature') {
                    obj['resize'] = {
                        'name': e2pdfLang['Resize'],
                        'fields': [
                            e2pdf.properties.getField('scale', el),
                            e2pdf.properties.getField('horizontal', el),
                            e2pdf.properties.getField('vertical', el),
                            e2pdf.properties.getField('dimension', el),
                        ],
                        'position': 'left',
                        'classes': [
                            'e2pdf-w100',
                            'e2pdf-w50 e2pdf-pr10',
                            'e2pdf-w50 e2pdf-pl10',
                            'e2pdf-w100 e2pdf-mt5'
                        ]
                    };
                }

                // Border
                if (el.data('data-type') === 'e2pdf-input'
                        || el.data('data-type') === 'e2pdf-textarea'
                        || el.data('data-type') === 'e2pdf-checkbox'
                        || el.data('data-type') === 'e2pdf-radio'
                        || el.data('data-type') === 'e2pdf-select'
                        ) {
                    obj['border'] = {
                        'name': e2pdfLang['Border'],
                        'fields': [
                            e2pdf.properties.getField('border', el),
                            e2pdf.properties.getField('border_color', el)
                        ],
                        'position': 'right',
                        'classes': [
                            'e2pdf-w25 e2pdf-pr10',
                            'e2pdf-w100'
                        ],
                    };
                }

                // Border
                if (el.data('data-type') === 'e2pdf-html'
                        || el.data('data-type') === 'e2pdf-image'
                        || el.data('data-type') === 'e2pdf-signature'
                        ) {
                    obj['border'] = {
                        'name': e2pdfLang['Border'],
                        'fields': [
                            e2pdf.properties.getField('border_top', el),
                            e2pdf.properties.getField('border_left', el),
                            e2pdf.properties.getField('border_right', el),
                            e2pdf.properties.getField('border_bottom', el),
                            e2pdf.properties.getField('border_color', el)
                        ],
                        'position': 'right',
                        'classes': [
                            'e2pdf-w25 e2pdf-pr10',
                            'e2pdf-w25 e2pdf-pr10',
                            'e2pdf-w25 e2pdf-pr10',
                            'e2pdf-w25',
                            'e2pdf-w100'
                        ],
                    };
                }

                // Padding
                if (el.data('data-type') === 'e2pdf-html'
                        || el.data('data-type') === 'e2pdf-image'
                        || el.data('data-type') === 'e2pdf-signature'
                        ) {
                    obj['padding'] = {
                        'name': e2pdfLang['Padding'],
                        'fields': [
                            e2pdf.properties.getField('padding_top', el),
                            e2pdf.properties.getField('padding_left', el),
                            e2pdf.properties.getField('padding_right', el),
                            e2pdf.properties.getField('padding_bottom', el)
                        ],
                        'position': 'right',
                        'classes': [
                            'e2pdf-w25 e2pdf-pr10',
                            'e2pdf-w25 e2pdf-pr10',
                            'e2pdf-w25 e2pdf-pr10',
                            'e2pdf-w25',
                        ]
                    };
                }

                // Z-index
                obj['z_index'] = {
                    'name': e2pdfLang['Z-index'],
                    'fields': [
                        e2pdf.properties.getField('z_index', el)
                    ],
                    'position': el.data('data-type') === 'e2pdf-link' ? 'left' : 'right',
                    'classes': [
                        'e2pdf-w100 e2pdf-hide-label',
                    ]
                };

                // Parent
                if (el.data('data-type') === 'e2pdf-html') {
                    obj['parent'] = {
                        'name': e2pdfLang['Parent'],
                        'fields': [
                            e2pdf.properties.getField('parent', el),
                        ],
                        'position': 'bottom',
                        'classes': [
                            'e2pdf-w100 e2pdf-hide-label',
                        ],
                    };
                }

                if (el.data('data-type') === 'e2pdf-radio') {
                    obj['group'] = {
                        'name': e2pdfLang['Group'],
                        'fields': [
                            e2pdf.properties.getField('group', el),
                        ],
                        'position': 'bottom',
                        'classes': [
                            'e2pdf-w100 e2pdf-hide-label',
                        ]
                    };
                }

                if (el.data('data-type') === 'e2pdf-radio'
                        || el.data('data-type') === 'e2pdf-checkbox'
                        ) {
                    obj['option'] = {
                        'name': e2pdfLang['Option'],
                        'fields': [
                            e2pdf.properties.getField('option', el),
                        ],
                        'position': 'bottom',
                        'classes': [
                            'e2pdf-w100 e2pdf-hide-label',
                        ]
                    };
                }

                // Options
                if (el.data('data-type') === 'e2pdf-select') {
                    obj['options'] = {
                        'name': e2pdfLang['Options'],
                        'fields': [
                            e2pdf.properties.getField('options', el),
                        ],
                        'position': 'bottom',
                        'classes': [
                            'e2pdf-w100 e2pdf-hide-label',
                        ]
                    };
                }

                // Value
                if (el.data('data-type') === 'e2pdf-html'
                        || el.data('data-type') === 'e2pdf-input'
                        || el.data('data-type') === 'e2pdf-textarea'
                        || el.data('data-type') === 'e2pdf-radio'
                        || el.data('data-type') === 'e2pdf-checkbox'
                        || el.data('data-type') === 'e2pdf-select'
                        || el.data('data-type') === 'e2pdf-image'
                        || el.data('data-type') === 'e2pdf-link'
                        || el.data('data-type') === 'e2pdf-signature'
                        ) {
                    obj['value'] = {
                        'name': e2pdfLang['Value'],
                        'fields': [
                            e2pdf.properties.getField('value', el),
                        ],
                        'position': 'bottom',
                        'classes': [
                            'e2pdf-w100 e2pdf-hide-label',
                        ]
                    };
                }
            }

            if (actions) {
                // actions
                obj['actions'] = {
                    'name': e2pdfLang['Actions'],
                    'fields': e2pdf.actions.renderFields(el),
                    'position': el.data('data-type') === 'e2pdf-page' ? 'top' : 'bottom',
                };
            }

            return obj;
        },
        //e2pdf.properties.renderFields
        renderFields: function (el) {

            var actions = true;
            var fields = jQuery('<div>', {'class': ' e2pdf-grid'}).append();
            var fields_top = jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w100 e2pdf-top'});
            var fields_left = jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-pr5 e2pdf-left'});
            var fields_right = jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-pl5 e2pdf-right'});
            var fields_bottom = jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w100 e2pdf-bottom'});

            if (el.data('data-type') == 'e2pdf-page') {
                fields_left = '';
                fields_right = '';
                fields_bottom = '';
            }

            var groups = e2pdf.properties.getFields(el, actions);
            if (groups) {
                for (var group_key in groups) {

                    if (group_key === 'actions') {

                        var group = groups[group_key];
                        var block = jQuery('<div>');
                        if (group.name) {
                            block.append(jQuery('<label>').html(group.name + ':'));
                        }
                        var grid = jQuery('<div>', {'class': 'e2pdf-grid'});
                        grid.append(group.fields);

                        block.append(grid);
                        if (group.position === 'top') {
                            fields_top.append(block);
                        } else if (group.position === 'left') {
                            fields_left.append(block);
                        } else if (group.position === 'right') {
                            fields_right.append(block);
                        } else {
                            fields_bottom.append(block);
                        }

                    } else {

                        var group = groups[group_key];
                        var block = jQuery('<div>');
                        if (group.name) {
                            block.append(jQuery('<label>').html(group.name + ':'));
                        }
                        var grid = jQuery('<div>', {'class': 'e2pdf-grid'});
                        for (var field_key in group.fields) {

                            var group_field = group.fields[field_key];
                            var classes = '';
                            if (group.classes) {
                                if (group.classes[field_key]) {
                                    classes = group.classes[field_key];
                                }
                            }

                            var field = '';
                            var label = '';
                            var wrap = '';
                            if (group_field.type === 'text') {
                                label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                                field = jQuery('<input>', {'type': 'text', 'name': group_field.key, 'value': group_field.value});
                            } else if (group_field.type === 'hidden') {
                                field = jQuery('<input>', {'type': 'hidden', 'name': group_field.key, 'value': group_field.value});
                            } else if (group_field.type === 'textarea') {
                                label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                                field = jQuery('<textarea>', {'name': group_field.key, 'class': 'e2pdf-w100', 'rows': '5'}).val(group_field.value);
                            } else if (group_field.type === 'checkbox') {
                                wrap = jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-small e2pdf-pl10'});
                                label = jQuery('<div>', {'class': 'e2pdf-ib e2pdf-w50 e2pdf-small e2pdf-pr10 e2pdf-label'}).html(group_field.name + ":");
                                field = jQuery('<input>', {'type': 'checkbox', 'class': 'e2pdf-ib', 'name': group_field.key, 'value': group_field.option});
                                if (group_field.value == group_field.option) {
                                    field.attr('checked', 'checked');
                                }
                            } else if (group_field.type === 'color') {
                                wrap = jQuery('<div>', {'class': 'e2pdf-colorpicker-wr'});
                                label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                                field = jQuery('<input>', {'class': 'e2pdf-color-picker e2pdf-color-picker-load', 'type': 'text', 'name': group_field.key, 'value': group_field.value});
                            } else if (group_field.type === 'select') {
                                label = jQuery('<div>', {'class': 'e2pdf-small e2pdf-label'}).html(group_field.name + ":");
                                field = jQuery('<select>', {'class': 'e2pdf-w100', 'name': group_field.key});
                                for (var option_key in group_field.options) {
                                    field.append(jQuery('<option>', {'value': Object.keys(group_field.options[option_key])[0]}).html(Object.values(group_field.options[option_key])[0]));
                                }
                                field.val(group_field.value);
                            }

                            for (var att_key in group_field.atts) {
                                var att = group_field.atts[att_key];

                                switch (att) {
                                    case 'readonly':
                                        field.attr('readonly', 'readonly');
                                        break;
                                    case 'disabled':
                                        field.attr('disabled', 'disabled');
                                        break;
                                    case 'number':
                                        field.addClass('e2pdf-numbers');
                                        break;
                                    case 'autocomplete':

                                        wrap = jQuery('<div>', {'class': 'e2pdf-rel e2pdf-w100'});
                                        field.addClass('e2pdf-autocomplete-cl');
                                        field.autocomplete({
                                            source: group_field.source,
                                            minLength: 0,
                                            appendTo: wrap,
                                            open: function () {
                                                $(this).autocomplete("widget").addClass("e2pdf-autocomplete");
                                            },
                                            classes: {
                                                "ui-autocomplete": "e2pdf-autocomplete"
                                            },
                                        });
                                        break;

                                    case 'scale':
                                        field.addClass('e2pdf-scale-field');
                                        break;
                                }
                            }


                            if (!wrap) {
                                wrap = field;
                            } else {
                                wrap.prepend(field);
                            }

                            grid.append(jQuery('<div>', {'class': 'e2pdf-ib ' + classes}).append(label, wrap));
                        }

                        block.append(grid);
                        if (group.position === 'top') {
                            fields_top.append(block);
                        } else if (group.position === 'left') {
                            fields_left.append(block);
                        } else if (group.position === 'right') {
                            fields_right.append(block);
                        } else {
                            fields_bottom.append(block);
                        }
                    }
                }
            }

            fields.append(fields_top, fields_left, fields_right, fields_bottom);
            return fields;
        },
        //e2pdf.properties.apply
        apply: function (el, data) {
            el.data('data-properties', JSON.stringify(data));
        },
        //e2pdf.properties.set
        set: function (el, key, value) {
            var properties = e2pdf.properties.get(el);
            properties[key] = value;
            e2pdf.properties.apply(el, properties);
        },
        //e2pdf.properties.getValue
        getValue: function (el, key) {
            var properties = e2pdf.properties.get(el);
            return properties[key];
        },
        //e2pdf.properties.get
        get: function (el, submit) {

            var properties = [];

            if (typeof el.data('data-properties') !== 'undefined') {
                properties = JSON.parse(el.data('data-properties'));

                if (el.data('data-type') !== 'e2pdf-page') {
                    if (!("width" in properties)) {
                        properties['width'] = parseFloat(el.css('width'));
                    }
                    if (!("height" in properties)) {
                        properties['height'] = parseFloat(el.css('height'));
                    }

                    if (!("top" in properties)) {
                        properties['top'] = parseFloat(el.css('top'));
                    }

                    if (!("left" in properties)) {
                        properties['left'] = parseFloat(el.css('left'));
                    }

                    if (submit) {
                        delete properties['width'];
                        delete properties['height'];
                        delete properties['value'];
                        delete properties['top'];
                        delete properties['left'];
                    }
                }
            }

            return properties;
        },
        //e2pdf.properties.render
        render: function (el) {
            var properties = e2pdf.properties.get(el);
            var children = e2pdf.element.children(el);
            if (properties.hasOwnProperty("options")) {
                var property = "options";
                if (el.data('data-type') === 'e2pdf-select') {
                    children.find('option').remove();
                    var options = properties[property].split("\n");
                    if (typeof options !== 'undefined' && options.length > 0) {
                        for (var key in options) {
                            children.append(
                                    jQuery('<option>', {'value': options[key].trim()}).html(options[key].trim())
                                    );
                        }
                    }
                }

            }

            // value render
            if (properties.hasOwnProperty("value")) {
                var property = "value";
                if (el.data('data-type') === 'e2pdf-html') {
                    children.html(properties[property]);
                } else if (el.data('data-type') === 'e2pdf-input') {
                    children.val(properties[property]);
                } else if (el.data('data-type') === 'e2pdf-textarea') {
                    children.val(properties[property]);
                } else if (el.data('data-type') === 'e2pdf-select') {
                    children.val(properties[property]);
                } else if (el.data('data-type') === 'e2pdf-checkbox') {
                    if (properties[property] == e2pdf.properties.getValue(el, 'option')) {
                        children.attr('checked', 'checked');
                    } else {
                        children.attr('checked', false);
                    }
                } else if (el.data('data-type') === 'e2pdf-image') {
                    e2pdf.helper.image.load(el);
                }
            }

            if (properties.hasOwnProperty("group")) {
                var property = "group";
                jQuery('#e2pdf-tpl').find('.e2pdf-radio').each(function () {
                    var radio = jQuery(this).parent();
                    var group = e2pdf.properties.getValue(radio, 'group');
                    if (group === properties[property]) {
                        e2pdf.properties.set(radio, 'readonly', properties['readonly']);
                        e2pdf.properties.set(radio, 'required', properties['required']);
                        e2pdf.properties.set(radio, 'value', properties['value']);
                        var option = e2pdf.properties.getValue(radio, 'option');
                        if (properties['value'] === option) {
                            jQuery(this).attr('checked', 'checked');
                        } else {
                            jQuery(this).attr('checked', false);
                        }
                    }
                });
            }

            // multiline
            if (el.data('data-type') === 'e2pdf-select') {
                if (properties.hasOwnProperty("multiline") && properties["multiline"] == '1') {
                    var property = "multiline";
                    children.attr('multiple', true);
                } else {
                    children.attr('multiple', false);
                }
            }

            // z_index render
            if (properties.hasOwnProperty("z_index")) {
                var property = "z_index";
                el.css('z-index', properties[property]);
            }

            // rtl
            if (el.data('data-type') === 'e2pdf-select'
                    || el.data('data-type') === 'e2pdf-input'
                    || el.data('data-type') === 'e2pdf-textarea'
                    || el.data('data-type') === 'e2pdf-html') {
                if (properties.hasOwnProperty("rtl")) {
                    children.attr('dir', 'rtl');
                } else {
                    children.attr('dir', false);
                }

            }

            // background render
            if (properties.hasOwnProperty("background")) {
                var property = "background";
                if (el.data('data-type') === 'e2pdf-radio'
                        || el.data('data-type') === 'e2pdf-checkbox'
                        ) {
                    children.css('background', properties[property]);
                } else {
                    el.css('background', properties[property]);
                }
            }

            if (properties.hasOwnProperty("border_top")) {
                var property = "border_top";
                // border_top render
                if (properties[property] !== '0') {
                    el.css('border-top', properties[property] + 'px solid ' + properties['border_color']);
                } else {
                    el.css('border-top', '');
                }
            }

            if (properties.hasOwnProperty("border_left")) {
                var property = "border_left";
                // border_left render
                if (properties[property] !== '0') {
                    el.css('border-left', properties[property] + 'px solid ' + properties['border_color']);
                } else {
                    el.css('border-left', '');
                }
            }


            if (properties.hasOwnProperty("border_right")) {
                var property = "border_right";
                // border_right render
                if (properties[property] !== '0') {
                    el.css('border-right', properties[property] + 'px solid ' + properties['border_color']);
                } else {
                    el.css('border-right', '');
                }
            }

            if (properties.hasOwnProperty("border_bottom")) {
                var property = "border_bottom";
                // border_bottom render
                if (properties[property] !== '0') {
                    el.css('border-bottom', properties[property] + 'px solid ' + properties['border_color']);
                } else {
                    el.css('border-bottom', '');
                }
            }

            if (properties.hasOwnProperty("padding_top")) {
                var property = "padding_top";
                el.css('padding-top', properties[property] + 'px');
            }

            if (properties.hasOwnProperty("padding_left")) {
                var property = "padding_left";
                el.css('padding-left', properties[property] + 'px');
            }

            if (properties.hasOwnProperty("padding_right")) {
                var property = "padding_right";
                el.css('padding-right', properties[property] + 'px');
            }

            if (properties.hasOwnProperty("padding_bottom")) {
                var property = "padding_bottom";
                el.css('padding-bottom', properties[property] + 'px');
            }

            if (properties.hasOwnProperty("border")) {
                var property = "border";
                if (el.data('data-type') === 'e2pdf-input'
                        || el.data('data-type') === 'e2pdf-textarea'
                        || el.data('data-type') === 'e2pdf-select'
                        || el.data('data-type') === 'e2pdf-radio'
                        || el.data('data-type') === 'e2pdf-checkbox'
                        ) {
                    if (properties[property] !== '0') {
                        children.css('border', properties[property] + 'px solid ' + properties['border_color']);
                    } else {
                        children.css('border', '');
                    }
                }
            }

            if (properties.hasOwnProperty("text_color")) {
                var property = "text_color";
                if (el.data('data-type') === 'e2pdf-html') {
                    el.css('color', properties[property]);
                } else if (el.data('data-type') === 'e2pdf-input'
                        || el.data('data-type') === 'e2pdf-textarea'
                        || el.data('data-type') === 'e2pdf-select'
                        || el.data('data-type') === 'e2pdf-radio'
                        || el.data('data-type') === 'e2pdf-checkbox'
                        ) {
                    children.css('color', properties[property]);
                }
            }

            if (properties.hasOwnProperty("text_font")) {
                var property = "text_font";
                if (properties[property] && properties[property] !== "") {
                    var path = jQuery('#e2pdf_wysiwyg_font').find("[value='" + properties[property] + "']").attr('path');
                    var tmp = jQuery('<div>', {'name': properties[property], 'path': path});
                    e2pdf.font.load(tmp);
                    el.css('font-family', properties[property]);
                } else {
                    el.css('font-family', '');
                }
            }

            if (properties.hasOwnProperty("text_font_size")) {
                var property = "text_font_size";
                if (properties[property] !== '') {
                    el.css('font-size', properties[property] + "px");
                } else {
                    el.css('font-size', '');
                }
            }

            if (properties.hasOwnProperty("text_line_height")) {
                var property = "text_line_height";
                //backward compatiability with input
                if (properties[property] !== '' && properties[property] !== '0') {
                    if (el.data('data-type') === 'e2pdf-textarea') {
                        children.css('line-height', properties[property] + "px");
                    } else {
                        el.css('line-height', properties[property] + "px");
                    }
                } else {
                    if (el.data('data-type') === 'e2pdf-textarea') {
                        children.css('line-height', '');
                    } else {
                        el.css('line-height', '');
                    }
                }
            }

            if (properties.hasOwnProperty("top")) {
                var property = "top";
                var page_height = parseFloat(el.closest('.e2pdf-page').css('height'));
                if ((parseFloat(properties[property]) + parseFloat(el.css('height'))) > page_height) {
                    var top = page_height - parseFloat(el.css('height'));
                    el.css('top', top + "px");
                } else if (properties[property] >= 0) {
                    el.css('top', properties[property] + "px");
                }
            }

            if (properties.hasOwnProperty("left")) {
                var property = "left";
                var page_width = parseFloat(el.closest('.e2pdf-page').css('width'));
                if ((parseFloat(properties[property]) + parseFloat(el.css('width'))) > page_width) {
                    var left = page_width - parseFloat(el.css('width'));
                    el.css('left', left + "px");
                } else if (properties[property] >= 0) {
                    el.css('left', properties[property] + "px");
                }
            }

            if (properties.hasOwnProperty("text_align")) {
                var property = "text_align";
                children.css('text-align', properties[property]);
            }

            // width render
            if (properties.hasOwnProperty("width")) {
                var property = "width";
                var width = parseFloat(properties[property]);
                var left = parseFloat(el.css('left'));
                var page_width = parseFloat(el.closest('.e2pdf-page').css('width'));
                if (width > 0) {
                    if (width > page_width - left) {
                        el.css('width', page_width - left);
                        e2pdf.properties.set(el, 'width', page_width - left);
                    } else {
                        el.css('width', properties[property]);
                    }
                }
            }

            // height render
            if (properties.hasOwnProperty("height")) {
                var property = "height";
                // height render
                var height = parseFloat(properties[property]);
                var top = parseFloat(el.css('top'));
                var page_height = parseFloat(el.closest('.e2pdf-page').css('height'));
                if (height > 0) {
                    if (height > page_height - top) {
                        el.css('height', page_height - top);
                        e2pdf.properties.set(el, 'width', page_height - top);
                    } else {
                        el.css('height', properties[property]);
                    }
                }
            }
        }
    },
    //e2pdf.welcomeScreen
    welcomeScreen: function () {
        if (jQuery('.e2pdf-page').length === 0) {
            var el = jQuery('<div/>', {'data-modal': 'welcome-screen'});
            e2pdf.dialog.create(el);
        }
    },
    //e2pdf.createPdf
    createPdf: function (el) {

        var action = el.attr('data-action');
        var data = e2pdf.form.serializeObject(el.closest('form'));
        for (var key in data) {
            e2pdf.pdf.settings.change(key, data[key]);
        }

        if (action === 'apply') {
            var width = parseFloat(el.closest('form').find('input[name="width"]').val());
            var height = parseFloat(el.closest('form').find('input[name="height"]').val());
            e2pdf.pages.changeTplSize(width, height);
            jQuery('.ui-dialog-content').dialog('close');
        } else if (action === 'empty') {
            var width = parseFloat(el.closest('form').find('input[name="width"]').val());
            var height = parseFloat(el.closest('form').find('input[name="height"]').val());
            e2pdf.pages.changeTplSize(width, height);
            e2pdf.pages.createPage();
            jQuery('.ui-dialog-content').dialog('close');
        } else if (action === 'auto') {

            var extension = el.closest('form').find('#e2pdf-extension').val();
            var item = el.closest('form').find('#e2pdf-item').val();
            var data = {};
            data['extension'] = extension;
            data['item'] = item;
            e2pdf.request.submitRequest('e2pdf_auto', el, data);
        } else if (action === 'upload') {
            if (e2pdf.pdf.settings.get('ID')) {
                if (!confirm(e2pdfLang['Saved Template will be overwritten! Are you sure want to continue?'])) {
                    return false;
                }
            }
            jQuery('#e2pdf-upload-pdf').click();
        }

        e2pdf.font.load(jQuery('#e2pdf-font'));
        e2pdf.font.apply(jQuery('#e2pdf-tpl'), jQuery('#e2pdf-font'));
        e2pdf.font.size(jQuery('#e2pdf-tpl'), jQuery('#e2pdf-font-size'));
        e2pdf.font.line(jQuery('#e2pdf-tpl'), jQuery('#e2pdf-line-height'));
        e2pdf.font.fontcolor(jQuery('#e2pdf-tpl'), jQuery('#e2pdf-font-color'));
        e2pdf.event.fire('after.createPdf');
    },
    //e2pdf.pages
    pages: {
        //e2pdf.pages.rebuildPages
        rebuildPages: function () {
            jQuery('.e2pdf-page').each(function (index) {

                if (!e2pdf.pdf.settings.get('pdf')) {
                    if (index + 1 === 1) {
                        jQuery(this).find('.e2pdf-up-page').attr('disabled', 'disabled');
                    } else {
                        jQuery(this).find('.e2pdf-up-page').attr('disabled', false);
                    }

                    if (index + 1 === jQuery('.e2pdf-page').length) {
                        jQuery(this).find('.e2pdf-down-page').attr('disabled', 'disabled');
                    } else {
                        jQuery(this).find('.e2pdf-down-page').attr('disabled', false);
                    }
                }

                jQuery(this).attr('data-page_id', index + 1);
            });
            e2pdf.welcomeScreen();
        },
        //e2pdf.pages.createPage
        createPage: function (page, properties, actions) {
            e2pdf.pages.rebuildPages();
            var newpage = true;
            if (page) {
                var newpage = false;
            }

            if (!properties) {
                var properties = {};
            }

            if (!actions) {
                var actions = {};
            }

            if (newpage) {
                var page_id = parseInt(jQuery('.e2pdf-page').length) + 1;
                var page = jQuery('<div/>', {
                    'class': 'e2pdf-page ui-droppable',
                    'width': jQuery('.e2pdf-tpl').attr('data-width'),
                    'height': jQuery('.e2pdf-tpl').attr('data-height'),
                }).attr('data-page_id', page_id).append(
                        jQuery('<div>', {'class': 'page-options-icons'}).append(
                        jQuery('<a>', {
                            'href': 'javascript:void(0);',
                            'class': 'page-options-icon e2pdf-up-page e2pdf-link'
                        }).append(
                        jQuery('<i>', {'class': 'dashicons dashicons-arrow-up-alt2'})
                        ),
                        jQuery('<a>', {
                            'href': 'javascript:void(0);',
                            'class': 'page-options-icon e2pdf-down-page e2pdf-link'
                        }).append(
                        jQuery('<i>', {'class': 'dashicons dashicons-arrow-down-alt2'})
                        ),
                        jQuery('<a>', {
                            'href': 'javascript:void(0);',
                            'class': 'page-options-icon e2pdf-page-options e2pdf-modal e2pdf-link',
                            'data-modal': 'page-options'
                        }).append(
                        jQuery('<i>', {'class': 'dashicons dashicons-admin-generic'})
                        ),
                        jQuery('<a>', {
                            'href': 'javascript:void(0);',
                            'class': 'page-options-icon e2pdf-delete-page e2pdf-link'
                        }).append(
                        jQuery('<i>', {'class': 'dashicons dashicons-no'})
                        ),
                        ),
                        jQuery('<div>', {'class': 'e2pdf-guide e2pdf-guide-h'}),
                        jQuery('<div>', {'class': 'e2pdf-guide e2pdf-guide-v'}),
                        );
            }

            page.data('data-type', 'e2pdf-page');

            e2pdf.properties.apply(page, properties);
            e2pdf.actions.apply(page, actions);

            page.droppable({
                over: function (ev, ui) {
                    e2pdf.static.drag.page = jQuery(this);
                    e2pdf.static.guide.guides = [];

                    if (ui.draggable.hasClass('e2pdf-clone')) {
                        jQuery(this).find(".e2pdf-element").each(function () {
                            e2pdf.static.guide.guides = jQuery.merge(e2pdf.static.guide.guides, e2pdf.guide.calc(jQuery(this), null, null, null, true));
                        });
                        e2pdf.static.guide.guides = jQuery.merge(e2pdf.static.guide.guides, e2pdf.guide.calc(e2pdf.static.drag.page, null, null, null, true));
                    } else {
                        e2pdf.static.guide.guides = jQuery.map(jQuery(this).find(".e2pdf-element").not('.e2pdf-selected'), e2pdf.guide.calc);
                        e2pdf.static.guide.guides = jQuery.merge(e2pdf.static.guide.guides, e2pdf.guide.calc(e2pdf.static.drag.page, null, null, null, false));
                    }
                },
                out: function (ev) {
                    e2pdf.static.drag.page = null;
                    e2pdf.static.guide.guides = [];
                },
                deactivate: function (ev) {
                    e2pdf.static.drag.page = null;
                    e2pdf.static.guide.guides = [];
                },
                drop: function (ev, ui) {
                    if (ui.draggable.hasClass('e2pdf-clone')) {
                        var type = jQuery(ui.draggable).attr('data-type');
                        var page = jQuery(this).closest('.e2pdf-page');
                        var pos = {
                            top: Math.max(0, (jQuery(ui.helper).offset().top - jQuery(this).offset().top) / e2pdf.zoom.zoom - 1),
                            left: Math.max(0, (jQuery(ui.helper).offset().left - jQuery(this).offset().left) / e2pdf.zoom.zoom - 1),
                            right: Math.min(0, ((parseFloat(jQuery(ui.helper).css('width')) + jQuery(ui.helper).offset().left - 2) - (jQuery(this).offset().left + parseFloat(jQuery(this).css('width')))) / e2pdf.zoom.zoom),
                        };

                        if (pos.left < 0 || pos.right > 0 || pos.top < 0) {
                            return false;
                        }

                        var properties = {};
                        properties['width'] = jQuery(ui.helper).css('width');
                        properties['height'] = jQuery(ui.helper).css('height');
                        properties['top'] = pos.top;
                        properties['left'] = pos.left;
                        properties['value'] = jQuery(ui.draggable).attr('data-value');
                        //changed
                        var el = e2pdf.element.create(type, page, properties, false, true);
                        jQuery(this).append(el);
                        e2pdf.properties.render(el);
                    }
                    e2pdf.static.drag.page = null;
                }
            });
            page.contextmenu(function (e) {
                if (jQuery(e.target).hasClass('e2pdf-page')) {
                    e2pdf.contextMenu(e, page);
                    e.preventDefault();
                }
            });
            page.selectable(
                    {
                        filter: '.e2pdf-element',
                        cancel: 'a,.e2pdf-element',
                        distance: 10,
                        selecting: function (event, ui) {
                            jQuery(ui.selecting).addClass('e2pdf-selected');
                        },
                        unselecting: function (event, ui) {
                            jQuery(ui.unselecting).removeClass('e2pdf-selected');
                        },
                        selected: function (event, ui) {
                            e2pdf.element.select(jQuery(ui.selected));
                        },
                        unselected: function (event, ui) {
                            e2pdf.element.unselect(jQuery(ui.unselected));
                        }
                    });
            if (newpage) {
                jQuery('.e2pdf-tpl .e2pdf-tpl-inner').append(page);
                e2pdf.pages.rebuildPages();
                e2pdf.event.fire('after.pages.createPage.newpage');
                return true;
            } else {
                return false;
            }
        },
        //e2pdf.pages.movePage
        movePage: function (el, direction) {

            if (e2pdf.pdf.settings.get('pdf')) {
                return false;
            }
            if (direction === 'up') {
                el.closest('.e2pdf-page').insertBefore(el.closest('.e2pdf-page').prev('.e2pdf-page'));
            } else if (direction === 'down') {
                el.closest('.e2pdf-page').insertAfter(el.closest('.e2pdf-page').next('.e2pdf-page'));
            }

            e2pdf.event.fire('after.pages.movePage');
            e2pdf.pages.rebuildPages();
        },
        //e2pdf.pages.deletePage
        deletePage: function (el) {
            el.closest('.e2pdf-page').remove();
            e2pdf.event.fire('after.pages.deletePage');
            e2pdf.pages.rebuildPages();
        },
        //e2pdf.pages.changeTplSize
        changeTplSize: function (width, height) {
            jQuery('.e2pdf-tpl').attr('data-width', width).attr('data-height', height);
        },
        changePageSize: function (el, width, height) {

            var set_width = true;
            var set_height = true;
            var prev_width = parseFloat(el.css('width'));
            var prev_height = parseFloat(el.css('height'));
            var width_diff = width / prev_width;
            var height_diff = height / prev_height;
            el.find(".e2pdf-element").each(function () {
                jQuery(this).css('left', parseFloat(jQuery(this).css('left')) * width_diff);
                jQuery(this).css('top', parseFloat(jQuery(this).css('top')) * height_diff);
                if (jQuery(this).data('data-type') === 'e2pdf-image') {
                    var scale = e2pdf.properties.getValue(jQuery(this), 'scale');
                    if (scale === e2pdf.static.const.WIDTH) {
                        jQuery(this).css('height', parseFloat(jQuery(this).css('height')) * width_diff);
                        set_height = false;
                    } else if (scale === e2pdf.static.const.HEIGHT) {
                        jQuery(this).css('width', parseFloat(jQuery(this).css('height')) * height_diff);
                        set_width = false;
                    }
                }

                if (set_width) {
                    jQuery(this).css('width', parseFloat(jQuery(this).css('width')) * width_diff);
                }

                if (set_height) {
                    jQuery(this).css('height', parseFloat(jQuery(this).css('height')) * height_diff);
                }

            });
            el.css('width', width);
            el.css('height', height);
        }
    },
    //e2pdf.contextMenu
    contextMenu: function (e, el) {
        e2pdf.delete('.e2pdf-context');
        var menu = jQuery('<div/>', {'class': 'e2pdf-context'});
        if (el.hasClass('e2pdf-page')) {
            var parent = el;
            menu.append(jQuery('<ul/>', {'class': 'e2pdf-context-menu'}).append(
                    jQuery('<li/>').append(
                    jQuery('<a/>', {'href': 'javascript:void(0);', 'class': 'e2pdf-paste e2pdf-link', 'disabled': 'disabled'}).html(e2pdfLang['Paste'])
                    ),
                    jQuery('<li/>').append(
                    jQuery('<a/>', {'href': 'javascript:void(0);', 'class': 'e2pdf-pasteinplace e2pdf-link', 'disabled': 'disabled'}).html(e2pdfLang['Paste in Place'])
                    )
                    ));
            if (Object.keys(e2pdf.element.buffered).length > 0) {
                menu.find('a').attr('disabled', false);
            }
        } else {

            if (!el.hasClass('e2pdf-selected')) {
                e2pdf.element.unselect();
                e2pdf.element.select(el);
            }

            var parent = el.closest('.e2pdf-page');
            menu.append(jQuery('<ul/>', {'class': 'e2pdf-context-menu'}).append(
                    jQuery('<li/>').append(
                    jQuery('<a/>', {'href': 'javascript:void(0);', 'class': el.hasClass('e2pdf-hide') ? 'e2pdf-unhidden' : 'e2pdf-hidden'}).html(el.hasClass('e2pdf-hide') ? e2pdfLang['Show'] : e2pdfLang['Hide'])
                    ),
                    jQuery('<li/>').append(
                    jQuery('<a/>', {'href': 'javascript:void(0);', 'class': 'e2pdf-copy'}).html(e2pdfLang['Copy'])
                    ),
                    jQuery('<li/>').append(
                    jQuery('<a/>', {'href': 'javascript:void(0);', 'class': 'e2pdf-cut'}).html(e2pdfLang['Cut'])
                    ),
                    jQuery('<li/>').append(
                    jQuery('<a/>', {'href': 'javascript:void(0);', 'class': 'e2pdf-delete', }).html(e2pdfLang['Delete'])
                    ),
                    ));
            if (Object.keys(e2pdf.element.selected).length == 1) {

                menu.find('ul').append(
                        jQuery('<li/>').append(
                        jQuery('<a/>', {'href': 'javascript:void(0);', 'class': 'e2pdf-properties e2pdf-modal', 'data-modal': 'properties'}).html(e2pdfLang['Properties'])
                        ));
                if (el.data('data-type') === 'e2pdf-image' || (el.data('data-type') === 'e2pdf-signature' && !e2pdf.properties.getValue(el, 'esig'))) {
                    menu.find('ul').prepend(
                            jQuery('<li/>').append(
                            jQuery('<a/>', {'href': 'javascript:void(0);', 'class': 'e2pdf-upload'}).html(e2pdfLang['Choose Image'])
                            ));
                }

                if (el.data('data-type') !== 'e2pdf-rectangle') {
                    menu.find('ul').prepend(jQuery('<li/>').append(
                            jQuery('<a/>', {'href': 'javascript:void(0);', 'class': 'e2pdf-visual'}).html(e2pdfLang['Map Field'])
                            ));
                }

            }
        }

        var pos_x = (e.pageX - parent.offset().left) / e2pdf.zoom.zoom;
        var pos_y = (e.pageY - parent.offset().top) / e2pdf.zoom.zoom;
        menu.css({top: pos_y + "px", left: pos_x + "px"});
        menu.appendTo(parent);
    },
    //e2pdf.delete
    delete: function (el) {
        jQuery(el).remove();
    },
    //e2pdf.element
    element: {
        //e2pdf.element.buffered
        buffered: [],
        //e2pdf.element.selected
        selected: [],
        //e2pdf.element.init
        init: function (el) {

            if (el.data('data-type') === 'e2pdf-html') {
                e2pdf.properties.set(el, 'value', el.find('.e2pdf-html').html());
            } else if (el.data('data-type') === 'e2pdf-input') {
                e2pdf.properties.set(el, 'value', el.find('.e2pdf-input').val());
            } else if (el.data('data-type') === 'e2pdf-textarea') {
                e2pdf.properties.set(el, 'value', el.find('.e2pdf-textarea').val());
            }

        },
        //e2pdf.element.create
        create: function (type, page, properties, actions, default_properties, onload, element_id) {

            var aspect = false;
            var min_height = 10;
            if (!properties) {
                var properties = {};
            }

            if (!actions) {
                var actions = {};
            }

            if (!properties['value']) {
                properties['value'] = '';
            }

            // Switch element types
            if (type === 'e2pdf-html') {

                if (!properties['width']) {
                    properties['width'] = '200';
                }

                if (!properties['height']) {
                    properties['height'] = '22';
                }


                var element =
                        jQuery('<div/>', {'class': 'e2pdf-el-wrapper e2pdf-resizable'}).append(
                        jQuery('<div/>', {'contenteditable': true, 'class': 'content e2pdf-html'}).html(properties['value']),
                        jQuery('<i/>', {'class': 'e2pdf-drag dashicons dashicons-move'})
                        );
            } else if (type === 'e2pdf-input') {

                if (!properties['width']) {
                    properties['width'] = '200';
                }

                if (!properties['height']) {
                    properties['height'] = '22';
                }

                var element =
                        jQuery('<div/>', {'class': 'e2pdf-el-wrapper e2pdf-resizable'}).append(
                        jQuery('<input/>', {'type': 'text', 'class': 'e2pdf-input'}).val(properties['value']),
                        jQuery('<i/>', {'class': 'e2pdf-drag dashicons dashicons-move'})
                        );
            } else if (type === 'e2pdf-textarea') {

                if (!properties['width']) {
                    properties['width'] = '200';
                }

                if (!properties['height']) {
                    properties['height'] = '100';
                }

                var element = jQuery('<div/>', {'class': 'e2pdf-el-wrapper e2pdf-resizable'}).append(
                        jQuery('<textarea/>', {'type': 'text', 'class': 'e2pdf-textarea'}).html(properties['value']),
                        jQuery('<i/>', {'class': 'e2pdf-drag dashicons dashicons-move'})
                        );
            } else if (type === 'e2pdf-checkbox') {

                if (!properties['width']) {
                    properties['width'] = '16';
                }

                if (!properties['height']) {
                    properties['height'] = '16';
                }

                var element = jQuery('<div/>', {'class': 'e2pdf-el-wrapper e2pdf-resizable'}).append(
                        jQuery('<input/>', {'type': 'checkbox', 'class': 'e2pdf-checkbox'}),
                        jQuery('<i/>', {'class': 'e2pdf-drag dashicons dashicons-move'})
                        );
            } else if (type === 'e2pdf-radio') {

                if (!properties['width']) {
                    properties['width'] = '16';
                }

                if (!properties['height']) {
                    properties['height'] = '16';
                }

                var element = jQuery('<div/>', {'class': 'e2pdf-el-wrapper e2pdf-resizable'}).append(
                        jQuery('<input/>', {'type': 'radio', 'class': 'e2pdf-radio'}),
                        jQuery('<i/>', {'class': 'e2pdf-drag dashicons dashicons-move'})
                        );
                var aspect = false;
            } else if (type === 'e2pdf-select') {

                if (!properties['width']) {
                    properties['width'] = '200';
                }

                if (!properties['height']) {
                    properties['height'] = '22';
                }

                var element = jQuery('<div/>', {'class': 'e2pdf-el-wrapper e2pdf-resizable'}).append(
                        jQuery('<select/>', {'class': 'e2pdf-select'}).append(
                        ),
                        jQuery('<i/>', {'class': 'e2pdf-drag dashicons dashicons-move'})
                        );
            } else if (type === 'e2pdf-image') {

                var element = jQuery('<div/>', {'class': 'e2pdf-el-wrapper e2pdf-loader e2pdf-resizable', 'width': '100px', height: '100px'}).append(
                        jQuery('<img/>', {'class': 'e2pdf-image'}),
                        jQuery('<i/>', {'class': 'e2pdf-drag dashicons dashicons-move'})
                        );
            } else if (type === 'e2pdf-rectangle') {

                if (!properties['width']) {
                    properties['width'] = '200';
                }

                if (!properties['height']) {
                    properties['height'] = '5';
                }

                var min_height = 1;
                var element =
                        jQuery('<div/>', {'class': 'e2pdf-el-wrapper e2pdf-resizable'}).append(
                        jQuery('<div/>', {'class': 'content e2pdf-rectangle'}),
                        jQuery('<i/>', {'class': 'e2pdf-drag dashicons dashicons-move'})
                        );
            } else if (type === 'e2pdf-link') {

                if (!properties['width']) {
                    properties['width'] = '200';
                }

                if (!properties['height']) {
                    properties['height'] = '22';
                }

                var min_height = 1;
                var element =
                        jQuery('<div/>', {'class': 'e2pdf-el-wrapper e2pdf-resizable'}).append(
                        jQuery('<div/>', {'class': 'content e2pdf-link'}),
                        jQuery('<i/>', {'class': 'e2pdf-drag dashicons dashicons-move'})
                        );
            } else if (type === 'e2pdf-signature') {

                if (!properties['width']) {
                    properties['width'] = '200';
                }

                if (!properties['height']) {
                    properties['height'] = '22';
                }

                if (!properties['dimension']) {
                    if (default_properties) {
                        properties['dimension'] = '1';
                    }
                }

                var min_height = 1;
                var element =
                        jQuery('<div/>', {'class': 'e2pdf-el-wrapper e2pdf-resizable'}).append(
                        jQuery('<div/>', {'class': 'content e2pdf-signature'}),
                        jQuery('<i/>', {'class': 'e2pdf-drag dashicons dashicons-move'})
                        );
            }

            // If element exists
            if (typeof element !== "undefined") {
                element.contextmenu(function (e) {
                    e2pdf.contextMenu(e, element);
                    e.preventDefault();
                });
                if (!element_id) {
                    var last_id = 0;
                    jQuery('#e2pdf-tpl .e2pdf-element').each(function () {
                        var num_id = parseInt(jQuery(this).attr("data-element_id"));
                        if (num_id > last_id) {
                            last_id = num_id;
                        }
                    });
                    element_id = parseInt(last_id + 1);
                }
                element.addClass('e2pdf-element');
                element.attr('data-element_id', element_id);
                if (type === 'e2pdf-select') {
                    if (!properties['options']) {
                        if (default_properties) {
                            properties['options'] = '';
                        }
                    }
                }

                if (!properties['z_index']) {
                    properties['z_index'] = 0;
                }

                if (type === 'e2pdf-input'
                        || type === 'e2pdf-textarea'
                        || type === 'e2pdf-select'
                        || type === 'e2pdf-radio'
                        || type === 'e2pdf-checkbox'
                        ) {
                    if (!properties['border']) {
                        if (default_properties) {
                            properties['border'] = 1;
                        }
                    }
                }

                if (type === 'e2pdf-image'
                        || type === 'e2pdf-signature') {
                    if (!properties['scale']) {
                        properties['scale'] = e2pdf.static.const.WIDTH_HEIGHT;
                    }
                    if (!properties['horizontal']) {
                        properties['horizontal'] = 'left';
                    }
                    if (!properties['vertical']) {
                        properties['vertical'] = 'bottom';
                    }
                }

                if (type === 'e2pdf-html'
                        || type === 'e2pdf-image'
                        || type === 'e2pdf-signature'
                        ) {

                    if (!properties['border_top']) {
                        properties['border_top'] = 0;
                    }

                    if (!properties['border_left']) {
                        properties['border_left'] = 0;
                    }

                    if (!properties['border_right']) {
                        properties['border_right'] = 0;
                    }

                    if (!properties['border_bottom']) {
                        properties['border_bottom'] = 0;
                    }

                    if (!properties['padding_top']) {
                        properties['padding_top'] = 0;
                    }

                    if (!properties['padding_left']) {
                        properties['padding_left'] = 0;
                    }

                    if (!properties['padding_right']) {
                        properties['padding_right'] = 0;
                    }

                    if (!properties['padding_bottom']) {
                        properties['padding_bottom'] = 0;
                    }
                }

                if (type === 'e2pdf-input' || type === 'e2pdf-textarea') {
                    if (!properties['length']) {
                        properties['length'] = 0;
                    }
                }

                if (type !== 'e2pdf-rectangle') {
                    if (!properties['border_color']) {
                        properties['border_color'] = '';
                        if (default_properties && (type === 'e2pdf-input'
                                || type === 'e2pdf-textarea'
                                || type === 'e2pdf-select'
                                || type === 'e2pdf-radio'
                                || type === 'e2pdf-checkbox'
                                )
                                ) {
                            properties['border_color'] = '#000000';
                        }
                    }
                }

                if (type !== 'e2pdf-image') {

                    if (!properties['text_color']) {
                        properties['text_color'] = '';
                    }

                    if (!properties['text_font']) {
                        properties['text_font'] = '';
                    }

                    if (!properties['text_font_size']) {
                        properties['text_font_size'] = '';
                    }

                    if (!properties['text_line_height']) {
                        properties['text_line_height'] = '';
                    }
                }

                if (type === 'e2pdf-radio' || type === 'e2pdf-checkbox') {
                    if (!properties['option']) {
                        if (default_properties) {
                            properties['option'] = "option" + element_id;
                        }
                    }

                    if (!properties['text_type']) {
                        if (default_properties) {
                            if (type === 'e2pdf-radio') {
                                properties['text_type'] = 'circle';
                            } else if (type === 'e2pdf-checkbox') {
                                properties['text_type'] = 'check';
                            }
                        }
                    }
                }

                if (type === 'e2pdf-input' || type === 'e2pdf-textarea' || type === 'e2pdf-html') {
                    if (!properties['text_align']) {
                        if (default_properties) {
                            properties['text_align'] = 'left';
                        }
                    }
                }

                if (type === 'e2pdf-radio') {
                    if (!properties['group']) {
                        if (default_properties) {
                            properties['group'] = "group";
                        }
                    }
                }

                element.data('data-type', type);
                if (properties['width']) {
                    element.css({"width": properties['width']});
                }

                if (properties['height']) {
                    element.css({"height": properties['height']});
                }

                if (type === 'e2pdf-rectangle') {
                    if (!properties['background']) {
                        if (default_properties) {
                            properties['background'] = '#000000';
                        }
                    }
                }

                if (properties['top'] && properties['left']) {
                    element.css({"top": properties['top'], "left": properties['left']});
                }

                element.css({"position": "absolute"});
                e2pdf.properties.apply(element, properties);
                e2pdf.actions.apply(element, actions);
                // If element draggable
                element.draggable({
                    cancel: '.no-drag',
                    handle: ".e2pdf-drag",
                    containment: jQuery(page),
                    stop: function (ev, ui) {

                        var page = jQuery(this).closest('.e2pdf-page');
                        for (var key in e2pdf.element.selected) {
                            var selected = e2pdf.element.selected[key];
                            if (selected.hasClass('e2pdf-width-auto')) {
                                selected.css({'width': 'auto'});
                            }
                            if (selected.hasClass('e2pdf-height-auto')) {
                                selected.css({'height': 'auto'});
                            }

                            e2pdf.properties.set(selected, 'top', Math.max(0, e2pdf.helper.convertPxToFloat(selected.css('top'))));
                            e2pdf.properties.set(selected, 'left', Math.max(0, e2pdf.helper.convertPxToFloat(selected.css('left'))));
                        }

                        jQuery('.page-options-icons').css('z-index', '');
                        e2pdf.event.fire('after.element.moved');
                        e2pdf.element.unselect();
                        jQuery(".e2pdf-guide-v, .e2pdf-guide-h").hide();
                    },
                    drag: function (ev, ui) {

                        var left = (ev.clientX - e2pdf.zoom.click.x + ui.originalPosition.left) / e2pdf.zoom.zoom;
                        var top = (ev.clientY - e2pdf.zoom.click.y + ui.originalPosition.top) / e2pdf.zoom.zoom;

                        left = Math.min(left, e2pdf.static.drag.max_left);
                        top = Math.min(top, e2pdf.static.drag.max_top);

                        ui.position = {
                            left: Math.max(e2pdf.static.drag.min_left, left),
                            top: Math.max(e2pdf.static.drag.min_top, top)
                        };

                        var diff_top = ui.position.top - parseFloat(e2pdf.properties.getValue(jQuery(this), 'top'));
                        var diff_left = ui.position.left - parseFloat(e2pdf.properties.getValue(jQuery(this), 'left'));
                        for (var key in e2pdf.element.selected) {
                            var selected = e2pdf.element.selected[key];
                            if (!selected.is(jQuery(this))) {
                                selected.finish().animate({
                                    left: parseFloat(e2pdf.properties.getValue(selected, 'left')) + diff_left,
                                    top: parseFloat(e2pdf.properties.getValue(selected, 'top')) + diff_top,
                                }, 0);
                            }
                        }

                        var guides = {top: {dist: e2pdf.static.guide.distance + 1}, left: {dist: e2pdf.static.guide.distance + 1}};
                        var w = parseFloat(jQuery(this).css('width'));
                        var h = parseFloat(jQuery(this).css('height'));
                        var el_guides = e2pdf.guide.calc(null, ui.position, w, h);

                        jQuery.each(e2pdf.static.guide.guides, function (i, guide) {
                            jQuery.each(el_guides, function (i, elemGuide) {
                                if (guide.type == elemGuide.type) {
                                    var prop = guide.type == "h" ? "top" : "left";
                                    var d = Math.abs(elemGuide[prop] - guide[prop]);
                                    if (d < guides[prop].dist) {
                                        guides[prop].dist = d;
                                        guides[prop].offset = elemGuide[prop] - ui.position[prop];
                                        guides[prop].guide = guide;
                                    }
                                }
                            });
                        });

                        if (guides.top.dist <= e2pdf.static.guide.distance) {

                            jQuery(this).closest('.e2pdf-page').find(".e2pdf-guide-h").css("top", guides.top.guide.top).show();

                            var snap_top = guides.top.guide.top - guides.top.offset;

                            if (e2pdf.static.drag.max_top >= snap_top && snap_top >= e2pdf.static.drag.min_top) {
                                ui.position.top = snap_top;

                                var guide_diff_top = ui.position.top - parseFloat(e2pdf.properties.getValue(jQuery(this), 'top'));

                                for (var key in e2pdf.element.selected) {
                                    var selected = e2pdf.element.selected[key];
                                    if (!selected.is(jQuery(this))) {
                                        selected.finish().animate({
                                            top: parseFloat(e2pdf.properties.getValue(selected, 'top')) + guide_diff_top,
                                        }, 0);
                                    }
                                }
                            }
                        } else {
                            jQuery(".e2pdf-guide-h").hide();
                        }

                        if (guides.left.dist <= e2pdf.static.guide.distance) {
                            jQuery(this).closest('.e2pdf-page').find(".e2pdf-guide-v").css("left", guides.left.guide.left).show();

                            var snap_left = guides.left.guide.left - guides.left.offset;

                            if (e2pdf.static.drag.max_left >= snap_left && snap_left >= e2pdf.static.drag.min_left) {
                                ui.position.left = snap_left;

                                var guide_diff_left = ui.position.left - parseFloat(e2pdf.properties.getValue(jQuery(this), 'left'));

                                for (var key in e2pdf.element.selected) {
                                    var selected = e2pdf.element.selected[key];
                                    if (!selected.is(jQuery(this))) {
                                        selected.finish().animate({
                                            left: parseFloat(e2pdf.properties.getValue(selected, 'left')) + guide_diff_left,
                                        }, 0);
                                    }
                                }
                            }
                        } else {
                            jQuery(".e2pdf-guide-v").hide();
                        }

                    },
                    start: function (ev, ui) {

                        e2pdf.element.select(jQuery(this));

                        e2pdf.static.drag.min_left = 0;
                        e2pdf.static.drag.max_left = jQuery(this).closest('.e2pdf-page').width();
                        e2pdf.static.drag.min_top = 0;
                        e2pdf.static.drag.max_top = jQuery(this).closest('.e2pdf-page').height();

                        for (var key in e2pdf.element.selected) {
                            var selected = e2pdf.element.selected[key];

                            if (selected.hasClass('e2pdf-width-auto')) {
                                selected.css({"width": "auto"});
                            }

                            if (selected.hasClass('e2pdf-height-auto')) {
                                selected.css({"height": "auto"});
                            }

                            var padding_top = e2pdf.helper.convertPxToFloat(selected.css('padding-top'));
                            var padding_left = e2pdf.helper.convertPxToFloat(selected.css('padding-left'));
                            var padding_right = e2pdf.helper.convertPxToFloat(selected.css('padding-right'));
                            var padding_bottom = e2pdf.helper.convertPxToFloat(selected.css('padding-bottom'));
                            var border_top = e2pdf.helper.convertPxToFloat(selected.css('border-top-width'));
                            var border_left = e2pdf.helper.convertPxToFloat(selected.css('border-left-width'));
                            var border_right = e2pdf.helper.convertPxToFloat(selected.css('border-right-width'));
                            var border_bottom = e2pdf.helper.convertPxToFloat(selected.css('border-bottom-width'));
                            e2pdf.static.drag.min_left = Math.max(parseFloat(e2pdf.properties.getValue(jQuery(this), 'left')) - e2pdf.properties.getValue(selected, 'left'), e2pdf.static.drag.min_left);
                            e2pdf.static.drag.min_top = Math.max(parseFloat(e2pdf.properties.getValue(jQuery(this), 'top')) - e2pdf.properties.getValue(selected, 'top'), e2pdf.static.drag.min_top);
                            e2pdf.static.drag.max_left = Math.min(selected.closest('.e2pdf-page').width() - selected.width() - padding_left - padding_right - border_left - border_right + (parseFloat(e2pdf.properties.getValue(jQuery(this), 'left')) - parseFloat(e2pdf.properties.getValue(selected, 'left'))), e2pdf.static.drag.max_left);
                            e2pdf.static.drag.max_top = Math.min(selected.closest('.e2pdf-page').height() - selected.height() - padding_top - padding_bottom - border_top - border_bottom + (parseFloat(e2pdf.properties.getValue(jQuery(this), 'top')) - parseFloat(e2pdf.properties.getValue(selected, 'top'))), e2pdf.static.drag.max_top);
                        }

                        e2pdf.zoom.click.x = ev.clientX;
                        e2pdf.zoom.click.y = ev.clientY;
                        jQuery('.page-options-icons').css('z-index', -1);
                    }
                });
                // If element resizable
                if (element.hasClass('e2pdf-resizable')) {
                    element.resizable({
                        aspectRatio: aspect,
                        minHeight: min_height,
                        start: function (ev, ui) {
                            var left = parseFloat(jQuery(this).css('left'));
                            var top = parseFloat(jQuery(this).css('top'));
                            var page_width = parseFloat(jQuery(this).closest('.e2pdf-page').css('width'));
                            var page_height = parseFloat(jQuery(this).closest('.e2pdf-page').css('height'));
                            jQuery(this).resizable("option", "maxWidth", page_width - left);
                            jQuery(this).resizable("option", "maxHeight", page_height - top);

                            var padding_top = e2pdf.helper.convertPxToFloat(jQuery(this).css('padding-top'));
                            var padding_left = e2pdf.helper.convertPxToFloat(jQuery(this).css('padding-left'));
                            var padding_right = e2pdf.helper.convertPxToFloat(jQuery(this).css('padding-right'));
                            var padding_bottom = e2pdf.helper.convertPxToFloat(jQuery(this).css('padding-bottom'));
                            var border_top = e2pdf.helper.convertPxToFloat(jQuery(this).css('border-top-width'));
                            var border_left = e2pdf.helper.convertPxToFloat(jQuery(this).css('border-left-width'));
                            var border_right = e2pdf.helper.convertPxToFloat(jQuery(this).css('border-right-width'));
                            var border_bottom = e2pdf.helper.convertPxToFloat(jQuery(this).css('border-bottom-width'));

                            ui.originalSize.width = ui.originalSize.width + padding_left + padding_right + border_left + border_right;
                            ui.originalSize.height = ui.originalSize.height + padding_top + padding_bottom + border_top + border_bottom;

                            e2pdf.zoom.click.x = ev.clientX;
                            e2pdf.zoom.click.y = ev.clientY;
                        },
                        resize: function (ev, ui) {
                        },
                        stop: function (event, ui) {
                            e2pdf.properties.set(jQuery(this), 'width', ui.size.width);
                            e2pdf.properties.set(jQuery(this), 'height', ui.size.height);
                        }
                    });
                } else if (element.hasClass('e2pdf-resizable-horizontal')) {
                    element.resizable({
                        handles: 'e, w, se',
                        resize: function (e, ui) {
                            jQuery(this).css('height', 'auto');
                        },
                        start: function (e, ui) {
                            var left = parseFloat(jQuery(this).css('left'));
                            var page_width = parseFloat(jQuery(this).closest('.e2pdf-page').css('width'));
                            jQuery(this).resizable("option", "maxWidth", page_width - left);
                        },
                        stop: function (event, ui) {
                            e2pdf.properties.set(jQuery(this), 'width', ui.size.width);
                            e2pdf.properties.set(jQuery(this), 'height', ui.size.height);
                        }
                    }
                    );
                }
                if (!onload) {
                    e2pdf.event.fire('after.element.create');
                }
                return element;
            } else {
                return false;
            }
        },
        //e2pdf.element.children
        children: function (el) {

            var children = false;

            if (el.data('data-type') === 'e2pdf-html') {
                children = el.find('.e2pdf-html');
            } else if (el.data('data-type') === 'e2pdf-input') {
                children = el.find('.e2pdf-input');
            } else if (el.data('data-type') === 'e2pdf-textarea') {
                children = el.find('.e2pdf-textarea');
            } else if (el.data('data-type') === 'e2pdf-select') {
                children = el.find('.e2pdf-select');
            } else if (el.data('data-type') === 'e2pdf-radio') {
                children = el.find('.e2pdf-radio');
            } else if (el.data('data-type') === 'e2pdf-checkbox') {
                children = el.find('.e2pdf-checkbox');
            } else if (el.data('data-type') === 'e2pdf-image') {
                children = el.find('.e2pdf-image');
            }
            return children;
        },
        //e2pdf.element.copy
        copy: function (el) {
            e2pdf.element.init(el);
            e2pdf.element.buffer(el.clone(true));
        },
        //e2pdf.element.cut
        cut: function (el) {
            e2pdf.element.init(el);
            e2pdf.element.buffer(el.clone(true));
            e2pdf.element.delete(el);
        },
        //e2pdf.element.select
        select: function (el) {
            var selected = false;
            for (var key in e2pdf.element.selected) {
                if (e2pdf.element.selected[key].is(el)) {
                    selected = true;
                }
            }
            if (!selected) {
                el.addClass('e2pdf-selected');
                e2pdf.element.selected.push(el);
            }
        },
        //e2pdf.element.unselect
        unselect: function (el) {
            if (!el) {
                jQuery('.e2pdf-selected').removeClass('e2pdf-selected');
                e2pdf.element.selected = [];
            } else {
                for (var key in e2pdf.element.selected) {
                    if (e2pdf.element.selected[key].is(el)) {
                        el.removeClass('e2pdf-selected');
                        delete e2pdf.element.selected[key];
                    }
                }
            }
        },
        //e2pdf.element.buffer
        buffer: function (el) {
            var buffered = false;
            for (var key in e2pdf.element.buffered) {
                if (e2pdf.element.buffered[key].is(el)) {
                    buffered = true;
                }
            }
            if (!buffered) {
                e2pdf.element.buffered.push(el);
            }
        },
        //e2pdf.element.unbuffer
        unbuffer: function (el) {
            if (!el) {
                e2pdf.element.buffered = [];
            } else {
                for (var key in e2pdf.element.buffered) {
                    if (e2pdf.element.buffered[key].is(el)) {
                        delete e2pdf.element.buffered[key];
                    }
                }
            }
        },
        //e2pdf.element.hide
        hide: function (el) {
            el.addClass('e2pdf-hide');
        },
        //e2pdf.element.show
        show: function (el) {
            el.removeClass('e2pdf-hide');
        },
        //e2pdf.element.paste
        paste: function (keep_position) {
            e2pdf.element.unselect();
            var min_top = 99999999;
            var min_left = 9999999;
            var left_correction = 0;
            var top_correction = 0;
            if (!keep_position) {
                for (var key in e2pdf.element.buffered) {
                    var buffered = e2pdf.element.buffered[key];
                    min_top = Math.min(e2pdf.properties.getValue(buffered, 'top'), min_top);
                    min_left = Math.min(e2pdf.properties.getValue(buffered, 'left'), min_left);
                }

                for (var key in e2pdf.element.buffered) {
                    var buffered = e2pdf.element.buffered[key];
                    var context = jQuery('.e2pdf-context');
                    var properties = e2pdf.properties.get(buffered);
                    var width = parseFloat(properties['width']);
                    var height = parseFloat(properties['height']);
                    var page = context.closest('.e2pdf-page');
                    var top = parseFloat(e2pdf.helper.convertPxToFloat(context.css('top')) + (parseFloat(properties['top'] - min_top)));
                    var left = parseFloat(e2pdf.helper.convertPxToFloat(context.css('left')) + (parseFloat(properties['left']) - min_left));
                    if ((left + width) > parseFloat(page.css('width'))) {
                        var correction = left - (parseFloat(page.css('width')) - width);
                        left_correction = Math.max(correction, left_correction);
                    }

                    if ((top + height) > parseFloat(page.css('height'))) {
                        var correction = top - (parseFloat(page.css('height')) - height);
                        top_correction = Math.max(correction, top_correction);
                    }
                }
            }

            for (var key in e2pdf.element.buffered) {
                var buffered = e2pdf.element.buffered[key];
                var context = jQuery('.e2pdf-context');
                var properties = e2pdf.properties.get(buffered);
                var actions = e2pdf.actions.get(buffered);
                var width = parseFloat(properties['width']);
                var height = parseFloat(properties['height']);
                var page = context.closest('.e2pdf-page');
                var type = buffered.data('data-type');
                if (!keep_position) {

                    var top = parseFloat(e2pdf.helper.convertPxToFloat(context.css('top')) + (parseFloat(properties['top'] - min_top)) - top_correction);
                    var left = parseFloat(e2pdf.helper.convertPxToFloat(context.css('left')) + (parseFloat(properties['left']) - min_left) - left_correction);
                    properties['top'] = top;
                    properties['left'] = left;
                }
                //changed
                var el = e2pdf.element.create(type, page, properties, actions);
                page.append(el);
                e2pdf.properties.render(el);
                e2pdf.element.select(el);
            }

            e2pdf.event.fire('after.element.paste');
        },
        //e2pdf.element.delete
        delete: function (el) {
            el.remove();
            e2pdf.event.fire('after.element.delete');
        }
    },
    //e2pdf.wysiwyg
    wysiwyg: {
        //e2pdf.wysiwyg.apply
        apply: function (el) {
            var command = el.attr('data-command');
            if (command === 'H1') {
                var node = jQuery(e2pdf.wysiwyg.helper.getSelectedNode());
                if (node.is("h1") && document.getSelection().toString() === node.text()) {
                    e2pdf.wysiwyg.clear('h1');
                } else {
                    var html = jQuery('<h1/>').html(e2pdf.wysiwyg.helper.getSelectionHtml()).prop('outerHTML');
                    document.execCommand('insertHTML', false, html);
                }
            } else if (command === 'H2') {
                var node = jQuery(e2pdf.wysiwyg.helper.getSelectedNode());
                if (node.is("h2") && document.getSelection().toString() === node.text()) {
                    e2pdf.wysiwyg.clear('h2');
                } else {
                    var html = jQuery('<h2/>').html(e2pdf.wysiwyg.helper.getSelectionHtml()).prop('outerHTML');
                    document.execCommand('insertHTML', false, html);
                }
            } else if (command === 'createlink') {
                url = prompt(e2pdfLang['Enter link here'] + ': ', 'http:\/\/');
                document.execCommand(command, false, url);
            } else if (command === 'font-size') {
                var font_size = el.find('option:selected').html();
                var node = jQuery(e2pdf.wysiwyg.helper.getSelectedNode());
                if (node.is("span") && document.getSelection().toString() === node.text()) {
                    var html = node.css('font-size', font_size).prop('outerHTML');
                } else {
                    var html = jQuery('<span/>').html(e2pdf.wysiwyg.helper.getSelectionHtml()).css('font-size', font_size).prop('outerHTML');
                }
                document.execCommand('insertHTML', false, html);
                el.val('');
            } else if (command === 'font') {
                e2pdf.font.load(el);
                var font = el.find('option:selected').html();
                var node = jQuery(e2pdf.wysiwyg.helper.getSelectedNode());
                if (node.is("span") && document.getSelection().toString() === node.text()) {
                    var html = node.css('font-family', '"' + font + '"').prop('outerHTML');
                } else {
                    var html = jQuery('<span/>').html(e2pdf.wysiwyg.helper.getSelectionHtml()).css('font-family', '"' + font + '"').prop('outerHTML');
                }

                document.execCommand('insertHTML', false, html);
                el.val('');
            } else if (command === 'color') {
                e2pdf.wysiwyg.helper.restoreSelection(e2pdf.static.selectionRange);
                var color = el.val();
                document.execCommand('foreColor', false, color);
                e2pdf.static.selectionRange = e2pdf.wysiwyg.helper.saveSelection();
            } else if (command === 'clear') {
                document.execCommand("removeformat", false, "");
                e2pdf.wysiwyg.clear();
            } else {
                document.execCommand(command, false, null);
            }

            e2pdf.event.fire('after.wysiwyg.apply');
        },
        clear: function (tags) {
            if (!tags) {
                var tags = "h1,h2";
            }
            var array = tags.toLowerCase().split(",");
            e2pdf.wysiwyg.helper.getSelectedNodes().forEach(function (node) {
                if (node.nodeType === 1 &&
                        array.indexOf(node.tagName.toLowerCase()) > -1) {
                    e2pdf.wysiwyg.helper.replaceWithOwnChildren(node);
                }
            });
        },
        helper: {
            getSelectedNodes: function () {
                var nodes = [];
                if (window.getSelection) {
                    var sel = window.getSelection();
                    for (var i = 0, len = sel.rangeCount; i < len; ++i) {
                        nodes.push.apply(nodes, e2pdf.wysiwyg.helper.getRangeSelectedNodes(sel.getRangeAt(i), true));
                    }
                }
                return nodes;
            },
            replaceWithOwnChildren: function (el) {
                var parent = el.parentNode;
                while (el.hasChildNodes()) {
                    parent.insertBefore(el.firstChild, el);
                }
                parent.removeChild(el);
            },
            getRangeSelectedNodes: function (range, includePartiallySelectedContainers) {
                var node = range.startContainer;
                var endNode = range.endContainer;
                var rangeNodes = [];
                if (node === endNode) {
                    rangeNodes = [node];
                } else {
                    while (node && node !== endNode) {
                        rangeNodes.push(node = e2pdf.wysiwyg.helper.nextNode(node));
                    }
                    node = range.startContainer;
                    while (node && node !== range.commonAncestorContainer) {
                        rangeNodes.unshift(node);
                        node = node.parentNode;
                    }
                }

                if (includePartiallySelectedContainers) {
                    node = range.commonAncestorContainer;
                    while (node) {
                        rangeNodes.push(node);
                        node = node.parentNode;
                    }
                }

                return rangeNodes;
            },
            getSelectedNode: function () {
                var node, selection;
                if (window.getSelection) {
                    selection = getSelection();
                    node = selection.anchorNode;
                }
                if (!node && document.selection) {
                    selection = document.selection
                    var range = selection.getRangeAt ? selection.getRangeAt(0) : selection.createRange();
                    node = range.commonAncestorContainer ? range.commonAncestorContainer :
                            range.parentElement ? range.parentElement() : range.item(0);
                }
                if (node) {
                    return (node.nodeName === "#text" ? node.parentNode : node);
                }
            },
            nextNode: function (node) {

                if (node.hasChildNodes()) {
                    return node.firstChild;
                } else {
                    while (node && !node.nextSibling) {
                        node = node.parentNode;
                    }
                    if (!node) {
                        return null;
                    }
                    return node.nextSibling;
                }

            },
            getSelectionHtml: function () {
                var html = "";
                if (typeof window.getSelection != "undefined") {
                    var sel = window.getSelection();
                    if (sel.rangeCount) {
                        var container = document.createElement("div");
                        for (var i = 0, len = sel.rangeCount; i < len; ++i) {
                            container.appendChild(sel.getRangeAt(i).cloneContents());
                        }
                        html = container.innerHTML;
                    }
                } else if (typeof document.selection != "undefined") {
                    if (document.selection.type === "Text") {
                        html = document.selection.createRange().htmlText;
                    }
                }
                return html;
            },
            saveSelection: function () {
                if (window.getSelection) {
                    sel = window.getSelection();
                    if (sel.getRangeAt && sel.rangeCount) {
                        return sel.getRangeAt(0);
                    }
                } else if (document.selection && document.selection.createRange) {
                    return document.selection.createRange();
                }
                return null;
            },
            restoreSelection: function (range) {
                if (range) {
                    if (window.getSelection) {
                        sel = window.getSelection();
                        sel.removeAllRanges();
                        sel.addRange(range);
                    } else if (document.selection && range.select) {
                        range.select();
                    }
                }
            }
        }
    },
    //e2pdf.visual
    visual: {
        //e2pdf.visual.mapper
        mapper: {
            selected: null,
            //e2pdf.visual.mapper.init
            init: function (el) {
                e2pdf.visual.mapper.selected = el;
                var modal = jQuery('<div/>', {'data-modal': 'visual-mapper'});
                e2pdf.dialog.create(modal);
            },
            //e2pdf.visual.mapper.markup
            markup: function () {
                e2pdf.dialog.rebuild();
            },
            //e2pdf.visual.mapper.rebuild
            rebuild: function () {
                if (jQuery('#e2pdf-vm-content').length > 0) {
                    var vc_content = jQuery('#e2pdf-vm-content');
                    var vc_wrapper = jQuery('<div/>', {'class': 'e2pdf-vm-wrapper'});
                    vc_content.find('input[type="text"], input[type="radio"], input[type="checkbox"], input[type="password"], input[type="url"], input[type="number"], input[type="tel"], input[type="phone"], input[type="credit_card_cvc"], input[type="email"], input[type="color_picker"], input[type="range"], input[type="file"], button[type="upload"], textarea, select').each(function () {
                        vc_wrapper.append(e2pdf.visual.mapper.load(jQuery(this)));
                    });
                    vc_content.append(vc_wrapper);
                }
            },
            //e2pdf.visual.mapper.clear
            clear: function () {
                if (jQuery('.e2pdf-vm-wrapper').length > 0) {
                    jQuery('.e2pdf-vm-wrapper').remove();
                }
            },
            load: function (el) {
                var loaded = false;
                jQuery('.e2pdf-vm-field').removeClass('e2pdf-hide');
                if (el.is(":visible") && !el.hasClass('e2pdf-no-vm')) {
                    var width = el.css('width');
                    var height = el.css('height');
                    var top = el.offset().top - el.closest('#e2pdf-vm-content').offset().top;
                    var left = el.offset().left - el.closest('#e2pdf-vm-content').offset().left;
                    loaded = jQuery('<a/>', {'href': 'javascript:void(0);', 'class': 'e2pdf-vm-element'}).css({
                        'width': width, 'height': height, 'top': top, 'left': left
                    });
                    var name = el.attr('name');
                    var type = el.attr('type');
                    var value = el.attr('value');
                    if (el.is("select")) {
                        type = 'select';
                        value = '';
                        el.find('option').each(function () {
                            value += jQuery(this).attr('value');
                            if (jQuery(this)[0] !== el.find('option:last-child')[0]) {
                                value += "\n";
                            }
                        });
                    }

                    loaded.data('name', name);
                    loaded.data('type', type);
                    loaded.data('value', value);
                    jQuery('.e2pdf-vm-field').addClass('e2pdf-hide');
                }
                return loaded;
            },
            apply: function (el) {
                if (e2pdf.visual.mapper.selected) {
                    var name = el.data('name');
                    var value = el.data('value');
                    var type = el.data('type');
                    if (e2pdf.visual.mapper.selected.data('data-type') === 'e2pdf-checkbox') {
                        e2pdf.properties.set(e2pdf.visual.mapper.selected, 'value', name);
                        e2pdf.properties.set(e2pdf.visual.mapper.selected, 'option', value);
                    } else if (e2pdf.visual.mapper.selected.data('data-type') === 'e2pdf-radio') {
                        e2pdf.properties.set(e2pdf.visual.mapper.selected, 'group', name);
                        e2pdf.properties.set(e2pdf.visual.mapper.selected, 'value', name);
                        e2pdf.properties.set(e2pdf.visual.mapper.selected, 'option', value);
                    } else if (e2pdf.visual.mapper.selected.data('data-type') === 'e2pdf-select') {
                        e2pdf.properties.set(e2pdf.visual.mapper.selected, 'value', name);
                        e2pdf.properties.set(e2pdf.visual.mapper.selected, 'options', value);
                    } else if (e2pdf.visual.mapper.selected.data('data-type') === 'e2pdf-image') {
                        e2pdf.properties.set(e2pdf.visual.mapper.selected, 'value', name);
                    } else {
                        e2pdf.properties.set(e2pdf.visual.mapper.selected, 'value', name);
                    }

                    e2pdf.properties.render(e2pdf.visual.mapper.selected);
                    e2pdf.visual.mapper.selected = null;
                }
                e2pdf.dialog.close();
            }
        }
    },
    zoom: {
        zoom: 1,
        click: {
            x: 0,
            y: 0
        },
        apply: function (el) {
            jQuery('#e2pdf-tpl').removeClass(function (index, className) {
                return (className.match(/(^|\s)e2pdf-z\S+/g) || []).join(' ');
            });
            if (el.val() !== '100') {
                jQuery('#e2pdf-tpl').addClass("e2pdf-z" + el.val());
            }

            e2pdf.zoom.zoom = el.val() / 100;
            jQuery('#e2pdf-tpl').scrollLeft(((jQuery('.e2pdf-tpl-inner').width() * e2pdf.zoom.zoom) - jQuery('#e2pdf-tpl').width()) / 2);
        }
    }
};



jQuery(window).resize(function () {
    e2pdf.visual.mapper.clear();
    if (this.e2pdfResizeTO)
        clearTimeout(this.e2pdfResizeTO);
    this.e2pdfResizeTO = setTimeout(function () {
        jQuery(this).trigger('e2pdfResizeEnd');
    }, 500);
});

jQuery(window).bind('e2pdfResizeEnd', function () {
    e2pdf.dialog.rebuild();
});

jQuery(document).ready(function () {

    jQuery('a.e2pdf-link[disabled="disabled"]').live('click', function (e) {
        e.stopPropagation();
        e.preventDefault();
        e.stopImmediatePropagation();
        return false;
    });

    jQuery('.e2pdf-action-add').live('click', function (e) {
        var actions = jQuery(this).closest('.e2pdf-actions-wrapper').find('.e2pdf-actions');
        var element = jQuery(".e2pdf-element[data-element_id='" + jQuery(this).closest('form').find('input[name="element_id"]').val() + "']").first();
        e2pdf.actions.add(element, actions);
        jQuery(this).trigger('e2pdfResizeEnd');
    });

    jQuery('.e2pdf-action-condition-add').live('click', function (e) {
        var action_conditions = jQuery(this).closest('.e2pdf-action');
        var element = jQuery(".e2pdf-element[data-element_id='" + jQuery(this).closest('form').find('input[name="element_id"]').val() + "']").first();
        e2pdf.actions.conditions.add(element, action_conditions);
        jQuery(this).trigger('e2pdfResizeEnd');
    });

    jQuery('.e2pdf-action-delete').live('click', function (e) {
        if (!confirm(e2pdfLang['Action will be removed! Are you sure want to continue?'])) {
            return false;
        }
        var action = jQuery(this).closest('.e2pdf-action');
        e2pdf.actions.delete(action);
    });

    jQuery('.e2pdf-action-condition-delete').live('click', function (e) {
        var action = jQuery(this).closest('.e2pdf-action');
        if (action.find('.e2pdf-condition').length === 1) {
            alert(e2pdfLang["Last condition can't be removed"]);
            return false;
        }
        if (!confirm(e2pdfLang['Condition will be removed! Are you sure want to continue?'])) {
            return false;
        }
        var condition = jQuery(this).closest('.e2pdf-condition');
        e2pdf.actions.conditions.delete(condition);
    });

    jQuery('#e2pdf-zoom').live('change', function () {
        e2pdf.zoom.apply(jQuery(this));
    });

    jQuery('#e2pdf-extension').live('change', function () {
        e2pdf.request.submitRequest('e2pdf_extension', jQuery(this));
    });

    jQuery('.e2pdf-action-action select, .e2pdf-action-property select').live('change', function () {
        var action = jQuery(this).closest('.e2pdf-action');
        e2pdf.actions.change(action);
    });

    jQuery('.e2pdf-tabs a').live('click', function () {
        jQuery(this).closest('.e2pdf-tabs-panel').find('.tabs-panel').hide()
        var tab = jQuery(this);
        tab.closest('ul').find('li').removeClass('active');
        tab.parent('li').addClass('active');
        jQuery(document.getElementById(tab.attr('data-tab'))).show();
    });

    jQuery('.e2pdf-hidden-dropdown').live('click', function () {
        var parent = jQuery(this).closest('.e2pdf-closed');
        if (parent.hasClass('e2pdf-opened')) {
            parent.removeClass('e2pdf-opened');
        } else {
            jQuery('.e2pdf-closed').each(function () {
                jQuery(this).removeClass('e2pdf-opened');
            });
            parent.addClass('e2pdf-opened');
        }
    });

    jQuery('.e2pdf-submit-form').live('click', function (e) {
        e.preventDefault();
        var el = jQuery(this);
        e2pdf.request.submitForm(el);
    });

    jQuery('.e2pdf-submit-local').live('click', function () {
        var el = jQuery(this);
        e2pdf.request.submitLocal(el);
    });

    jQuery('.e2pdf-delete').live('click', function () {
        var message = Object.keys(e2pdf.element.selected).length > 1 ? e2pdfLang['Elements will be removed! Are you sure want to continue?'] : e2pdfLang['Element will be removed! Are you sure want to continue?'];
        if (!confirm(message)) {
            e2pdf.delete('.e2pdf-context');
            return false;
        }
        for (var key in e2pdf.element.selected) {
            var selected = e2pdf.element.selected[key];
            e2pdf.element.delete(selected);
        }

        e2pdf.element.unselect();
    });

    jQuery('.e2pdf-copy').live('click', function () {
        e2pdf.element.unbuffer();

        for (var key in e2pdf.element.selected) {
            var selected = e2pdf.element.selected[key];
            e2pdf.element.copy(selected);
        }
    });

    jQuery('.e2pdf-hidden').live('click', function () {
        for (var key in e2pdf.element.selected) {
            var selected = e2pdf.element.selected[key];
            e2pdf.element.hide(selected);
        }
    });

    jQuery('.e2pdf-unhidden').live('click', function () {
        for (var key in e2pdf.element.selected) {
            var selected = e2pdf.element.selected[key];
            e2pdf.element.show(selected);
        }
    });

    jQuery('.e2pdf-cut').live('click', function () {
        e2pdf.element.unbuffer();
        for (var key in e2pdf.element.selected) {
            var selected = e2pdf.element.selected[key];
            e2pdf.element.cut(selected);
        }
    });

    jQuery('.e2pdf-paste').live('click', function () {
        e2pdf.element.paste(false);
    });

    jQuery('.e2pdf-pasteinplace').live('click', function () {
        e2pdf.element.paste(true);
    });

    jQuery('.e2pdf-checkbox').live('click', function () {
        return false;
    });

    jQuery('.e2pdf-radio').live('click', function () {
        return false;
    });

    jQuery('.e2pdf-hide-controls').live('click', function () {

        if (jQuery(this).hasClass('e2pdf-inactive')) {
            jQuery('html').removeClass('e2pdf-hide-markup');
            jQuery(this).removeClass('e2pdf-inactive');
        } else {
            jQuery('html').addClass('e2pdf-hide-markup');
            jQuery(this).addClass('e2pdf-inactive');
        }
    });

    jQuery('.e2pdf-hidden-elements').live('click', function () {
        if (jQuery(this).hasClass('e2pdf-inactive')) {
            jQuery('html').addClass('e2pdf-show-all-elements');
            jQuery(this).removeClass('e2pdf-inactive');
        } else {
            jQuery('html').removeClass('e2pdf-show-all-elements');
            jQuery(this).addClass('e2pdf-inactive');
        }
    });

    jQuery('.e2pdf-add-page').live('click', function () {
        if (e2pdf.pdf.settings.get('pdf')) {
            alert(e2pdfLang['Adding new pages not available in "Uploaded PDF"']);
        } else if (e2pdfParams['license_type'] == 'FREE') {
            alert(e2pdfLang['Only 1 page allowed with "FREE" license type']);
        } else {
            e2pdf.pages.createPage();
        }
    });

    jQuery('.e2pdf-create-pdf').live('click', function () {
        e2pdf.createPdf(jQuery(this));
    });

    jQuery('.e2pdf-up-page').live('click', function () {
        e2pdf.pages.movePage(jQuery(this), 'up');
    });

    jQuery('.e2pdf-down-page').live('click', function () {
        e2pdf.pages.movePage(jQuery(this), 'down');
    });

    jQuery('.e2pdf-delete-page').live('click', function () {
        if (e2pdf.pdf.settings.get('pdf')) {
            if (!confirm(e2pdfLang['All pages will be removed! Are you sure want to continue?'])) {
                return false;
            }
            jQuery('#e2pdf-tpl .e2pdf-page').each(function () {
                var el = jQuery(this);
                e2pdf.pages.deletePage(el);
            });
        } else {
            if (!confirm(e2pdfLang['Are you sure want to remove page?'])) {
                return false;
            }
            var el = jQuery(jQuery(this));
            e2pdf.pages.deletePage(el);
        }
    });

    jQuery('.e2pdf-delete-all-pages').live('click', function () {
        if (!confirm(e2pdfLang['All pages will be removed! Are you sure want to continue?'])) {
            return false;
        }
        jQuery('#e2pdf-tpl .e2pdf-page').each(function () {
            var el = jQuery(this);
            e2pdf.pages.deletePage(el);
        });
    });

    jQuery('.e2pdf-delete-font').live('click', function () {
        if (!confirm(e2pdfLang['Are you sure want to remove font?'])) {
            return false;
        }
        var el = jQuery(jQuery(this));
        e2pdf.font.delete(el);
    });

    jQuery('.e2pdf-modal').live('click', function () {
        e2pdf.dialog.create(jQuery(this));
    });

    jQuery('body').live('click', function (e) {
        e2pdf.delete('.e2pdf-context');
    });

    jQuery('#e2pdf-font').live('change', function () {
        e2pdf.font.load(jQuery(this));
        e2pdf.font.apply(jQuery('#e2pdf-tpl'), jQuery(this));
    });

    jQuery('#e2pdf-export-template').live('change', function () {
        e2pdf.request.submitRequest('e2pdf_templates', jQuery(this));
    });

    jQuery('#e2pdf-export-dataset').live('change', function () {
        var data = {};
        data['template'] = jQuery('#e2pdf-export-template').val();
        data['dataset'] = jQuery('#e2pdf-export-dataset').val();
        e2pdf.request.submitRequest('e2pdf_dataset', jQuery(this), data);
    });

    jQuery('#e2pdf-font-size').live('change', function () {
        e2pdf.font.size(jQuery('#e2pdf-tpl'), jQuery(this));
    });

    jQuery('.e2pdf-numbers').live('keydown', function (e) {
        if (jQuery.inArray(e.keyCode, [46, 8, 9, 27, 13, 107, 109, 110, 189, 190]) !== -1 ||
                ((e.keyCode === 65 || e.keyCode === 86 || e.keyCode === 67) && (e.ctrlKey === true || e.metaKey === true)) ||
                (e.shiftKey === true && e.keyCode === 187) ||
                (e.keyCode >= 35 && e.keyCode <= 40)) {

            if ((e.keyCode === 109 || e.keyCode === 189) && !jQuery(this).hasClass('e2pdf-number-negative')) {
                e.preventDefault();
            } else if ((e.keyCode === 187 || e.keyCode === 107) && !jQuery(this).hasClass('e2pdf-number-positive')) {
                e.preventDefault();
            } else {
                return;
            }
        }
        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
            e.preventDefault();
        }
    });

    jQuery('.e2pdf-numbers').live('change', function (e) {
        var value = jQuery(this).val().trim();
        var prefix = '';
        if (jQuery(this).hasClass('e2pdf-number-positive') && value.startsWith('+')) {
            prefix = '+';
        }
        value = parseFloat(value);
        if (isNaN(value)) {
            value = 0;
        }
        jQuery(this).val(prefix + value);
    });

    jQuery('#e2pdf-font-color').live('change', function () {
        e2pdf.font.fontcolor(jQuery('#e2pdf-tpl'), jQuery('#e2pdf-font-color'));
    });

    jQuery('#e2pdf-line-height').live('change', function () {
        e2pdf.font.line(jQuery('#e2pdf-tpl'), jQuery(this));
    });

    jQuery('.e2pdf-upload').live('click', function (e) {
        e.preventDefault();
        for (var key in e2pdf.element.selected) {
            var selected = e2pdf.element.selected[key];
            e2pdf.mediaUploader.init(selected);
        }
    });

    jQuery('.e2pdf-visual').live('click', function (e) {
        for (var key in e2pdf.element.selected) {
            var selected = e2pdf.element.selected[key];
            e2pdf.visual.mapper.init(selected);
        }
    });

    jQuery('.e2pdf-apply-wysiwyg').live('click', function () {
        e2pdf.wysiwyg.apply(jQuery(this));
    });

    jQuery('.e2pdf-apply-wysiwyg-color').live('click', function (e) {
        e2pdf.static.selectionRange = e2pdf.wysiwyg.helper.saveSelection();
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
        var color_panel = jQuery(this).parent().find('.wp-picker-container');
        if (!color_panel.hasClass('wp-picker-active')) {
            color_panel.find('.wp-color-result').click();
            if (color_panel.find('.wp-color-close').length === 0) {
                var close = jQuery('<a>', {"class": "wp-color-close", "href": "javascript:void(0);", 'onclick': "e2pdf.helper.color.close(this);"});
                var width = parseFloat(jQuery(this).css('width'));
                var height = parseFloat(jQuery(this).css('height'));
                close.css({'width': width, "height": height, "margin-top": -height});
                color_panel.append(close);
            }
        }
    });

    jQuery('#e2pdf-wysiwyg-font-color').live('change', function (e) {
        e2pdf.wysiwyg.apply(jQuery(this));
    });

    jQuery('#e2pdf_wysiwyg_fontsize').live('change', function () {
        e2pdf.wysiwyg.apply(jQuery(this));
    });

    jQuery('#e2pdf_wysiwyg_font').live('change', function () {
        e2pdf.wysiwyg.apply(jQuery(this));
    });

    jQuery('#e2pdf-upload-pdf').live('change', function () {
        e2pdf.request.upload('e2pdf_upload', jQuery('#e2pdf-w-upload'));
    });

    jQuery('#e2pdf-w-reupload').live('click', function () {
        var message = "";
        if (e2pdf.static.unsaved) {
            message += e2pdfLang['WARNING: Template has changes after last save! Changes will be lost!'] + "\r\n";
        }
        message += e2pdfLang['Saved Template will be overwritten! Are you sure want to continue?'];
        if (!confirm(message)) {
            return false;
        }
        jQuery('#e2pdf-reupload-pdf').click();
    });

    jQuery('#e2pdf-reupload-pdf').live('change', function () {
        e2pdf.request.upload('e2pdf_reupload', jQuery('#e2pdf-w-reupload'));
    });

    jQuery('.e2pdf-scale-field').live('change', function () {
        var value = jQuery(this).val();
        var fields = jQuery(this).closest('.e2pdf-el-properties');
        fields.find('input[name="height"]').attr('readonly', false);
        fields.find('input[name="width"]').attr('readonly', false);
        var image = new Image();
        image.src = fields.find('*[name="value"]').val();
        image.onload = function ()
        {
            if (value === e2pdf.static.const.WIDTH) {
                fields.find('input[name="height"]').attr('readonly', 'readonly');
            } else if (value === e2pdf.static.const.HEIGHT) {
                fields.find('input[name="width"]').attr('readonly', 'readonly');
            }
        };
    });

    jQuery('.e2pdf-el-properties input[name="group"]').live('click', function () {
        jQuery(this).autocomplete("search", "");
    });

    jQuery('.e2pdf-settings-style-change').live('change', function () {
        e2pdf.event.fire('after.settings.style.change');
    });

    jQuery('.e2pdf-settings-template-change').live('change, keyup', function () {
        e2pdf.event.fire('after.settings.template.change');
    });

    jQuery('select[name="preset"]').live('change', function () {
        if (jQuery(this).val() !== '') {
            var form = jQuery(this).closest('form');
            var size = e2pdfTemplateSizes[jQuery(this).val()];
            form.find('input[name="width"]').val(size.width);
            form.find('input[name="height"]').val(size.height);
        }
    });

    jQuery('.e2pdf-vm-element').live('click', function () {
        e2pdf.visual.mapper.apply(jQuery(this));
    });

    jQuery('.e2pdf-drag').live('click', function (e) {
        var el = jQuery(this).closest('.e2pdf-element');

        if (e.ctrlKey) {
            if (el.hasClass('e2pdf-selected')) {
                e2pdf.element.unselect(el);
            } else {
                e2pdf.element.select(el);
            }
        } else {
            if (el.hasClass('e2pdf-selected')) {
                if (Object.keys(e2pdf.element.selected).length > 1) {
                    e2pdf.element.unselect();
                    e2pdf.element.select(el);
                } else {
                    e2pdf.element.unselect(el);
                }
            } else {
                if (Object.keys(e2pdf.element.selected).length > 0) {
                    e2pdf.element.unselect();
                    e2pdf.element.select(el);
                } else {
                    e2pdf.element.select(el);
                }
            }
        }
    });

    jQuery('.e2pdf-activate-template').live('click', function () {
        var data = {};
        data['id'] = jQuery(this).attr('data-id');
        e2pdf.request.submitRequest('e2pdf_activate_template', jQuery(this), data);
    });

    jQuery('.e2pdf-deactivate-template').live('click', function () {
        var data = {};
        data['id'] = jQuery(this).attr('data-id');
        e2pdf.request.submitRequest('e2pdf_deactivate_template', jQuery(this), data);
    });

    jQuery('.e2pdf-delete-item').live('click', function () {
        if (!confirm(e2pdfLang['Dataset will be removed! Are you sure want to continue?'])) {
            return false;
        }
        var data = {};
        data['template'] = jQuery(this).attr('template');
        data['dataset'] = jQuery(this).attr('dataset');
        e2pdf.request.submitRequest('e2pdf_delete_item', jQuery(this), data);
    });

    jQuery('.e2pdf-delete-items').live('click', function () {
        if (!confirm(e2pdfLang['All datasets will be removed! Are you sure want to continue?'])) {
            return false;
        }
        var data = {};
        data['template'] = jQuery(this).attr('template');
        e2pdf.request.submitRequest('e2pdf_delete_items', jQuery(this), data);
    });

    jQuery('.e2pdf-copy-field').live('click', function () {
        jQuery(this).select();
    });

    jQuery('.e2pdf-autocomplete-cl').live('click focus', function (e) {
        jQuery(this).autocomplete("search", '');
    });

    if (jQuery('.e2pdf-form-builder > input[name="sub_action"]').length > 0) {
        e2pdf.pdf.settings.set('sub_action', jQuery('.e2pdf-form-builder > input[name="sub_action"]').val());
    }

    if (jQuery('.e2pdf-form-builder > input[name="ID"]').length > 0) {
        e2pdf.pdf.settings.set('ID', jQuery('.e2pdf-form-builder > input[name="ID"]').val());
    }

    if (jQuery('.e2pdf-form-builder > input[name="width"]').length > 0) {
        e2pdf.pdf.settings.set('width', jQuery('.e2pdf-form-builder > input[name="width"]').val());
    }

    if (jQuery('.e2pdf-form-builder > input[name="height"]').length > 0) {
        e2pdf.pdf.settings.set('height', jQuery('.e2pdf-form-builder > input[name="height"]').val());
    }

    if (jQuery('.e2pdf-form-builder > input[name="extension"]').length > 0) {
        e2pdf.pdf.settings.set('extension', jQuery('.e2pdf-form-builder > input[name="extension"]').val());
    }

    if (jQuery('.e2pdf-form-builder > input[name="item"]').length > 0) {
        e2pdf.pdf.settings.set('item', jQuery('.e2pdf-form-builder > input[name="item"]').val());
    }

    if (jQuery('.e2pdf-form-builder > input[name="item"]').length > 0) {
        e2pdf.pdf.settings.set('pdf', jQuery('.e2pdf-form-builder > input[name="pdf"]').val());
    }

    if (jQuery('.e2pdf-form-builder > input[name="format"]').length > 0) {
        e2pdf.pdf.settings.set('format', jQuery('.e2pdf-form-builder > input[name="format"]').val());
    }

    jQuery('#e2pdf-zoom').trigger('change');

    if (jQuery('body').hasClass('toplevel_page_e2pdf')) {
        if (e2pdf.url.get('template_id')) {
            e2pdf.static.autoloadExport = true;
            if (jQuery("#e2pdf-export-template option[value=" + e2pdf.url.get('template_id') + "]").length == 0) {
                jQuery('#e2pdf-export-template').val('0').change();
            } else {
                jQuery('#e2pdf-export-template').val(e2pdf.url.get('template_id')).change();
            }
        }
    }

    if (jQuery('body').hasClass('e2pdf_page_e2pdf-templates')) {

        jQuery('.e2pdf-color-picker-load').each(function () {
            jQuery(this).wpColorPicker(
                    {
                        defaultColor: function () {
                            var el = jQuery(event.target).parent().find('.e2pdf-color-picker');
                            if (el.attr('data-default')) {
                                return el.attr('data-default');
                            } else {
                                return;
                            }
                        },
                        change: function (event, ui) {
                            jQuery(this).val(ui.color.toString()).change();
                        }
                    }
            ).removeClass('e2pdf-color-picker-load');
        });

        jQuery(window).bind("beforeunload", function (e) {
            if (e2pdf.static.unsaved) {
                var confirmationMessage = "\o/";
                (e || window.event).returnValue = confirmationMessage;
                return confirmationMessage;
            }
        });

        jQuery(document).bind("mousedown", function (e) {
            if (jQuery(e.target).hasClass("e2pdf-fade")) {
                e2pdf.delete('.e2pdf-fade');
                e2pdf.delete('.e2pdf-properties-window');
            }
        });

        if (jQuery('#e2pdf_build_form').length > 0) {
            postboxes.add_postbox_toggles(pagenow);
        }

        if (typeof (jQuery.ui) != 'undefined' && typeof (jQuery.ui.draggable) != 'undefined'
                && typeof (jQuery.ui.droppable) != 'undefined'
                && jQuery('.e2pdf-tpl').length > 0) {

            // jQuery UI scale bug fix
            jQuery.ui.ddmanager.prepareOffsets = function (t, event) {
                var i, j,
                        m = jQuery.ui.ddmanager.droppables[ t.options.scope ] || [],
                        type = event ? event.type : null,
                        list = (t.currentItem || t.element).find(":data(ui-droppable)").addBack();

                droppablesLoop: for (i = 0; i < m.length; i++) {
                    if (m[ i ].options.disabled || (t && !m[ i ].accept.call(m[ i ].element[ 0 ], (t.currentItem || t.element)))) {
                        continue;
                    }
                    for (j = 0; j < list.length; j++) {
                        if (list[ j ] === m[ i ].element[ 0 ]) {
                            m[ i ].proportions().height = 0;
                            continue droppablesLoop;
                        }
                    }
                    m[ i ].visible = m[ i ].element.css("display") !== "none";
                    if (!m[ i ].visible) {
                        continue;
                    }
                    if (type === "mousedown") {
                        m[ i ]._activate.call(m[ i ], event);
                    }
                    m[ i ].offset = m[ i ].element.offset();
                    m[ i ].proportions({width: m[ i ].element[ 0 ].offsetWidth * e2pdf.zoom.zoom, height: m[ i ].element[ 0 ].offsetHeight * e2pdf.zoom.zoom});
                }
            }

            jQuery(".e2pdf-load-el").each(function () {
                var element = jQuery(this);
                var type = element.attr('data-type');
                var page = element.closest('.e2pdf-page');
                var properties = JSON.parse(element.find('.e2pdf-data-properties').text());
                var actions = JSON.parse(element.find('.e2pdf-data-actions').text());

                properties['width'] = element.attr('data-width');
                properties['height'] = element.attr('data-height');
                properties['top'] = element.attr('data-top');
                properties['left'] = element.attr('data-left');
                if (type == 'e2pdf-html') {
                    properties['value'] = element.find('.e2pdf-data-value').html();
                } else {
                    properties['value'] = element.find('.e2pdf-data-value').text();
                }
                //changed
                var el = e2pdf.element.create(type, page, properties, actions, false, true, element.attr('data-element_id'));
                jQuery(this).replaceWith(el);
                e2pdf.properties.render(el);
            });

            jQuery(".e2pdf-load-page").each(function () {
                var page = jQuery(this);
                var actions = JSON.parse(page.find('.e2pdf-data-actions').text());
                var properties = JSON.parse(page.find('.e2pdf-data-properties').text());
                page.find('.e2pdf-data-properties').remove();
                page.find('.e2pdf-data-actions').remove();
                page.removeClass('e2pdf-load-page');
                e2pdf.pages.createPage(page, properties, actions);

            });

            jQuery(".e2pdf-be").draggable({
                helper: function () {
                    var element = jQuery(this).clone();
                    var type = element.attr('data-type');
                    var page = element.closest('.e2pdf-page')
                    //changed
                    var el = e2pdf.element.create(type, page, false, false, true);
                    e2pdf.font.apply(el, jQuery('#e2pdf-font'));
                    e2pdf.font.size(el, jQuery('#e2pdf-font-size'));
                    e2pdf.font.line(el, jQuery('#e2pdf-line-height'));
                    e2pdf.font.fontcolor(el, jQuery('#e2pdf-font-color'));
                    e2pdf.properties.render(el);
                    el.css('z-index', 1);
                    if (e2pdf.zoom.zoom != 1) {
                        el.css('transform', 'scale(' + e2pdf.zoom.zoom + ')');
                        el.css('transform-origin', '0 0');
                    }
                    return el;
                },
                start: function (ev, ui) {
                    e2pdf.static.guide.x = ev.originalEvent.pageX - jQuery(this).offset().left;
                    e2pdf.static.guide.y = ev.originalEvent.pageY - jQuery(this).offset().top;
                    e2pdf.element.unselect();
                },
                stop: function (ev, ui) {
                    jQuery(".e2pdf-guide-v, .e2pdf-guide-h").hide();

                },
                drag: function (ev, ui) {

                    if (e2pdf.static.drag.page !== null) {

                        var pos = {left: ev.originalEvent.pageX - e2pdf.static.guide.x, top: ev.originalEvent.pageY - e2pdf.static.guide.y};

                        var guides = {top: {dist: e2pdf.static.guide.distance + 1}, left: {dist: e2pdf.static.guide.distance + 1}};
                        var w = parseFloat(jQuery(ui.helper).css('width')) * e2pdf.zoom.zoom;
                        var h = parseFloat(jQuery(ui.helper).css('height')) * e2pdf.zoom.zoom;

                        var el_guides = e2pdf.guide.calc(null, pos, w, h, true);

                        jQuery.each(e2pdf.static.guide.guides, function (i, guide) {
                            jQuery.each(el_guides, function (i, elemGuide) {
                                if (guide.type == elemGuide.type) {
                                    var prop = guide.type == "h" ? "top" : "left";
                                    var d = Math.abs(elemGuide[prop] - guide[prop]);
                                    if (d < guides[prop].dist) {
                                        guides[prop].dist = d;
                                        guides[prop].offset = elemGuide[prop] - pos[prop];
                                        guides[prop].guide = guide;
                                    }
                                }
                            });
                        });

                        if (guides.top.dist <= e2pdf.static.guide.distance) {
                            e2pdf.static.drag.page.find('.e2pdf-guide-h').css("top", guides.top.guide.top / e2pdf.zoom.zoom - e2pdf.static.drag.page.offset().top / e2pdf.zoom.zoom - 1).show();
                            var snap_top = guides.top.guide.top - guides.top.offset - jQuery(this).offset().top;
                            ui.position.top = snap_top;
                        } else {
                            jQuery(".e2pdf-guide-h").hide();
                        }

                        if (guides.left.dist <= e2pdf.static.guide.distance) {
                            e2pdf.static.drag.page.find('.e2pdf-guide-v').css("left", guides.left.guide.left / e2pdf.zoom.zoom - e2pdf.static.drag.page.offset().left / e2pdf.zoom.zoom - 1).show();
                            var snap_left = guides.left.guide.left - guides.left.offset - jQuery(this).offset().left + 5;
                            ui.position.left = snap_left;
                        } else {
                            jQuery(".e2pdf-guide-v").hide();
                        }
                    }
                }
            });
            e2pdf.welcomeScreen();
        }
        e2pdf.font.load(jQuery('#e2pdf-font'));

        jQuery('.e2pdf-load-font').each(function () {
            e2pdf.font.load(jQuery(this));
            jQuery(this).remove();
        });

        e2pdf.font.apply(jQuery('#e2pdf-tpl'), jQuery('#e2pdf-font'));
        e2pdf.font.size(jQuery('#e2pdf-tpl'), jQuery('#e2pdf-font-size'));
        e2pdf.font.line(jQuery('#e2pdf-tpl'), jQuery('#e2pdf-line-height'));
        e2pdf.font.fontcolor(jQuery('#e2pdf-tpl'), jQuery('#e2pdf-font-color'));
    }

    jQuery(document).keydown(function (e) {
        if (Object.keys(e2pdf.element.selected).length > 0 && jQuery.inArray(e.which, [37, 38, 39, 40, 46]) !== -1) {
            e.preventDefault();
            switch (e.which) {
                case 37:
                    //left
                    var diff = 1;

                    for (var key in e2pdf.element.selected) {
                        var selected = e2pdf.element.selected[key];
                        if (parseFloat(selected.css('left')) > 0) {
                            if (parseFloat(selected.css('left')) - 1 < 0) {
                                diff = Math.min(diff, selected.css('left'));
                            }
                        } else {
                            diff = Math.min(diff, 0);
                        }
                    }

                    for (var key in e2pdf.element.selected) {
                        var selected = e2pdf.element.selected[key];
                        selected.finish().animate({
                            left: "-=" + diff
                        }, 0);
                        e2pdf.properties.set(selected, 'left', parseFloat(selected.css('left').replace('px', '')));
                    }
                    break;
                case 38:
                    //top
                    var diff = 1;

                    for (var key in e2pdf.element.selected) {
                        var selected = e2pdf.element.selected[key];
                        if (parseFloat(selected.css('top')) > 0) {
                            if (parseFloat(selected.css('top')) - 1 < 0) {
                                diff = Math.min(diff, selected.css('top'));
                            }
                        } else {
                            diff = Math.min(diff, 0);
                        }
                    }

                    for (var key in e2pdf.element.selected) {
                        var selected = e2pdf.element.selected[key];
                        selected.finish().animate({
                            top: "-=" + diff
                        }, 0);
                        e2pdf.properties.set(selected, 'top', parseFloat(selected.css('top').replace('px', '')));
                    }
                    break;
                case 39:
                    //right
                    var diff = 1;

                    for (var key in e2pdf.element.selected) {
                        var selected = e2pdf.element.selected[key];
                        if (parseFloat(selected.css('right')) > 0) {
                            if (parseFloat(selected.css('right')) - 1 < 0) {
                                diff = Math.min(diff, selected.css('right'));
                            }
                        } else {
                            diff = Math.min(diff, 0);
                        }
                    }

                    for (var key in e2pdf.element.selected) {
                        var selected = e2pdf.element.selected[key];
                        selected.finish().animate({
                            left: "+=" + diff
                        }, 0);
                        e2pdf.properties.set(selected, 'left', parseFloat(selected.css('left').replace('px', '')));
                    }
                    break;
                case 40:
                    //down
                    var diff = 1;

                    for (var key in e2pdf.element.selected) {
                        var selected = e2pdf.element.selected[key];
                        if (parseFloat(selected.css('bottom')) > 0) {
                            if (parseFloat(selected.css('bottom')) - 1 < 0) {
                                diff = Math.min(diff, selected.css('bottom'));
                            }
                        } else {
                            diff = Math.min(diff, 0);
                        }
                    }

                    for (var key in e2pdf.element.selected) {
                        var selected = e2pdf.element.selected[key];
                        selected.finish().animate({
                            top: "+=" + diff
                        }, 0);
                        e2pdf.properties.set(selected, 'top', parseFloat(selected.css('top').replace('px', '')));
                    }
                    break;
                case 46:
                    //delete
                    var message = Object.keys(e2pdf.element.selected).length > 1 ? e2pdfLang['Elements will be removed! Are you sure want to continue?'] : e2pdfLang['Element will be removed! Are you sure want to continue?'];
                    if (!confirm(message)) {
                        e2pdf.delete('.e2pdf-context');
                        return false;
                    }

                    for (var key in e2pdf.element.selected) {
                        var selected = e2pdf.element.selected[key];
                        e2pdf.element.delete(selected);
                    }

                    e2pdf.element.unselect();
                    break;
            }
        }
    });

    jQuery(document).live('click', function (e) {
        if (!jQuery(e.target).hasClass('e2pdf-drag') &&
                jQuery(e.target).closest('.e2pdf-context-menu').length == 0 &&
                jQuery(e.target).closest('.e2pdf-element').length == 0
                ) {
            e2pdf.element.unselect();
        }
        if (jQuery(e.target).closest('.e2pdf-closed').length == 0) {
            jQuery('.e2pdf-closed').each(function () {
                jQuery(this).removeClass('e2pdf-opened');
            });
        }
    });

    jQuery('.e2pdf-onload .disabled').removeClass('disabled');
    jQuery('.e2pdf-onload').removeClass('e2pdf-onload');
});
```