{"templates":{"alignment-selector.html":"<div>\n\t<div class='btn btn-sm btn-select' qstrap.select-menu items='toolbar.alignmentSelector.options'\n\t\tafter-change='toolbar.alignmentSelector.onUpdate($value)' ng-model='toolbar.activeFormats.align'>\n\t\t{{toolbar.alignmentSelector.options[toolbar.activeFormats.align]}}\n\t\t<span class='caret'></span>\n\t</div>\n</div>","body.html":"<div reporting.widget-base.body>\n\t<div ng-if='showContent()' class='display-html' tabindex='0' ng-bind-html='messageHtml' reporting.richtext.directives.redirect-link ></div>\n\t<div ng-show='info.widgetEditing' id='{{info.Id}}_editor'></div>\n\t<div id='hidden-toolbar'></div>\n</div>\n","font-selector.html":"<div>\n\t<div class='btn btn-md btn-select' qstrap.select-menu items='toolbar.fontSelector.fontOptions' id='font-select-btn'\n\t\tafter-change='toolbar.fontSelector.onUpdate($value)' ng-model='toolbar.activeFormats.font'>\n\t\t{{toolbar.fontSelector.fontOptions[toolbar.activeFormats.font]}}\n\t\t<span class='caret'></span>\n\t</div>\n</div>","font-size-selector.html":"<div>\n\t<div class='btn btn-md btn-select' qstrap.select-menu items='toolbar.fontSizeSelector.fontSizeOptions' id='font-size-selector-btn'\n\t\tafter-change='toolbar.fontSizeSelector.onUpdate($value)' ng-model='toolbar.activeFormats.size'>\n\t\t{{toolbar.fontSizeSelector.fontSizeOptions[toolbar.activeFormats.size]}}\n\t\t<span class='caret'></span>\n\t</div>\n</div>\n\n\n","insert-image-button.html":"<i class='icon icon-image'></i>\n","insert-image-modal.html":"<div class='modal-dialog'>\n    <div class='modal-content'>\n        <div class='modal-header'>\n            <h4 class='modal-title' translate>INSERT_IMAGE</h4>\n        </div>\n        <div class='modal-body'>\n            <div class='input-group input-group-full' style='max-width: 400px'>\n                <input type='text' class='form-control' placeholder=\"{{'IMAGE_URL' | translate}}\" ng-model='state.image.url' id='image-url'>\n            </div>\n            <br>\n            <br>\n\n            <div class='image-modal-preview' style='height: 200px; width: 400px; overflow: hidden; border: 1px solid #ddd; padding: 10px'>\n                <img style='max-width: 380px; max-height: 180px; display: block; margin: 0 auto' ng-src='{{state.image.url}}'/>\n            </div>\n        </div>\n\n        <div class='modal-footer'>\n            <button type='button' class='btn btn-success' ng-click='insertImage(state.image.url)' translate>INSERT_IMAGE</button>\n            <button type='button' class='btn btn-default' ng-click='this.close() && editor.setSelection(state.insertIndex, state.insertIndex)' translate>CANCEL</button>\n        </div>\n    </div>\n</div>\n<script type='text/javascript'>\n    //give input focus, wait for html to render\n    setTimeout(function() {\n        document.getElementById('image-url').focus();\n    }, 50)\n</script>\n","insert-link-button.html":"<i class='icon icon-link'>","insert-link-modal.html":"<div class='modal-dialog'>\n    <div class='modal-content'>\n        <div class='modal-header'>\n            <h4 class='modal-title' translate>INSERT_LINK</h4>\n        </div>\n        <div class='modal-body'>\n            <div class='input-group input-group-full' style='max-width: 400px'>\n                <input type='text' class='form-control' placeholder=\"{{'LINK_TEXT' | translate}}\" ng-model='state.link.label' id='link-url-label'>\n            </div>\n            <br>\n            <div class='input-group input-group-full' style='max-width: 400px'>\n                <input type='text' class='form-control' placeholder=\"{{'LINK_URL' | translate}}\" ng-model='state.link.url'>\n            </div>\n        </div>\n        <div class='modal-footer'>\n            <button type='button' class='btn btn-success' ng-click='insertLink(state.link.label, state.link.url)' translate>INSERT_LINK</button>\n            <button type='button' class='btn btn-default' ng-click='this.close() && editor.setSelection(state.insertIndex, state.insertIndex)' translate>CANCEL</button>\n        </div>\n    </div>\n</div>\n<script type='text/javascript'>\n    //give input focus, wait for html to render\n    setTimeout(function() {\n        document.getElementById('link-url-label').focus();\n    }, 50)\n</script>\n","options.html":"<div reporting.richtext.directives.toolbar></div>","toolbar-button.html":"<i class='icon'></i>","toolbar.html":"<div class='richtexteditor-toolbar'>\n\n<div reporting.richtext.directives.toolbar.no-focus>\n\t<div reporting.richtext.directives.toolbar.font-selector class='button-wrapper'></div>\n\t<div reporting.richtext.directives.toolbar.font-size-selector class='button-wrapper'></div>\n</div>\n\n    <div class='btn-group'>\n\t\t<div\n\t\t\tng-repeat='button in toolbar.letterStyleButtons'\n\t\t    reporting.richtext.directives.toolbar.button\n\t\t\tng-class='{active: toolbar.activeFormats[button.type]}'\n\t\t\ttype='{{button.type}}'\n\t\t\tclass='btn btn-small'\n\t\t\tid='{{button.id}}'\n\t\t\ticon-class='{{button.icon}}'></div>\n\t</div> \n\n\t<br>\n\n\t<div reporting.richtext.directives.toolbar.no-focus class='btn-group'>\n\t\t<div\n\t\t\tqstrap.color-picker\n\t\t\tcolor='toolbar.activeFormats.color'\n\t\t\tafter-change='toolbar.colorpicker.updateColor($value, \"color\")'\n\t\t\tclass='btn btn-small'\n\t\t\tid=\"color-btn\">\n\t\t\t<i class='icon icon-textcolor' ng-style='{\"color\": toolbar.activeFormats.color}'></i>\n\t\t</div>\n\n\t\t<div\n\t\t\tqstrap.color-picker\n\t\t\tcolor='toolbar.activeFormats.background'\n\t\t\tafter-change='toolbar.colorpicker.updateColor($value, \"background\")'\n\t\t\tclass='btn btn-small'\n\t\t\tid=\"background-color-btn\">\n\t\t\t<i class='icon icon-backgroundcolor' ></i>\n\t\t</div>\n\t</div>\n\n\t<br>\n\n\t<div class='btn-group'>\n\t\t<div\n\t\t\tng-repeat='button in toolbar.alignButtons'\n\t\t\treporting.richtext.directives.toolbar.button\n\t\t\tng-class='{active: toolbar.activeFormats[button.type] == button.value}'\n\t\t\ttype='{{button.type}}'\n\t\t\tvalue='{{button.value}}'\n\t\t\tclass='btn btn-small'\n\t\t\tid='{{button.id}}'\n\t\t\ticon-class='{{button.icon}}'></div>\n\t</div>\n\n\t<div class='btn-group' class='button-wrapper'>\n\t\t<div\n\t\t\tng-repeat='button in toolbar.listButtons'\n\t\t\treporting.richtext.directives.toolbar.button\n\t\t\tng-class='{active: toolbar.activeFormats[button.type]}'\n\t\t\ttype='{{button.type}}'\n\t\t\tclass='btn btn-small'\n\t\t\tid='{{button.id}}'\n\t\t\ticon-class='{{button.icon}}'></div>\n\t</div>\n\n\t<br>\n\n\t<div class='btn-group'>\n\t\t<div class='btn btn-small' reporting.richtext.directives.toolbar.insert-image-button></div>\n\t\t<div class='btn btn-small' reporting.richtext.directives.toolbar.insert-link-button></div>\n\t</div>\n</div>"},"js":"!function(t){\"use strict\";t.controller(\"reporting.richtext.controllers.main\",[\"reporting.widgetBase.widgetFactory\",\"$scope\",\"$sce\",\"$filter\",\"_rsRegistry\",\"$window\",function(t,e,i,n,r,o){function a(t){return o.DOMPurify.sanitize(t.toString())}var l=t.baseWidget(e,{exportDisabled:!0});l.settings.load(),l.settings.watch(),l.on(\"load\",function(){e.widget.translate([{parentField:e.state,fieldToTranslate:\"message\",idPrefix:\"message\"}]),e.state.message||(e.state.message=\"<div>\"+n(\"translate\")(\"DEFAULT_MESSAGE\")+\"</div>\"),e.messageHtml=i.trustAsHtml(a(e.state.message)),e.loadComplete=!0,l.status.setOk(),e.info.widgetEditing&&e.initEditor()}),l.on(\"changeWidgetEdit\",function(t){t&&e.initEditor()});var s={font:\"Open Sans\",size:\"13px\",bold:!1,italic:!1,strike:!1,underline:!1,color:\"black\",background:\"white\",align:\"left\",bullet:!1,list:!1};angular.extend(e,{showContent:function(){return e.loadComplete&&!e.info.widgetEditing},state:{message:\"\"},initEditor:function(){r.ensureDependency(\"vendor/quill\").then(function(){var t=new o.Quill($(\"#\"+e.info.Id+\"_editor\").get(0),{modules:{\"multi-cursor\":!0,\"link-tooltip\":!0,\"image-tooltip\":!0}});e.editor=t,t.setHTML(a(e.state.message)),t.on(\"text-change\",function(){e.$evalAsync(function(e){e.state.message=t.getHTML(),e.messageHtml=i.trustAsHtml(a(e.state.message))})}),t.addModule(\"toolbar\",{container:\"#hidden-toolbar\"}),t.on(\"selection-change\",function(){e.updateActiveFormats()}),t.setSelection(t.getLength()-1,t.getLength()-1)})},updateActiveFormats:function(){var t=e.editor.getSelection();if(null!==t){var i=e.editor.modules.toolbar._getActive(t);_.isString(i.font)&&(i.font=i.font.replace(/[\"']/g,\"\"));var n=angular.extend({},s,i);e.toolbar.activeFormats=n,e.$$phase||e.$apply()}},updateActiveFormatsWithValue:function(t,i){var n=e.editor.getSelection();if(null!==n){if(n.isCollapsed()&&!e.isLineFormat(t)){var r=e.toolbar.activeFormats[t];_.isBoolean(r)?e.toolbar.activeFormats[t]=!e.toolbar.activeFormats[t]:e.toolbar.activeFormats[t]=i}else e.updateActiveFormats();e.$$phase||e.$apply()}},isLineFormat:function(t){return\"list\"===t||\"bullet\"===t||\"align\"===t},formatTextRange:function(t,i,n){if(!e.editor)throw\"editor not initialized\";t&&!t.isCollapsed()&&(e.isLineFormat(i)?e.editor.formatLine(t,i,n,\"user\"):e.editor.formatText(t.start,t.end,i,n)),e.editor.prepareFormat(i,n)},toolbar:{buttons:{},activeFormats:{},colorpicker:{updateColor:function(t,i){var n=e.editor.getSelection();e.formatTextRange(n,i,t),e.updateActiveFormatsWithValue(i,t)}}}})}])}(angular.module(\"ripsaw.widgets\")),function(t){\"use strict\";t.directive(\"reporting.richtext.directives.toolbar.alignmentSelector\",[function(){return{templateUrl:\"reporting/richtext/templates/alignment-selector.html\",link:function(t,e){t.toolbar.alignmentSelector={options:{left:\"left\",center:\"center\",right:\"right\"},current:\"left\",onUpdate:function(e){var i=t.editor.getSelection();t.formatTextRange(i,\"align\",e),t.updateActiveFormats()}}}}}])}(angular.module(\"ripsaw.widgets\")),function(t){\"use strict\";t.directive(\"reporting.richtext.directives.toolbar.fontSelector\",[function(){return{templateUrl:\"reporting/richtext/templates/font-selector.html\",link:function(t,e){t.toolbar.fontSelector={fontOptions:{\"sans-serif\":\"Sans Serif\",serif:\"Serif\",monospace:\"Monospace\",Arial:\"Arial\",Georgia:\"Georgia\",Helvetica:\"Helvetica\",\"Open Sans\":\"Open Sans\",Qualtrics:\"Qualtrics\",Times:\"Times\",\"Times New Roman\":\"Times New Roman\",Verdana:\"Verdana\"},current:\"Open Sans\",onUpdate:function(e){t.editor.focus();var i=t.editor.getSelection();t.formatTextRange(i,\"font\",e),t.updateActiveFormatsWithValue(\"font\",e)}}}}}])}(angular.module(\"ripsaw.widgets\")),function(t){\"use strict\";t.directive(\"reporting.richtext.directives.toolbar.fontSizeSelector\",[function(){return{templateUrl:\"reporting/richtext/templates/font-size-selector.html\",link:function(t){t.toolbar.fontSizeSelector={currentSize:\"13px\",fontSizeOptions:{\"9px\":\"9px\",\"10px\":\"10px\",\"11px\":\"11px\",\"12px\":\"12px\",\"13px\":\"13px\",\"14px\":\"14px\",\"16px\":\"16px\",\"18px\":\"18px\",\"20px\":\"20px\",\"24px\":\"24px\",\"32px\":\"32px\",\"36px\":\"36px\",\"40px\":\"40px\",\"48px\":\"48px\",\"64px\":\"64px\"},onUpdate:function(e){t.editor.focus();var i=t.editor.getSelection();t.formatTextRange(i,\"size\",e),t.updateActiveFormatsWithValue(\"size\",e)}}}}}])}(angular.module(\"ripsaw.widgets\")),function(t){\"use strict\";t.directive(\"reporting.richtext.directives.toolbar.insertImageButton\",[\"qstrap.modal\",function(t){return{templateUrl:\"reporting/richtext/templates/insert-image-button.html\",link:function(e,i,n){i[0].addEventListener(\"mousedown\",function(t){t.preventDefault()}),e.insertImage=function(t){t&&\"\"!==t.trim()&&e.editor.insertEmbed(e.state.insertIndex,\"image\",t),e.insertImageModal.close(),e.editor.setSelection(e.state.insertIndex+1,e.state.insertIndex+1)},i.on(\"click\",function(i){var n=e.editor.getSelection();if(!n){e.editor.focus();var n=e.editor.getSelection()}e.editor.setSelection(),e.state.insertIndex=n.start,e.state.image={},e.insertImageModal=t({scope:e,templateUrl:e.info.BASE_URL+\"templates/insert-image-modal.html\"}),e.insertImageModal.show()})}}}])}(angular.module(\"ripsaw.widgets\")),function(t){\"use strict\";t.directive(\"reporting.richtext.directives.toolbar.insertLinkButton\",[\"qstrap.modal\",function(t){return{templateUrl:\"reporting/richtext/templates/insert-link-button.html\",link:function(e,i,n){i[0].addEventListener(\"mousedown\",function(t){t.preventDefault()}),e.insertLink=function(t,i){if(t&&t.hasOwnProperty(\"length\")&&i&&i.hasOwnProperty(\"length\")){e.editor.insertText(e.state.insertIndex,e.state.link.label,{link:i});var n=t.length+e.state.insertIndex;e.editor.setSelection(n,n),e.editor.prepareFormat(\"link\",!1)}else e.editor.setSelection(e.state.insertIndex,e.state.insertIndex);e.insertLinkModal.close()},i.on(\"click\",function(i){var n=e.editor.getSelection();if(n&&n.hasOwnProperty(\"end\")&&n.hasOwnProperty(\"start\")&&n.start!==n.end){var r=e.editor.modules[\"link-tooltip\"];r.show()}else{var n=e.editor.getSelection();if(!n){e.editor.focus();var n=e.editor.getSelection()}e.state.link={},e.state.insertIndex=n.start,e.editor.setSelection(),e.insertLinkModal=t({scope:e,templateUrl:e.info.BASE_URL+\"templates/insert-link-modal.html\"}),e.insertLinkModal.show()}})}}}])}(angular.module(\"ripsaw.widgets\")),function(t){\"use strict\";t.directive(\"reporting.richtext.directives.toolbar.noFocus\",[function(){return{link:function(t,e,i){e.on(\"mousedown\",function(t){t.preventDefault()})}}}])}(angular.module(\"ripsaw.widgets\")),function(t){\"use strict\";t.directive(\"reporting.richtext.directives.redirectLink\",[\"$timeout\",\"$window\",function(t,e){return{restrict:\"A\",link:function(i,n){t(function(){n.find(\"a\").click(function(t){var i=$(this).attr(\"href\");i&&(e.open(i),t.preventDefault())})},null,!1)}}}])}(angular.module(\"ripsaw.widgets\")),function(t){\"use strict\";t.directive(\"reporting.richtext.directives.toolbar\",[function(){return{templateUrl:\"reporting/richtext/templates/toolbar.html\",link:function(t,e){t.toolbar.letterStyleButtons=[{type:\"bold\",icon:\"icon-bold\",id:\"bold-btn\"},{type:\"italic\",icon:\"icon-italic\",id:\"italic-btn\"},{type:\"underline\",icon:\"icon-underline\",id:\"underline-btn\"},{type:\"strike\",icon:\"icon-strikethrough\",id:\"strike-btn\"}],t.toolbar.listButtons=[{type:\"list\",icon:\"icon-insertnumberedlist\",id:\"numbered-list-btn\"},{type:\"bullet\",icon:\"icon-insertbulletedlist\",id:\"bulleted-list-btn\"}],t.toolbar.alignButtons=[{type:\"align\",value:\"left\",icon:\"icon-alignleft\",id:\"left-align-btn\"},{type:\"align\",value:\"center\",icon:\"icon-center\",id:\"center-align-btn\"},{type:\"align\",value:\"right\",icon:\"icon-alignright\",id:\"right-align-btn\"}]}}}])}(angular.module(\"ripsaw.widgets\")),function(t){\"use strict\";t.directive(\"reporting.richtext.directives.toolbar.button\",[function(){return{templateUrl:\"reporting/richtext/templates/toolbar-button.html\",link:function(t,e,i){var n=e[0].children[0];e[0].addEventListener(\"mousedown\",function(t){t.preventDefault()}),n.className=n.className+\" \"+i.iconClass;var r=i.type;e.on(\"click\",function(e){var n=t.editor.getSelection();if(null===n){t.editor.focus();var o=t.editor.getLength();t.editor.setSelection(o,o),n=t.editor.getSelection()}var a=!t.toolbar.activeFormats[r];i.hasOwnProperty(\"value\")&&(a=i.value),t.formatTextRange(n,r,a),t.updateActiveFormatsWithValue(r,a),t.$apply()})}}}])}(angular.module(\"ripsaw.widgets\"));","css":".reporting-richtext span:not(.caret,.icon){font:inherit}.reporting-richtext .display-html b,.reporting-richtext .display-html i,.reporting-richtext .display-html s,.reporting-richtext .display-html u,.reporting-richtext .ql-editor b,.reporting-richtext .ql-editor i,.reporting-richtext .ql-editor s,.reporting-richtext .ql-editor u{font-family:inherit}.reporting-richtext .widget-body{overflow:hidden;-ms-overflow-style:none}.reporting-richtext .widget-body:hover{overflow:auto;-ms-overflow-style:auto}.reporting-richtext .display-html{white-space:pre-wrap}.reporting-richtext .display-html div{margin:0;padding:0}.reporting-richtext .display-html a{text-decoration:underline}.reporting-richtext .display-html b{font-weight:700}.reporting-richtext .display-html i{font-style:italic}.reporting-richtext .display-html s{text-decoration:line-through}.reporting-richtext .display-html u{text-decoration:underline}.reporting-richtext .display-html img{max-width:100%}.reporting-richtext .display-html ol{list-style-type:decimal}.reporting-richtext .display-html ul{list-style-type:disc}.reporting-richtext .display-html blockquote,.reporting-richtext .display-html ol,.reporting-richtext .display-html ul{margin:0 0 0 2em;padding:0}.reporting-richtext .display-html a,.reporting-richtext .display-html b,.reporting-richtext .display-html i,.reporting-richtext .display-html s,.reporting-richtext .display-html span,.reporting-richtext .display-html u{background-color:inherit}.reporting-richtext .richtexteditor-toolbar{padding:15px 5px 15px 23px}.reporting-richtext .richtexteditor-toolbar .btn-group{margin-bottom:5px}.reporting-richtext .richtexteditor-toolbar .button-wrapper{display:inline-block}.reporting-richtext .ql-container{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;box-sizing:content-box;font-family:inherit;font-size:inherit;line-height:inherit;overflow:hidden}.reporting-richtext .ql-editor{position:absolute;top:0;right:0;bottom:0;left:0;margin:0!important;padding:12px!important;min-height:0;overflow:auto;border:1px solid transparent}.mobile .reporting-richtext .base-widget{min-height:0}.mobile .reporting-richtext .widget-body{height:auto!important;position:static;padding-top:16px}","lang":{}}