{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap","webpack:///external \"jQuery\"","webpack:///external \"KEditor\"","webpack:///external \"CKEDITOR\"","webpack:///./src/components/keditor-component-audio.js","webpack:///./src/components/keditor-component-form.js","webpack:///./src/components/keditor-component-googlemap.js","webpack:///./src/components/keditor-component-photo.js","webpack:///./src/components/keditor-component-text.js","webpack:///./src/components/keditor-component-video.js","webpack:///./src/components/keditor-component-vimeo.js","webpack:///./src/components/keditor-component-youtube.js"],"names":["root","factory","exports","module","require","define","amd","a","i","self","this","__WEBPACK_EXTERNAL_MODULE__0__","__WEBPACK_EXTERNAL_MODULE__1__","__WEBPACK_EXTERNAL_MODULE__2__","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","KEditor","components","settingEnabled","settingTitle","init","contentArea","container","component","keditor","componentContent","find","length","wrapInner","initSettingForm","form","append","fileInput","off","on","e","preventDefault","trigger","file","files","test","type","getSettingComponent","attr","URL","createObjectURL","alert","prop","checked","audio","parent","css","showSettingForm","wrapper","autoplayToggle","controlsToggle","audioWidth","val","modal","formBuilder","emptyContent","renderForm","formContent","temp","$","formRender","dataType","formData","actions","getData","html","hasClass","children","each","div","dataGrid","split","wrap","concat","label","input","subDiv","addClass","initModal","visibility","display","opacity","showActionButtons","disableFields","disabledAttrs","typeUserDisabledAttrs","checkbox-group","hideModal","setTimeout","setData","showModal","removeClass","layout","iframe","initIframeCover","inputData","prompt","src","options","photoEdit","next","reader","FileReader","imagePath","FormData","ajax","url","data","processData","contentType","success","result","addEventListener","img","width","height","readAsDataURL","inputWidth","inputHeight","newWidth","newHeight","Math","round","ratio","console","log","photoUpload","eventTemplateId","inputAlign","inputResponsive","cbbStyle","panel","algin","CKEDITOR","disableAutoInline","toolbarGroups","groups","title","allowedContent","bodyId","templates_replaceContent","enterMode","forceEnterMode","format_tags","removePlugins","removeButtons","minimumChangeMilliseconds","onComponentChanged","onContainerChanged","onContentChanged","editor","inline","appendTo","onComponentReady","getContent","id","instances","destroy","video","is","unwrap","currentRatio","filter","match","chkAutoplay","embedItem","newUrl","replace","indexOf"],"mappings":"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","file":"js/keditor-components.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"jQuery\"), require(\"KEditor\"), require(\"CKEDITOR\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"jQuery\", \"KEditor\", \"CKEDITOR\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"jQuery\"), require(\"KEditor\"), require(\"CKEDITOR\")) : factory(root[\"jQuery\"], root[\"KEditor\"], root[\"CKEDITOR\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE__0__, __WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 7);\n","module.exports = __WEBPACK_EXTERNAL_MODULE__0__;","module.exports = __WEBPACK_EXTERNAL_MODULE__1__;","module.exports = __WEBPACK_EXTERNAL_MODULE__2__;","import KEditor from 'keditor';\r\n\r\nKEditor.components['audio'] = {\r\n    settingEnabled: true,\r\n    \r\n    settingTitle: 'Audio Settings',\r\n    \r\n    init: function (contentArea, container, component, keditor) {\r\n        let componentContent = component.find('.keditor-component-content');\r\n        \r\n        if (componentContent.find('.audio-wrapper').length === 0) {\r\n            componentContent.wrapInner('<div class=\"audio-wrapper\"></div>');\r\n        }\r\n    },\r\n    \r\n    initSettingForm: function (form, keditor) {\r\n        form.append(\r\n            '<form class=\"form-horizontal\">' +\r\n            '     <div class=\"form-group\">' +\r\n            '         <label class=\"col-sm-12\">Audio file</label>' +\r\n            '         <div class=\"col-sm-12\">' +\r\n            '             <div class=\"audio-toolbar\">' +\r\n            '                 <a href=\"#\" class=\"btn-audio-upload btn btn-sm btn-primary\"><i class=\"fa fa-upload\"></i></a>' +\r\n            '                 <input class=\"audio-upload\" type=\"file\" style=\"display: none\" />' +\r\n            '             </div>' +\r\n            '         </div>' +\r\n            '     </div>' +\r\n            '     <div class=\"form-group\">' +\r\n            '         <label class=\"col-sm-12\">Autoplay</label>' +\r\n            '         <div class=\"col-sm-12\">' +\r\n            '             <input type=\"checkbox\" class=\"audio-autoplay\" />' +\r\n            '         </div>' +\r\n            '     </div>' +\r\n            '     <div class=\"form-group\">' +\r\n            '         <label class=\"col-sm-12\">Show Controls</label>' +\r\n            '         <div class=\"col-sm-12\">' +\r\n            '             <input type=\"checkbox\" class=\"audio-controls\" checked />' +\r\n            '         </div>' +\r\n            '     </div>' +\r\n            '     <div class=\"form-group\">' +\r\n            '         <label class=\"col-sm-12\">Width (%)</label>' +\r\n            '         <div class=\"col-sm-12\">' +\r\n            '             <input type=\"number\" min=\"20\" max=\"100\" class=\"form-control audio-width\" value=\"100\" />' +\r\n            '         </div>' +\r\n            '     </div>' +\r\n            '</form>'\r\n        );\r\n        \r\n        let fileInput = form.find('.audio-upload');\r\n        let btnAudioUpload = form.find('.btn-audio-upload');\r\n        btnAudioUpload.off('click').on('click', function (e) {\r\n            e.preventDefault();\r\n            \r\n            fileInput.trigger('click');\r\n        });\r\n        fileInput.off('change').on('change', function () {\r\n            let file = this.files[0];\r\n            if (/audio/.test(file.type)) {\r\n                // Todo: Upload to your server :)\r\n                \r\n                let audio = keditor.getSettingComponent().find('audio');\r\n                audio.attr('src', URL.createObjectURL(file));\r\n            } else {\r\n                alert('Your selected file is not an audio file!');\r\n            }\r\n        });\r\n        \r\n        let autoplayToggle = form.find('.audio-autoplay');\r\n        autoplayToggle.on('click', function () {\r\n            let audio = keditor.getSettingComponent().find('audio');\r\n            audio.prop('autoplay', this.checked);\r\n        });\r\n        \r\n        let controlsToggle = form.find('.audio-controls');\r\n        controlsToggle.on('click', function () {\r\n            let audio = keditor.getSettingComponent().find('audio');\r\n            audio.prop('controls', this.checked);\r\n        });\r\n        \r\n        let audioWidth = form.find('.audio-width');\r\n        audioWidth.on('change', function () {\r\n            let audio = keditor.getSettingComponent().find('audio');\r\n            let wrapper = audio.parent();\r\n            \r\n            wrapper.attr('data-width', this.value);\r\n            audio.css('width', this.value + '%');\r\n        });\r\n    },\r\n    \r\n    showSettingForm: function (form, component, keditor) {\r\n        let audio = component.find('audio');\r\n        let wrapper = audio.parent();\r\n        \r\n        let autoplayToggle = form.find('.audio-autoplay');\r\n        let controlsToggle = form.find('.audio-controls');\r\n        let audioWidth = form.find('.audio-width');\r\n        \r\n        autoplayToggle.prop('checked', !!audio.attr('autoplay'));\r\n        controlsToggle.prop('checked', !!audio.attr('controls'));\r\n        audioWidth.val(wrapper.attr('data-width') || 100);\r\n    }\r\n};\r\n","import '../styles/keditor-component-form.less';\r\n\r\nimport $ from 'jquery';\r\nimport KEditor from 'keditor';\r\n\r\nlet modal;\r\nlet formBuilder;\r\n\r\nKEditor.components['form'] = {\r\n    emptyContent: '<p class=\"text-muted lead text-center\"><br />[No form content]<br /><br /></p>',\r\n    \r\n    renderForm: function (component) {\r\n        let formContent = component.find('.form-content');\r\n        let temp = $('<div />');\r\n    \r\n        temp.formRender({\r\n            dataType: 'json',\r\n            formData: formBuilder.actions.getData('json')\r\n        });\r\n        \r\n        formContent.html(temp.html());\r\n        \r\n        if (formContent.hasClass('form-horizontal')) {\r\n            formContent.children('div').each(function () {\r\n                let div = $(this);\r\n                let dataGrid = formContent.attr('data-grid') || '4-8';\r\n                dataGrid = dataGrid.split('-');\r\n                \r\n                if (div.attr('class')) {\r\n                    if (div.hasClass('fb-button')) {\r\n                        div.find('button').wrap(`<div class=\"col-sm-${dataGrid[1]} col-sm-offset-${dataGrid[0]}\"></div>`);\r\n                    } else {\r\n                        let label = div.children('label');\r\n                        let input = div.children('input, select, textarea');\r\n                        let subDiv = div.children('div');\r\n                        \r\n                        label.addClass(`control-label col-sm-${dataGrid[0]}`);\r\n                        \r\n                        if (subDiv.length > 0) {\r\n                            subDiv.addClass(`col-sm-${dataGrid[1]}`);\r\n                        } else {\r\n                            input.addClass('form-control').wrap(`<div class=\"col-sm-${dataGrid[1]}\"></div>`);\r\n                        }\r\n                    }\r\n                }\r\n            });\r\n        }\r\n    },\r\n    \r\n    initModal: function (keditor) {\r\n        let self = this;\r\n        \r\n        modal = keditor.initModal('keditor-modal-form');\r\n        modal.find('.keditor-modal-title').html('Design form');\r\n    \r\n        modal.css({\r\n            visibility: 'hidden',\r\n            display: 'block',\r\n            opacity: 1\r\n        });\r\n    \r\n        modal.find('.keditor-modal-body').append(`\r\n            <div class=\"form-builder-area-wrapper\">\r\n                <div class=\"form-builder-area\"></div>\r\n            </div>\r\n        `);\r\n        formBuilder = modal.find('.form-builder-area').formBuilder({\r\n            showActionButtons: false,\r\n            dataType: 'json',\r\n            disableFields: [\r\n                'autocomplete',\r\n                'paragraph',\r\n                'header'\r\n            ],\r\n            disabledAttrs: ['access'],\r\n        \r\n            typeUserDisabledAttrs: {\r\n                'checkbox-group': [\r\n                    'toggle',\r\n                    'inline'\r\n                ]\r\n            }\r\n        });\r\n    \r\n        modal.find('.keditor-modal-footer').html(`\r\n            <button type=\"button\" class=\"keditor-ui keditor-btn keditor-btn-default keditor-modal-close\">Close</button>\r\n            <button type=\"button\" class=\"keditor-ui keditor-btn keditor-btn-primary btn-save-form\">Save</button>\r\n        `);\r\n    \r\n        modal.find('.btn-save-form').on('click', function (e) {\r\n            e.preventDefault();\r\n        \r\n            let component = keditor.getSettingComponent();\r\n            component.find('.form-data').html(formBuilder.actions.getData('json'));\r\n            self.renderForm(component);\r\n            keditor.hideModal(modal);\r\n        });\r\n    \r\n        setTimeout(() => {\r\n            modal.css({\r\n                visibility: '',\r\n                display: '',\r\n                opacity: ''\r\n            });\r\n        }, 500);\r\n    },\r\n    \r\n    init: function (contentArea, container, component, keditor) {\r\n        let self = this;\r\n        let componentContent = component.find('.keditor-component-content');\r\n        let formContent = component.find('.form-content');\r\n        let formData = component.find('.form-data');\r\n        \r\n        if (formData.length === 0) {\r\n            componentContent.append('<div class=\"form-data\" style=\"display: none !important;\"></div>')\r\n        }\r\n        \r\n        if (formContent.length === 0) {\r\n            componentContent.append(`<form class=\"form-content\">${self.emptyContent}</form>`);\r\n        }\r\n    \r\n        if (!modal) {\r\n            self.initModal(keditor);\r\n        }\r\n    },\r\n    \r\n    settingEnabled: true,\r\n    \r\n    settingTitle: 'Form Settings',\r\n    \r\n    initSettingForm: function (form, keditor) {\r\n        let self = this;\r\n        \r\n        form.html(`\r\n            <div class=\"form-horizontal\">\r\n                <div class=\"form-group\">\r\n                    <div class=\"col-sm-12\">\r\n                       <button class=\"btn btn-primary btn-block btn-design-form\" type=\"button\"><i class=\"fa fa-paint-brush\"></i> Design form</button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group\">\r\n                    <label class=\"col-sm-12\">Action</label>\r\n                    <div class=\"col-sm-12\">\r\n                        <input type=\"text\" class=\"form-control txt-form-action\" />\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group\">\r\n                    <label class=\"col-sm-12\">Method</label>\r\n                    <div class=\"col-sm-12\">\r\n                        <select class=\"form-control select-method\">\r\n                            <option value=\"get\">Get</option>\r\n                            <option value=\"post\">Post</option>\r\n                            <option value=\"put\">Put</option>\r\n                            <option value=\"delete\">Delete</option>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group\">\r\n                    <label class=\"col-sm-12\">Enctype</label>\r\n                    <div class=\"col-sm-12\">\r\n                        <select class=\"form-control select-enctype\">\r\n                            <option value=\"text/plain\">text/plain</option>\r\n                            <option value=\"multipart/form-data\">multipart/form-data</option>\r\n                            <option value=\"application/x-www-form-urlencoded\">application/x-www-form-urlencoded</option>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group\">\r\n                    <label class=\"col-sm-12\">Layout</label>\r\n                    <div class=\"col-sm-12\">\r\n                        <select class=\"form-control select-layout\">\r\n                            <option value=\"\">Normal</option>\r\n                            <option value=\"form-horizontal\">Horizontal</option>\r\n                            <option value=\"form-inline\">Inline</option>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group select-grid-wrapper\">\r\n                    <label class=\"col-sm-12\">Grid setting</label>\r\n                    <div class=\"col-sm-12\">\r\n                        <select class=\"form-control select-grid\">\r\n                            <option value=\"2-10\">col-2 col-10</option>\r\n                            <option value=\"3-9\">col-3 col-9</option>\r\n                            <option value=\"4-8\">col-4 col-8</option>\r\n                            <option value=\"5-7\">col-5 col-7</option>\r\n                            <option value=\"6-6\">col-6 col-6</option>\r\n                        </select>\r\n                        <small class=\"help-block\">This setting is for width of label and control with number of cols as unit</small>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        `);\r\n        \r\n        form.find('.btn-design-form').on('click', function (e) {\r\n            e.preventDefault();\r\n            \r\n            let component = keditor.getSettingComponent();\r\n            formBuilder.actions.setData(component.find('.form-data').html());\r\n            keditor.showModal(modal);\r\n        });\r\n        \r\n        form.find('.txt-form-action').on('change', function () {\r\n            let component = keditor.getSettingComponent();\r\n            let formContent = component.find('.form-content');\r\n            \r\n            formContent.attr('action', this.value);\r\n        });\r\n        \r\n        form.find('.select-method').on('change', function () {\r\n            let component = keditor.getSettingComponent();\r\n            let formContent = component.find('.form-content');\r\n            \r\n            formContent.attr('action', this.value);\r\n        });\r\n        \r\n        form.find('.select-enctype').on('change', function () {\r\n            let component = keditor.getSettingComponent();\r\n            let formContent = component.find('.form-content');\r\n            \r\n            formContent.attr('enctype', this.value);\r\n        });\r\n        \r\n        form.find('.select-layout').on('change', function () {\r\n            let component = keditor.getSettingComponent();\r\n            let formContent = component.find('.form-content');\r\n            \r\n            formContent.removeClass('form-inline form-horizontal');\r\n            if (this.value) {\r\n                formContent.addClass(this.value);\r\n            }\r\n            self.renderForm(component);\r\n            form.find('.select-grid-wrapper').css('display', this.value === 'form-horizontal' ? 'block' : 'none');\r\n        });\r\n        \r\n        form.find('.select-grid').on('change', function () {\r\n            let component = keditor.getSettingComponent();\r\n            let formContent = component.find('.form-content');\r\n            \r\n            formContent.attr('data-grid', this.value);\r\n            self.renderForm(component);\r\n        });\r\n    },\r\n    \r\n    showSettingForm: function (form, component, keditor) {\r\n        let formContent = component.find('.form-content');\r\n        \r\n        let layout = '';\r\n        if (formContent.hasClass('form-inline')) {\r\n            layout = 'form-inline';\r\n        } else if (formContent.hasClass('form-horizontal')) {\r\n            layout = 'form-horizontal';\r\n        }\r\n        \r\n        form.find('.txt-form-action').val(formContent.attr('action') || '');\r\n        form.find('.select-method').val(formContent.attr('method') || 'get');\r\n        form.find('.select-enctype').val(formContent.attr('enctype'));\r\n        form.find('.select-layout').val(layout);\r\n        form.find('.select-grid-wrapper').css('display', layout === 'form-horizontal' ? 'block' : 'none');\r\n        form.find('.select-grid').val(formContent.attr('data-grid') || '4-8');\r\n    }\r\n};\r\n","import $ from 'jquery';\r\nimport KEditor from 'keditor';\r\n\r\nKEditor.components['googlemap'] = {\r\n    init: function (contentArea, container, component, keditor) {\r\n        let iframe = component.find('iframe');\r\n        let wrapper = iframe.parent();\r\n        keditor.initIframeCover(iframe, wrapper);\r\n    },\r\n    \r\n    settingEnabled: true,\r\n    \r\n    settingTitle: 'Google Map Settings',\r\n    \r\n    initSettingForm: function (form, keditor) {\r\n        form.append(\r\n            '<form class=\"form-horizontal\">' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <button type=\"button\" class=\"btn btn-block btn-primary btn-googlemap-edit\">Update Map</button>' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <label class=\"col-sm-12\">Aspect Ratio</label>' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <button type=\"button\" class=\"btn btn-sm btn-default btn-googlemap-169\">16:9</button>' +\r\n            '           <button type=\"button\" class=\"btn btn-sm btn-default btn-googlemap-43\">4:3</button>' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '</form>'\r\n        );\r\n        \r\n        let btnEdit = form.find('.btn-googlemap-edit');\r\n        btnEdit.on('click', function (e) {\r\n            e.preventDefault();\r\n            \r\n            let inputData = prompt('Please enter Google Map embed code in here:');\r\n            let iframe = $(inputData);\r\n            let src = iframe.attr('src');\r\n            if (iframe.length > 0 && src && src.length > 0) {\r\n                keditor.getSettingComponent().find('.embed-responsive-item').attr('src', src);\r\n            } else {\r\n                alert('Your Google Map embed code is invalid!');\r\n            }\r\n        });\r\n        \r\n        let btn169 = form.find('.btn-googlemap-169');\r\n        btn169.on('click', function (e) {\r\n            e.preventDefault();\r\n            \r\n            keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-4by3').addClass('embed-responsive-16by9');\r\n        });\r\n        \r\n        let btn43 = form.find('.btn-googlemap-43');\r\n        btn43.on('click', function (e) {\r\n            e.preventDefault();\r\n            \r\n            keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-16by9').addClass('embed-responsive-4by3');\r\n        });\r\n    }\r\n};\r\n","import $ from 'jquery';\r\nimport KEditor from 'keditor';\r\n\r\nKEditor.components['photo'] = {\r\n    init: function (contentArea, container, component, keditor) {\r\n        let componentContent = component.children('.keditor-component-content');\r\n        let img = componentContent.find('img');\r\n\r\n        img.css('display', 'inline-block');\r\n    },\r\n\r\n    settingEnabled: true,\r\n\r\n    settingTitle: 'Photo Settings',\r\n    initSettingForm: function (form, keditor) {\r\n        let self = this;\r\n        let options = keditor.options;\r\n\r\n        form.append(\r\n            '<form class=\"form-horizontal\">' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <button type=\"button\" class=\"btn btn-block btn-primary\" id=\"photo-edit\">Change Photo</button>' +\r\n            '           <input type=\"file\" style=\"display: none\" />' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <button type=\"button\" class=\"btn btn-block btn-primary\" id=\"photo-upload\">Select Photos</button>' +\r\n            '           <input type=\"file\" style=\"display: none\" />' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <label for=\"photo-align\" class=\"col-sm-12\">Align</label>' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <select id=\"photo-align\" class=\"form-control\">' +\r\n            '               <option value=\"left\">Left</option>' +\r\n            '               <option value=\"center\">Center</option>' +\r\n            '               <option value=\"right\">Right</option>' +\r\n            '           </select>' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <label for=\"photo-style\" class=\"col-sm-12\">Style</label>' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <select id=\"photo-style\" class=\"form-control\">' +\r\n            '               <option value=\"\">None</option>' +\r\n            '               <option value=\"img-rounded\">Rounded</option>' +\r\n            '               <option value=\"img-circle\">Circle</option>' +\r\n            '               <option value=\"img-thumbnail\">Thumbnail</option>' +\r\n            '           </select>' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <label for=\"photo-responsive\" class=\"col-sm-12\">Responsive</label>' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <input type=\"checkbox\" id=\"photo-responsive\" />' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <label for=\"photo-width\" class=\"col-sm-12\">Width</label>' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <input type=\"number\" id=\"photo-width\" class=\"form-control\" />' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <label for=\"photo-height\" class=\"col-sm-12\">Height</label>' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <input type=\"number\" id=\"photo-height\" class=\"form-control\" />' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '</form>'\r\n        );\r\n\r\n        let photoEdit = form.find('#photo-edit');\r\n        let fileInput = photoEdit.next();\r\n        photoEdit.on('click', function (e) {\r\n            e.preventDefault();\r\n\r\n            fileInput.trigger('click');\r\n        });\r\n        fileInput.on('change', function () {\r\n            let file = this.files[0];\r\n            if (/image/.test(file.type)) {\r\n                let reader = new FileReader();\r\n\r\n                let imagePath = '';\r\n                var formData = new FormData();\r\n                formData.append('file', this.files[0]);\r\n\r\n                $.ajax({\r\n                    url: \"../../DestinDIY/SaveImage\",\r\n                    data: formData,\r\n                    type: 'POST',\r\n                    processData: false,\r\n                    contentType: false,\r\n                    success: function (result) {\r\n\r\n                        imagePath = result.imagePath;\r\n                        \r\n                        reader.addEventListener('load', function (e) {\r\n                            let img = keditor.getSettingComponent().find('img');\r\n                            img.attr('src', imagePath);\r\n                            img.css({\r\n                                width: '',\r\n                                height: ''\r\n                            });\r\n                            $(img).on(\"load\", function () {\r\n                                self.showSettingForm.call(self, form, keditor.getSettingComponent(), keditor);\r\n                            });\r\n                        });\r\n\r\n                        reader.readAsDataURL(file);\r\n                    }\r\n                });\r\n\r\n               \r\n            } else {\r\n                alert('Your selected file is not photo!');\r\n            }\r\n        });\r\n\r\n\r\n\r\n        let inputAlign = form.find('#photo-align');\r\n        inputAlign.on('change', function () {\r\n            let panel = keditor.getSettingComponent().find('.photo-panel');\r\n            panel.css('text-align', this.value);\r\n        });\r\n\r\n        let inputResponsive = form.find('#photo-responsive');\r\n        inputResponsive.on('click', function () {\r\n            keditor.getSettingComponent().find('img')[this.checked ? 'addClass' : 'removeClass']('img-responsive');\r\n        });\r\n\r\n        let cbbStyle = form.find('#photo-style');\r\n        cbbStyle.on('change', function () {\r\n            let img = keditor.getSettingComponent().find('img');\r\n            let val = this.value;\r\n\r\n            img.removeClass('img-rounded img-circle img-thumbnail');\r\n            if (val) {\r\n                img.addClass(val);\r\n            }\r\n        });\r\n\r\n        let inputWidth = form.find('#photo-width');\r\n        let inputHeight = form.find('#photo-height');\r\n        inputWidth.on('change', function () {\r\n            let img = keditor.getSettingComponent().find('img');\r\n            let newWidth = +this.value;\r\n            let newHeight = Math.round(newWidth / self.ratio);\r\n            console.log(newWidth);\r\n            console.log(self);\r\n            if (newWidth <= 0) {\r\n                newWidth = self.width;\r\n                newHeight = self.height;\r\n                this.value = newWidth;\r\n            }\r\n           \r\n            img.css({\r\n                'width': newWidth,\r\n                'height': newHeight\r\n            });\r\n            inputHeight.val(newHeight);\r\n        });\r\n        inputHeight.on('change', function () {\r\n            let img = keditor.getSettingComponent().find('img');\r\n            let newHeight = +this.value;\r\n            let newWidth = Math.round(newHeight * self.ratio);\r\n\r\n            if (newHeight <= 0) {\r\n                newWidth = self.width;\r\n                newHeight = self.height;\r\n                this.value = newHeight;\r\n            }\r\n\r\n            img.css({\r\n                'height': newHeight,\r\n                'width': newWidth\r\n            });\r\n            inputWidth.val(newWidth);\r\n        });\r\n\r\n\r\n        let photoUpload = form.find('#photo-upload');\r\n        let fileUpload = photoUpload.next();\r\n        photoUpload.on('click', function (e) {\r\n            var url = $('#LoadUploadedImagesUrl').data(\"url\");\r\n            var eventTemplateId = $('#EventTemplateId').data(\"id\");\r\n                      \r\n            $.ajax({\r\n                url: url,\r\n                data: { eventTemplateId: eventTemplateId } ,\r\n                type: 'Get',\r\n                //processData: false,\r\n                //contentType: false,\r\n                success: function (result) {\r\n\r\n                    $('body').append(result);\r\n                    $('#myModal').modal('show');\r\n                    $('.image-select').on('click', function () {\r\n                        var imagePath = $(this).attr('src');\r\n                       \r\n                            let img = keditor.getSettingComponent().find('img');\r\n                            img.attr('src', imagePath);\r\n                            img.css({\r\n                                width: '',\r\n                                height: ''\r\n                            });\r\n                            $(img).on(\"load\", function () {\r\n                                self.showSettingForm.call(self, form, keditor.getSettingComponent(), keditor);\r\n                            });\r\n                        $('#myModal').modal('hide');\r\n\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n    },\r\n\r\n    showSettingForm: function (form, component, keditor) {\r\n        try {\r\n            let self = this;\r\n            console.log(form);\r\n\r\n\r\n            let inputAlign = form.find('#photo-align');\r\n            let inputResponsive = form.find('#photo-responsive');\r\n            let inputWidth = form.find('#photo-width');\r\n            let inputHeight = form.find('#photo-height');\r\n            let cbbStyle = form.find('#photo-style');\r\n\r\n            let panel = component.find('.photo-panel');\r\n            console.log(panel);\r\n            console.log(panel.find('img'));\r\n            let img = panel.find('img');\r\n\r\n            let algin = panel.css('text-align');\r\n            if (algin !== 'right' || algin !== 'center') {\r\n                algin = 'left';\r\n            }\r\n\r\n            if (img.hasClass('img-rounded')) {\r\n                cbbStyle.val('img-rounded');\r\n            } else if (img.hasClass('img-circle')) {\r\n                cbbStyle.val('img-circle');\r\n            } else if (img.hasClass('img-thumbnail')) {\r\n                cbbStyle.val('img-thumbnail');\r\n            } else {\r\n                cbbStyle.val('');\r\n            }\r\n\r\n            inputAlign.val(algin);\r\n            console.log(1);\r\n            inputResponsive.prop('checked', img.hasClass('img-responsive'));\r\n            inputWidth.val(img.width());\r\n            inputHeight.val(img.height());\r\n          \r\n            //$('<img />').attr('src', img.attr('src')).load(function () {\r\n            //    console.log(this);\r\n            //    self.ratio = this.width / this.height;\r\n            //    self.width = this.width;\r\n            //    self.height = this.height;\r\n            //    console.log(self);\r\n\r\n            //});\r\n            $(img).on(\"load\", function () {\r\n                self.ratio = this.width / this.height;\r\n                self.width = this.width;\r\n                self.height = this.height;\r\n            });\r\n           \r\n        }\r\n        catch (e) {\r\n            console.log(e);\r\n        }\r\n    }\r\n};\r\n","import '../styles/keditor-component-text.less';\r\n\r\nimport KEditor from 'keditor';\r\nimport CKEDITOR from 'ckeditor';\r\n\r\nCKEDITOR.disableAutoInline = true;\r\n\r\n// Text component\r\n// ---------------------------------------------------------------------\r\nKEditor.components['text'] = {\r\n    options: {\r\n        toolbarGroups: [\r\n            {name: 'document', groups: ['mode', 'document', 'doctools']},\r\n            {name: 'editing', groups: ['find', 'selection', 'spellchecker', 'editing']},\r\n            {name: 'forms', groups: ['forms']},\r\n            {name: 'basicstyles', groups: ['basicstyles', 'cleanup']},\r\n            {name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi', 'paragraph']},\r\n            {name: 'links', groups: ['links']},\r\n            {name: 'insert', groups: ['insert']},\r\n            '/',\r\n            {name: 'clipboard', groups: ['clipboard', 'undo']},\r\n            {name: 'styles', groups: ['styles']},\r\n            {name: 'colors', groups: ['colors']},\r\n        ],\r\n        title: false,\r\n        allowedContent: true, // DISABLES Advanced Content Filter. This is so templates with classes: allowed through\r\n        bodyId: 'editor',\r\n        templates_replaceContent: false,\r\n        enterMode: 'P',\r\n        forceEnterMode: true,\r\n        format_tags: 'p;h1;h2;h3;h4;h5;h6',\r\n        removePlugins: 'table,magicline,tableselection,tabletools',\r\n        removeButtons: 'Save,NewPage,Preview,Print,Templates,PasteText,PasteFromWord,Find,Replace,SelectAll,Scayt,Form,HiddenField,ImageButton,Button,Select,Textarea,TextField,Radio,Checkbox,Outdent,Indent,Blockquote,CreateDiv,Language,Table,HorizontalRule,Smiley,SpecialChar,PageBreak,Iframe,Styles,BGColor,Maximize,About,ShowBlocks,BidiLtr,BidiRtl,Flash,Image,Subscript,Superscript,Anchor',\r\n        minimumChangeMilliseconds: 100\r\n    },\r\n    \r\n    init: function (contentArea, container, component, keditor) {\r\n        let self = this;\r\n        let options = keditor.options;\r\n        \r\n        let componentContent = component.children('.keditor-component-content');\r\n        componentContent.prop('contenteditable', true);\r\n        \r\n        componentContent.on('input', function (e) {\r\n            if (typeof options.onComponentChanged === 'function') {\r\n                options.onComponentChanged.call(keditor, e, component);\r\n            }\r\n            \r\n            if (typeof options.onContainerChanged === 'function') {\r\n                options.onContainerChanged.call(keditor, e, container, contentArea);\r\n            }\r\n            \r\n            if (typeof options.onContentChanged === 'function') {\r\n                options.onContentChanged.call(keditor, e, contentArea);\r\n            }\r\n        });\r\n        \r\n        let editor = CKEDITOR.inline(componentContent[0], self.options);\r\n        editor.on('instanceReady', function () {\r\n            $('#cke_' + componentContent.attr('id')).appendTo(keditor.wrapper);\r\n            \r\n            if (typeof options.onComponentReady === 'function') {\r\n                options.onComponentReady.call(contentArea, component, editor);\r\n            }\r\n        });\r\n    },\r\n    \r\n    getContent: function (component, keditor) {\r\n        let componentContent = component.find('.keditor-component-content');\r\n        let id = componentContent.attr('id');\r\n        let editor = CKEDITOR.instances[id];\r\n        if (editor) {\r\n            return editor.getData();\r\n        } else {\r\n            return componentContent.html();\r\n        }\r\n    },\r\n    \r\n    destroy: function (component, keditor) {\r\n        let id = component.find('.keditor-component-content').attr('id');\r\n        CKEDITOR.instances[id] && CKEDITOR.instances[id].destroy();\r\n    }\r\n};\r\n","import KEditor from 'keditor';\r\n\r\nKEditor.components['video'] = {\r\n    init: function (contentArea, container, component, keditor) {\r\n        let componentContent = component.children('.keditor-component-content');\r\n        let video = componentContent.find('video');\r\n        \r\n        if (!video.parent().is('.video-wrapper')) {\r\n            video.wrap('<div class=\"video-wrapper\"></div>');\r\n        }\r\n    },\r\n    \r\n    getContent: function (component, keditor) {\r\n        let componentContent = component.children('.keditor-component-content');\r\n        let video = componentContent.find('video');\r\n        video.unwrap();\r\n        \r\n        return componentContent.html();\r\n    },\r\n    \r\n    settingEnabled: true,\r\n    \r\n    settingTitle: 'Video Settings',\r\n    \r\n    initSettingForm: function (form, keditor) {\r\n        form.append(`\r\n            <form class=\"form-horizontal\">\r\n                <div class=\"form-group\">\r\n                    <label for=\"video-input\" class=\"col-sm-12\">Video file</label>\r\n                    <div class=\"col-sm-12\">\r\n                        <div class=\"video-toolbar\">\r\n                            <a href=\"#\" class=\"btn-video-input btn btn-sm btn-primary\"><i class=\"fa fa-upload\"></i></a>\r\n                            <input class=\"video-input\" type=\"file\" style=\"display: none\" />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"video-autoplay\" class=\"col-sm-12\">Autoplay</label>\r\n                    <div class=\"col-sm-12\">\r\n                        <input type=\"checkbox\" class=\"video-autoplay\" />\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"video-loop\" class=\"col-sm-12\">Loop</label>\r\n                    <div class=\"col-sm-12\">\r\n                        <input type=\"checkbox\" class=\"video-loop\" />\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"video-controls\" class=\"col-sm-12\">Show Controls</label>\r\n                    <div class=\"col-sm-12\">\r\n                        <input type=\"checkbox\" class=\"video-controls\" checked />\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"\" class=\"col-sm-12\">Ratio</label>\r\n                    <div class=\"col-sm-12\">\r\n                        <input type=\"radio\" name=\"video-radio\" class=\"video-ratio\" value=\"4/3\" checked /> 4:3\r\n                    </div>\r\n                    <div class=\"col-sm-12\">\r\n                        <input type=\"radio\" name=\"video-radio\" class=\"video-ratio\" value=\"16/9\" /> 16:9\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"video-width\" class=\"col-sm-12\">Width (px)</label>\r\n                    <div class=\"col-sm-12\">\r\n                        <input type=\"number\" class=\"video-width form-control\" min=\"320\" max=\"1920\" value=\"320\" />\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        `);\r\n        \r\n        let fileInput = form.find('.video-input');\r\n        form.find('.btn-video-input').on('click', function (e) {\r\n            e.preventDefault();\r\n            \r\n            fileInput.trigger('click');\r\n        });\r\n        fileInput.on('change', function () {\r\n            let file = this.files[0];\r\n            let video = keditor.getSettingComponent().find('video');\r\n            \r\n            if (/video/.test(file.type)) {\r\n                // Todo: Upload to your server :)\r\n                \r\n                video.attr('src', URL.createObjectURL(file));\r\n            } else {\r\n                alert('Your selected file is not an video file!');\r\n            }\r\n        });\r\n        \r\n        let autoplayToggle = form.find('.video-autoplay');\r\n        autoplayToggle.on('click', function () {\r\n            let video = keditor.getSettingComponent().find('video');\r\n            \r\n            video.prop('autoplay', this.checked);\r\n        });\r\n        \r\n        let loopToggle = form.find('.video-loop');\r\n        loopToggle.on('click', function () {\r\n            let video = keditor.getSettingComponent().find('video');\r\n            video.prop('loop', this.checked);\r\n        });\r\n        \r\n        let ratio = form.find('.video-ratio');\r\n        ratio.on('click', function () {\r\n            let video = keditor.getSettingComponent().find('video');\r\n            video.attr('data-ratio', this.value);\r\n            form.find('.video-width').trigger('change');\r\n        });\r\n        \r\n        let controlToggle = form.find('.video-controls');\r\n        controlToggle.on('click', function () {\r\n            let video = keditor.getSettingComponent().find('video');\r\n            video.prop('controls', this.checked);\r\n        });\r\n        \r\n        let videoWidth = form.find('.video-width');\r\n        videoWidth.on('change', function () {\r\n            let video = keditor.getSettingComponent().find('video');\r\n            \r\n            let currentRatio = video.attr('data-ratio') === '16/9' ? 16 / 9 : 4 / 3;\r\n            let height = this.value / currentRatio;\r\n            video.attr('width', this.value);\r\n            video.attr('height', height);\r\n        });\r\n    },\r\n    \r\n    showSettingForm: function (form, component, keditor) {\r\n        let video = component.find('video');\r\n        \r\n        let autoplayToggle = form.find('.video-autoplay');\r\n        autoplayToggle.prop('checked', video.prop('autoplay'));\r\n        \r\n        let loopToggle = form.find('.video-loop');\r\n        loopToggle.prop('checked', video.prop('loop'));\r\n        \r\n        let ratio = form.find('.video-ratio');\r\n        ratio.prop('checked', false).filter('[value=\"' + video.attr('data-ratio') + '\"]').prop('checked', true);\r\n        \r\n        let controlToggle = form.find('.video-controls');\r\n        controlToggle.prop('checked', video.prop('controls'));\r\n        \r\n        let videoWidth = form.find('.video-width');\r\n        videoWidth.val(video.attr('width'));\r\n    }\r\n};\r\n","import KEditor from 'keditor';\r\n\r\nKEditor.components['vimeo'] = {\r\n    init: function (contentArea, container, component, keditor) {\r\n        let iframe = component.find('iframe');\r\n        let wrapper = iframe.parent();\r\n        keditor.initIframeCover(iframe, wrapper);\r\n    },\r\n    \r\n    settingEnabled: true,\r\n    \r\n    settingTitle: 'Vimeo Settings',\r\n    \r\n    initSettingForm: function (form, keditor) {\r\n        form.append(\r\n            '<form class=\"form-horizontal\">' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <button type=\"button\" class=\"btn btn-block btn-primary btn-vimeo-edit\">Change Video</button>' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <label class=\"col-sm-12\">Autoplay</label>' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <input type=\"checkbox\" id=\"vimeo-autoplay\" />' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <label class=\"col-sm-12\">Aspect Ratio</label>' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <button type=\"button\" class=\"btn btn-sm btn-default btn-vimeo-169\">16:9</button>' +\r\n            '           <button type=\"button\" class=\"btn btn-sm btn-default btn-vimeo-43\">4:3</button>' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '</form>'\r\n        );\r\n        \r\n        let btnEdit = form.find('.btn-vimeo-edit');\r\n        btnEdit.on('click', function (e) {\r\n            e.preventDefault();\r\n            \r\n            let inputData = prompt('Please enter Vimeo URL in here:');\r\n            let vimeoRegex = /https?:\\/\\/(?:www\\.|player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\d+)\\/video\\/|video\\/|)(\\d+)(?:$|\\/|\\?)/;\r\n            let match = inputData.match(vimeoRegex);\r\n            if (match && match[1]) {\r\n                keditor.getSettingComponent().find('.embed-responsive-item').attr('src', 'https://player.vimeo.com/video/' + match[1] + '?byline=0&portrait=0&badge=0');\r\n            } else {\r\n                alert('Your Vimeo URL is invalid!');\r\n            }\r\n        });\r\n        \r\n        let btn169 = form.find('.btn-vimeo-169');\r\n        btn169.on('click', function (e) {\r\n            e.preventDefault();\r\n            \r\n            keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-4by3').addClass('embed-responsive-16by9');\r\n        });\r\n        \r\n        let btn43 = form.find('.btn-vimeo-43');\r\n        btn43.on('click', function (e) {\r\n            e.preventDefault();\r\n            \r\n            keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-16by9').addClass('embed-responsive-4by3');\r\n        });\r\n        \r\n        let chkAutoplay = form.find('#vimeo-autoplay');\r\n        chkAutoplay.on('click', function () {\r\n            let embedItem = keditor.getSettingComponent().find('.embed-responsive-item');\r\n            let currentUrl = embedItem.attr('src');\r\n            let newUrl = (currentUrl.replace(/(\\?.+)+/, '')) + '?byline=0&portrait=0&badge=0&autoplay=' + (chkAutoplay.is(':checked') ? 1 : 0);\r\n            embedItem.attr('src', newUrl);\r\n        });\r\n    },\r\n    \r\n    showSettingForm: function (form, component, keditor) {\r\n        let embedItem = component.find('.embed-responsive-item');\r\n        let chkAutoplay = form.find('#vimeo-autoplay');\r\n        let src = embedItem.attr('src');\r\n        \r\n        chkAutoplay.prop('checked', src.indexOf('autoplay=1') !== -1);\r\n    }\r\n};\r\n","import KEditor from 'keditor';\r\n\r\nKEditor.components['youtube'] = {\r\n    init: function (contentArea, container, component, keditor) {\r\n        let iframe = component.find('iframe');\r\n        let wrapper = iframe.parent();\r\n        keditor.initIframeCover(iframe, wrapper);\r\n    },\r\n    \r\n    settingEnabled: true,\r\n    \r\n    settingTitle: 'Youtube Settings',\r\n    \r\n    initSettingForm: function (form, keditor) {\r\n        form.append(\r\n            '<form class=\"form-horizontal\">' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <button type=\"button\" class=\"btn btn-block btn-primary btn-youtube-edit\">Change Video</button>' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <label class=\"col-sm-12\">Autoplay</label>' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <input type=\"checkbox\" id=\"youtube-autoplay\" />' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '   <div class=\"form-group\">' +\r\n            '       <label class=\"col-sm-12\">Aspect Ratio</label>' +\r\n            '       <div class=\"col-sm-12\">' +\r\n            '           <button type=\"button\" class=\"btn btn-sm btn-default btn-youtube-169\">16:9</button>' +\r\n            '           <button type=\"button\" class=\"btn btn-sm btn-default btn-youtube-43\">4:3</button>' +\r\n            '       </div>' +\r\n            '   </div>' +\r\n            '</form>'\r\n        );\r\n        \r\n        let btnEdit = form.find('.btn-youtube-edit');\r\n        btnEdit.on('click', function (e) {\r\n            e.preventDefault();\r\n            \r\n            let inputData = prompt('Please enter Youtube URL in here:');\r\n            let youtubeRegex = /^(?:http(?:s)?:\\/\\/)?(?:www\\.)?(?:m\\.)?(?:youtu\\.be\\/|youtube\\.com\\/(?:(?:watch)?\\?(?:.*&)?v(?:i)?=|(?:embed|v|vi|user)\\/))([^\\?&\\\"'>]+)/;\r\n            let match = inputData.match(youtubeRegex);\r\n            if (match && match[1]) {\r\n                keditor.getSettingComponent().find('.embed-responsive-item').attr('src', 'https://www.youtube.com/embed/' + match[1]);\r\n            } else {\r\n                alert('Your Youtube URL is invalid!');\r\n            }\r\n        });\r\n        \r\n        let btn169 = form.find('.btn-youtube-169');\r\n        btn169.on('click', function (e) {\r\n            e.preventDefault();\r\n            \r\n            keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-4by3').addClass('embed-responsive-16by9');\r\n        });\r\n        \r\n        let btn43 = form.find('.btn-youtube-43');\r\n        btn43.on('click', function (e) {\r\n            e.preventDefault();\r\n            \r\n            keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-16by9').addClass('embed-responsive-4by3');\r\n        });\r\n        \r\n        let chkAutoplay = form.find('#youtube-autoplay');\r\n        chkAutoplay.on('click', function () {\r\n            let embedItem = keditor.getSettingComponent().find('.embed-responsive-item');\r\n            let currentUrl = embedItem.attr('src');\r\n            let newUrl = (currentUrl.replace(/(\\?.+)+/, '')) + '?autoplay=' + (chkAutoplay.is(':checked') ? 1 : 0);\r\n            embedItem.attr('src', newUrl);\r\n        });\r\n    },\r\n    \r\n    showSettingForm: function (form, component, keditor) {\r\n        let embedItem = component.find('.embed-responsive-item');\r\n        let chkAutoplay = form.find('#youtube-autoplay');\r\n        let src = embedItem.attr('src');\r\n        \r\n        chkAutoplay.prop('checked', src.indexOf('autoplay=1') !== -1);\r\n    }\r\n};\r\n"],"sourceRoot":""}