!function(a){var b;window.UIkit&&(b=a(UIkit)),"function"==typeof define&&define.amd&&define("uikit-htmleditor",["uikit"],function(){return b||a(UIkit)})}(function(a){"use strict";var b=[];return a.component("htmleditor",{defaults:{iframe:!1,mode:"split",markdown:!1,autocomplete:!0,enablescripts:!1,height:500,maxsplitsize:1e3,codemirror:{mode:"htmlmixed",lineWrapping:!0,dragDrop:!1,autoCloseTags:!0,matchTags:!0,autoCloseBrackets:!0,matchBrackets:!0,indentUnit:4,indentWithTabs:!1,tabSize:4,hintOptions:{completionSingle:!1}},toolbar:["bold","italic","strike","link","image","blockquote","listUl","listOl"],lblPreview:"Preview",lblCodeview:"HTML",lblMarkedview:"Markdown"},boot:function(){a.ready(function(b){a.$("textarea[data-uk-htmleditor]",b).each(function(){var b=a.$(this);b.data("htmleditor")||a.htmleditor(b,a.Utils.options(b.attr("data-uk-htmleditor")))})})},init:function(){var c=this,d=a.components.htmleditor.template;this.CodeMirror=this.options.CodeMirror||CodeMirror,this.buttons={},d=d.replace(/\{:lblPreview}/g,this.options.lblPreview),d=d.replace(/\{:lblCodeview}/g,this.options.lblCodeview),this.htmleditor=a.$(d),this.content=this.htmleditor.find(".uk-htmleditor-content"),this.toolbar=this.htmleditor.find(".uk-htmleditor-toolbar"),this.preview=this.htmleditor.find(".uk-htmleditor-preview").children().eq(0),this.code=this.htmleditor.find(".uk-htmleditor-code"),this.element.before(this.htmleditor).appendTo(this.code),this.editor=this.CodeMirror.fromTextArea(this.element[0],this.options.codemirror),this.editor.htmleditor=this,this.editor.on("change",a.Utils.debounce(function(){c.render()},150)),this.editor.on("change",function(){c.editor.save(),c.element.trigger("input")}),this.code.find(".CodeMirror").css("height",this.options.height),this.options.iframe?(this.iframe=a.$('<iframe class="uk-htmleditor-iframe" frameborder="0" scrolling="auto" height="100" width="100%"></iframe>'),this.preview.append(this.iframe),this.iframe[0].contentWindow.document.open(),this.iframe[0].contentWindow.document.close(),this.preview.container=a.$(this.iframe[0].contentWindow.document).find("body"),"string"==typeof this.options.iframe&&this.preview.container.parent().append('<link rel="stylesheet" href="'+this.options.iframe+'">')):this.preview.container=this.preview,a.$win.on("resize load",a.Utils.debounce(function(){c.fit()},200));var e=this.iframe?this.preview.container:c.preview.parent(),f=this.code.find(".CodeMirror-sizer"),g=this.code.find(".CodeMirror-scroll").on("scroll",a.Utils.debounce(function(){if("tab"!=c.htmleditor.attr("data-mode")){var a=f.height()-g.height(),b=e[0].scrollHeight-(c.iframe?c.iframe.height():e.height()),d=b/a,h=g.scrollTop()*d;e.scrollTop(h)}},10));this.htmleditor.on("click",".uk-htmleditor-button-code, .uk-htmleditor-button-preview",function(b){b.preventDefault(),"tab"==c.htmleditor.attr("data-mode")&&(c.htmleditor.find(".uk-htmleditor-button-code, .uk-htmleditor-button-preview").removeClass("uk-active").filter(this).addClass("uk-active"),c.activetab=a.$(this).hasClass("uk-htmleditor-button-code")?"code":"preview",c.htmleditor.attr("data-active-tab",c.activetab),c.editor.refresh())}),this.htmleditor.on("click","a[data-htmleditor-button]",function(){c.code.is(":visible")&&c.trigger("action."+a.$(this).data("htmleditor-button"),[c.editor])}),this.preview.parent().css("height",this.code.height()),this.options.autocomplete&&this.CodeMirror.showHint&&this.CodeMirror.hint&&this.CodeMirror.hint.html&&this.editor.on("inputRead",a.Utils.debounce(function(){var a=c.editor.getDoc(),b=a.getCursor(),d=c.CodeMirror.innerMode(c.editor.getMode(),c.editor.getTokenAt(b).state).mode.name;if("xml"==d){var e=c.editor.getCursor(),f=c.editor.getTokenAt(e);"<"!=f.string.charAt(0)&&"attribute"!=f.type||c.CodeMirror.showHint(c.editor,c.CodeMirror.hint.html,{completeSingle:!1})}},100)),this.debouncedRedraw=a.Utils.debounce(function(){c.redraw()},5),this.on("init.uk.component",function(){c.debouncedRedraw()}),this.element.attr("data-uk-check-display",1).on("display.uk.check",function(a){this.htmleditor.is(":visible")&&this.fit()}.bind(this)),b.push(this)},addButton:function(a,b){this.buttons[a]=b},addButtons:function(b){a.$.extend(this.buttons,b)},replaceInPreview:function(a,b){function c(a){var b=d.getValue().substring(0,a).split("\n");return{line:b.length-1,ch:b[b.length-1].length}}var d=this.editor,e=[],f=d.getValue(),g=-1,h=0;return this.currentvalue=this.currentvalue.replace(a,function(){g=f.indexOf(arguments[0],++g);var a={matches:arguments,from:c(g),to:c(g+arguments[0].length),replace:function(b){d.replaceRange(b,a.from,a.to)},inRange:function(b){return b.line===a.from.line&&b.line===a.to.line?b.ch>=a.from.ch&&b.ch<a.to.ch:b.line===a.from.line&&b.ch>=a.from.ch||b.line>a.from.line&&b.line<a.to.line||b.line===a.to.line&&b.ch<a.to.ch}},i="string"==typeof b?b:b(a,h);return i||""===i?(h++,e.push(a),i):arguments[0]}),e},_buildtoolbar:function(){if(this.options.toolbar&&this.options.toolbar.length){var a=this,b=[];this.toolbar.empty(),this.options.toolbar.forEach(function(c){if(a.buttons[c]){var d=a.buttons[c].title?a.buttons[c].title:c;b.push('<li><a data-htmleditor-button="'+c+'" title="'+d+'" data-uk-tooltip>'+a.buttons[c].label+"</a></li>")}}),this.toolbar.html(b.join("\n"))}},fit:function(){var a=this.options.mode;"split"==a&&this.htmleditor.width()<this.options.maxsplitsize&&(a="tab"),"tab"==a&&(this.activetab||(this.activetab="code",this.htmleditor.attr("data-active-tab",this.activetab)),this.htmleditor.find(".uk-htmleditor-button-code, .uk-htmleditor-button-preview").removeClass("uk-active").filter("code"==this.activetab?".uk-htmleditor-button-code":".uk-htmleditor-button-preview").addClass("uk-active")),this.editor.refresh(),this.preview.parent().css("height",this.code.height()),this.htmleditor.attr("data-mode",a)},redraw:function(){this._buildtoolbar(),this.render(),this.fit()},getMode:function(){return this.editor.getOption("mode")},getCursorMode:function(){var a={mode:"html"};return this.trigger("cursorMode",[a]),a.mode},render:function(){return this.currentvalue=this.editor.getValue(),this.options.enablescripts||(this.currentvalue=this.currentvalue.replace(/<(script|style)\b[^<]*(?:(?!<\/(script|style)>)<[^<]*)*<\/(script|style)>/gim,"")),this.currentvalue?(this.trigger("render",[this]),this.trigger("renderLate",[this]),void this.preview.container.html(this.currentvalue)):(this.element.val(""),void this.preview.container.html(""))},addShortcut:function(b,c){var d={};return a.$.isArray(b)||(b=[b]),b.forEach(function(a){d[a]=c}),this.editor.addKeyMap(d),d},addShortcutAction:function(a,b){var c=this;this.addShortcut(b,function(){c.element.trigger("action."+a,[c.editor])})},replaceSelection:function(a){var b=this.editor.getSelection();if(!b.length){for(var c=this.editor.getCursor(),d=this.editor.getLine(c.line),e=c.ch,f=e;f<d.length&&/[\w$]+/.test(d.charAt(f));)++f;for(;e&&/[\w$]+/.test(d.charAt(e-1));)--e;var g=e!=f&&d.slice(e,f);g&&(this.editor.setSelection({line:c.line,ch:e},{line:c.line,ch:f}),b=g)}var h=a.replace("$1",b);this.editor.replaceSelection(h,"end"),this.editor.focus()},replaceLine:function(a){var b=this.editor.getDoc().getCursor(),c=this.editor.getLine(b.line),d=a.replace("$1",c);this.editor.replaceRange(d,{line:b.line,ch:0},{line:b.line,ch:c.length}),this.editor.setCursor({line:b.line,ch:d.length}),this.editor.focus()},save:function(){this.editor.save()}}),a.components.htmleditor.template=['<div class="uk-htmleditor uk-clearfix" data-mode="split">','<div class="uk-htmleditor-navbar">','<ul class="uk-htmleditor-navbar-nav uk-htmleditor-toolbar"></ul>','<div class="uk-htmleditor-navbar-flip">','<ul class="uk-htmleditor-navbar-nav">','<li class="uk-htmleditor-button-code"><a>{:lblCodeview}</a></li>','<li class="uk-htmleditor-button-preview"><a>{:lblPreview}</a></li>','<li><a data-htmleditor-button="fullscreen"><i class="uk-icon-expand"></i></a></li>',"</ul>","</div>","</div>",'<div class="uk-htmleditor-content">','<div class="uk-htmleditor-code"></div>','<div class="uk-htmleditor-preview"><div></div></div>',"</div>","</div>"].join(""),a.plugin("htmleditor","base",{init:function(b){function c(a,c,d){b.on("action."+a,function(){"html"==b.getCursorMode()&&b["replaceLine"==d?"replaceLine":"replaceSelection"](c)})}b.addButtons({fullscreen:{title:"Fullscreen",label:'<i class="uk-icon-expand"></i>'},bold:{title:"Bold",label:'<i class="uk-icon-bold"></i>'},italic:{title:"Italic",label:'<i class="uk-icon-italic"></i>'},strike:{title:"Strikethrough",label:'<i class="uk-icon-strikethrough"></i>'},blockquote:{title:"Blockquote",label:'<i class="uk-icon-quote-right"></i>'},link:{title:"Link",label:'<i class="uk-icon-link"></i>'},image:{title:"Image",label:'<i class="uk-icon-picture-o"></i>'},listUl:{title:"Unordered List",label:'<i class="uk-icon-list-ul"></i>'},listOl:{title:"Ordered List",label:'<i class="uk-icon-list-ol"></i>'}}),c("bold","<strong>$1</strong>"),c("italic","<em>$1</em>"),c("strike","<del>$1</del>"),c("blockquote","<blockquote><p>$1</p></blockquote>","replaceLine"),c("link",'<a href="http://">$1</a>'),c("image",'<img src="http://" alt="$1">');var d=function(a){if("html"==b.getCursorMode()){a=a||"ul";for(var c=b.editor,d=c.getDoc(),e=d.getCursor(!0),f=d.getCursor(!1),g=CodeMirror.innerMode(c.getMode(),c.getTokenAt(c.getCursor()).state),h=g&&g.state&&g.state.context&&["ul","ol"].indexOf(g.state.context.tagName)!=-1,i=e.line;i<f.line+1;i++)c.replaceRange("<li>"+c.getLine(i)+"</li>",{line:i,ch:0},{line:i,ch:c.getLine(i).length});h?c.setCursor({line:f.line,ch:c.getLine(f.line).length}):(c.replaceRange("<"+a+">\n"+c.getLine(e.line),{line:e.line,ch:0},{line:e.line,ch:c.getLine(e.line).length}),c.replaceRange(c.getLine(f.line+1)+"\n</"+a+">",{line:f.line+1,ch:0},{line:f.line+1,ch:c.getLine(f.line+1).length}),c.setCursor({line:f.line+1,ch:c.getLine(f.line+1).length})),c.focus()}};b.on("action.listUl",function(){d("ul")}),b.on("action.listOl",function(){d("ol")}),b.htmleditor.on("click",'a[data-htmleditor-button="fullscreen"]',function(){b.htmleditor.toggleClass("uk-htmleditor-fullscreen");var c=b.editor.getWrapperElement();if(b.htmleditor.hasClass("uk-htmleditor-fullscreen")){var d=!1,e=b.htmleditor.parents().each(function(){"fixed"!=a.$(this).css("position")||a.$(this).is("html")||(d=a.$(this))});if(b.htmleditor.data("fixedParents",!1),d){var f=[];d=d.parent().find(e).each(function(){"none"!=a.$(this).css("transform")&&f.push(a.$(this).data("transform-reset",{transform:this.style.transform,"-webkit-transform":this.style.webkitTransform,"-webkit-transition":this.style.webkitTransition,transition:this.style.transition}).css({transform:"none","-webkit-transform":"none","-webkit-transition":"none",transition:"none"}))}),b.htmleditor.data("fixedParents",f)}b.editor.state.fullScreenRestore={scrollTop:window.pageYOffset,scrollLeft:window.pageXOffset,width:c.style.width,height:c.style.height},c.style.width="",c.style.height=b.content.height()+"px",document.documentElement.style.overflow="hidden"}else{document.documentElement.style.overflow="";var g=b.editor.state.fullScreenRestore;c.style.width=g.width,c.style.height=g.height,window.scrollTo(g.scrollLeft,g.scrollTop),b.htmleditor.data("fixedParents")&&b.htmleditor.data("fixedParents").forEach(function(a){a.css(a.data("transform-reset"))})}setTimeout(function(){b.fit(),a.$win.trigger("resize")},50)}),b.addShortcut(["Ctrl-S","Cmd-S"],function(){b.element.trigger("htmleditor-save",[b])}),b.addShortcutAction("bold",["Ctrl-B","Cmd-B"])}}),a.plugin("htmleditor","markdown",{init:function(b){function c(){b.editor.setOption("mode","gfm"),b.htmleditor.find(".uk-htmleditor-button-code a").html(b.options.lblMarkedview)}function d(a,c,d){b.on("action."+a,function(){"markdown"==b.getCursorMode()&&b["replaceLine"==d?"replaceLine":"replaceSelection"](c)})}var e=b.options.mdparser||window.marked||null;e&&(b.options.markdown&&c(),d("bold","**$1**"),d("italic","*$1*"),d("strike","~~$1~~"),d("blockquote","> $1","replaceLine"),d("link","[$1](http://)"),d("image","![$1](http://)"),b.on("action.listUl",function(){if("markdown"==b.getCursorMode()){for(var a=b.editor,c=a.getDoc().getCursor(!0),d=a.getDoc().getCursor(!1),e=c.line;e<d.line+1;e++)a.replaceRange("* "+a.getLine(e),{line:e,ch:0},{line:e,ch:a.getLine(e).length});a.setCursor({line:d.line,ch:a.getLine(d.line).length}),a.focus()}}),b.on("action.listOl",function(){if("markdown"==b.getCursorMode()){var a=b.editor,c=a.getDoc().getCursor(!0),d=a.getDoc().getCursor(!1),e=1;if(c.line>0){var f,g=a.getLine(c.line-1);(f=g.match(/^(\d+)\./))&&(e=Number(f[1])+1)}for(var h=c.line;h<d.line+1;h++)a.replaceRange(e+". "+a.getLine(h),{line:h,ch:0},{line:h,ch:a.getLine(h).length}),e++;a.setCursor({line:d.line,ch:a.getLine(d.line).length}),a.focus()}}),b.on("renderLate",function(){"gfm"==b.editor.options.mode&&(b.currentvalue=e(b.currentvalue))}),b.on("cursorMode",function(a,c){if("gfm"==b.editor.options.mode){var d=b.editor.getDoc().getCursor();b.editor.getTokenAt(d).state.base.htmlState||(c.mode="markdown")}}),a.$.extend(b,{enableMarkdown:function(){c(),this.render()},disableMarkdown:function(){this.editor.setOption("mode","htmlmixed"),this.htmleditor.find(".uk-htmleditor-button-code a").html(this.options.lblCodeview),this.render()}}),b.on({enableMarkdown:function(){b.enableMarkdown()},disableMarkdown:function(){b.disableMarkdown()}}))}}),a.htmleditor});