@innovastudio/contentbuilder 1.4.45 → 1.4.48

package/public/contentbuilder/contentbuilder.esm.js

@@ -2,466 +2,466 @@ var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof win
 
 var rangyCore = {exports: {}};
 
-/**
- * Rangy, a cross-browser JavaScript range and selection library
- * https://github.com/timdown/rangy
- *
- * Copyright 2015, Tim Down
- * Licensed under the MIT license.
- * Version: 1.3.0
- * Build date: 10 May 2015
+/**
+ * Rangy, a cross-browser JavaScript range and selection library
+ * https://github.com/timdown/rangy
+ *
+ * Copyright 2022, Tim Down
+ * Licensed under the MIT license.
+ * Version: 1.3.1
+ * Build date: 17 August 2022
  */
 
 (function (module, exports) {
-(function(factory, root) {
-    {
-        // Node/CommonJS style
-        module.exports = factory();
-    }
-})(function() {
-
-    var OBJECT = "object", FUNCTION = "function", UNDEFINED = "undefined";
-
-    // Minimal set of properties required for DOM Level 2 Range compliance. Comparison constants such as START_TO_START
-    // are omitted because ranges in KHTML do not have them but otherwise work perfectly well. See issue 113.
-    var domRangeProperties = ["startContainer", "startOffset", "endContainer", "endOffset", "collapsed",
-        "commonAncestorContainer"];
-
-    // Minimal set of methods required for DOM Level 2 Range compliance
-    var domRangeMethods = ["setStart", "setStartBefore", "setStartAfter", "setEnd", "setEndBefore",
-        "setEndAfter", "collapse", "selectNode", "selectNodeContents", "compareBoundaryPoints", "deleteContents",
-        "extractContents", "cloneContents", "insertNode", "surroundContents", "cloneRange", "toString", "detach"];
-
-    var textRangeProperties = ["boundingHeight", "boundingLeft", "boundingTop", "boundingWidth", "htmlText", "text"];
-
-    // Subset of TextRange's full set of methods that we're interested in
-    var textRangeMethods = ["collapse", "compareEndPoints", "duplicate", "moveToElementText", "parentElement", "select",
-        "setEndPoint", "getBoundingClientRect"];
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    // Trio of functions taken from Peter Michaux's article:
-    // http://peter.michaux.ca/articles/feature-detection-state-of-the-art-browser-scripting
-    function isHostMethod(o, p) {
-        var t = typeof o[p];
-        return t == FUNCTION || (!!(t == OBJECT && o[p])) || t == "unknown";
-    }
-
-    function isHostObject(o, p) {
-        return !!(typeof o[p] == OBJECT && o[p]);
-    }
-
-    function isHostProperty(o, p) {
-        return typeof o[p] != UNDEFINED;
-    }
-
-    // Creates a convenience function to save verbose repeated calls to tests functions
-    function createMultiplePropertyTest(testFunc) {
-        return function(o, props) {
-            var i = props.length;
-            while (i--) {
-                if (!testFunc(o, props[i])) {
-                    return false;
-                }
-            }
-            return true;
-        };
-    }
-
-    // Next trio of functions are a convenience to save verbose repeated calls to previous two functions
-    var areHostMethods = createMultiplePropertyTest(isHostMethod);
-    var areHostObjects = createMultiplePropertyTest(isHostObject);
-    var areHostProperties = createMultiplePropertyTest(isHostProperty);
-
-    function isTextRange(range) {
-        return range && areHostMethods(range, textRangeMethods) && areHostProperties(range, textRangeProperties);
-    }
-
-    function getBody(doc) {
-        return isHostObject(doc, "body") ? doc.body : doc.getElementsByTagName("body")[0];
-    }
-
-    var forEach = [].forEach ?
-        function(arr, func) {
-            arr.forEach(func);
-        } :
-        function(arr, func) {
-            for (var i = 0, len = arr.length; i < len; ++i) {
-                func(arr[i], i);
-            }
-        };
-
-    var modules = {};
-
-    var isBrowser = (typeof window != UNDEFINED && typeof document != UNDEFINED);
-
-    var util = {
-        isHostMethod: isHostMethod,
-        isHostObject: isHostObject,
-        isHostProperty: isHostProperty,
-        areHostMethods: areHostMethods,
-        areHostObjects: areHostObjects,
-        areHostProperties: areHostProperties,
-        isTextRange: isTextRange,
-        getBody: getBody,
-        forEach: forEach
-    };
-
-    var api = {
-        version: "1.3.0",
-        initialized: false,
-        isBrowser: isBrowser,
-        supported: true,
-        util: util,
-        features: {},
-        modules: modules,
-        config: {
-            alertOnFail: false,
-            alertOnWarn: false,
-            preferTextRange: false,
-            autoInitialize: (typeof rangyAutoInitialize == UNDEFINED) ? true : rangyAutoInitialize
-        }
-    };
-
-    function consoleLog(msg) {
-        if (typeof console != UNDEFINED && isHostMethod(console, "log")) {
-            console.log(msg);
-        }
-    }
-
-    function alertOrLog(msg, shouldAlert) {
-        if (isBrowser && shouldAlert) {
-            alert(msg);
-        } else  {
-            consoleLog(msg);
-        }
-    }
-
-    function fail(reason) {
-        api.initialized = true;
-        api.supported = false;
-        alertOrLog("Rangy is not supported in this environment. Reason: " + reason, api.config.alertOnFail);
-    }
-
-    api.fail = fail;
-
-    function warn(msg) {
-        alertOrLog("Rangy warning: " + msg, api.config.alertOnWarn);
-    }
-
-    api.warn = warn;
-
-    // Add utility extend() method
-    var extend;
-    if ({}.hasOwnProperty) {
-        util.extend = extend = function(obj, props, deep) {
-            var o, p;
-            for (var i in props) {
-                if (props.hasOwnProperty(i)) {
-                    o = obj[i];
-                    p = props[i];
-                    if (deep && o !== null && typeof o == "object" && p !== null && typeof p == "object") {
-                        extend(o, p, true);
-                    }
-                    obj[i] = p;
-                }
-            }
-            // Special case for toString, which does not show up in for...in loops in IE <= 8
-            if (props.hasOwnProperty("toString")) {
-                obj.toString = props.toString;
-            }
-            return obj;
-        };
-
-        util.createOptions = function(optionsParam, defaults) {
-            var options = {};
-            extend(options, defaults);
-            if (optionsParam) {
-                extend(options, optionsParam);
-            }
-            return options;
-        };
-    } else {
-        fail("hasOwnProperty not supported");
-    }
-
-    // Test whether we're in a browser and bail out if not
-    if (!isBrowser) {
-        fail("Rangy can only run in a browser");
-    }
-
-    // Test whether Array.prototype.slice can be relied on for NodeLists and use an alternative toArray() if not
-    (function() {
-        var toArray;
-
-        if (isBrowser) {
-            var el = document.createElement("div");
-            el.appendChild(document.createElement("span"));
-            var slice = [].slice;
-            try {
-                if (slice.call(el.childNodes, 0)[0].nodeType == 1) {
-                    toArray = function(arrayLike) {
-                        return slice.call(arrayLike, 0);
-                    };
-                }
-            } catch (e) {}
-        }
-
-        if (!toArray) {
-            toArray = function(arrayLike) {
-                var arr = [];
-                for (var i = 0, len = arrayLike.length; i < len; ++i) {
-                    arr[i] = arrayLike[i];
-                }
-                return arr;
-            };
-        }
-
-        util.toArray = toArray;
-    })();
-
-    // Very simple event handler wrapper function that doesn't attempt to solve issues such as "this" handling or
-    // normalization of event properties
-    var addListener;
-    if (isBrowser) {
-        if (isHostMethod(document, "addEventListener")) {
-            addListener = function(obj, eventType, listener) {
-                obj.addEventListener(eventType, listener, false);
-            };
-        } else if (isHostMethod(document, "attachEvent")) {
-            addListener = function(obj, eventType, listener) {
-                obj.attachEvent("on" + eventType, listener);
-            };
-        } else {
-            fail("Document does not have required addEventListener or attachEvent method");
-        }
-
-        util.addListener = addListener;
-    }
-
-    var initListeners = [];
-
-    function getErrorDesc(ex) {
-        return ex.message || ex.description || String(ex);
-    }
-
-    // Initialization
-    function init() {
-        if (!isBrowser || api.initialized) {
-            return;
-        }
-        var testRange;
-        var implementsDomRange = false, implementsTextRange = false;
-
-        // First, perform basic feature tests
-
-        if (isHostMethod(document, "createRange")) {
-            testRange = document.createRange();
-            if (areHostMethods(testRange, domRangeMethods) && areHostProperties(testRange, domRangeProperties)) {
-                implementsDomRange = true;
-            }
-        }
-
-        var body = getBody(document);
-        if (!body || body.nodeName.toLowerCase() != "body") {
-            fail("No body element found");
-            return;
-        }
-
-        if (body && isHostMethod(body, "createTextRange")) {
-            testRange = body.createTextRange();
-            if (isTextRange(testRange)) {
-                implementsTextRange = true;
-            }
-        }
-
-        if (!implementsDomRange && !implementsTextRange) {
-            fail("Neither Range nor TextRange are available");
-            return;
-        }
-
-        api.initialized = true;
-        api.features = {
-            implementsDomRange: implementsDomRange,
-            implementsTextRange: implementsTextRange
-        };
-
-        // Initialize modules
-        var module, errorMessage;
-        for (var moduleName in modules) {
-            if ( (module = modules[moduleName]) instanceof Module ) {
-                module.init(module, api);
-            }
-        }
-
-        // Call init listeners
-        for (var i = 0, len = initListeners.length; i < len; ++i) {
-            try {
-                initListeners[i](api);
-            } catch (ex) {
-                errorMessage = "Rangy init listener threw an exception. Continuing. Detail: " + getErrorDesc(ex);
-                consoleLog(errorMessage);
-            }
-        }
-    }
-
-    function deprecationNotice(deprecated, replacement, module) {
-        if (module) {
-            deprecated += " in module " + module.name;
-        }
-        api.warn("DEPRECATED: " + deprecated + " is deprecated. Please use " +
-        replacement + " instead.");
-    }
-
-    function createAliasForDeprecatedMethod(owner, deprecated, replacement, module) {
-        owner[deprecated] = function() {
-            deprecationNotice(deprecated, replacement, module);
-            return owner[replacement].apply(owner, util.toArray(arguments));
-        };
-    }
-
-    util.deprecationNotice = deprecationNotice;
-    util.createAliasForDeprecatedMethod = createAliasForDeprecatedMethod;
-
-    // Allow external scripts to initialize this library in case it's loaded after the document has loaded
-    api.init = init;
-
-    // Execute listener immediately if already initialized
-    api.addInitListener = function(listener) {
-        if (api.initialized) {
-            listener(api);
-        } else {
-            initListeners.push(listener);
-        }
-    };
-
-    var shimListeners = [];
-
-    api.addShimListener = function(listener) {
-        shimListeners.push(listener);
-    };
-
-    function shim(win) {
-        win = win || window;
-        init();
-
-        // Notify listeners
-        for (var i = 0, len = shimListeners.length; i < len; ++i) {
-            shimListeners[i](win);
-        }
-    }
-
-    if (isBrowser) {
-        api.shim = api.createMissingNativeApi = shim;
-        createAliasForDeprecatedMethod(api, "createMissingNativeApi", "shim");
-    }
-
-    function Module(name, dependencies, initializer) {
-        this.name = name;
-        this.dependencies = dependencies;
-        this.initialized = false;
-        this.supported = false;
-        this.initializer = initializer;
-    }
-
-    Module.prototype = {
-        init: function() {
-            var requiredModuleNames = this.dependencies || [];
-            for (var i = 0, len = requiredModuleNames.length, requiredModule, moduleName; i < len; ++i) {
-                moduleName = requiredModuleNames[i];
-
-                requiredModule = modules[moduleName];
-                if (!requiredModule || !(requiredModule instanceof Module)) {
-                    throw new Error("required module '" + moduleName + "' not found");
-                }
-
-                requiredModule.init();
-
-                if (!requiredModule.supported) {
-                    throw new Error("required module '" + moduleName + "' not supported");
-                }
-            }
-
-            // Now run initializer
-            this.initializer(this);
-        },
-
-        fail: function(reason) {
-            this.initialized = true;
-            this.supported = false;
-            throw new Error(reason);
-        },
-
-        warn: function(msg) {
-            api.warn("Module " + this.name + ": " + msg);
-        },
-
-        deprecationNotice: function(deprecated, replacement) {
-            api.warn("DEPRECATED: " + deprecated + " in module " + this.name + " is deprecated. Please use " +
-                replacement + " instead");
-        },
-
-        createError: function(msg) {
-            return new Error("Error in Rangy " + this.name + " module: " + msg);
-        }
-    };
-
-    function createModule(name, dependencies, initFunc) {
-        var newModule = new Module(name, dependencies, function(module) {
-            if (!module.initialized) {
-                module.initialized = true;
-                try {
-                    initFunc(api, module);
-                    module.supported = true;
-                } catch (ex) {
-                    var errorMessage = "Module '" + name + "' failed to load: " + getErrorDesc(ex);
-                    consoleLog(errorMessage);
-                    if (ex.stack) {
-                        consoleLog(ex.stack);
-                    }
-                }
-            }
-        });
-        modules[name] = newModule;
-        return newModule;
-    }
-
-    api.createModule = function(name) {
-        // Allow 2 or 3 arguments (second argument is an optional array of dependencies)
-        var initFunc, dependencies;
-        if (arguments.length == 2) {
-            initFunc = arguments[1];
-            dependencies = [];
-        } else {
-            initFunc = arguments[2];
-            dependencies = arguments[1];
-        }
-
-        var module = createModule(name, dependencies, initFunc);
-
-        // Initialize the module immediately if the core is already initialized
-        if (api.initialized && api.supported) {
-            module.init();
-        }
-    };
-
-    api.createCoreModule = function(name, dependencies, initFunc) {
-        createModule(name, dependencies, initFunc);
-    };
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    // Ensure rangy.rangePrototype and rangy.selectionPrototype are available immediately
-
-    function RangePrototype() {}
-    api.RangePrototype = RangePrototype;
-    api.rangePrototype = new RangePrototype();
-
-    function SelectionPrototype() {}
-    api.selectionPrototype = new SelectionPrototype();
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
+(function(factory, root) {
+    {
+        // Node/CommonJS style
+        module.exports = factory();
+    }
+})(function() {
+
+    var OBJECT = "object", FUNCTION = "function", UNDEFINED = "undefined";
+
+    // Minimal set of properties required for DOM Level 2 Range compliance. Comparison constants such as START_TO_START
+    // are omitted because ranges in KHTML do not have them but otherwise work perfectly well. See issue 113.
+    var domRangeProperties = ["startContainer", "startOffset", "endContainer", "endOffset", "collapsed",
+        "commonAncestorContainer"];
+
+    // Minimal set of methods required for DOM Level 2 Range compliance
+    var domRangeMethods = ["setStart", "setStartBefore", "setStartAfter", "setEnd", "setEndBefore",
+        "setEndAfter", "collapse", "selectNode", "selectNodeContents", "compareBoundaryPoints", "deleteContents",
+        "extractContents", "cloneContents", "insertNode", "surroundContents", "cloneRange", "toString", "detach"];
+
+    var textRangeProperties = ["boundingHeight", "boundingLeft", "boundingTop", "boundingWidth", "htmlText", "text"];
+
+    // Subset of TextRange's full set of methods that we're interested in
+    var textRangeMethods = ["collapse", "compareEndPoints", "duplicate", "moveToElementText", "parentElement", "select",
+        "setEndPoint", "getBoundingClientRect"];
+
+    /*----------------------------------------------------------------------------------------------------------------*/
+
+    // Trio of functions taken from Peter Michaux's article:
+    // http://peter.michaux.ca/articles/feature-detection-state-of-the-art-browser-scripting
+    function isHostMethod(o, p) {
+        var t = typeof o[p];
+        return t == FUNCTION || (!!(t == OBJECT && o[p])) || t == "unknown";
+    }
+
+    function isHostObject(o, p) {
+        return !!(typeof o[p] == OBJECT && o[p]);
+    }
+
+    function isHostProperty(o, p) {
+        return typeof o[p] != UNDEFINED;
+    }
+
+    // Creates a convenience function to save verbose repeated calls to tests functions
+    function createMultiplePropertyTest(testFunc) {
+        return function(o, props) {
+            var i = props.length;
+            while (i--) {
+                if (!testFunc(o, props[i])) {
+                    return false;
+                }
+            }
+            return true;
+        };
+    }
+
+    // Next trio of functions are a convenience to save verbose repeated calls to previous two functions
+    var areHostMethods = createMultiplePropertyTest(isHostMethod);
+    var areHostObjects = createMultiplePropertyTest(isHostObject);
+    var areHostProperties = createMultiplePropertyTest(isHostProperty);
+
+    function isTextRange(range) {
+        return range && areHostMethods(range, textRangeMethods) && areHostProperties(range, textRangeProperties);
+    }
+
+    function getBody(doc) {
+        return isHostObject(doc, "body") ? doc.body : doc.getElementsByTagName("body")[0];
+    }
+
+    var forEach = [].forEach ?
+        function(arr, func) {
+            arr.forEach(func);
+        } :
+        function(arr, func) {
+            for (var i = 0, len = arr.length; i < len; ++i) {
+                func(arr[i], i);
+            }
+        };
+
+    var modules = {};
+
+    var isBrowser = (typeof window != UNDEFINED && typeof document != UNDEFINED);
+
+    var util = {
+        isHostMethod: isHostMethod,
+        isHostObject: isHostObject,
+        isHostProperty: isHostProperty,
+        areHostMethods: areHostMethods,
+        areHostObjects: areHostObjects,
+        areHostProperties: areHostProperties,
+        isTextRange: isTextRange,
+        getBody: getBody,
+        forEach: forEach
+    };
+
+    var api = {
+        version: "1.3.1",
+        initialized: false,
+        isBrowser: isBrowser,
+        supported: true,
+        util: util,
+        features: {},
+        modules: modules,
+        config: {
+            alertOnFail: false,
+            alertOnWarn: false,
+            preferTextRange: false,
+            autoInitialize: (typeof rangyAutoInitialize == UNDEFINED) ? true : rangyAutoInitialize
+        }
+    };
+
+    function consoleLog(msg) {
+        if (typeof console != UNDEFINED && isHostMethod(console, "log")) {
+            console.log(msg);
+        }
+    }
+
+    function alertOrLog(msg, shouldAlert) {
+        if (isBrowser && shouldAlert) {
+            alert(msg);
+        } else  {
+            consoleLog(msg);
+        }
+    }
+
+    function fail(reason) {
+        api.initialized = true;
+        api.supported = false;
+        alertOrLog("Rangy is not supported in this environment. Reason: " + reason, api.config.alertOnFail);
+    }
+
+    api.fail = fail;
+
+    function warn(msg) {
+        alertOrLog("Rangy warning: " + msg, api.config.alertOnWarn);
+    }
+
+    api.warn = warn;
+
+    // Add utility extend() method
+    var extend;
+    if ({}.hasOwnProperty) {
+        util.extend = extend = function(obj, props, deep) {
+            var o, p;
+            for (var i in props) {
+                if (props.hasOwnProperty(i)) {
+                    o = obj[i];
+                    p = props[i];
+                    if (deep && o !== null && typeof o == "object" && p !== null && typeof p == "object") {
+                        extend(o, p, true);
+                    }
+                    obj[i] = p;
+                }
+            }
+            // Special case for toString, which does not show up in for...in loops in IE <= 8
+            if (props.hasOwnProperty("toString")) {
+                obj.toString = props.toString;
+            }
+            return obj;
+        };
+
+        util.createOptions = function(optionsParam, defaults) {
+            var options = {};
+            extend(options, defaults);
+            if (optionsParam) {
+                extend(options, optionsParam);
+            }
+            return options;
+        };
+    } else {
+        fail("hasOwnProperty not supported");
+    }
+
+    // Test whether we're in a browser and bail out if not
+    if (!isBrowser) {
+        fail("Rangy can only run in a browser");
+    }
+
+    // Test whether Array.prototype.slice can be relied on for NodeLists and use an alternative toArray() if not
+    (function() {
+        var toArray;
+
+        if (isBrowser) {
+            var el = document.createElement("div");
+            el.appendChild(document.createElement("span"));
+            var slice = [].slice;
+            try {
+                if (slice.call(el.childNodes, 0)[0].nodeType == 1) {
+                    toArray = function(arrayLike) {
+                        return slice.call(arrayLike, 0);
+                    };
+                }
+            } catch (e) {}
+        }
+
+        if (!toArray) {
+            toArray = function(arrayLike) {
+                var arr = [];
+                for (var i = 0, len = arrayLike.length; i < len; ++i) {
+                    arr[i] = arrayLike[i];
+                }
+                return arr;
+            };
+        }
+
+        util.toArray = toArray;
+    })();
+
+    // Very simple event handler wrapper function that doesn't attempt to solve issues such as "this" handling or
+    // normalization of event properties because we don't need this.
+    var addListener;
+    if (isBrowser) {
+        if (isHostMethod(document, "addEventListener")) {
+            addListener = function(obj, eventType, listener) {
+                obj.addEventListener(eventType, listener, false);
+            };
+        } else if (isHostMethod(document, "attachEvent")) {
+            addListener = function(obj, eventType, listener) {
+                obj.attachEvent("on" + eventType, listener);
+            };
+        } else {
+            fail("Document does not have required addEventListener or attachEvent method");
+        }
+
+        util.addListener = addListener;
+    }
+
+    var initListeners = [];
+
+    function getErrorDesc(ex) {
+        return ex.message || ex.description || String(ex);
+    }
+
+    // Initialization
+    function init() {
+        if (!isBrowser || api.initialized) {
+            return;
+        }
+        var testRange;
+        var implementsDomRange = false, implementsTextRange = false;
+
+        // First, perform basic feature tests
+
+        if (isHostMethod(document, "createRange")) {
+            testRange = document.createRange();
+            if (areHostMethods(testRange, domRangeMethods) && areHostProperties(testRange, domRangeProperties)) {
+                implementsDomRange = true;
+            }
+        }
+
+        var body = getBody(document);
+        if (!body || body.nodeName.toLowerCase() != "body") {
+            fail("No body element found");
+            return;
+        }
+
+        if (body && isHostMethod(body, "createTextRange")) {
+            testRange = body.createTextRange();
+            if (isTextRange(testRange)) {
+                implementsTextRange = true;
+            }
+        }
+
+        if (!implementsDomRange && !implementsTextRange) {
+            fail("Neither Range nor TextRange are available");
+            return;
+        }
+
+        api.initialized = true;
+        api.features = {
+            implementsDomRange: implementsDomRange,
+            implementsTextRange: implementsTextRange
+        };
+
+        // Initialize modules
+        var module, errorMessage;
+        for (var moduleName in modules) {
+            if ( (module = modules[moduleName]) instanceof Module ) {
+                module.init(module, api);
+            }
+        }
+
+        // Call init listeners
+        for (var i = 0, len = initListeners.length; i < len; ++i) {
+            try {
+                initListeners[i](api);
+            } catch (ex) {
+                errorMessage = "Rangy init listener threw an exception. Continuing. Detail: " + getErrorDesc(ex);
+                consoleLog(errorMessage);
+            }
+        }
+    }
+
+    function deprecationNotice(deprecated, replacement, module) {
+        if (module) {
+            deprecated += " in module " + module.name;
+        }
+        api.warn("DEPRECATED: " + deprecated + " is deprecated. Please use " +
+        replacement + " instead.");
+    }
+
+    function createAliasForDeprecatedMethod(owner, deprecated, replacement, module) {
+        owner[deprecated] = function() {
+            deprecationNotice(deprecated, replacement, module);
+            return owner[replacement].apply(owner, util.toArray(arguments));
+        };
+    }
+
+    util.deprecationNotice = deprecationNotice;
+    util.createAliasForDeprecatedMethod = createAliasForDeprecatedMethod;
+
+    // Allow external scripts to initialize this library in case it's loaded after the document has loaded
+    api.init = init;
+
+    // Execute listener immediately if already initialized
+    api.addInitListener = function(listener) {
+        if (api.initialized) {
+            listener(api);
+        } else {
+            initListeners.push(listener);
+        }
+    };
+
+    var shimListeners = [];
+
+    api.addShimListener = function(listener) {
+        shimListeners.push(listener);
+    };
+
+    function shim(win) {
+        win = win || window;
+        init();
+
+        // Notify listeners
+        for (var i = 0, len = shimListeners.length; i < len; ++i) {
+            shimListeners[i](win);
+        }
+    }
+
+    if (isBrowser) {
+        api.shim = api.createMissingNativeApi = shim;
+        createAliasForDeprecatedMethod(api, "createMissingNativeApi", "shim");
+    }
+
+    function Module(name, dependencies, initializer) {
+        this.name = name;
+        this.dependencies = dependencies;
+        this.initialized = false;
+        this.supported = false;
+        this.initializer = initializer;
+    }
+
+    Module.prototype = {
+        init: function() {
+            var requiredModuleNames = this.dependencies || [];
+            for (var i = 0, len = requiredModuleNames.length, requiredModule, moduleName; i < len; ++i) {
+                moduleName = requiredModuleNames[i];
+
+                requiredModule = modules[moduleName];
+                if (!requiredModule || !(requiredModule instanceof Module)) {
+                    throw new Error("required module '" + moduleName + "' not found");
+                }
+
+                requiredModule.init();
+
+                if (!requiredModule.supported) {
+                    throw new Error("required module '" + moduleName + "' not supported");
+                }
+            }
+
+            // Now run initializer
+            this.initializer(this);
+        },
+
+        fail: function(reason) {
+            this.initialized = true;
+            this.supported = false;
+            throw new Error(reason);
+        },
+
+        warn: function(msg) {
+            api.warn("Module " + this.name + ": " + msg);
+        },
+
+        deprecationNotice: function(deprecated, replacement) {
+            api.warn("DEPRECATED: " + deprecated + " in module " + this.name + " is deprecated. Please use " +
+                replacement + " instead");
+        },
+
+        createError: function(msg) {
+            return new Error("Error in Rangy " + this.name + " module: " + msg);
+        }
+    };
+
+    function createModule(name, dependencies, initFunc) {
+        var newModule = new Module(name, dependencies, function(module) {
+            if (!module.initialized) {
+                module.initialized = true;
+                try {
+                    initFunc(api, module);
+                    module.supported = true;
+                } catch (ex) {
+                    var errorMessage = "Module '" + name + "' failed to load: " + getErrorDesc(ex);
+                    consoleLog(errorMessage);
+                    if (ex.stack) {
+                        consoleLog(ex.stack);
+                    }
+                }
+            }
+        });
+        modules[name] = newModule;
+        return newModule;
+    }
+
+    api.createModule = function(name) {
+        // Allow 2 or 3 arguments (second argument is an optional array of dependencies)
+        var initFunc, dependencies;
+        if (arguments.length == 2) {
+            initFunc = arguments[1];
+            dependencies = [];
+        } else {
+            initFunc = arguments[2];
+            dependencies = arguments[1];
+        }
+
+        var module = createModule(name, dependencies, initFunc);
+
+        // Initialize the module immediately if the core is already initialized
+        if (api.initialized && api.supported) {
+            module.init();
+        }
+    };
+
+    api.createCoreModule = function(name, dependencies, initFunc) {
+        createModule(name, dependencies, initFunc);
+    };
+
+    /*----------------------------------------------------------------------------------------------------------------*/
+
+    // Ensure rangy.rangePrototype and rangy.selectionPrototype are available immediately
+
+    function RangePrototype() {}
+    api.RangePrototype = RangePrototype;
+    api.rangePrototype = new RangePrototype();
+
+    function SelectionPrototype() {}
+    api.selectionPrototype = new SelectionPrototype();
+
+    /*----------------------------------------------------------------------------------------------------------------*/
+
     // DOM utility methods used by Rangy
     api.createCoreModule("DomUtil", [], function(api, module) {
         var UNDEF = "undefined";
@@ -960,10 +960,10 @@ var rangyCore = {exports: {}};
         };
 
         api.DOMException = DOMException;
-    });
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
+    });
+
+    /*----------------------------------------------------------------------------------------------------------------*/
+
     // Pure JavaScript implementation of DOM Range
     api.createCoreModule("DomRange", ["DomUtil"], function(api, module) {
         var dom = api.dom;
@@ -1301,6 +1301,7 @@ var rangyCore = {exports: {}};
         var getDocumentOrFragmentContainer = createAncestorFinder( [9, 11] );
         var getReadonlyAncestor = createAncestorFinder(readonlyNodeTypes);
         var getDocTypeNotationEntityAncestor = createAncestorFinder( [6, 10, 12] );
+        var getElementAncestor = createAncestorFinder( [1] );
 
         function assertNoDocTypeNotationEntityAncestor(node, allowSelf) {
             if (getDocTypeNotationEntityAncestor(node, allowSelf)) {
@@ -1363,7 +1364,7 @@ var rangyCore = {exports: {}};
         var htmlParsingConforms = false;
         try {
             styleEl.innerHTML = "<b>x</b>";
-            htmlParsingConforms = (styleEl.firstChild.nodeType == 3); // Opera incorrectly creates an element node
+            htmlParsingConforms = (styleEl.firstChild.nodeType == 3); // Pre-Blink Opera incorrectly creates an element node
         } catch (e) {
             // IE 6 and 7 throw
         }
@@ -1964,6 +1965,12 @@ var rangyCore = {exports: {}};
                             break;
                     }
 
+                    assertNoDocTypeNotationEntityAncestor(sc, true);
+                    assertValidOffset(sc, so);
+
+                    assertNoDocTypeNotationEntityAncestor(ec, true);
+                    assertValidOffset(ec, eo);
+
                     boundaryUpdater(this, sc, so, ec, eo);
                 },
 
@@ -2126,6 +2133,12 @@ var rangyCore = {exports: {}};
                     assertNoDocTypeNotationEntityAncestor(node, true);
                     assertValidOffset(node, offset);
                     this.setStartAndEnd(node, offset);
+                },
+
+                parentElement: function() {
+                    assertRangeValid(this);
+                    var parentNode = this.commonAncestorContainer;
+                    return parentNode ? getElementAncestor(this.commonAncestorContainer, true) : null;
                 }
             });
 
@@ -2147,17 +2160,11 @@ var rangyCore = {exports: {}};
             range.endContainer = endContainer;
             range.endOffset = endOffset;
             range.document = dom.getDocument(startContainer);
-
             updateCollapsedAndCommonAncestor(range);
         }
 
         function Range(doc) {
-            this.startContainer = doc;
-            this.startOffset = 0;
-            this.endContainer = doc;
-            this.endOffset = 0;
-            this.document = doc;
-            updateCollapsedAndCommonAncestor(this);
+            updateBoundaries(this, doc, 0, doc, 0);
         }
 
         createPrototypeRange(Range, updateBoundaries);
@@ -2179,10 +2186,10 @@ var rangyCore = {exports: {}};
         });
 
         api.DomRange = Range;
