hoodcms 5.0.4 → 5.0.8

package/src/js/admin.js

@@ -1,12 +1,14 @@
 /*!
-* hoodcms v5.0.3
+* hoodcms v5.0.8
+* 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'), require('chart.js'), require('tinymce/tinymce'), require('@simonwep/pickr')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'sweetalert2', 'bootstrap', 'chart.js', 'tinymce/tinymce', '@simonwep/pickr'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.HoodCMS = {}, global.Swal, global.bootstrap, global.Chart, global.tinymce, global.Pickr));
-}(this, (function (exports, swal, bootstrap, chart_js, tinymce, Pickr) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('bootstrap'), require('sweetalert2'), require('@simonwep/pickr'), require('tinymce/tinymce'), require('chart.js')) :
+    typeof define === 'function' && define.amd ? define(['bootstrap', 'sweetalert2', '@simonwep/pickr', 'tinymce/tinymce', 'chart.js'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.bootstrap, global.Swal, global.Pickr, global.tinymce, global.Chart));
+})(this, (function (bootstrap, swal, Pickr, tinymce, chart_js) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,21 +21,19 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
-    var swal__default = /*#__PURE__*/_interopDefaultLegacy(swal);
     var bootstrap__namespace = /*#__PURE__*/_interopNamespace(bootstrap);
-    var tinymce__default = /*#__PURE__*/_interopDefaultLegacy(tinymce);
+    var swal__default = /*#__PURE__*/_interopDefaultLegacy(swal);
     var Pickr__default = /*#__PURE__*/_interopDefaultLegacy(Pickr);
+    var tinymce__default = /*#__PURE__*/_interopDefaultLegacy(tinymce);
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -77,7 +77,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'
@@ -253,429 +253,145 @@
         return Alerts;
     }());
 
