hoodcms 5.0.5 → 5.0.9

package/src/js/app.js

@@ -1,16 +1,20 @@
 /*!
-* hoodcms v5.0.5
+* hoodcms v5.0.9
+* A fully customisable content management system built in ASP.NET Core 5 & Bootstrap 5.
+* Written by George Whysall, 2021
 * Released under the GPL-3.0 License.
 */
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('sweetalert2'), require('bootstrap')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'sweetalert2', 'bootstrap'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.HoodCMS = {}, global.Swal, global.bootstrap));
-}(this, (function (exports, Swal, bootstrap) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('sweetalert2'), require('@simonwep/pickr'), require('tinymce/tinymce'), require('bootstrap')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'sweetalert2', '@simonwep/pickr', 'tinymce/tinymce', 'bootstrap'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.hood = {}, global.Swal, global.Pickr, global.tinymce, global.bootstrap));
+})(this, (function (exports, Swal, Pickr, tinymce, bootstrap) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var Swal__default = /*#__PURE__*/_interopDefaultLegacy(Swal);
+    var Pickr__default = /*#__PURE__*/_interopDefaultLegacy(Pickr);
+    var tinymce__default = /*#__PURE__*/_interopDefaultLegacy(tinymce);
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -54,7 +58,7 @@
 
     "function"!=typeof Object.create&&(Object.create=function(t){function o(){}return o.prototype=t,new o}),function(t,o,i,s){var n={_positionClasses:["bottom-left","bottom-right","top-right","top-left","bottom-center","top-center","mid-center"],_defaultIcons:["success","error","info","warning"],init:function(o,i){this.prepareOptions(o,t.toast.options),this.process();},prepareOptions:function(o,i){var s={};"string"==typeof o||o instanceof Array?s.text=o:s=o,this.options=t.extend({},i,s);},process:function(){this.setup(),this.addToDom(),this.position(),this.bindToast(),this.animate();},setup:function(){var o="";if(this._toastEl=this._toastEl||t("<div></div>",{"class":"jq-toast-single"}),o+='<span class="jq-toast-loader"></span>',this.options.allowToastClose&&(o+='<span class="close-jq-toast-single">&times;</span>'),this.options.text instanceof Array){this.options.heading&&(o+='<h2 class="jq-toast-heading">'+this.options.heading+"</h2>"),o+='<ul class="jq-toast-ul">';for(var i=0;i<this.options.text.length;i++)o+='<li class="jq-toast-li" id="jq-toast-item-'+i+'">'+this.options.text[i]+"</li>";o+="</ul>";}else this.options.heading&&(o+='<h2 class="jq-toast-heading">'+this.options.heading+"</h2>"),o+=this.options.text;this._toastEl.html(o),this.options.bgColor!==!1&&this._toastEl.css("background-color",this.options.bgColor),this.options.textColor!==!1&&this._toastEl.css("color",this.options.textColor),this.options.textAlign&&this._toastEl.css("text-align",this.options.textAlign),this.options.icon!==!1&&(this._toastEl.addClass("jq-has-icon"),-1!==t.inArray(this.options.icon,this._defaultIcons)&&this._toastEl.addClass("jq-icon-"+this.options.icon)),this.options["class"]!==!1&&this._toastEl.addClass(this.options["class"]);},position:function(){"string"==typeof this.options.position&&-1!==t.inArray(this.options.position,this._positionClasses)?"bottom-center"===this.options.position?this._container.css({left:t(o).outerWidth()/2-this._container.outerWidth()/2,bottom:20}):"top-center"===this.options.position?this._container.css({left:t(o).outerWidth()/2-this._container.outerWidth()/2,top:20}):"mid-center"===this.options.position?this._container.css({left:t(o).outerWidth()/2-this._container.outerWidth()/2,top:t(o).outerHeight()/2-this._container.outerHeight()/2}):this._container.addClass(this.options.position):"object"==typeof this.options.position?this._container.css({top:this.options.position.top?this.options.position.top:"auto",bottom:this.options.position.bottom?this.options.position.bottom:"auto",left:this.options.position.left?this.options.position.left:"auto",right:this.options.position.right?this.options.position.right:"auto"}):this._container.addClass("bottom-left");},bindToast:function(){var t=this;this._toastEl.on("afterShown",function(){t.processLoader();}),this._toastEl.find(".close-jq-toast-single").on("click",function(o){o.preventDefault(),"fade"===t.options.showHideTransition?(t._toastEl.trigger("beforeHide"),t._toastEl.fadeOut(function(){t._toastEl.trigger("afterHidden");})):"slide"===t.options.showHideTransition?(t._toastEl.trigger("beforeHide"),t._toastEl.slideUp(function(){t._toastEl.trigger("afterHidden");})):(t._toastEl.trigger("beforeHide"),t._toastEl.hide(function(){t._toastEl.trigger("afterHidden");}));}),"function"==typeof this.options.beforeShow&&this._toastEl.on("beforeShow",function(){t.options.beforeShow();}),"function"==typeof this.options.afterShown&&this._toastEl.on("afterShown",function(){t.options.afterShown();}),"function"==typeof this.options.beforeHide&&this._toastEl.on("beforeHide",function(){t.options.beforeHide();}),"function"==typeof this.options.afterHidden&&this._toastEl.on("afterHidden",function(){t.options.afterHidden();});},addToDom:function(){var o=t(".jq-toast-wrap");if(0===o.length?(o=t("<div></div>",{"class":"jq-toast-wrap"}),t("body").append(o)):(!this.options.stack||isNaN(parseInt(this.options.stack,10)))&&o.empty(),o.find(".jq-toast-single:hidden").remove(),o.append(this._toastEl),this.options.stack&&!isNaN(parseInt(this.options.stack),10)){var i=o.find(".jq-toast-single").length,s=i-this.options.stack;s>0&&t(".jq-toast-wrap").find(".jq-toast-single").slice(0,s).remove();}this._container=o;},canAutoHide:function(){return this.options.hideAfter!==!1&&!isNaN(parseInt(this.options.hideAfter,10))},processLoader:function(){if(!this.canAutoHide()||this.options.loader===!1)return !1;var t=this._toastEl.find(".jq-toast-loader"),o=(this.options.hideAfter-400)/1e3+"s",i=this.options.loaderBg,s=t.attr("style")||"";s=s.substring(0,s.indexOf("-webkit-transition")),s+="-webkit-transition: width "+o+" ease-in;                       -o-transition: width "+o+" ease-in;                       transition: width "+o+" ease-in;                       background-color: "+i+";",t.attr("style",s).addClass("jq-toast-loaded");},animate:function(){var t=this;if(this._toastEl.hide(),this._toastEl.trigger("beforeShow"),"fade"===this.options.showHideTransition.toLowerCase()?this._toastEl.fadeIn(function(){t._toastEl.trigger("afterShown");}):"slide"===this.options.showHideTransition.toLowerCase()?this._toastEl.slideDown(function(){t._toastEl.trigger("afterShown");}):this._toastEl.show(function(){t._toastEl.trigger("afterShown");}),this.canAutoHide()){var t=this;o.setTimeout(function(){"fade"===t.options.showHideTransition.toLowerCase()?(t._toastEl.trigger("beforeHide"),t._toastEl.fadeOut(function(){t._toastEl.trigger("afterHidden");})):"slide"===t.options.showHideTransition.toLowerCase()?(t._toastEl.trigger("beforeHide"),t._toastEl.slideUp(function(){t._toastEl.trigger("afterHidden");})):(t._toastEl.trigger("beforeHide"),t._toastEl.hide(function(){t._toastEl.trigger("afterHidden");}));},this.options.hideAfter);}},reset:function(o){"all"===o?t(".jq-toast-wrap").remove():this._toastEl.remove();},update:function(t){this.prepareOptions(t,this.options),this.setup(),this.bindToast();}};t.toast=function(t){var o=Object.create(n);return o.init(t,this),{reset:function(t){o.reset(t);},update:function(t){o.update(t);}}},t.toast.options={text:"",heading:"",showHideTransition:"fade",allowToastClose:!0,hideAfter:3e3,loader:!0,loaderBg:"#9EC600",stack:5,position:"bottom-left",bgColor:!1,textColor:!1,textAlign:"left",icon:!1,beforeShow:function(){},afterShown:function(){},beforeHide:function(){},afterHidden:function(){}};}(jQuery,window);
 
-    var BootstrapSwal = Swal__default['default'].mixin({
+    var BootstrapSwal = Swal__default["default"].mixin({
         customClass: {
             confirmButton: 'btn btn-success m-1 px-3',
             cancelButton: 'btn btn-danger m-1 px-3'
@@ -230,173 +234,74 @@
         return Alerts;
     }());
 
-    var Handlers = /** @class */ (function () {
-        function Handlers() {
+    var ColorPickers = /** @class */ (function () {
+        function ColorPickers() {
         }
-        /**
-         * Initialise all default Hood CMS handlers.
-         */
-        Handlers.prototype.initDefaultHandlers = function () {
-            this.checkboxToCsvInput();
-            this.iconSelector();
-            this.initSelectValues();
-            this.scrollHandlers();
-            this.selectText();
-            this.setValueOnClick();
-            this.submitOnChange();
-        };
-        /**
-         * Sets values of any selects that have the value set in data-selected, useful for
-         */
-        Handlers.prototype.initSelectValues = function (tag) {
-            if (tag === void 0) { tag = 'body'; }
-            $(tag).find('select[data-selected]').each(this.initSelectValuesHandler);
-        };
-        Handlers.prototype.initSelectValuesHandler = function (index, element) {
-            var sel = $(this).data('selected');
-            if (sel !== 'undefined' && sel !== '') {
-                var selected = String(sel);
-                $(this).val(selected);
-            }
-        };
-        /**
-         * Sets up any Hood Icon selector fields, requires the correct HTML setup.
-         */
-        Handlers.prototype.iconSelector = function (tag) {
-            if (tag === void 0) { tag = 'body'; }
-            $(tag).find('[data-hood-icon]').each(this.iconSelectorHandler);
-        };
-        Handlers.prototype.iconSelectorHandler = function (index, element) {
-            var $tag = $(this);
-            var input = $tag.find('input[data-hood-icon-input]');
-            var display = $tag.find('[data-hood-icon-display]');
-            var collapse = $tag.find('.collapse');
-            $tag.find('[data-hood-icon-key][data-hood-icon-value]').on('click', function () {
-                $tag.find('[data-hood-icon-key][data-hood-icon-value]').removeClass('active');
-                $(this).addClass('active');
-                var key = $(this).data('hoodIconKey');
-                var value = $(this).data('hoodIconValue');
-                $(this);
-                display.html(value);
-                input.val(key);
-                if (collapse) {
-                    collapse.removeClass('show');
+        ColorPickers.prototype.loadColorPickers = function (tag) {
+            if (tag === void 0) { tag = '.color-picker'; }
+            var updateColorFieldValue = function (color, eventSource, instance) {
+                var elemId = $(instance._root.button).parent().data('target');
+                $(instance._root.button).parent().css({ 'background-color': color.toHEXA().toString() });
+                var colorHex = instance.getColor().toHEXA();
+                var result = "";
+                for (var i = colorHex.length - 1; i >= 0; i--) {
+                    result = colorHex[i] + result;
                 }
+                $(elemId).val('#' + result);
+                $(elemId).change();
+            };
+            // Simple example, see optional options for more configuration.
+            $(tag).each(function (index, elem) {
+                var lockOpacity = true;
+                if ($(this).data('opacity') == 'true') {
+                    lockOpacity = false;
+                }
+                Pickr__default["default"].create({
+                    el: elem.children[0],
+                    appClass: 'custom-class',
+                    theme: 'monolith',
+                    useAsButton: true,
+                    default: $(this).data('default') || 'none',
+                    lockOpacity: lockOpacity,
+                    defaultRepresentation: 'HEXA',
+                    position: 'bottom-end',
+                    components: {
+                        opacity: true,
+                        hue: true,
+                        interaction: {
+                            hex: false,
+                            rgba: false,
+                            hsva: false,
+                            input: true,
+                            clear: true
+                        }
+                    }
+                })
+                    .on('init', function (instance) {
+                    var elemId = $(instance._root.button).parent().data('target');
+                    var value = $(elemId).val();
+                    $(instance._root.button).parent().on('click', $.proxy(function () {
+                        this.show();
+                    }, instance));
+                    $(elemId).on('click', $.proxy(function () {
+                        this.show();
+                    }, instance));
+                    if (value) {
+                        instance.setColor(value);
+                        updateColorFieldValue(instance.getColor(), null, instance);
+                    }
+                })
+                    .on('clear', function (instance) {
+                    var elemId = $(instance._root.button).parent().data('target');
+                    instance.setColor('transparent');
+                    updateColorFieldValue(instance.getColor(), null, instance);
+                    $(elemId).val('');
+                    $(elemId).change();
+                })
+                    .on('change', updateColorFieldValue);
             });
         };
-        /**
-         * Submits the form when input is changed, mark inputs with .submit-on-change class.
-         */
-        Handlers.prototype.selectText = function (tag) {
-            if (tag === void 0) { tag = 'body'; }
-            $(tag).on('click', '.select-text', this.selectTextHandler);
-        };
-        Handlers.prototype.selectTextHandler = function () {
-            var $this = $(this);
-            $this.select();
-            // Work around Chrome's little problem
-            $this.mouseup(function () {
-                // Prevent further mouseup intervention
-                $this.unbind("mouseup");
-                return false;
-            });
-        };
-        /**
-         * Attaches handlers for default scrolling functions, scroll to top, scroll to target (with header.header offset calculated)
-         * and scroll to target direct (with no calculated offset).
-         */
-        Handlers.prototype.scrollHandlers = function (tag) {
-            if (tag === void 0) { tag = 'body'; }
-            $(tag).on('click', '.scroll-top, .scroll-to-top', this.scrollTop);
-            $(tag).on('click', '.scroll-target, .scroll-to-target', this.scrollTarget);
-            $(tag).on('click', '.scroll-target-direct, .scroll-to-target-direct', this.scrollTargetDirect);
-        };
-        Handlers.prototype.scrollTop = function (e) {
-            if (e)
-                e.preventDefault();
-            $('html, body').animate({ scrollTop: 0 }, 800);
-            return false;
-        };
-        Handlers.prototype.scrollTarget = function (e) {
-            if (e)
-                e.preventDefault();
-            var url = $(this).attr('href').split('#')[0];
-            if (url !== window.location.pathname && url !== "") {
-                return;
-            }
-            var target = this.hash;
-            var $target = $(target);
-            var $header = $('header.header');
-            var headerOffset = 0;
-            if ($header) {
-                headerOffset = $header.height();
-            }
-            if ($(this).data('offset'))
-                $('html, body').stop().animate({
-                    'scrollTop': $target.offset().top - $(this).data('offset')
-                }, 900, 'swing');
-            else
-                $('html, body').stop().animate({
-                    'scrollTop': $target.offset().top - headerOffset
-                }, 900, 'swing');
-        };
-        Handlers.prototype.scrollTargetDirect = function () {
-            var scrollTop = $('body').scrollTop();
-            var top = $($(this).attr('href')).offset().top;
-            $('html, body').animate({
-                scrollTop: top
-            }, Math.abs(top - scrollTop));
-            return false;
-        };
-        /**
-        * Compiles any selected checkboxes with matching data-hood-csv-input tags,
-        * then saves the CSV list of the values to the input given in the tag.
-        */
-        Handlers.prototype.checkboxToCsvInput = function (tag) {
-            if (tag === void 0) { tag = 'body'; }
-            $(tag).on('change', 'input[type=checkbox][data-hood-csv-input]', this.checkboxToCsvInputHandler);
-        };
-        Handlers.prototype.checkboxToCsvInputHandler = function (e) {
-            if (e)
-                e.preventDefault();
-            // when i change - create an array, with any other checked of the same data-input checkboxes. and add to the data-input referenced tag.
-            var items = new Array();
-            $('input[data-hood-csv-input="' + $(this).data('hoodCsvInput') + '"]').each(function () {
-                if ($(this).is(":checked"))
-                    items.push($(this).val());
-            });
-            var id = '#' + $(this).data('input');
-            var vals = JSON.stringify(items);
-            $(id).val(vals);
-        };
-        /**
-        * Submits the form when input is changed, mark inputs with .submit-on-change class.
-        */
-        Handlers.prototype.submitOnChange = function (tag) {
-            if (tag === void 0) { tag = 'body'; }
-            $(tag).on('change', '.submit-on-change', this.submitOnChangeHandler);
-        };
-        Handlers.prototype.submitOnChangeHandler = function (e) {
-            if (e)
-                e.preventDefault();
-            $(this).parents('form').submit();
-        };
-        /**
-        * Sets the value of the input [data-target] when clicked to the value in [data-value]
-        */
-        Handlers.prototype.setValueOnClick = function (tag) {
-            if (tag === void 0) { tag = 'body'; }
-            $(tag).on('click', '.click-select[data-target][data-value]', this.setValueOnClickHandler);
-        };
-        Handlers.prototype.setValueOnClickHandler = function () {
-            var $this = $(this);
-            var targetId = '#' + $this.data('target');
-            $(targetId).val($this.data('value'));
-            $(targetId).trigger('change');
-            $('.click-select.clean[data-target="' + $this.data('target') + '"]').each(function () { $(this).removeClass('active'); });
-            $('.click-select.clean[data-target="' + $this.data('target') + '"][data-value="' + $this.data('value') + '"]').each(function () { $(this).addClass('active'); });
-        };
-        return Handlers;
+        return ColorPickers;
     }());
 
     var Response = /** @class */ (function () {
@@ -518,7 +423,7 @@
                 listUrl.search = url.search;
                 this.reload(new URL(listUrl.href));
             }.bind(this));
-            $('body').on('submit', "form.inline[data-target=\"#" + this.element.id + "\"]", function (e) {
+            $('body').on('submit', "form.inline[data-target=\"#".concat(this.element.id, "\"]"), function (e) {
                 e.preventDefault();
                 var $form = $(e.currentTarget);
                 var listUrl = document.createElement('a');
@@ -754,6 +659,9 @@
                     dz = this;
                 }
             });
+            dz.on("error", function (file, errormessage) {
+                Alerts.warning(errormessage);
+            }.bind(this));
             dz.on("success", function (file, data) {
                 Response.process(data);
             }.bind(this));
@@ -812,7 +720,7 @@
                         if (response.data.length > 0) {
                             var listUrl = document.createElement('a');
                             listUrl.href = $(this.element).data('url');
-                            listUrl.search = "?dir=" + response.data[0];
+                            listUrl.search = "?dir=".concat(response.data[0]);
                             this.media.reload(new URL(listUrl.href));
                         }
                     }.bind(this));
@@ -853,7 +761,7 @@
             // TODO: On close, reload the list and reinstate the modal??
         };
         MediaService.prototype.select = function (mediaObject, e) {
-            Alerts.log("[MediaService.select] Selecting media object id " + mediaObject.id + " - " + mediaObject.filename + " and inserting " + this.options.size + " url to target: " + this.options.target);
+            Alerts.log("[MediaService.select] Selecting media object id ".concat(mediaObject.id, " - ").concat(mediaObject.filename, " and inserting ").concat(this.options.size, " url to target: ").concat(this.options.target));
             if (this.options.target) {
                 var target = $(this.options.target);
                 switch (this.options.size) {
@@ -884,7 +792,7 @@
         };
         MediaService.prototype.insert = function (mediaObject, e) {
             // basic functionality to insert the correct string from the media response (from uploader) to given input element. 
-            Alerts.log("[MediaService.insert] Selecting media object id " + mediaObject.id + " - " + mediaObject.filename + " and inserting " + this.options.size + " image to target editor: " + this.options.target);
+            Alerts.log("[MediaService.insert] Selecting media object id ".concat(mediaObject.id, " - ").concat(mediaObject.filename, " and inserting ").concat(this.options.size, " image to target editor: ").concat(this.options.target));
             this.options.targetEditor.insertContent('<img alt="' + mediaObject.filename + '" src="' + mediaObject.url + '" class="img-fluid" />');
             // Run the callback for onAction
             if (this.options.onAction) {
@@ -893,7 +801,7 @@
         };
         MediaService.prototype.attach = function (mediaObject, e) {
             // once file is uploaded to given directory, send media id to the given attach endpoint.
-            Alerts.log("[MediaService.attach] Attaching media object id " + mediaObject.id + " - " + mediaObject.filename + " to url: " + this.options.url);
+            Alerts.log("[MediaService.attach] Attaching media object id ".concat(mediaObject.id, " - ").concat(mediaObject.filename, " to url: ").concat(this.options.url));
             $.post(this.options.url, { mediaId: mediaObject.id }, function (response) {
                 Response.process(response, 5000);
                 MediaService.refresh(response.media, this.options.refresh);
@@ -906,12 +814,12 @@
         MediaService.prototype.galleryClick = function (mediaObject, e) {
             // once file is uploaded to given directory, send media id to the given attach endpoint.
             if (!this.isMediaSelected(mediaObject)) {
-                Alerts.log("[MediaService.galleryClick] Adding to selected media objects - id " + mediaObject.id + " - " + mediaObject.filename + ".");
+                Alerts.log("[MediaService.galleryClick] Adding to selected media objects - id ".concat(mediaObject.id, " - ").concat(mediaObject.filename, "."));
                 this.selectedMedia.push(mediaObject);
                 $(e.currentTarget).parents('.media-item').addClass('active');
             }
             else {
-                Alerts.log("[MediaService.galleryClick] Removing media from selection - id " + mediaObject.id + " - " + mediaObject.filename + ".}");
+                Alerts.log("[MediaService.galleryClick] Removing media from selection - id ".concat(mediaObject.id, " - ").concat(mediaObject.filename, ".}"));
                 this.selectedMedia = this.selectedMedia.filter(function (obj) {
                     return obj.id !== mediaObject.id;
                 });
@@ -922,7 +830,7 @@
             e.preventDefault();
             e.stopPropagation();
             // once file is uploaded to given directory, send media id to the given attach endpoint.
-            Alerts.log("[MediaService.galleryAdd] Adding " + this.selectedMedia.length + " selected media objects  to url: " + this.options.url);
+            Alerts.log("[MediaService.galleryAdd] Adding ".concat(this.selectedMedia.length, " selected media objects  to url: ").concat(this.options.url));
             var mediaIds = this.selectedMedia.map(function (v) {
                 return v.id;
             });
@@ -1048,6 +956,311 @@
         return MediaModal;
     }());
 
+    var Editors = /** @class */ (function () {
+        function Editors(options) {
+            this.options = {
+                linkClasses: [
+                    { title: 'None', value: '' },
+                    { title: 'Button link', value: 'btn btn-default' },
+                    { title: 'Theme coloured button link', value: 'btn btn-primary' },
+                    { title: 'Popup image/video', value: 'colorbox-iframe' },
+                    { title: 'Button popup link', value: 'btn btn-default colorbox-iframe' },
+                    { title: 'Theme coloured button popup link', value: 'btn btn-primary colorbox-iframe' },
+                    { title: 'Large link', value: 'font-lg' },
+                    { title: 'Large button link', value: 'btn btn-default btn-lg' },
+                    { title: 'Large theme coloured button link', value: 'btn btn-primary btn-lg' },
+                    { title: 'Large popup image/video', value: 'font-lg colorbox-iframe' },
+                    { title: 'Large Button popup link', value: 'btn btn-default btn-lg colorbox-iframe' },
+                    { title: 'Theme coloured button popup link', value: 'btn btn-primary btn-lg colorbox-iframe' }
+                ],
+                imageClasses: [
+                    { title: 'None', value: '' },
+                    { title: 'Full Width', value: 'user-image full' },
+                    { title: 'Left Aligned', value: 'user-image left' },
+                    { title: 'Centered', value: 'user-image center' },
+                    { title: 'Right Aligned', value: 'user-image right' },
+                    { title: 'Inline with text, top aligned', value: 'user-image inline top' },
+                    { title: 'Inline with text, middle aligned', value: 'user-image inline' },
+                    { title: 'Inline with text, bottom aligned', value: 'user-image inline bottom' },
+                    { title: 'Pulled Left', value: 'user-image pull-left' },
+                    { title: 'Pulled Right', value: 'user-image pull-right' },
+                ]
+            };
+            this.options = __assign(__assign({}, this.options), options);
+        }
+        Editors.prototype.richTextEditors = function () {
+            tinymce__default["default"].init({
+                selector: '.tinymce-full',
+                height: 150,
+                menubar: false,
+                plugins: [
+                    'advlist autolink lists link image charmap print preview anchor media',
+                    'searchreplace visualblocks code fullscreen',
+                    'insertdatetime media contextmenu paste code textcolor'
+                ],
+                toolbar: "fullscreen | styleselect forecolor backcolor | hoodimage link media image | bold italic | alignleft aligncenter alignright | bullist numlist | table | undo redo",
+                link_class_list: this.options.linkClasses,
+                image_class_list: this.options.imageClasses,
+                setup: this.setupCommands.bind(this),
+                image_dimensions: false,
+                content_css: [
+                    '/dist/css/editor.css'
+                ],
+            });
+            tinymce__default["default"].init({
+                selector: '.tinymce-simple',
+                height: 150,
+                plugins: [
+                    'advlist autolink lists link image charmap print preview anchor media',
+                    'searchreplace visualblocks code fullscreen',
+                    'insertdatetime media contextmenu paste code'
+                ],
+                menubar: false,
+                toolbar: 'fullscreen | bold italic | bullist numlist | undo redo | link',
+                link_class_list: this.options.linkClasses,
+                image_class_list: this.options.imageClasses,
+                setup: this.setupCommands.bind(this),
+                image_dimensions: false
+            });
+            tinymce__default["default"].init({
+                selector: '.tinymce-full-content',
+                height: 500,
+                menubar: false,
+                plugins: [
+                    'advlist autolink lists link image charmap print preview anchor media',
+                    'searchreplace visualblocks code fullscreen',
+                    'insertdatetime media contextmenu paste code textcolor'
+                ],
+                toolbar: "fullscreen | styleselect forecolor backcolor | hoodimage link media image | bold italic | alignleft aligncenter alignright | bullist numlist | table | undo redo",
+                link_class_list: this.options.linkClasses,
+                image_class_list: this.options.imageClasses,
+                setup: this.setupCommands.bind(this),
+                image_dimensions: false
+            });
+            tinymce__default["default"].init({
+                selector: '.tinymce-simple-content',
+                height: 500,
+                plugins: [
+                    'advlist autolink lists link image charmap print preview anchor media',
+                    'searchreplace visualblocks code fullscreen',
+                    'insertdatetime media contextmenu paste code'
+                ],
+                menubar: false,
+                toolbar: 'fullscreen | bold italic | bullist numlist | undo redo | link',
+                link_class_list: this.options.linkClasses,
+                image_class_list: this.options.imageClasses,
+                image_dimensions: false
+            });
+        };
+        Editors.prototype.setupCommands = function (editor) {
+            this.currentEditor = $('#' + editor.id);
+            if (this.currentEditor.data('hoodMediaList')) {
+                editor.addButton('hoodimage', {
+                    text: 'Insert image...',
+                    icon: false,
+                    onclick: function (e) {
+                        this.mediaModal = new ModalController({
+                            onComplete: function (sender) {
+                                this.list = document.getElementById('media-list');
+                                this.service = new MediaService(this.list, {
+                                    action: 'insert',
+                                    url: this.currentEditor.data('hoodMediaList'),
+                                    targetEditor: editor,
+                                    size: this.currentEditor.data('hoodMediaSize'),
+                                    beforeAction: function (sender, mediaObject) {
+                                    }.bind(this),
+                                    onAction: function (sender, mediaObject) {
+                                        this.mediaModal.close();
+                                    }.bind(this),
+                                    onListLoad: function (sender) {
+                                    },
+                                    onListRender: function (data) {
+                                        return data;
+                                    },
+                                    onListComplete: function (data) {
+                                    },
+                                    onError: function (jqXHR, textStatus, errorThrown) {
+                                    },
+                                });
+                            }.bind(this)
+                        });
+                        this.mediaModal.show(this.currentEditor.data('hoodMediaList'), e.currentTarget);
+                    }.bind(this)
+                });
+            }
+        };
+        return Editors;
+    }());
+
+    var Handlers = /** @class */ (function () {
+        function Handlers() {
+        }
+        /**
+         * Initialise all default Hood CMS handlers.
+         */
+        Handlers.prototype.initDefaultHandlers = function () {
+            this.checkboxToCsvInput();
+            this.iconSelector();
+            this.initSelectValues();
+            this.scrollHandlers();
+            this.selectText();
+            this.setValueOnClick();
+            this.submitOnChange();
+        };
+        /**
+         * Sets values of any selects that have the value set in data-selected, useful for
+         */
+        Handlers.prototype.initSelectValues = function (tag) {
+            if (tag === void 0) { tag = 'body'; }
+            $(tag).find('select[data-selected]').each(this.initSelectValuesHandler);
+        };
+        Handlers.prototype.initSelectValuesHandler = function (index, element) {
+            var sel = $(this).data('selected');
+            if (sel !== 'undefined' && sel !== '') {
+                var selected = String(sel);
+                $(this).val(selected);
+            }
+        };
+        /**
+         * Sets up any Hood Icon selector fields, requires the correct HTML setup.
+         */
+        Handlers.prototype.iconSelector = function (tag) {
+            if (tag === void 0) { tag = 'body'; }
+            $(tag).find('[data-hood-icon]').each(this.iconSelectorHandler);
+        };
+        Handlers.prototype.iconSelectorHandler = function (index, element) {
+            var $tag = $(this);
+            var input = $tag.find('input[data-hood-icon-input]');
+            var display = $tag.find('[data-hood-icon-display]');
+            var collapse = $tag.find('.collapse');
+            $tag.find('[data-hood-icon-key][data-hood-icon-value]').on('click', function () {
+                $tag.find('[data-hood-icon-key][data-hood-icon-value]').removeClass('active');
+                $(this).addClass('active');
+                var key = $(this).data('hoodIconKey');
+                var value = $(this).data('hoodIconValue');
+                $(this);
+                display.html(value);
+                input.val(key);
+                if (collapse) {
+                    collapse.removeClass('show');
+                }
+            });
+        };
+        /**
+         * Submits the form when input is changed, mark inputs with .submit-on-change class.
+         */
+        Handlers.prototype.selectText = function (tag) {
+            if (tag === void 0) { tag = 'body'; }
+            $(tag).on('click', '.select-text', this.selectTextHandler);
+        };
+        Handlers.prototype.selectTextHandler = function () {
+            var $this = $(this);
+            $this.select();
+            // Work around Chrome's little problem
+            $this.mouseup(function () {
+                // Prevent further mouseup intervention
+                $this.unbind("mouseup");
+                return false;
+            });
+        };
+        /**
+         * Attaches handlers for default scrolling functions, scroll to top, scroll to target (with header.header offset calculated)
+         * and scroll to target direct (with no calculated offset).
+         */
+        Handlers.prototype.scrollHandlers = function (tag) {
+            if (tag === void 0) { tag = 'body'; }
+            $(tag).on('click', '.scroll-top, .scroll-to-top', this.scrollTop);
+            $(tag).on('click', '.scroll-target, .scroll-to-target', this.scrollTarget);
+            $(tag).on('click', '.scroll-target-direct, .scroll-to-target-direct', this.scrollTargetDirect);
+        };
+        Handlers.prototype.scrollTop = function (e) {
+            if (e)
+                e.preventDefault();
+            $('html, body').animate({ scrollTop: 0 }, 800);
+            return false;
+        };
+        Handlers.prototype.scrollTarget = function (e) {
+            if (e)
+                e.preventDefault();
+            var url = $(this).attr('href').split('#')[0];
+            if (url !== window.location.pathname && url !== "") {
+                return;
+            }
+            var target = this.hash;
+            var $target = $(target);
+            var $header = $('header.header');
+            var headerOffset = 0;
+            if ($header) {
+                headerOffset = $header.height();
+            }
+            if ($(this).data('offset'))
+                $('html, body').stop().animate({
+                    'scrollTop': $target.offset().top - $(this).data('offset')
+                }, 900, 'swing');
+            else
+                $('html, body').stop().animate({
+                    'scrollTop': $target.offset().top - headerOffset
+                }, 900, 'swing');
+        };
+        Handlers.prototype.scrollTargetDirect = function () {
+            var scrollTop = $('body').scrollTop();
+            var top = $($(this).attr('href')).offset().top;
+            $('html, body').animate({
+                scrollTop: top
+            }, Math.abs(top - scrollTop));
+            return false;
+        };
+        /**
+        * Compiles any selected checkboxes with matching data-hood-csv-input tags,
+        * then saves the CSV list of the values to the input given in the tag.
+        */
+        Handlers.prototype.checkboxToCsvInput = function (tag) {
+            if (tag === void 0) { tag = 'body'; }
+            $(tag).on('change', 'input[type=checkbox][data-hood-csv-input]', this.checkboxToCsvInputHandler);
+        };
+        Handlers.prototype.checkboxToCsvInputHandler = function (e) {
+            if (e)
+                e.preventDefault();
+            // when i change - create an array, with any other checked of the same data-input checkboxes. and add to the data-input referenced tag.
+            var items = new Array();
+            $('input[data-hood-csv-input="' + $(this).data('hoodCsvInput') + '"]').each(function () {
+                if ($(this).is(":checked"))
+                    items.push($(this).val());
+            });
+            var id = '#' + $(this).data('input');
+            var vals = JSON.stringify(items);
+            $(id).val(vals);
+        };
+        /**
+        * Submits the form when input is changed, mark inputs with .submit-on-change class.
+        */
+        Handlers.prototype.submitOnChange = function (tag) {
+            if (tag === void 0) { tag = 'body'; }
+            $(tag).on('change', '.submit-on-change', this.submitOnChangeHandler);
+        };
+        Handlers.prototype.submitOnChangeHandler = function (e) {
+            if (e)
+                e.preventDefault();
+            $(this).parents('form').submit();
+        };
+        /**
+        * Sets the value of the input [data-target] when clicked to the value in [data-value]
+        */
+        Handlers.prototype.setValueOnClick = function (tag) {
+            if (tag === void 0) { tag = 'body'; }
+            $(tag).on('click', '.click-select[data-target][data-value]', this.setValueOnClickHandler);
+        };
+        Handlers.prototype.setValueOnClickHandler = function () {
+            var $this = $(this);
+            var targetId = '#' + $this.data('target');
+            $(targetId).val($this.data('value'));
+            $(targetId).trigger('change');
+            $('.click-select.clean[data-target="' + $this.data('target') + '"]').each(function () { $(this).removeClass('active'); });
+            $('.click-select.clean[data-target="' + $this.data('target') + '"][data-value="' + $this.data('value') + '"]').each(function () { $(this).addClass('active'); });
+        };
+        return Handlers;
+    }());
+
     var Uploader = /** @class */ (function () {
         function Uploader() {
             if ($('.image-uploader').length || $('.gallery-uploader').length) {
@@ -1188,6 +1401,8 @@
             this.alerts = new Alerts();
             this.uploader = new Uploader();
             this.handlers = new Handlers();
+            this.editors = new Editors();
+            this.colorPickers = new ColorPickers();
             this.mediaModal = new MediaModal();
             // Global Handlers
             this.setupLoaders();
@@ -1271,7 +1486,7 @@
                 //    size: new google.maps.Size(30, 41),
                 //    scaledSize: new google.maps.Size(30, 41)
                 //});
-                marker.info = "<div class=\"card border-0\" style=\"max-width:300px\">\n    <div style=\"background-image:url(" + location.ImageUrl + ")\" class=\"rounded img-full img img-wide\"></div>\n    <div class=\"card-body border-0\">\n        <p style=\"overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\">\n            <strong>" + location.Address1 + ", " + location.Postcode + "</strong>\n        </p>\n        <p>" + location.Description + "</p>\n        <a href=\"" + location.MarkerUrl + "\" class=\"btn btn-block btn-primary\">Find out more...</a>\n    </div>\n</div>";
+                marker.info = "<div class=\"card border-0\" style=\"max-width:300px\">\n    <div style=\"background-image:url(".concat(location.ImageUrl, ")\" class=\"rounded img-full img img-wide\"></div>\n    <div class=\"card-body border-0\">\n        <p style=\"overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\">\n            <strong>").concat(location.Address1, ", ").concat(location.Postcode, "</strong>\n        </p>\n        <p>").concat(location.Description, "</p>\n        <a href=\"").concat(location.MarkerUrl, "\" class=\"btn btn-block btn-primary\">Find out more...</a>\n    </div>\n</div>");
                 google.maps.event.addListener(marker, 'click', function () {
                     if (infowindow) {
                         infowindow.close();
@@ -1287,176 +1502,6 @@
         return PropertyController;
     }());
 
-    $.fn.exists = function () {
-        return $(this).length;
-    };
-    $.fn.restrictToSlug = function (restrictPattern) {
-        if (restrictPattern === void 0) { restrictPattern = /[^0-9a-zA-Z]*/g; }
-        var targets = $(this);
-        // The characters inside this pattern are accepted
-        // and everything else will be 'cleaned'
-        // For example 'ABCdEfGhI5' become 'ABCEGI5'
-        var restrictHandler = function () {
-            var val = $(this).val();
-            var newVal = val.replace(restrictPattern, '');
-            // This condition is to prevent selection and keyboard navigation issues
-            if (val !== newVal) {
-                $(this).val(newVal);
-            }
-        };
-        targets.on('keyup', restrictHandler);
-        targets.on('paste', restrictHandler);
-        targets.on('change', restrictHandler);
-    };
-    $.fn.restrictToPageSlug = function (restrictPattern) {
-        if (restrictPattern === void 0) { restrictPattern = /[^0-9a-zA-Z-//]*/g; }
-        var targets = $(this);
-        // The characters inside this pattern are accepted
-        // and everything else will be 'cleaned'
-        var restrictHandler = function () {
-            var val = $(this).val();
-            var newVal = val.replace(restrictPattern, '');
-            if ((newVal.match(new RegExp("/", "g")) || []).length > 4) {
-                var pos = newVal.lastIndexOf('/');
-                newVal = newVal.substring(0, pos) + newVal.substring(pos + 1);
-                Alerts.warning("You can only have up to 4 '/' characters in a url slug.");
-            }
-            // This condition is to prevent selection and keyboard navigation issues
-            if (val !== newVal) {
-                $(this).val(newVal);
-            }
-        };
-        targets.on('keyup', restrictHandler);
-        targets.on('paste', restrictHandler);
-        targets.on('change', restrictHandler);
-    };
-    $.fn.restrictToMetaSlug = function (restrictPattern) {
-        if (restrictPattern === void 0) { restrictPattern = /[^0-9a-zA-Z.]*/g; }
-        var targets = $(this);
-        // The characters inside this pattern are accepted
-        // and everything else will be 'cleaned'
-        var restrictHandler = function () {
-            var val = $(this).val();
-            var newVal = val.replace(restrictPattern, '');
-            if ((newVal.match(new RegExp(".", "g")) || []).length > 1) {
-                var pos = newVal.lastIndexOf('.');
-                newVal = newVal.substring(0, pos) + newVal.substring(pos + 1);
-                Alerts.warning("You can only have up to 1 '.' characters in a meta slug.");
-            }
-            // This condition is to prevent selection and keyboard navigation issues
-            if (val !== newVal) {
-                $(this).val(newVal);
-            }
-        };
-        targets.on('keyup', restrictHandler);
-        targets.on('paste', restrictHandler);
-        targets.on('change', restrictHandler);
-    };
-    $.fn.characterCounter = function () {
-        var targets = $(this);
-        var characterCounterHandler = function () {
-            var counter = $(this).data('counter');
-            var max = Number($(this).attr('maxlength'));
-            var len = $(this).val().length;
-            $(counter).text(max - len);
-            var cls = "text-success";
-            if (max - len < max / 10)
-                cls = "text-danger";
-            $(counter).parent().removeClass('text-success').removeClass('text-danger').addClass(cls);
-        };
-        targets.on('keyup', characterCounterHandler);
-        targets.on('paste', characterCounterHandler);
-        targets.on('change', characterCounterHandler);
-    };
-    $.fn.warningAlert = function () {
-        var targets = $(this);
-        var warningAlertHandler = function (e) {
-            e.preventDefault();
-            var warningAlertCallback = function (result) {
-                if (result.isConfirmed) {
-                    var url = $(e.currentTarget).attr('href');
-                    window.location.href = url;
-                }
-            };
-            Alerts.confirm({
-                title: $(e.currentTarget).data('title'),
-                html: $(e.currentTarget).data('warning'),
-                footer: $(e.currentTarget).data('footer'),
-                icon: 'warning'
-            }, warningAlertCallback);
-            return false;
-        };
-        targets.on('click', warningAlertHandler);
-    };
-
-    Number.prototype.formatCurrency = function (currency) {
-        return currency + " " + this.toFixed(2).replace(/./g, function (c, i, a) {
-            return i > 0 && c !== "." && (a.length - i) % 3 === 0 ? "," + c : c;
-        });
-    };
-    Number.prototype.formatKilobytes = function () {
-        var n = this / 1024;
-        return n.toFixed(0).replace(/./g, function (c, i, a) {
-            return i > 0 && c !== "." && (a.length - i) % 3 === 0 ? "," + c : c;
-        }) + "Kb";
-    };
-    Number.prototype.formatMegabytes = function () {
-        var n = this / 1024;
-        n = n / 1024;
-        return n.toFixed(0).replace(/./g, function (c, i, a) {
-            return i > 0 && c !== "." && (a.length - i) % 3 === 0 ? "," + c : c;
-        }) + "Mb";
-    };
-
-    String.prototype.htmlEncode = function () {
-        //create a in-memory div, set it's inner text(which jQuery automatically encodes)
-        //then grab the encoded contents back out.  The div never exists on the page.
-        return $('<div/>').text(this).html();
-    };
-    String.prototype.htmlDecode = function () {
-        return $('<div/>').html(this).text();
-    };
-    String.prototype.contains = function (it) {
-        return this.indexOf(it) !== -1;
-    };
-    String.prototype.pick = function (min, max) {
-        var n, chars = '';
-        if (typeof max === 'undefined') {
-            n = min;
-        }
-        else {
-            n = min + Math.floor(Math.random() * (max - min));
-        }
-        for (var i = 0; i < n; i++) {
-            chars += this.charAt(Math.floor(Math.random() * this.length));
-        }
-        return chars;
-    };
-    // Credit to @Christoph: http://stackoverflow.com/a/962890/464744
-    String.prototype.shuffle = function () {
-        var array = this.split('');
-        var tmp, current, top = array.length;
-        if (top)
-            while (--top) {
-                current = Math.floor(Math.random() * (top + 1));
-                tmp = array[current];
-                array[current] = array[top];
-                array[top] = tmp;
-            }
-        return array.join('');
-    };
-    String.prototype.toSeoUrl = function () {
-        var output = this.replace(/[^a-zA-Z0-9]/g, ' ').replace(/\s+/g, "-").toLowerCase();
-        /* remove first dash */
-        if (output.charAt(0) === '-')
-            output = output.substring(1);
-        /* remove last dash */
-        var last = output.length - 1;
-        if (output.charAt(last) === '-')
-            output = output.substring(0, last);
-        return output;
-    };
-
     /// <reference types="google.maps" />
     var App = /** @class */ (function (_super) {
         __extends(App, _super);
@@ -1524,11 +1569,10 @@
     }(HoodApi));
     window.hood = new App();
 
-    exports.Alerts = Alerts;
     exports.App = App;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
-if (typeof this !== 'undefined' && this.hood){  this.hoodCMS = this.Hood = this.hoodCMS = this.HoodCMS = this.hood}
+}));
+                if (typeof this !== 'undefined' && this.hood){                  this.hoodCMS = this.Hood = this.hoodCMS = this.HoodCMS = this.hood                }
 //# sourceMappingURL=app.js.map