-    });
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
+    });
+
+    /*----------------------------------------------------------------------------------------------------------------*/
+
     // Wrappers for the browser's native DOM Range and/or TextRange implementation
     api.createCoreModule("WrappedRange", ["DomRange"], function(api, module) {
         var WrappedRange, WrappedTextRange;
@@ -2785,12 +2792,12 @@ var rangyCore = {exports: {}};
             }
             doc = win = null;
         });
-    });
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
+    });
+
+    /*----------------------------------------------------------------------------------------------------------------*/
+
     // This module creates a selection object wrapper that conforms as closely as possible to the Selection specification
-    // in the HTML Editing spec (http://dvcs.w3.org/hg/editing/raw-file/tip/editing.html#selections)
+    // in the W3C Selection API spec (https://www.w3.org/TR/selection-api)
     api.createCoreModule("WrappedSelection", ["DomRange", "WrappedRange"], function(api, module) {
         api.config.checkSelectionRanges = true;
 
@@ -2898,6 +2905,10 @@ var rangyCore = {exports: {}};
         var selectionHasExtend = isHostMethod(testSelection, "extend");
         features.selectionHasExtend = selectionHasExtend;
 
+        // Test for existence of native selection setBaseAndExtent() method
+        var selectionHasSetBaseAndExtent = isHostMethod(testSelection, "setBaseAndExtent");
+        features.selectionHasSetBaseAndExtent = selectionHasSetBaseAndExtent;
+
         // Test if rangeCount exists
         var selectionHasRangeCount = (typeof testSelection.rangeCount == NUMBER);
         features.selectionHasRangeCount = selectionHasRangeCount;
@@ -2922,7 +2933,7 @@ var rangyCore = {exports: {}};
                 // performed on the current document's selection. See issue 109.
 
                 // Note also that if a selection previously existed, it is wiped and later restored by these tests. This
-                // will result in the selection direction begin reversed if the original selection was backwards and the
+                // will result in the selection direction being reversed if the original selection was backwards and the
                 // browser does not support setting backwards selections (Internet Explorer, I'm looking at you).
                 var sel = window.getSelection();
                 if (sel) {
@@ -3037,6 +3048,11 @@ var rangyCore = {exports: {}};
             sel.rangeCount = 0;
             sel.isCollapsed = true;
             sel._ranges.length = 0;
+            updateType(sel);
+        }
+
+        function updateType(sel) {
+            sel.type = (sel.rangeCount == 0) ? "None" : (selectionIsCollapsed(sel) ? "Caret" : "Range");
         }
 
         function getNativeRange(range) {
@@ -3086,6 +3102,7 @@ var rangyCore = {exports: {}};
             updateAnchorAndFocusFromRange(sel, wrappedRange, false);
             sel.rangeCount = 1;
             sel.isCollapsed = wrappedRange.collapsed;
+            updateType(sel);
         }
 
         function updateControlSelection(sel) {
@@ -3110,6 +3127,7 @@ var rangyCore = {exports: {}};
                     }
                     sel.isCollapsed = sel.rangeCount == 1 && sel._ranges[0].collapsed;
                     updateAnchorAndFocusFromRange(sel, sel._ranges[sel.rangeCount - 1], false);
+                    updateType(sel);
                 }
             }
         }