-    $.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);
+    var ColorPickers = /** @class */ (function () {
+        function ColorPickers() {
+        }
+        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);
+            });
+        };
+        return ColorPickers;
+    }());
+
+    var Inline = /** @class */ (function () {
+        function Inline() {
+        }
+        Inline.load = function (tag, options) {
+            var _a;
+            var $tag = $(tag);
+            $tag.addClass('loading');
+            if (options.onLoad) {
+                options.onLoad(tag);
             }
+            var url = $tag.data('url');
+            $.get(url, function (data) {
+                if (options.onRender) {
+                    data = options.onRender(data, tag);
+                }
+                $tag.html(data);
+                $tag.removeClass('loading');
+                if (options.onComplete) {
+                    options.onComplete(data, tag);
+                }
+            })
+                .fail((_a = options.onError) !== null && _a !== void 0 ? _a : Inline.handleError);
         };
-        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.");
+        Inline.task = function (url, sender, complete, error) {
+            if (complete === void 0) { complete = null; }
+            if (error === void 0) { error = null; }
+            if (sender) {
+                sender.classList.add('loading');
             }
-            // This condition is to prevent selection and keyboard navigation issues
-            if (val !== newVal) {
-                $(this).val(newVal);
+            $.get(url, function (response) {
+                if (sender) {
+                    sender.classList.remove('loading');
+                }
+                if (complete) {
+                    complete(response, sender);
+                }
+            })
+                .fail(error !== null && error !== void 0 ? error : Inline.handleError);
+        };
+        Inline.post = function (url, sender, complete, error) {
+            if (complete === void 0) { complete = null; }
+            if (error === void 0) { error = null; }
+            if (sender) {
+                sender.classList.add('loading');
             }
+            $.post(url, function (response) {
+                if (sender) {
+                    sender.classList.remove('loading');
+                }
+                if (complete) {
+                    complete(response, sender);
+                }
+            })
+                .fail(error !== null && error !== void 0 ? error : Inline.handleError);
         };
-        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.");
+        Inline.handleError = function (xhr, textStatus, errorThrown) {
+            if (xhr.status === 500) {
+                Alerts.error("There was an error processing the content, please contact an administrator if this continues.", "Error " + xhr.status, 10000);
             }
-            // This condition is to prevent selection and keyboard navigation issues
-            if (val !== newVal) {
-                $(this).val(newVal);
+            else if (xhr.status === 404) {
+                Alerts.error("The content could not be found.", "Error " + xhr.status, 10000);
+            }
+            else if (xhr.status === 401) {
+                Alerts.error("You are not allowed to view this resource, are you logged in correctly?", "Error " + xhr.status, 10000);
+                window.location = window.location;
             }
         };
-        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;
-    };
-
-    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 Response = /** @class */ (function () {
-        function Response() {
-        }
-        Response.process = function (data, autoHide) {
-            if (autoHide === void 0) { autoHide = 5000; }
-            if (data.success) {
-                Alerts.success(data.message, data.title, autoHide);
-            }
-            else {
-                Alerts.error(data.errors, data.title, autoHide);
-            }
-        };
-        return Response;
-    }());
-
-    var Inline = /** @class */ (function () {
-        function Inline() {
-        }
-        Inline.load = function (tag, options) {
-            var _a;
-            var $tag = $(tag);
-            $tag.addClass('loading');
-            if (options.onLoad) {
-                options.onLoad(tag);
-            }
-            var url = $tag.data('url');
-            $.get(url, function (data) {
-                if (options.onRender) {
-                    data = options.onRender(data, tag);
-                }
-                $tag.html(data);
-                $tag.removeClass('loading');
-                if (options.onComplete) {
-                    options.onComplete(data, tag);
-                }
-            })
-                .fail((_a = options.onError) !== null && _a !== void 0 ? _a : Inline.handleError);
-        };
-        Inline.task = function (url, sender, complete, error) {
-            if (complete === void 0) { complete = null; }
-            if (error === void 0) { error = null; }
-            if (sender) {
-                sender.classList.add('loading');
-            }
-            $.get(url, function (response) {
-                if (sender) {
-                    sender.classList.remove('loading');
-                }
-                if (complete) {
-                    complete(response, sender);
-                }
-            })
-                .fail(error !== null && error !== void 0 ? error : Inline.handleError);
-        };
-        Inline.post = function (url, sender, complete, error) {
-            if (complete === void 0) { complete = null; }
-            if (error === void 0) { error = null; }
-            if (sender) {
-                sender.classList.add('loading');
-            }
-            $.post(url, function (response) {
-                if (sender) {
-                    sender.classList.remove('loading');
-                }
-                if (complete) {
-                    complete(response, sender);
-                }
-            })
-                .fail(error !== null && error !== void 0 ? error : Inline.handleError);
-        };
-        Inline.handleError = function (xhr, textStatus, errorThrown) {
-            if (xhr.status === 500) {
-                Alerts.error("There was an error processing the content, please contact an administrator if this continues.", "Error " + xhr.status, 10000);
-            }
-            else if (xhr.status === 404) {
-                Alerts.error("The content could not be found.", "Error " + xhr.status, 10000);
-            }
-            else if (xhr.status === 401) {
-                Alerts.error("You are not allowed to view this resource, are you logged in correctly?", "Error " + xhr.status, 10000);
-                window.location = window.location;
-            }
-        };
-        return Inline;
-    }());
+        return Inline;
+    }());
 
     /**
       * Attach a data list feed to an HTML element. The element must have a data-url attribute to connect to a feed.
@@ -711,7 +427,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');
@@ -729,9 +445,24 @@
                 }
                 $(this.element).data('url', url);
             }
-            Inline.load(this.element, __assign({}, this.options));
+            Inline.load(this.element, __assign({}, this.options));
+        };
+        return DataList;
+    }());
+
+    var Response = /** @class */ (function () {
+        function Response() {
+        }
+        Response.process = function (data, autoHide) {
+            if (autoHide === void 0) { autoHide = 5000; }
+            if (data.success) {
+                Alerts.success(data.message, data.title, autoHide);
+            }
+            else {
+                Alerts.error(data.errors, data.title, autoHide);
+            }
         };
-        return DataList;
+        return Response;
     }());
 
     var ModalController = /** @class */ (function () {
@@ -947,6 +678,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));
@@ -1005,7 +739,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));
@@ -1046,7 +780,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) {
@@ -1077,7 +811,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) {
@@ -1086,7 +820,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);
@@ -1099,12 +833,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;
                 });