@@ -3179,6 +3197,7 @@ var rangyCore = {exports: {}};
             sel.win = sel.anchorNode = sel.focusNode = sel._ranges = null;
             sel.rangeCount = sel.anchorOffset = sel.focusOffset = 0;
             sel.detached = true;
+            updateType(sel);
         }
 
         var cachedRangySelections = [];
@@ -3305,6 +3324,7 @@ var rangyCore = {exports: {}};
                                 this._ranges[this.rangeCount - 1] = range;
                                 updateAnchorAndFocusFromRange(this, range, selectionIsBackward(this.nativeSelection));
                                 this.isCollapsed = selectionIsCollapsed(this);
+                                updateType(this);
                             } else {
                                 // The range was not added successfully. The simplest thing is to refresh
                                 this.refresh();
@@ -3373,6 +3393,7 @@ var rangyCore = {exports: {}};
                     this.rangeCount = 1;
                     this.isCollapsed = this._ranges[0].collapsed;
                     updateAnchorAndFocusFromRange(this, range, false);
+                    updateType(this);
                 }
             };
 
@@ -3431,6 +3452,7 @@ var rangyCore = {exports: {}};
                         }
                         updateAnchorAndFocusFromRange(sel, sel._ranges[sel.rangeCount - 1], selectionIsBackward(sel.nativeSelection));
                         sel.isCollapsed = selectionIsCollapsed(sel);
+                        updateType(sel);
                     } else {
                         updateEmptySelection(sel);
                     }
@@ -3445,6 +3467,7 @@ var rangyCore = {exports: {}};
                     sel.rangeCount = 1;
                     updateAnchorAndFocusFromNativeSelection(sel);
                     sel.isCollapsed = selectionIsCollapsed(sel);
+                    updateType(sel);
                 } else {
                     updateEmptySelection(sel);
                 }
@@ -3563,6 +3586,12 @@ var rangyCore = {exports: {}};
             }
         }
 
+        function assertValidOffset(node, offset) {
+            if (offset < 0 || offset > (dom.isCharacterDataNode(node) ? node.length : node.childNodes.length)) {
+                throw new DOMException("INDEX_SIZE_ERR");
+            }
+        }
+
         // No current browser conforms fully to the spec for this method, so Rangy's own method is always used
         selProto.collapse = function(node, offset) {
             assertNodeInSameDocument(this, node);
@@ -3599,6 +3628,28 @@ var rangyCore = {exports: {}};
             this.setSingleRange(range);
         };
 
+        if (selectionHasSetBaseAndExtent) {
+            selProto.setBaseAndExtent = function(anchorNode, anchorOffset, focusNode, focusOffset) {
+                this.nativeSelection.setBaseAndExtent(anchorNode, anchorOffset, focusNode, focusOffset);
+                this.refresh();
+            };
+        } else if (selectionHasExtend) {
+            selProto.setBaseAndExtent = function(anchorNode, anchorOffset, focusNode, focusOffset) {
+                assertValidOffset(anchorNode, anchorOffset);
+                assertValidOffset(focusNode, focusOffset);
+                assertNodeInSameDocument(this, anchorNode);
+                assertNodeInSameDocument(this, focusNode);
+                var range = api.createRange(node);
+                var isBackwards = (dom.comparePoints(anchorNode, anchorOffset, focusNode, focusOffset) == -1);
+                if (isBackwards) {
+                    range.setStartAndEnd(focusNode, focusOffset, anchorNode, anchorOffset);
+                } else {
+                    range.setStartAndEnd(anchorNode, anchorOffset, focusNode, focusOffset);
+                }
+                this.setSingleRange(range, isBackwards);
+            };
+        }
+
         selProto.deleteFromDocument = function() {
             // Sepcial behaviour required for IE's control selections
             if (implementsControlRange && implementsDocSelection && this.docSelection.type == CONTROL) {
@@ -3808,256 +3859,42 @@ var rangyCore = {exports: {}};
             win = null;
         });
     });
-    
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    // Wait for document to load before initializing
-    var docReady = false;
-
-    var loadHandler = function(e) {
-        if (!docReady) {
-            docReady = true;
-            if (!api.initialized && api.config.autoInitialize) {
-                init();
-            }
-        }
-    };
-
-    if (isBrowser) {
-        // Test whether the document has already been loaded and initialize immediately if so
-        if (document.readyState == "complete") {
-            loadHandler();
-        } else {
-            if (isHostMethod(document, "addEventListener")) {
-                document.addEventListener("DOMContentLoaded", loadHandler, false);
-            }
-
-            // Add a fallback in case the DOMContentLoaded event isn't supported
-            addListener(window, "load", loadHandler);
-        }
-    }
-
-    return api;
+    
+
+    /*----------------------------------------------------------------------------------------------------------------*/
+
+    // Wait for document to load before initializing
+    var docReady = false;
+
+    var loadHandler = function(e) {
+        if (!docReady) {
+            docReady = true;
+            if (!api.initialized && api.config.autoInitialize) {
+                init();
+            }
+        }
+    };
+
+    if (isBrowser) {
+        // Test whether the document has already been loaded and initialize immediately if so
+        if (document.readyState == "complete") {
+            loadHandler();
+        } else {
+            if (isHostMethod(document, "addEventListener")) {
+                document.addEventListener("DOMContentLoaded", loadHandler, false);
+            }
+
+            // Add a fallback in case the DOMContentLoaded event isn't supported
+            addListener(window, "load", loadHandler);
+        }
+    }
+
+    return api;
 });
 }(rangyCore));
 
 var rangy = rangyCore.exports;
 