@@ -1115,7 +849,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;
             });
@@ -1224,21 +958,326 @@
                     });
                 }.bind(this)
             });
-            this.modal.show($(e.currentTarget).data('hood-media-list'), e.currentTarget);
+            this.modal.show($(e.currentTarget).data('hood-media-list'), e.currentTarget);
+        };
+        MediaModal.prototype.clear = function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            Alerts.confirm({}, function (result) {
+                if (result.isConfirmed) {
+                    Inline.post(e.currentTarget.href, e.currentTarget, function (response) {
+                        Response.process(response, 5000);
+                        MediaService.refresh(response.media, e.currentTarget.dataset.hoodMediaRefresh);
+                    }.bind(this));
+                }
+            }.bind(this));
+        };
+        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);
         };
-        MediaModal.prototype.clear = function (e) {
-            e.preventDefault();
-            e.stopPropagation();
-            Alerts.confirm({}, function (result) {
-                if (result.isConfirmed) {
-                    Inline.post(e.currentTarget.href, e.currentTarget, function (response) {
-                        Response.process(response, 5000);
-                        MediaService.refresh(response.media, e.currentTarget.dataset.hoodMediaRefresh);
-                    }.bind(this));
-                }
-            }.bind(this));
+        /**
+        * 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);
         };
-        return MediaModal;
+        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 () {
@@ -1381,16 +1420,228 @@
             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();
         }
-        HoodApi.prototype.setupLoaders = function () {
-            $('body').on('loader-show', function () { Alerts.success("Showing loader..."); });
-            $('body').on('loader-hide', function () { Alerts.error("Hiding loader..."); });
-        };
-        return HoodApi;
-    }());
+        HoodApi.prototype.setupLoaders = function () {
+            $('body').on('loader-show', function () { Alerts.success("Showing loader..."); });
+            $('body').on('loader-hide', function () { Alerts.error("Hiding loader..."); });
+        };
+        return HoodApi;
+    }());
+
+    var Loader = /** @class */ (function () {
+        function Loader() {
+            new CustomEvent('loader-show');
+            new CustomEvent('loader-hide');
+        }
+        Loader.show = function () {
+            $('body').trigger('loader-show');
+        };
+        Loader.hide = function () {
+            $('body').trigger('loader-hide');
+        };
+        return Loader;
+    }());
+    new Loader();
+
+    var RandomStringGenerator = /** @class */ (function () {
+        function RandomStringGenerator(options) {
+            this.options = {
+                specials: '!@#$&*',
+                alpha: 'abcdefghijklmnopqrstuvwxyz',
+                numeric: '0123456789',
+                numSpecial: 2
+            };
+            this.options = __assign(__assign({}, this.options), options);
+        }
+        RandomStringGenerator.prototype.generate = function (length) {
+            var password = '';
+            var len = Math.ceil((length - this.options.numSpecial) / 2);
+            for (var i = 0; i < len; i++) {
+                password += this.options.alpha.charAt(Math.floor(Math.random() * this.options.alpha.length));
+                password += this.options.numeric.charAt(Math.floor(Math.random() * this.options.numeric.length));
+            }
+            for (var j = 0; j < this.options.numSpecial; j++)
+                password += this.options.specials.charAt(Math.floor(Math.random() * this.options.specials.length));
+            password = password.split('').sort(function () { return 0.5 - Math.random(); }).join('');
+            return password;
+        };
+        return RandomStringGenerator;
+    }());
+
+    $.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;
+    };
 
     var HomeController = /** @class */ (function () {
         function HomeController() {
@@ -1510,13 +1761,13 @@
             this.service = new MediaService(this.list, {
                 action: 'show',
                 onAction: function (mediaObject) {
-                    Alerts.log("Showing media object id " + mediaObject.id + " - " + mediaObject.filename);
+                    Alerts.log("Showing media object id ".concat(mediaObject.id, " - ").concat(mediaObject.filename));
                 }.bind(this),
                 onListLoad: function () {
                     Alerts.log('Commencing media list fetch.');
                 },
                 onError: function (jqXHR, textStatus, errorThrown) {
-                    Alerts.log("Error loading media list: " + textStatus);
+                    Alerts.log("Error loading media list: ".concat(textStatus));
                 },
                 onListRender: function (data) {
                     Alerts.log('Fetched media list data.');
@@ -1828,31 +2079,6 @@
         return PropertyController;
     }());
 
-    var RandomStringGenerator = /** @class */ (function () {
-        function RandomStringGenerator(options) {
-            this.options = {
-                specials: '!@#$&*',
-                alpha: 'abcdefghijklmnopqrstuvwxyz',
-                numeric: '0123456789',
-                numSpecial: 2
-            };
-            this.options = __assign(__assign({}, this.options), options);
-        }
-        RandomStringGenerator.prototype.generate = function (length) {
-            var password = '';
-            var len = Math.ceil((length - this.options.numSpecial) / 2);
-            for (var i = 0; i < len; i++) {
-                password += this.options.alpha.charAt(Math.floor(Math.random() * this.options.alpha.length));
-                password += this.options.numeric.charAt(Math.floor(Math.random() * this.options.numeric.length));
-            }
-            for (var j = 0; j < this.options.numSpecial; j++)
-                password += this.options.specials.charAt(Math.floor(Math.random() * this.options.specials.length));
-            password = password.split('').sort(function () { return 0.5 - Math.random(); }).join('');
-            return password;
-        };
-        return RandomStringGenerator;
-    }());
-
     var UsersController = /** @class */ (function () {
         function UsersController() {
             this.initLists();
@@ -1961,7 +2187,7 @@
                     if (inputValue === false)
                         return false;
                     if (inputValue === "") {
-                        swal__default['default'].showValidationMessage("You didn't supply a new password, we can't reset the password without it!");
+                        swal__default["default"].showValidationMessage("You didn't supply a new password, we can't reset the password without it!");
                         return false;
                     }
                 }
@@ -1986,7 +2212,7 @@
                     if (inputValue === false)
                         return false;
                     if (inputValue === "") {
-                        swal__default['default'].showValidationMessage("You didn't enter a note!");
+                        swal__default["default"].showValidationMessage("You didn't enter a note!");
                         return false;
                     }
                 }
@@ -2304,212 +2530,6 @@
         return PropertyImporter;
     }());
 
-    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);
-            this.richTextEditors();
-        }
-        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'
-                ],
-                toolbar: 'styleselect | bold italic | alignleft aligncenter alignright | bullist numlist | link image media hoodimage | code',
-                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: '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'
-                ],
-                toolbar: 'styleselect | bold italic | alignleft aligncenter alignright | bullist numlist | link image media hoodimage | code',
-                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: '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 ColorPickers = /** @class */ (function () {
-        function ColorPickers(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);
-            });
-        }
-        return ColorPickers;
-    }());
-
-    /// <reference types="jquery.slimscroll" />
     var Admin = /** @class */ (function (_super) {
         __extends(Admin, _super);
         function Admin() {
@@ -2526,8 +2546,10 @@
             _this.propertyImporter = new PropertyImporter();
             _this.themes = new ThemesController();
             _this.users = new UsersController();
-            new Editors();
-            new ColorPickers();
+            // Hook up rich text editors
+            _this.editors.richTextEditors();
+            // Hook up colour pickers
+            _this.colorPickers.loadColorPickers();
             if ($('#page-tabs').length > 0) {
                 _this.checkAndLoadTabs('#page-tabs');
             }
@@ -2568,10 +2590,6 @@
     }(HoodApi));
     window.hood = new Admin();
 
-    exports.Alerts = Alerts;
-
-    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=admin.js.map