-/*
-import font_arial from './fonts/arial.png';
-import font_courier from './fonts/courier.png';
-import font_georgia from './fonts/georgia.png';
-import font_monospace from './fonts/monospace.png';
-import font_sans_serif from './fonts/sans_serif.png';
-import font_serif from './fonts/serif.png';
-import font_abel from './fonts/abel.png';
-import font_abril_fatface from './fonts/abril_fatface.png';
-import font_advent_pro from './fonts/advent_pro.png';
-import font_aladin from './fonts/aladin.png';
-import font_alegreya from './fonts/alegreya.png';
-import font_alegreya_sans_sc from './fonts/alegreya_sans_sc.png';
-import font_alegreya_sc from './fonts/alegreya_sc.png';
-import font_alice from './fonts/alice.png';
-import font_allerta_stencil from './fonts/allerta_stencil.png';
-import font_allura from './fonts/allura.png';
-import font_almendra_display from './fonts/almendra_display.png';
-import font_amatic_sc from './fonts/amatic_sc.png';
-import font_andika from './fonts/andika.png';
-import font_anonymous_pro from './fonts/anonymous_pro.png';
-import font_architects_daughter from './fonts/architects_daughter.png';
-import font_arimo from './fonts/arimo.png';
-import font_arsenal from './fonts/arsenal.png';
-import font_assistant from './fonts/assistant.png';
-import font_aubrey from './fonts/aubrey.png';
-import font_anton from './fonts/anton.png';
-import font_archivo_narrow from './fonts/archivo_narrow.png';
-import font_bad_script from './fonts/bad_script.png';
-import font_benchNine from './fonts/benchNine.png';
-import font_bevan from './fonts/bevan.png';
-import font_bigelow_rules from './fonts/bigelow_rules.png';
-import font_bilbo from './fonts/bilbo.png';
-import font_bonbon from './fonts/bonbon.png';
-import font_bowlby_one_sc from './fonts/bowlby_one_sc.png';
-import font_cabin_condensed from './fonts/cabin_condensed.png';
-import font_carrois_gothic_sc from './fonts/carrois_gothic_sc.png';
-import font_caveat from './fonts/caveat.png';
-import font_chewy from './fonts/chewy.png';
-import font_cinzel from './fonts/cinzel.png';
-import font_comfortaa from './fonts/comfortaa.png';
-import font_concert_one from './fonts/concert_one.png';
-import font_cormorant from './fonts/cormorant.png';
-import font_cormorant_garamond from './fonts/cormorant_garamond.png';
-import font_cormorant_infant from './fonts/cormorant_infant.png';
-import font_cormorant_sc from './fonts/cormorant_sc.png';
-import font_cormorant_unicase from './fonts/cormorant_unicase.png';
-import font_cousine from './fonts/cousine.png';
-import font_crafty_girls from './fonts/crafty_girls.png';
-import font_cuprum from './fonts/cuprum.png';
-import font_cutive_mono from './fonts/cutive_mono.png';
-import font_devonshire from './fonts/devonshire.png';
-import font_didact_gothic from './fonts/didact_gothic.png';
-import font_diplomata_sc from './fonts/diplomata_sc.png';
-import font_dosis from './fonts/dosis.png';
-import font_eb_garamond from './fonts/eb_garamond.png';
-import font_el_messiri from './fonts/el_messiri.png';
-import font_elsie from './fonts/elsie.png';
-import font_encode_sans from './fonts/encode_sans.png';
-import font_exo from './fonts/exo.png';
-import font_exo_2 from './fonts/exo_2.png';
-import font_felipa from './fonts/felipa.png';
-import font_fira_code from './fonts/fira_code.png';
-import font_fira_mono from './fonts/fira_mono.png';
-import font_fira_sans from './fonts/fira_sans.png';
-import font_fira_sans_condensed from './fonts/fira_sans_condensed.png';
-import font_fira_sans_extra_condensed from './fonts/fira_sans_extra_condensed.png';
-import font_fjalla_one from './fonts/fjalla_one.png';
-import font_forum from './fonts/forum.png';
-import font_frank_ruhl_libre from './fonts/frank_ruhl_libre.png';
-import font_fredericka_the_great from './fonts/fredericka_the_great.png';
-import font_gabriela from './fonts/gabriela.png';
-import font_gilda_display from './fonts/gilda_display.png';
-import font_give_you_glory from './fonts/give_you_glory.png';
-import font_gruppo from './fonts/gruppo.png';
-import font_handlee from './fonts/handlee.png';
-import font_happy_monkey from './fonts/happy_monkey.png';
-import font_hind from './fonts/hind.png';
-import font_ibm_plex_mono from './fonts/ibm_plex_mono.png';
-import font_ibm_plex_sans from './fonts/ibm_plex_sans.png';
-import font_ibm_plex_serif from './fonts/ibm_plex_serif.png';
-import font_iceland from './fonts/iceland.png';
-import font_inconsolata from './fonts/inconsolata.png';
-import font_josefin_sans from './fonts/josefin_sans.png';
-import font_istok_web from './fonts/istok_web.png';
-import font_julee from './fonts/julee.png';
-import font_julius_sans_one from './fonts/julius_sans_one.png';
-import font_junge from './fonts/junge.png';
-import font_jura from './fonts/jura.png';
-import font_just_me_again_down_here from './fonts/just_me_again_down_here.png';
-import font_kaushan_script from './fonts/kaushan_script.png';
-import font_kelly_slab from './fonts/kelly_slab.png';
-import font_kite_one from './fonts/kite_one.png';
-import font_kosugi from './fonts/kosugi.png';
-import font_kosugi_maru from './fonts/kosugi_maru.png';
-import font_kurale from './fonts/kurale.png';
-import font_lato from './fonts/lato.png';
-import font_ledger from './fonts/ledger.png';
-import font_lekton from './fonts/lekton.png';
-import font_life_savers from './fonts/life_savers.png';
-import font_literata from './fonts/literata.png';
-import font_lobster from './fonts/lobster.png';
-import font_lobster_two from './fonts/lobster_two.png';
-import font_londrina_shadow from './fonts/londrina_shadow.png';
-import font_lora from './fonts/lora.png';
-import font_lovers_quarrel from './fonts/lovers_quarrel.png';
-import font_m_plus_1p from './fonts/m_plus_1p.png';
-import font_m_plus_rounded_1c from './fonts/m_plus_rounded_1c.png';
-import font_macondo from './fonts/macondo.png';
-import font_marcellus_sc from './fonts/marcellus_sc.png';
-import font_marck_script from './fonts/marck_script.png';
-import font_martel from './fonts/martel.png';
-import font_maven_pro from './fonts/maven_pro.png';
-import font_merriweather from './fonts/merriweather.png';
-import font_merriweather_sans from './fonts/merriweather_sans.png';
-import font_mogra from './fonts/mogra.png';
-import font_monoton from './fonts/monoton.png';
-import font_montez from './fonts/montez.png';
-import font_montserrat from './fonts/montserrat.png';
-import font_montserrat_alternates from './fonts/montserrat_alternates.png';
-import font_montserrat_subrayada from './fonts/montserrat_subrayada.png';
-import font_neucha from './fonts/neucha.png';
-import font_neuton from './fonts/neuton.png';
-import font_nixie_one from './fonts/nixie_one.png';
-import font_nothing_you_could_do from './fonts/nothing_you_could_do.png';
-import font_noto_sans from './fonts/noto_sans.png';
-import font_noto_sans_sc from './fonts/noto_sans_sc.png';
-import font_noto_serif from './fonts/noto_serif.png';
-import font_noto_serif_tc from './fonts/noto_serif_tc.png';
-import font_nunito from './fonts/nunito.png';
-import font_old_standard_tt from './fonts/old_standard_tt.png';
-import font_open_sans from './fonts/open_sans.png';
-import font_open_sans_condensed from './fonts/open_sans_condensed.png';
-import font_oranienbaum from './fonts/oranienbaum.png';
-import font_oswald from './fonts/oswald.png';
-import font_oxygen from './fonts/oxygen.png';
-import font_pacifico from './fonts/pacifico.png';
-import font_pangolin from './fonts/pangolin.png';
-import font_passion_one from './fonts/passion_one.png';
-import font_pathway_gothic_one from './fonts/pathway_gothic_one.png';
-import font_pattaya from './fonts/pattaya.png';
-import font_petit_formal_script from './fonts/petit_formal_script.png';
-import font_philosopher from './fonts/philosopher.png';
-import font_play from './fonts/play.png';
-import font_playfair_display from './fonts/playfair_display.png';
-import font_playfair_display_sc from './fonts/playfair_display_sc.png';
-import font_podkova from './fonts/podkova.png';
-import font_poiret_one from './fonts/poiret_one.png';
-import font_pompiere from './fonts/pompiere.png';
-import font_poppins from './fonts/poppins.png';
-import font_prata from './fonts/prata.png';
-import font_press_start_2p from './fonts/press_start_2p.png';
-import font_prosto_one from './fonts/prosto_one.png';
-import font_pt_mono from './fonts/pt_mono.png';
-import font_pt_sans from './fonts/pt_sans.png';
-import font_pt_sans_caption from './fonts/pt_sans_caption.png';
-import font_pt_sans_narrow from './fonts/pt_sans_narrow.png';
-import font_pt_serif from './fonts/pt_serif.png';
-import font_pt_serif_caption from './fonts/pt_serif_caption.png';
-import font_quattrocento_sans from './fonts/quattrocento_sans.png';
-import font_quattrocento from './fonts/quattrocento.png';
-import font_quicksand from './fonts/quicksand.png';
-import font_qwigley from './fonts/qwigley.png';
-import font_raleway from './fonts/raleway.png';
-import font_raleway_dots from './fonts/raleway_dots.png';
-import font_redressed from './fonts/redressed.png';
-import font_ribeye_marrow from './fonts/ribeye_marrow.png';
-import font_righteous from './fonts/righteous.png';
-import font_roboto from './fonts/roboto.png';
-import font_roboto_condensed from './fonts/roboto_condensed.png';
-import font_roboto_mono from './fonts/roboto_mono.png';
-import font_roboto_slab from './fonts/roboto_slab.png';
-import font_rochester from './fonts/rochester.png';
-import font_rouge_script from './fonts/rouge_script.png';
-import font_rubik from './fonts/rubik.png';
-import font_rubik_mono_one from './fonts/rubik_mono_one.png';
-import font_ruslan_display from './fonts/ruslan_display.png';
-import font_russo_one from './fonts/russo_one.png';
-import font_sacramento from './fonts/sacramento.png';
-import font_sanchez from './fonts/sanchez.png';
-import font_satisfy from './fonts/satisfy.png';
-import font_sawarabi_gothic from './fonts/sawarabi_gothic.png';
-import font_scada from './fonts/scada.png';
-import font_seaweed_script from './fonts/seaweed_script.png';
-import font_seymour_one from './fonts/seymour_one.png';
-import font_shadows_into_light_two from './fonts/shadows_into_light_two.png';
-import font_six_caps from './fonts/six_caps.png';
-import font_snowburst_one from './fonts/snowburst_one.png';
-import font_source_code_pro from './fonts/source_code_pro.png';
-import font_source_sans_pro from './fonts/source_sans_pro.png';
-import font_special_elite from './fonts/special_elite.png';
-import font_spectral from './fonts/spectral.png';
-import font_spectral_sc from './fonts/spectral_sc.png';
-import font_squada_one from './fonts/squada_one.png';
-import font_stalinist_one from './fonts/stalinist_one.png';
-import font_stint_ultra_expanded from './fonts/stint_ultra_expanded.png';
-import font_syncopate from './fonts/syncopate.png';
-import font_tangerine from './fonts/tangerine.png';
-import font_tenor_sans from './fonts/tenor_sans.png';
-import font_tinos from './fonts/tinos.png';
-import font_ubuntu from './fonts/ubuntu.png';
-import font_ubuntu_condensed from './fonts/ubuntu_condensed.png';
-import font_ubuntu_mono from './fonts/ubuntu_mono.png';
-import font_underdog from './fonts/underdog.png';
-import font_unifrakturmaguntia from './fonts/unifrakturmaguntia.png';
-import font_vast_shadow from './fonts/vast_shadow.png';
-import font_viga from './fonts/viga.png';
-import font_vollkorn from './fonts/vollkorn.png';
-import font_vollkorn_sc from './fonts/vollkorn_sc.png';
-import font_voltaire from './fonts/voltaire.png';
-import font_wire_one from './fonts/wire_one.png';
-import font_yanone_kaffeesatz from './fonts/yanone_kaffeesatz.png';
-import font_yeseva_one from './fonts/yeseva_one.png';
-*/
 class Util {
   constructor(builder) {
     this.builder = builder;
@@ -4515,6 +4352,25 @@ class Util {
     });
   }
 
+  removeColClasses(cell) {
+    cell.classList.remove('full');
+    cell.classList.remove('two-third');
+    cell.classList.remove('two-fourth');
+    cell.classList.remove('two-fifth');
+    cell.classList.remove('two-sixth');
+    cell.classList.remove('half');
+    cell.classList.remove('third');
+    cell.classList.remove('fourth');
+    cell.classList.remove('fifth');
+    cell.classList.remove('sixth');
+    cell.classList.remove('seventh');
+    cell.classList.remove('eighth');
+    cell.classList.remove('ninth');
+    cell.classList.remove('tenth');
+    cell.classList.remove('eleventh');
+    cell.classList.remove('twelfth');
+  }
+
   fixLayout(row) {
     const dom = this.dom; // if(this.builder.opts.enableDragResize) {
     //     Array.from(row.children).map((item) => {
@@ -4557,6 +4413,25 @@ class Util {
       row.classList.remove('md-autofit');
     }
 
+    if (this.builder.useDefaultGrid) {
+      const cols = dom.elementChildren(row);
+      cols.forEach(col => {
+        if (dom.hasClass(col, 'is-row-tool') || dom.hasClass(col, 'is-col-tool') || dom.hasClass(col, 'is-rowadd-tool') || dom.hasClass(col, 'is-row-overlay')) return;
+        this.removeColClasses(col);
+      }); // Refresh Module
+
+      Array.from(row.children).map(item => {
+        if (item.classList.contains('is-row-tool')) return;
+        if (item.classList.contains('is-rowadd-tool')) return;
+        if (item.classList.contains('is-col-tool')) return;
+
+        if (item.getAttribute('data-module')) {
+          this.refreshModuleLayout(item);
+        }
+      });
+      return;
+    }
+
     let num = 3; //is-row-tool, is-col-tool & is-rowadd-tool
 
     if (row.querySelector('.is-row-overlay')) {
@@ -17664,7 +17539,7 @@ const renderQuickAdd = builder => {
     if (elm) dom.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
       let html = `<div>
-            <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-12 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Read More</a>
+            <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-14 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Read More</a>
             </div>`;
 
       if (builder.opts.emailMode) {
@@ -17677,8 +17552,8 @@ const renderQuickAdd = builder => {
     if (elm) dom.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
       let html = `<div>
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-12 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Read More</a>
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 border-current hover:border-current font-normal leading-12 rounded tracking-wide">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-14 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Read More</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 border-current hover:border-current font-normal leading-14 rounded tracking-wide">Get Started</a>
             </div>`;
 
       if (builder.opts.emailMode) {
@@ -18127,24 +18002,275 @@ class Grid {
     });
   }
 
+  removeColClasses(cell) {
+    cell.classList.remove('full');
+    cell.classList.remove('two-third');
+    cell.classList.remove('two-fourth');
+    cell.classList.remove('two-fifth');
+    cell.classList.remove('two-sixth');
+    cell.classList.remove('half');
+    cell.classList.remove('third');
+    cell.classList.remove('fourth');
+    cell.classList.remove('fifth');
+    cell.classList.remove('sixth');
+    cell.classList.remove('seventh');
+    cell.classList.remove('eighth');
+    cell.classList.remove('ninth');
+    cell.classList.remove('tenth');
+    cell.classList.remove('eleventh');
+    cell.classList.remove('twelfth');
+  }
+
+  getAllColumns(cell) {
+    let arrCells = [];
+    let dom = this.dom;
+    const cols = dom.elementChildren(cell.parentNode);
+    cols.forEach(col => {
+      if (dom.hasClass(col, 'is-row-tool') || dom.hasClass(col, 'is-col-tool') || dom.hasClass(col, 'is-rowadd-tool') || dom.hasClass(col, 'is-row-overlay')) return;
+
+      if (cell !== col) {
+        arrCells.push(col);
+      }
+    });
+    const newArray = [cell].concat(arrCells);
+    return newArray;
+  }
+
+  getCellWidth(cell) {
+    if (cell.classList.contains('two-third')) {
+      return 66.666;
+    }
+
+    if (cell.classList.contains('two-fourth')) {
+      return 75;
+    }
+
+    if (cell.classList.contains('two-fifth')) {
+      return 80;
+    }
+
+    if (cell.classList.contains('two-sixth')) {
+      return 83.333;
+    }
+
+    if (cell.classList.contains('half')) {
+      return 50;
+    }
+
+    if (cell.classList.contains('third')) {
+      return 33.333;
+    }
+
+    if (cell.classList.contains('fourth')) {
+      return 25;
+    }
+
+    if (cell.classList.contains('fifth')) {
+      return 20;
+    }
+
+    if (cell.classList.contains('sixth')) {
+      return 16.666;
+    }
+
+    if (cell.classList.contains('seventh')) {
+      return 14.2857;
+    }
+
+    if (cell.classList.contains('eighth')) {
+      return 12.5;
+    }
+
+    if (cell.classList.contains('ninth')) {
+      return 11.111;
+    }
+
+    if (cell.classList.contains('tenth')) {
+      return 10;
+    }
+
+    if (cell.classList.contains('eleventh')) {
+      return 9.09;
+    }
+
+    if (cell.classList.contains('twelfth')) {
+      return 8.333;
+    }
+
+    return false;
+  }
+
+  resizeColumn(cell, increase, num) {
+    let cellWidth = this.getCellWidth(cell);
+
+    if (!cellWidth) {
+      let cellW = parseFloat(window.getComputedStyle(cell).getPropertyValue('width'));
+      let rowW = parseFloat(window.getComputedStyle(cell.parentNode).getPropertyValue('width'));
+      cellWidth = cellW / rowW * 100;
+    }
+
+    if (increase) {
+      if (num === 3) {
+        if (cellWidth >= 28 && cellWidth <= 30) {
+          return '33.333%';
+        } else if (cellWidth > 30 && cellWidth < 38) {
+          return '40%';
+        } //max 80%
+
+
+        if (cellWidth >= 68 && cellWidth <= 90) {
+          return '75%';
+        }
+      }
+
+      if (num === 4) {
+        //max 70%
+        if (cellWidth >= 48 && cellWidth <= 90) {
+          return '60%';
+        }
+      }
+
+      if (num === 5) {
+        //max 50%
+        if (cellWidth >= 38 && cellWidth <= 90) {
+          return '50%';
+        }
+      }
+
+      if (num === 6) {
+        if (cellWidth >= 10 && cellWidth < 13) {
+          return '16.666%';
+        } //max 40%
+
+
+        if (cellWidth >= 28 && cellWidth <= 90) {
+          return '40%';
+        }
+      }
+
+      if (num === 7) {
+        //max 30%
+        if (cellWidth >= 23 && cellWidth <= 90) {
+          return '30%';
+        }
+      }
+
+      if (num === 8) {
+        //max 20%
+        if (cellWidth >= 13 && cellWidth <= 90) {
+          return '20%';
+        }
+      }
+
+      if (cellWidth >= 78 && cellWidth <= 90) {
+        return '90%';
+      } else if (cellWidth >= 73 && cellWidth < 78) {
+        return '80%';
+      } else if (cellWidth >= 68 && cellWidth < 73) {
+        return '75%';
+      } else if (cellWidth >= 58 && cellWidth < 68) {
+        return '70%';
+      } else if (cellWidth >= 48 && cellWidth < 58) {
+        return '60%';
+      } else if (cellWidth >= 38 && cellWidth < 48) {
+        return '50%';
+      } else if (cellWidth >= 28 && cellWidth < 38) {
+        return '40%';
+      } else if (cellWidth >= 23 && cellWidth < 28) {
+        return '30%';
+      } else if (cellWidth >= 18 && cellWidth < 23) {
+        return '25%';
+      } else if (cellWidth >= 13 && cellWidth < 18) {
+        return '20%';
+      } else if (cellWidth >= 10 && cellWidth < 13) {
+        return '15%';
+      }
+    } else {
+      // decrease
+      if (num === 3) {
+        if (cellWidth > 35 && cellWidth <= 43) {
+          return '33.333%';
+        }
+
+        if (cellWidth > 33 && cellWidth <= 35) {
+          return '30%';
+        }
+      }
+
+      if (num === 6) {
+        if (cellWidth > 18 && cellWidth <= 23) {
+          return '16.666%';
+        }
+      }
+
+      if (cellWidth > 93 && cellWidth <= 100) {
+        return '90%';
+      } else if (cellWidth > 83 && cellWidth <= 93) {
+        return '80%';
+      } else if (cellWidth > 78 && cellWidth <= 83) {
+        return '75%';
+      } else if (cellWidth > 73 && cellWidth <= 78) {
+        return '70%';
+      } else if (cellWidth > 63 && cellWidth <= 73) {
+        return '60%';
+      } else if (cellWidth > 53 && cellWidth <= 63) {
+        return '50%';
+      } else if (cellWidth > 43 && cellWidth <= 53) {
+        return '40%';
+      } else if (cellWidth > 33 && cellWidth <= 43) {
+        return '30%';
+      } else if (cellWidth > 28 && cellWidth <= 33) {
+        return '25%';
+      } else if (cellWidth > 23 && cellWidth <= 28) {
+        return '20%';
+      } else if (cellWidth > 18 && cellWidth <= 23) {
+        return '15%';
+      } else if (cellWidth >= 10 && cellWidth <= 18) {
+        return '10%';
+      }
+    }
+
+    return false;
+  }
+
   increaseColumn() {
     let builder = this.builder;
     let util = this.util;
     let dom = this.dom;
-    const cell = util.cellSelected();
+    let cell = util.cellSelected();
     if (!cell) return;
-    let cellnext = util.cellNext(cell);
-    let cellnext2;
 
-    if (!cellnext) {
-      cellnext = cell.previousElementSibling;
-      if (!cellnext) return;
-      cellnext2 = cellnext.previousElementSibling;
-    } else {
-      cellnext2 = util.cellNext(cellnext);
-      if (!cellnext2) cellnext2 = cell.previousElementSibling;
+    if (this.builder.useDefaultGrid) {
+      let arrColumns = this.getAllColumns(cell);
+
+      for (let i = 1; i < arrColumns.length; i++) {
+        let cellNext = arrColumns[i]; // cellNext.style.width = '100%';
+
+        cellNext.style.width = '';
+        cellNext.style.flex = '';
+        this.removeColClasses(cellNext);
+      }
+
+      if (arrColumns.length > 1 && arrColumns.length < 9) {
+        this.builder.uo.saveForUndo();
+        let w = this.resizeColumn(cell, true, arrColumns.length);
+
+        if (w) {
+          cell.style.width = w;
+          cell.style.flex = '0 0 auto';
+          this.removeColClasses(cell);
+        }
+
+        this.builder.opts.onChange();
+      }
+
+      return;
     }
 
+    let cellnext, cellnext2;
+    let arrColumns = this.getAllColumns(cell);
+    if (arrColumns[1]) cellnext = arrColumns[1];
+    if (arrColumns[2]) cellnext2 = arrColumns[2];
     const rowClass = builder.opts.row;
     let colClass = builder.opts.cols;
     const colSizes = builder.opts.colsizes;
@@ -18305,18 +18431,38 @@ class Grid {
     let dom = this.dom;
     const cell = util.cellSelected();
     if (!cell) return;
-    let cellnext = util.cellNext(cell);
-    let cellnext2;
 
-    if (!cellnext) {
-      cellnext = cell.previousElementSibling;
-      if (!cellnext) return;
-      cellnext2 = cellnext.previousElementSibling;
-    } else {
-      cellnext2 = util.cellNext(cellnext);
-      if (!cellnext2) cellnext2 = cell.previousElementSibling;
+    if (this.builder.useDefaultGrid) {
+      let arrColumns = this.getAllColumns(cell);
+
+      for (let i = 1; i < arrColumns.length; i++) {
+        let cellNext = arrColumns[i]; // cellNext.style.width = '100%';
+
+        cellNext.style.width = '';
+        cellNext.style.flex = '';
+        this.removeColClasses(cellNext);
+      }
+
+      if (arrColumns.length > 1 && arrColumns.length < 9) {
+        this.builder.uo.saveForUndo();
+        let w = this.resizeColumn(cell, false, arrColumns.length);
+
+        if (w) {
+          cell.style.width = w;
+          cell.style.flex = '0 0 auto';
+          this.removeColClasses(cell);
+        }
+
+        this.builder.opts.onChange();
+      }
+
+      return;
     }
 
+    let cellnext, cellnext2;
+    let arrColumns = this.getAllColumns(cell);
+    if (arrColumns[1]) cellnext = arrColumns[1];
+    if (arrColumns[2]) cellnext2 = arrColumns[2];
     const rowClass = builder.opts.row;
     let colClass = builder.opts.cols;
     const colSizes = builder.opts.colsizes;
@@ -52471,89 +52617,89 @@ class ButtonEditor {
     /* rounded */
     {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-7 border-current hover:border-current font-normal leading-12 rounded-full tracking-wide">Read More</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-7 border-current hover:border-current font-normal leading-14 rounded-full tracking-wide">Read More</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-7 text-black leading-12 rounded-full border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-7 text-black leading-14 rounded-full border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-14 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-14 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-14 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-7 border-current hover:border-current font-normal leading-12 tracking-wide rounded-full" style="color: rgb(255, 255, 255);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-7 border-current hover:border-current font-normal leading-14 tracking-wide rounded-full" style="color: rgb(255, 255, 255);">Get Started</a>
                 `
     },
     /* colors */
     {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-14 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-14 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-14 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-14 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
                 `
     },
     /* square */
     {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 border-current hover:border-current font-normal leading-12 rounded tracking-wide">Read More</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 border-current hover:border-current font-normal leading-14 rounded tracking-wide">Read More</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-12 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-14 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-14 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-14 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-14 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 border-current hover:border-current font-normal leading-12 tracking-wide rounded" style="color: rgb(255, 255, 255);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 border-current hover:border-current font-normal leading-14 tracking-wide rounded" style="color: rgb(255, 255, 255);">Get Started</a>
                 `
     },
     /* colors */
     {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-14 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-14 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-14 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
                 `
     }, {
       html: `
-                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded ml-0 mt-1 size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
+                <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-14 border-transparent rounded ml-0 mt-1 size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
                 `
     },
     /* MEDIUM */
@@ -59470,27 +59616,30 @@ class ColumnTool {
       dom.addEventListener(elm, 'click', () => {
         const cell = util.cellSelected();
         if (!cell) return;
-        const row = cell.parentNode; // Check if reset needed (reset will remove inline width, etc)
-
-        let needed = false;
-        Array.from(row.children).map(item => {
-          if (item.classList.contains('is-row-tool')) return;
-          if (item.classList.contains('is-rowadd-tool')) return;
-          if (item.classList.contains('is-col-tool')) return;
-          if (item.style.width) needed = true;
-        });
+        const row = cell.parentNode;
 
-        if (needed) {
+        if (!this.builder.useDefaultGrid) {
+          // Check if reset needed (reset will remove inline width, etc)
+          let needed = false;
           Array.from(row.children).map(item => {
             if (item.classList.contains('is-row-tool')) return;
             if (item.classList.contains('is-rowadd-tool')) return;
             if (item.classList.contains('is-col-tool')) return;
-            item.style.width = '';
-            item.style.flex = '';
-            item.style.height = '';
-            item.style.minHeight = '';
+            if (item.style.width) needed = true;
           });
-          util.fixLayout(row);
+
+          if (needed) {
+            Array.from(row.children).map(item => {
+              if (item.classList.contains('is-row-tool')) return;
+              if (item.classList.contains('is-rowadd-tool')) return;
+              if (item.classList.contains('is-col-tool')) return;
+              item.style.width = '';
+              item.style.flex = '';
+              item.style.height = '';
+              item.style.minHeight = '';
+            });
+            util.fixLayout(row);
+          }
         }
 
         this.grid.increaseColumn(); // Refresh Module
@@ -59510,27 +59659,30 @@ class ColumnTool {
       dom.addEventListener(elm, 'click', () => {
         const cell = util.cellSelected();
         if (!cell) return;
-        const row = cell.parentNode; // Check if reset needed (reset will remove inline width, etc)
-
-        let needed = false;
-        Array.from(row.children).map(item => {
-          if (item.classList.contains('is-row-tool')) return;
-          if (item.classList.contains('is-rowadd-tool')) return;
-          if (item.classList.contains('is-col-tool')) return;
-          if (item.style.width) needed = true;
-        });
+        const row = cell.parentNode;
 
-        if (needed) {
+        if (!this.builder.useDefaultGrid) {
+          // Check if reset needed (reset will remove inline width, etc)
+          let needed = false;
           Array.from(row.children).map(item => {
             if (item.classList.contains('is-row-tool')) return;
             if (item.classList.contains('is-rowadd-tool')) return;
             if (item.classList.contains('is-col-tool')) return;
-            item.style.width = '';
-            item.style.flex = '';
-            item.style.height = '';
-            item.style.minHeight = '';
+            if (item.style.width) needed = true;
           });
-          util.fixLayout(row);
+
+          if (needed) {
+            Array.from(row.children).map(item => {
+              if (item.classList.contains('is-row-tool')) return;
+              if (item.classList.contains('is-rowadd-tool')) return;
+              if (item.classList.contains('is-col-tool')) return;
+              item.style.width = '';
+              item.style.flex = '';
+              item.style.height = '';
+              item.style.minHeight = '';
+            });
+            util.fixLayout(row);
+          }
         }
 
         this.grid.decreaseColumn(); // Refresh Module
@@ -69045,11 +69197,15 @@ class Rte {
 
       for (j = 0; j < builder.opts.defaultFontSizes.length; j++) {
         html_fontsizes += `<button title="${builder.opts.defaultFontSizes[j]}px" data-value="${builder.opts.defaultFontSizes[j]}">${builder.opts.defaultFontSizes[j]}</button>`;
-      } // <div class="is-draggable" style="width: 5px;height: 45pxpx;background:#fff;cursor: move;"></div>
+      }
+
+      let html_leading = '';
+      this.builder.leadingPreset.forEach(val => {
+        html_leading += `<button title="${val}" data-value="${val}">${val}</button>`;
+      }); // <div class="is-draggable" style="width: 5px;height: 45pxpx;background:#fff;cursor: move;"></div>
       // <div style="height:55px;background:#fff;border-top:#f5f5f5 1px solid;">
       // </div>
 
-
       let html = `<div class="is-rte-tool" style="position:fixed;flex-direction:column;display:none;">
                 <div class="rte-for-text" style="display:flex">
                     ${html_rte}
@@ -69095,12 +69251,13 @@ class Rte {
 
             <div class="rte-paragraph-options is-rte-pop" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
                 <ul>
-                    <li title="${util.out('Heading 1')}" data-block="h1" tabindex="0"><h1>Heading 1</h1></li>
-                    <li title="${util.out('Heading 2')}" data-block="h2" tabindex="0"><h2>Heading 2</h2></li>
-                    <li title="${util.out('Heading 3')}" data-block="h3" tabindex="0"><h3>Heading 3</h3></li>
-                    <li title="${util.out('Heading 4')}" data-block="h4" tabindex="0"><h4>Heading 4</h4></li>
-                    <li title="${util.out('Paragraph')}" data-block="p" tabindex="0"><p>Paragraph</p></li>
-                    <li title="${util.out('Preformatted')}" data-block="pre" tabindex="0"><p style="font-family:courier, monospace;">Preformatted</p></li>
+                    <li style="height:58px" title="${util.out('Heading 1')}" data-block="h1" tabindex="0"><h1>Heading 1</h1></li>
+                    <li style="height:50px" title="${util.out('Heading 2')}" data-block="h2" tabindex="0"><h2>Heading 2</h2></li>
+                    <li style="height:45px" title="${util.out('Heading 3')}" data-block="h3" tabindex="0"><h3>Heading 3</h3></li>
+                    <li style="height:40px" title="${util.out('Heading 4')}" data-block="h4" tabindex="0"><h4>Heading 4</h4></li>
+                    <li style="height:28px" title="${util.out('Paragraph')}" data-block="p" tabindex="0"><p>Paragraph</p></li>
+                    <li style="height:28px" title="${util.out('DIV')}" data-block="div" tabindex="0"><p>div</p></li>
+                    <li style="height:28px" title="${util.out('Preformatted')}" data-block="pre" tabindex="0"><p style="font-family:courier, monospace;">Preformatted</p></li>
                 </ul>
             </div>
 
@@ -69141,13 +69298,9 @@ class Rte {
                     </div>
                     <div class="is-label separator">${util.out('Line Spacing')}</div>
                     <div class="rte-lineheight-options" style="display: flex;flex-flow: wrap;">
-                        <button title="1" data-value="1">1</button>
-                        <button title="1.2" data-value="1.2">1.2</button>
-                        <button title="1.4" data-value="1.4">1.4</button>
-                        <button title="1.6" data-value="1.6">1.6</button>
-                        <button title="1.8" data-value="1.8">1.8</button>
-                        <button title="2" data-value="2">2</button>
-                        <button title="2.2" data-value="2.2">2.2</button>
+                        
+                        ${html_leading}
+
                         <button title="${util.out('Decrease')}" data-value="-" style="font-size:13px">-</button>
                         <button title="${util.out('Increase')}" data-value="+" style="font-size:13px">+</button>
                         <button title="${util.out('Clear')}" data-value=""><svg class="is-icon-flex" style="width:18px;height:18px;margin-top: 2px;"><use xlink:href="#ion-ios-close-empty"></use></svg></button>
@@ -69423,7 +69576,10 @@ class Rte {
     }); // Custom Tags
 
     const setTagValue = btn => {
-      this.builder.uo.saveForUndo();
+      this.builder.uo.saveForUndo(); //restore selection
+
+      util.restoreSelection(); //a must
+
       const tag = btn.getAttribute('data-value');
       util.pasteHtmlAtCaret(tag, true);
       this.util.hideRtePop(this.rteCustomTagOptions);
@@ -69474,6 +69630,8 @@ class Rte {
     let btnRteTags = builderStuff.querySelectorAll('button.rte-tags');
     btnRteTags.forEach(btn => {
       btn.addEventListener('click', () => {
+        //save selection
+        util.saveSelection();
         const pop = this.rteCustomTagOptions;
 
         if (!dom.hasClass(pop, 'active')) {
@@ -69568,7 +69726,7 @@ class Rte {
       }
 
       if (!container) return;
-      let element = container.closest('h1') || container.closest('h2') || container.closest('h3') || container.closest('h4') || container.closest('h5') || container.closest('h6') || container.closest('pre') || container.closest('p');
+      let element = container.closest('h1') || container.closest('h2') || container.closest('h3') || container.closest('h4') || container.closest('h5') || container.closest('h6') || container.closest('pre') || container.closest('p') || container.closest('div');
 
       if (element) {
         // const tagName = element.tagName.toLowerCase();
@@ -69788,6 +69946,8 @@ class Rte {
     let btnRteIcons = builderStuff.querySelectorAll('button.rte-icon');
     btnRteIcons.forEach(btn => {
       btn.addEventListener('click', e => {
+        //save selection
+        util.saveSelection();
         this.openIcon(e);
       });
     }); // Color
@@ -71218,18 +71378,34 @@ class Rte {
               }
             }
           } else {
-            if (num === '1') {
+            if (num === '0.8') {
+              newClassName = classes.leading_8;
+            } else if (num === '0.9') {
+              newClassName = classes.leading_9;
+            } else if (num === '1') {
               newClassName = classes.leading_10;
+            } else if (num === '1.1') {
+              newClassName = classes.leading_11;
             } else if (num === '1.2') {
               newClassName = classes.leading_12;
+            } else if (num === '1.3') {
+              newClassName = classes.leading_13;
             } else if (num === '1.4') {
               newClassName = classes.leading_14;
+            } else if (num === '1.5') {
+              newClassName = classes.leading_15;
             } else if (num === '1.6') {
               newClassName = classes.leading_16;
+            } else if (num === '1.7') {
+              newClassName = classes.leading_17;
             } else if (num === '1.8') {
               newClassName = classes.leading_18;
+            } else if (num === '1.9') {
+              newClassName = classes.leading_19;
             } else if (num === '2') {
               newClassName = classes.leading_20;
+            } else if (num === '2.1') {
+              newClassName = classes.leading_21;
             } else if (num === '2.2') {
               newClassName = classes.leading_22;
             }
@@ -72392,7 +72568,7 @@ class Rte {
     if (block === 'heading 4') block = 'h4';
     if (block === 'formatted') block = 'pre';
 
-    if (block === 'p' || block === 'h1' || block === 'h2' || block === 'h3' || block === 'h4' || block === 'pre') {
+    if (block === 'p' || block === 'h1' || block === 'h2' || block === 'h3' || block === 'h4' || block === 'div' || block === 'pre') {
       dom.addClass(this.rteParagraphOptions.querySelector('[data-block="' + block + '"]'), 'on');
     }
   }
@@ -72484,12 +72660,20 @@ class Rte {
           Array.prototype.forEach.call(btns, btn => {
             let num = btn.getAttribute('data-value');
             let val;
+            if (className === classes.leading_8) val = '0.8';
+            if (className === classes.leading_9) val = '0.9';
             if (className === classes.leading_10) val = '1';
+            if (className === classes.leading_11) val = '1.1';
             if (className === classes.leading_12) val = '1.2';
+            if (className === classes.leading_13) val = '1.3';
             if (className === classes.leading_14) val = '1.4';
+            if (className === classes.leading_15) val = '1.5';
             if (className === classes.leading_16) val = '1.6';
+            if (className === classes.leading_17) val = '1.7';
             if (className === classes.leading_18) val = '1.8';
+            if (className === classes.leading_19) val = '1.9';
             if (className === classes.leading_20) val = '2';
+            if (className === classes.leading_21) val = '2.1';
             if (className === classes.leading_22) val = '2.2';
 
             if (num === val) {
@@ -77943,7 +78127,7 @@ class ContentBuilder {
       // snippetSampleImage: 'uploads/office2.png', // if enabled, will be used to insert image block
       // snippetSampleVideo: 'uploads/person1.mp4', // if enabled, will be used to insert video block
       // snippetSampleAudio: 'uploads/intro.mp4', // if enabled, will be used to insert audio block
-      snippetCategories: [[120, 'Basic'], [118, 'Article'], [101, 'Headline'], [119, 'Buttons'], [102, 'Photos'], [103, 'Profile'], [116, 'Contact'], [104, 'Products'], [105, 'Features'], [106, 'Process'], [107, 'Pricing'], [108, 'Skills'], [109, 'Achievements'], [110, 'Quotes'], [111, 'Partners'], [112, 'As Featured On'], [113, 'Page Not Found'], [114, 'Coming Soon'], [115, 'Help, FAQ']],
+      snippetCategories: [[120, 'Basic'], [118, 'Article'], [101, 'Headline'], [119, 'Buttons'], [102, 'Photos'], [103, 'Profile'], [116, 'Contact'], [104, 'Products, Services'], [105, 'Features'], [108, 'Skills'], [109, 'Achievements'], [106, 'Process'], [107, 'Pricing'], [110, 'Quotes'], [111, 'Partners'], [112, 'As Featured On'], [113, 'Page Not Found'], [114, 'Coming Soon'], [115, 'Help, FAQ']],
       defaultSnippetCategory: 120,
       snippetHandle: true,
       sidePanel: 'right',
@@ -78173,7 +78357,10 @@ class ContentBuilder {
       ],
       */
       colHeight: [300, 350, 400, 450, 500, 550, 600, 650, 700],
-      // maxColumns: 6,
+      maxColumns: 6,
+      // leadingPreset: [0.8, 0.9, 1, 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 1.8, 2],
+      // leadingPreset: [1, 1.1, 1.2, 1.3, 1.4, 1.6, 2],
+      leadingPreset: [1, 1.2, 1.4, 1.6, 1.8, 2, 2.2],
       cssClasses: {
         fontWeight: {
           thin: 'font-thin',
@@ -78590,10 +78777,12 @@ class ContentBuilder {
       // If framework param is not used
       if (this.opts.row !== '' && this.opts.cols.length > 0) ; else {
         if (this.opts.cellFormat === '' && this.opts.rowFormat === '') {
+          this.useDefaultGrid = true; // used in columntool.js, grid.js & util.js
           // DEFAULT: Built-in simple css grid
+
           this.opts.row = 'row'; //row clrfx
 
-          this.opts.cols = ['column twelfth', 'column eleventh', 'column tenth', 'column ninth', 'column eighth', 'column seventh', 'column sixth', 'column fifth', 'column fourth', 'column third', 'column half', 'column two-third', 'column two-fourth', 'column two-fifth', 'column two-sixth', 'column full'];
+          this.opts.cols = ['column twelfth', 'column eleventh', 'column tenth', 'column ninth', 'column eighth', 'column seventh', 'column sixth', 'column fifth', 'column fourth', 'column third', 'column half', 'column two-third', 'column two-fourth', 'column two-fifth', 'column two-sixth', 'column'];
           this.opts.colequal = [['column twelfth', 'column twelfth', 'column twelfth', 'column twelfth', 'column twelfth', 'column twelfth', 'column twelfth', 'column twelfth', 'column twelfth', 'column twelfth', 'column twelfth', 'column twelfth'], ['column eleventh', 'column eleventh', 'column eleventh', 'column eleventh', 'column eleventh', 'column eleventh', 'column eleventh', 'column eleventh', 'column eleventh', 'column eleventh', 'column eleventh'], ['column tenth', 'column tenth', 'column tenth', 'column tenth', 'column tenth', 'column tenth', 'column tenth', 'column tenth', 'column tenth', 'column tenth'], ['column ninth', 'column ninth', 'column ninth', 'column ninth', 'column ninth', 'column ninth', 'column ninth', 'column ninth', 'column ninth'], ['column eighth', 'column eighth', 'column eighth', 'column eighth', 'column eighth', 'column eighth', 'column eighth', 'column eighth'], ['column seventh', 'column seventh', 'column seventh', 'column seventh', 'column seventh', 'column seventh', 'column seventh'], ['column sixth', 'column sixth', 'column sixth', 'column sixth', 'column sixth', 'column sixth'], ['column fifth', 'column fifth', 'column fifth', 'column fifth', 'column fifth'], ['column fourth', 'column fourth', 'column fourth', 'column fourth'], ['column third', 'column third', 'column third'], ['column half', 'column half']];
           this.opts.colsizes = [//needed for columns in which the size increment is not constant.
           [//increment for 3 columns
@@ -80448,6 +80637,14 @@ class ContentBuilder {
     return area;
   }
 
+  saveSelection() {
+    this.util.saveSelection();
+  }
+
+  restoreSelection() {
+    this.util.restoreSelection();
+  }
+
   pasteHtmlAtCaret(html, selectPastedContent) {
     this.util.pasteHtmlAtCaret(html, selectPastedContent);
   }