import {
  __commonJS,
  init_define_APP_INFO
} from "./chunk-XY75H3MP.js";

// node_modules/tinymce/themes/silver/theme.js
var require_theme = __commonJS({
  "node_modules/tinymce/themes/silver/theme.js"() {
    init_define_APP_INFO();
    (function() {
      "use strict";
      var typeOf = function(x) {
        var t2 = typeof x;
        if (x === null) {
          return "null";
        } else if (t2 === "object" && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === "Array")) {
          return "array";
        } else if (t2 === "object" && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === "String")) {
          return "string";
        } else {
          return t2;
        }
      };
      var isType$1 = function(type2) {
        return function(value2) {
          return typeOf(value2) === type2;
        };
      };
      var isSimpleType = function(type2) {
        return function(value2) {
          return typeof value2 === type2;
        };
      };
      var eq$1 = function(t2) {
        return function(a) {
          return t2 === a;
        };
      };
      var isString = isType$1("string");
      var isObject = isType$1("object");
      var isArray = isType$1("array");
      var isNull = eq$1(null);
      var isBoolean = isSimpleType("boolean");
      var isUndefined = eq$1(void 0);
      var isNullable = function(a) {
        return a === null || a === void 0;
      };
      var isNonNullable = function(a) {
        return !isNullable(a);
      };
      var isFunction = isSimpleType("function");
      var isNumber = isSimpleType("number");
      var isArrayOf = function(value2, pred) {
        if (isArray(value2)) {
          for (var i = 0, len = value2.length; i < len; ++i) {
            if (!pred(value2[i])) {
              return false;
            }
          }
          return true;
        }
        return false;
      };
      var noop = function() {
      };
      var noarg = function(f) {
        return function() {
          return f();
        };
      };
      var compose = function(fa, fb) {
        return function() {
          var args = [];
          for (var _i = 0; _i < arguments.length; _i++) {
            args[_i] = arguments[_i];
          }
          return fa(fb.apply(null, args));
        };
      };
      var compose1 = function(fbc, fab) {
        return function(a) {
          return fbc(fab(a));
        };
      };
      var constant$1 = function(value2) {
        return function() {
          return value2;
        };
      };
      var identity$1 = function(x) {
        return x;
      };
      var tripleEquals = function(a, b2) {
        return a === b2;
      };
      function curry(fn) {
        var initialArgs = [];
        for (var _i = 1; _i < arguments.length; _i++) {
          initialArgs[_i - 1] = arguments[_i];
        }
        return function() {
          var restArgs = [];
          for (var _i2 = 0; _i2 < arguments.length; _i2++) {
            restArgs[_i2] = arguments[_i2];
          }
          var all2 = initialArgs.concat(restArgs);
          return fn.apply(null, all2);
        };
      }
      var not = function(f) {
        return function(t2) {
          return !f(t2);
        };
      };
      var die = function(msg) {
        return function() {
          throw new Error(msg);
        };
      };
      var never = constant$1(false);
      var always = constant$1(true);
      var global$g = tinymce.util.Tools.resolve("tinymce.ThemeManager");
      var __assign = function() {
        __assign = Object.assign || function __assign2(t2) {
          for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s)
              if (Object.prototype.hasOwnProperty.call(s, p))
                t2[p] = s[p];
          }
          return t2;
        };
        return __assign.apply(this, arguments);
      };
      function __rest(s, e) {
        var t2 = {};
        for (var p in s)
          if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
            t2[p] = s[p];
        if (s != null && typeof Object.getOwnPropertySymbols === "function")
          for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
              t2[p[i]] = s[p[i]];
          }
        return t2;
      }
      function __spreadArray(to2, from2, pack) {
        if (pack || arguments.length === 2)
          for (var i = 0, l2 = from2.length, ar; i < l2; i++) {
            if (ar || !(i in from2)) {
              if (!ar)
                ar = Array.prototype.slice.call(from2, 0, i);
              ar[i] = from2[i];
            }
          }
        return to2.concat(ar || Array.prototype.slice.call(from2));
      }
      var none = function() {
        return NONE;
      };
      var NONE = function() {
        var call = function(thunk2) {
          return thunk2();
        };
        var id = identity$1;
        var me = {
          fold: function(n, _s) {
            return n();
          },
          isSome: never,
          isNone: always,
          getOr: id,
          getOrThunk: call,
          getOrDie: function(msg) {
            throw new Error(msg || "error: getOrDie called on none.");
          },
          getOrNull: constant$1(null),
          getOrUndefined: constant$1(void 0),
          or: id,
          orThunk: call,
          map: none,
          each: noop,
          bind: none,
          exists: never,
          forall: always,
          filter: function() {
            return none();
          },
          toArray: function() {
            return [];
          },
          toString: constant$1("none()")
        };
        return me;
      }();
      var some = function(a) {
        var constant_a = constant$1(a);
        var self2 = function() {
          return me;
        };
        var bind2 = function(f) {
          return f(a);
        };
        var me = {
          fold: function(n, s) {
            return s(a);
          },
          isSome: always,
          isNone: never,
          getOr: constant_a,
          getOrThunk: constant_a,
          getOrDie: constant_a,
          getOrNull: constant_a,
          getOrUndefined: constant_a,
          or: self2,
          orThunk: self2,
          map: function(f) {
            return some(f(a));
          },
          each: function(f) {
            f(a);
          },
          bind: bind2,
          exists: bind2,
          forall: bind2,
          filter: function(f) {
            return f(a) ? me : NONE;
          },
          toArray: function() {
            return [a];
          },
          toString: function() {
            return "some(" + a + ")";
          }
        };
        return me;
      };
      var from$1 = function(value2) {
        return value2 === null || value2 === void 0 ? NONE : some(value2);
      };
      var Optional = {
        some,
        none,
        from: from$1
      };
      var nativeSlice = Array.prototype.slice;
      var nativeIndexOf = Array.prototype.indexOf;
      var nativePush = Array.prototype.push;
      var rawIndexOf = function(ts, t2) {
        return nativeIndexOf.call(ts, t2);
      };
      var indexOf = function(xs, x) {
        var r2 = rawIndexOf(xs, x);
        return r2 === -1 ? Optional.none() : Optional.some(r2);
      };
      var contains$2 = function(xs, x) {
        return rawIndexOf(xs, x) > -1;
      };
      var exists = function(xs, pred) {
        for (var i = 0, len = xs.length; i < len; i++) {
          var x = xs[i];
          if (pred(x, i)) {
            return true;
          }
        }
        return false;
      };
      var range$2 = function(num, f) {
        var r2 = [];
        for (var i = 0; i < num; i++) {
          r2.push(f(i));
        }
        return r2;
      };
      var chunk$1 = function(array, size) {
        var r2 = [];
        for (var i = 0; i < array.length; i += size) {
          var s = nativeSlice.call(array, i, i + size);
          r2.push(s);
        }
        return r2;
      };
      var map$2 = function(xs, f) {
        var len = xs.length;
        var r2 = new Array(len);
        for (var i = 0; i < len; i++) {
          var x = xs[i];
          r2[i] = f(x, i);
        }
        return r2;
      };
      var each$1 = function(xs, f) {
        for (var i = 0, len = xs.length; i < len; i++) {
          var x = xs[i];
          f(x, i);
        }
      };
      var eachr = function(xs, f) {
        for (var i = xs.length - 1; i >= 0; i--) {
          var x = xs[i];
          f(x, i);
        }
      };
      var partition$3 = function(xs, pred) {
        var pass = [];
        var fail = [];
        for (var i = 0, len = xs.length; i < len; i++) {
          var x = xs[i];
          var arr = pred(x, i) ? pass : fail;
          arr.push(x);
        }
        return {
          pass,
          fail
        };
      };
      var filter$2 = function(xs, pred) {
        var r2 = [];
        for (var i = 0, len = xs.length; i < len; i++) {
          var x = xs[i];
          if (pred(x, i)) {
            r2.push(x);
          }
        }
        return r2;
      };
      var foldr = function(xs, f, acc) {
        eachr(xs, function(x, i) {
          acc = f(acc, x, i);
        });
        return acc;
      };
      var foldl = function(xs, f, acc) {
        each$1(xs, function(x, i) {
          acc = f(acc, x, i);
        });
        return acc;
      };
      var findUntil = function(xs, pred, until) {
        for (var i = 0, len = xs.length; i < len; i++) {
          var x = xs[i];
          if (pred(x, i)) {
            return Optional.some(x);
          } else if (until(x, i)) {
            break;
          }
        }
        return Optional.none();
      };
      var find$5 = function(xs, pred) {
        return findUntil(xs, pred, never);
      };
      var findIndex$1 = function(xs, pred) {
        for (var i = 0, len = xs.length; i < len; i++) {
          var x = xs[i];
          if (pred(x, i)) {
            return Optional.some(i);
          }
        }
        return Optional.none();
      };
      var flatten = function(xs) {
        var r2 = [];
        for (var i = 0, len = xs.length; i < len; ++i) {
          if (!isArray(xs[i])) {
            throw new Error("Arr.flatten item " + i + " was not an array, input: " + xs);
          }
          nativePush.apply(r2, xs[i]);
        }
        return r2;
      };
      var bind$3 = function(xs, f) {
        return flatten(map$2(xs, f));
      };
      var forall = function(xs, pred) {
        for (var i = 0, len = xs.length; i < len; ++i) {
          var x = xs[i];
          if (pred(x, i) !== true) {
            return false;
          }
        }
        return true;
      };
      var reverse = function(xs) {
        var r2 = nativeSlice.call(xs, 0);
        r2.reverse();
        return r2;
      };
      var difference = function(a1, a2) {
        return filter$2(a1, function(x) {
          return !contains$2(a2, x);
        });
      };
      var mapToObject = function(xs, f) {
        var r2 = {};
        for (var i = 0, len = xs.length; i < len; i++) {
          var x = xs[i];
          r2[String(x)] = f(x, i);
        }
        return r2;
      };
      var pure$2 = function(x) {
        return [x];
      };
      var sort = function(xs, comparator) {
        var copy = nativeSlice.call(xs, 0);
        copy.sort(comparator);
        return copy;
      };
      var get$f = function(xs, i) {
        return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
      };
      var head = function(xs) {
        return get$f(xs, 0);
      };
      var last$2 = function(xs) {
        return get$f(xs, xs.length - 1);
      };
      var from = isFunction(Array.from) ? Array.from : function(x) {
        return nativeSlice.call(x);
      };
      var findMap = function(arr, f) {
        for (var i = 0; i < arr.length; i++) {
          var r2 = f(arr[i], i);
          if (r2.isSome()) {
            return r2;
          }
        }
        return Optional.none();
      };
      var keys = Object.keys;
      var hasOwnProperty = Object.hasOwnProperty;
      var each = function(obj, f) {
        var props = keys(obj);
        for (var k = 0, len = props.length; k < len; k++) {
          var i = props[k];
          var x = obj[i];
          f(x, i);
        }
      };
      var map$1 = function(obj, f) {
        return tupleMap(obj, function(x, i) {
          return {
            k: i,
            v: f(x, i)
          };
        });
      };
      var tupleMap = function(obj, f) {
        var r2 = {};
        each(obj, function(x, i) {
          var tuple = f(x, i);
          r2[tuple.k] = tuple.v;
        });
        return r2;
      };
      var objAcc = function(r2) {
        return function(x, i) {
          r2[i] = x;
        };
      };
      var internalFilter = function(obj, pred, onTrue, onFalse) {
        var r2 = {};
        each(obj, function(x, i) {
          (pred(x, i) ? onTrue : onFalse)(x, i);
        });
        return r2;
      };
      var filter$1 = function(obj, pred) {
        var t2 = {};
        internalFilter(obj, pred, objAcc(t2), noop);
        return t2;
      };
      var mapToArray = function(obj, f) {
        var r2 = [];
        each(obj, function(value2, name2) {
          r2.push(f(value2, name2));
        });
        return r2;
      };
      var find$4 = function(obj, pred) {
        var props = keys(obj);
        for (var k = 0, len = props.length; k < len; k++) {
          var i = props[k];
          var x = obj[i];
          if (pred(x, i, obj)) {
            return Optional.some(x);
          }
        }
        return Optional.none();
      };
      var values = function(obj) {
        return mapToArray(obj, identity$1);
      };
      var get$e = function(obj, key) {
        return has$2(obj, key) ? Optional.from(obj[key]) : Optional.none();
      };
      var has$2 = function(obj, key) {
        return hasOwnProperty.call(obj, key);
      };
      var hasNonNullableKey = function(obj, key) {
        return has$2(obj, key) && obj[key] !== void 0 && obj[key] !== null;
      };
      var is$1 = function(lhs, rhs, comparator) {
        if (comparator === void 0) {
          comparator = tripleEquals;
        }
        return lhs.exists(function(left2) {
          return comparator(left2, rhs);
        });
      };
      var equals = function(lhs, rhs, comparator) {
        if (comparator === void 0) {
          comparator = tripleEquals;
        }
        return lift2(lhs, rhs, comparator).getOr(lhs.isNone() && rhs.isNone());
      };
      var cat = function(arr) {
        var r2 = [];
        var push = function(x) {
          r2.push(x);
        };
        for (var i = 0; i < arr.length; i++) {
          arr[i].each(push);
        }
        return r2;
      };
      var sequence = function(arr) {
        var r2 = [];
        for (var i = 0; i < arr.length; i++) {
          var x = arr[i];
          if (x.isSome()) {
            r2.push(x.getOrDie());
          } else {
            return Optional.none();
          }
        }
        return Optional.some(r2);
      };
      var lift2 = function(oa, ob, f) {
        return oa.isSome() && ob.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
      };
      var lift3 = function(oa, ob, oc, f) {
        return oa.isSome() && ob.isSome() && oc.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie(), oc.getOrDie())) : Optional.none();
      };
      var mapFrom = function(a, f) {
        return a !== void 0 && a !== null ? Optional.some(f(a)) : Optional.none();
      };
      var someIf = function(b2, a) {
        return b2 ? Optional.some(a) : Optional.none();
      };
      var addToEnd = function(str, suffix2) {
        return str + suffix2;
      };
      var removeFromStart = function(str, numChars) {
        return str.substring(numChars);
      };
      var checkRange = function(str, substr, start) {
        return substr === "" || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
      };
      var removeLeading = function(str, prefix2) {
        return startsWith(str, prefix2) ? removeFromStart(str, prefix2.length) : str;
      };
      var ensureTrailing = function(str, suffix2) {
        return endsWith(str, suffix2) ? str : addToEnd(str, suffix2);
      };
      var contains$1 = function(str, substr) {
        return str.indexOf(substr) !== -1;
      };
      var startsWith = function(str, prefix2) {
        return checkRange(str, prefix2, 0);
      };
      var endsWith = function(str, suffix2) {
        return checkRange(str, suffix2, str.length - suffix2.length);
      };
      var blank = function(r2) {
        return function(s) {
          return s.replace(r2, "");
        };
      };
      var trim$1 = blank(/^\s+|\s+$/g);
      var isNotEmpty = function(s) {
        return s.length > 0;
      };
      var isEmpty = function(s) {
        return !isNotEmpty(s);
      };
      var isSupported$1 = function(dom2) {
        return dom2.style !== void 0 && isFunction(dom2.style.getPropertyValue);
      };
      var fromHtml$2 = function(html, scope) {
        var doc = scope || document;
        var div = doc.createElement("div");
        div.innerHTML = html;
        if (!div.hasChildNodes() || div.childNodes.length > 1) {
          console.error("HTML does not have a single root node", html);
          throw new Error("HTML must have a single root node");
        }
        return fromDom(div.childNodes[0]);
      };
      var fromTag = function(tag, scope) {
        var doc = scope || document;
        var node = doc.createElement(tag);
        return fromDom(node);
      };
      var fromText = function(text2, scope) {
        var doc = scope || document;
        var node = doc.createTextNode(text2);
        return fromDom(node);
      };
      var fromDom = function(node) {
        if (node === null || node === void 0) {
          throw new Error("Node cannot be null or undefined");
        }
        return { dom: node };
      };
      var fromPoint = function(docElm, x, y) {
        return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
      };
      var SugarElement = {
        fromHtml: fromHtml$2,
        fromTag,
        fromText,
        fromDom,
        fromPoint
      };
      typeof window !== "undefined" ? window : Function("return this;")();
      var DOCUMENT = 9;
      var DOCUMENT_FRAGMENT = 11;
      var ELEMENT = 1;
      var TEXT = 3;
      var name$2 = function(element2) {
        var r2 = element2.dom.nodeName;
        return r2.toLowerCase();
      };
      var type = function(element2) {
        return element2.dom.nodeType;
      };
      var isType = function(t2) {
        return function(element2) {
          return type(element2) === t2;
        };
      };
      var isElement$2 = isType(ELEMENT);
      var isText$1 = isType(TEXT);
      var isDocument = isType(DOCUMENT);
      var isDocumentFragment = isType(DOCUMENT_FRAGMENT);
      var cached = function(f) {
        var called = false;
        var r2;
        return function() {
          var args = [];
          for (var _i = 0; _i < arguments.length; _i++) {
            args[_i] = arguments[_i];
          }
          if (!called) {
            called = true;
            r2 = f.apply(null, args);
          }
          return r2;
        };
      };
      var DeviceType = function(os, browser, userAgent, mediaMatch2) {
        var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
        var isiPhone = os.isiOS() && !isiPad;
        var isMobile = os.isiOS() || os.isAndroid();
        var isTouch2 = isMobile || mediaMatch2("(pointer:coarse)");
        var isTablet = isiPad || !isiPhone && isMobile && mediaMatch2("(min-device-width:768px)");
        var isPhone = isiPhone || isMobile && !isTablet;
        var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
        var isDesktop = !isPhone && !isTablet && !iOSwebview;
        return {
          isiPad: constant$1(isiPad),
          isiPhone: constant$1(isiPhone),
          isTablet: constant$1(isTablet),
          isPhone: constant$1(isPhone),
          isTouch: constant$1(isTouch2),
          isAndroid: os.isAndroid,
          isiOS: os.isiOS,
          isWebView: constant$1(iOSwebview),
          isDesktop: constant$1(isDesktop)
        };
      };
      var firstMatch = function(regexes, s) {
        for (var i = 0; i < regexes.length; i++) {
          var x = regexes[i];
          if (x.test(s)) {
            return x;
          }
        }
        return void 0;
      };
      var find$3 = function(regexes, agent) {
        var r2 = firstMatch(regexes, agent);
        if (!r2) {
          return {
            major: 0,
            minor: 0
          };
        }
        var group2 = function(i) {
          return Number(agent.replace(r2, "$" + i));
        };
        return nu$d(group2(1), group2(2));
      };
      var detect$4 = function(versionRegexes, agent) {
        var cleanedAgent = String(agent).toLowerCase();
        if (versionRegexes.length === 0) {
          return unknown$3();
        }
        return find$3(versionRegexes, cleanedAgent);
      };
      var unknown$3 = function() {
        return nu$d(0, 0);
      };
      var nu$d = function(major, minor) {
        return {
          major,
          minor
        };
      };
      var Version = {
        nu: nu$d,
        detect: detect$4,
        unknown: unknown$3
      };
      var detectBrowser$1 = function(browsers2, userAgentData) {
        return findMap(userAgentData.brands, function(uaBrand) {
          var lcBrand = uaBrand.brand.toLowerCase();
          return find$5(browsers2, function(browser) {
            var _a2;
            return lcBrand === ((_a2 = browser.brand) === null || _a2 === void 0 ? void 0 : _a2.toLowerCase());
          }).map(function(info) {
            return {
              current: info.name,
              version: Version.nu(parseInt(uaBrand.version, 10), 0)
            };
          });
        });
      };
      var detect$3 = function(candidates, userAgent) {
        var agent = String(userAgent).toLowerCase();
        return find$5(candidates, function(candidate) {
          return candidate.search(agent);
        });
      };
      var detectBrowser = function(browsers2, userAgent) {
        return detect$3(browsers2, userAgent).map(function(browser) {
          var version = Version.detect(browser.versionRegexes, userAgent);
          return {
            current: browser.name,
            version
          };
        });
      };
      var detectOs = function(oses2, userAgent) {
        return detect$3(oses2, userAgent).map(function(os) {
          var version = Version.detect(os.versionRegexes, userAgent);
          return {
            current: os.name,
            version
          };
        });
      };
      var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
      var checkContains = function(target) {
        return function(uastring) {
          return contains$1(uastring, target);
        };
      };
      var browsers = [
        {
          name: "Edge",
          versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
          search: function(uastring) {
            return contains$1(uastring, "edge/") && contains$1(uastring, "chrome") && contains$1(uastring, "safari") && contains$1(uastring, "applewebkit");
          }
        },
        {
          name: "Chrome",
          brand: "Chromium",
          versionRegexes: [
            /.*?chrome\/([0-9]+)\.([0-9]+).*/,
            normalVersionRegex
          ],
          search: function(uastring) {
            return contains$1(uastring, "chrome") && !contains$1(uastring, "chromeframe");
          }
        },
        {
          name: "IE",
          versionRegexes: [
            /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
            /.*?rv:([0-9]+)\.([0-9]+).*/
          ],
          search: function(uastring) {
            return contains$1(uastring, "msie") || contains$1(uastring, "trident");
          }
        },
        {
          name: "Opera",
          versionRegexes: [
            normalVersionRegex,
            /.*?opera\/([0-9]+)\.([0-9]+).*/
          ],
          search: checkContains("opera")
        },
        {
          name: "Firefox",
          versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
          search: checkContains("firefox")
        },
        {
          name: "Safari",
          versionRegexes: [
            normalVersionRegex,
            /.*?cpu os ([0-9]+)_([0-9]+).*/
          ],
          search: function(uastring) {
            return (contains$1(uastring, "safari") || contains$1(uastring, "mobile/")) && contains$1(uastring, "applewebkit");
          }
        }
      ];
      var oses = [
        {
          name: "Windows",
          search: checkContains("win"),
          versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
        },
        {
          name: "iOS",
          search: function(uastring) {
            return contains$1(uastring, "iphone") || contains$1(uastring, "ipad");
          },
          versionRegexes: [
            /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
            /.*cpu os ([0-9]+)_([0-9]+).*/,
            /.*cpu iphone os ([0-9]+)_([0-9]+).*/
          ]
        },
        {
          name: "Android",
          search: checkContains("android"),
          versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
        },
        {
          name: "OSX",
          search: checkContains("mac os x"),
          versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
        },
        {
          name: "Linux",
          search: checkContains("linux"),
          versionRegexes: []
        },
        {
          name: "Solaris",
          search: checkContains("sunos"),
          versionRegexes: []
        },
        {
          name: "FreeBSD",
          search: checkContains("freebsd"),
          versionRegexes: []
        },
        {
          name: "ChromeOS",
          search: checkContains("cros"),
          versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
        }
      ];
      var PlatformInfo = {
        browsers: constant$1(browsers),
        oses: constant$1(oses)
      };
      var edge = "Edge";
      var chrome = "Chrome";
      var ie = "IE";
      var opera = "Opera";
      var firefox = "Firefox";
      var safari = "Safari";
      var unknown$2 = function() {
        return nu$c({
          current: void 0,
          version: Version.unknown()
        });
      };
      var nu$c = function(info) {
        var current = info.current;
        var version = info.version;
        var isBrowser = function(name2) {
          return function() {
            return current === name2;
          };
        };
        return {
          current,
          version,
          isEdge: isBrowser(edge),
          isChrome: isBrowser(chrome),
          isIE: isBrowser(ie),
          isOpera: isBrowser(opera),
          isFirefox: isBrowser(firefox),
          isSafari: isBrowser(safari)
        };
      };
      var Browser = {
        unknown: unknown$2,
        nu: nu$c,
        edge: constant$1(edge),
        chrome: constant$1(chrome),
        ie: constant$1(ie),
        opera: constant$1(opera),
        firefox: constant$1(firefox),
        safari: constant$1(safari)
      };
      var windows = "Windows";
      var ios = "iOS";
      var android = "Android";
      var linux = "Linux";
      var osx = "OSX";
      var solaris = "Solaris";
      var freebsd = "FreeBSD";
      var chromeos = "ChromeOS";
      var unknown$1 = function() {
        return nu$b({
          current: void 0,
          version: Version.unknown()
        });
      };
      var nu$b = function(info) {
        var current = info.current;
        var version = info.version;
        var isOS = function(name2) {
          return function() {
            return current === name2;
          };
        };
        return {
          current,
          version,
          isWindows: isOS(windows),
          isiOS: isOS(ios),
          isAndroid: isOS(android),
          isOSX: isOS(osx),
          isLinux: isOS(linux),
          isSolaris: isOS(solaris),
          isFreeBSD: isOS(freebsd),
          isChromeOS: isOS(chromeos)
        };
      };
      var OperatingSystem = {
        unknown: unknown$1,
        nu: nu$b,
        windows: constant$1(windows),
        ios: constant$1(ios),
        android: constant$1(android),
        linux: constant$1(linux),
        osx: constant$1(osx),
        solaris: constant$1(solaris),
        freebsd: constant$1(freebsd),
        chromeos: constant$1(chromeos)
      };
      var detect$2 = function(userAgent, userAgentDataOpt, mediaMatch2) {
        var browsers2 = PlatformInfo.browsers();
        var oses2 = PlatformInfo.oses();
        var browser = userAgentDataOpt.bind(function(userAgentData) {
          return detectBrowser$1(browsers2, userAgentData);
        }).orThunk(function() {
          return detectBrowser(browsers2, userAgent);
        }).fold(Browser.unknown, Browser.nu);
        var os = detectOs(oses2, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
        var deviceType = DeviceType(os, browser, userAgent, mediaMatch2);
        return {
          browser,
          os,
          deviceType
        };
      };
      var PlatformDetection = { detect: detect$2 };
      var mediaMatch = function(query2) {
        return window.matchMedia(query2).matches;
      };
      var platform = cached(function() {
        return PlatformDetection.detect(navigator.userAgent, Optional.from(navigator.userAgentData), mediaMatch);
      });
      var detect$1 = function() {
        return platform();
      };
      var compareDocumentPosition = function(a, b2, match) {
        return (a.compareDocumentPosition(b2) & match) !== 0;
      };
      var documentPositionContainedBy = function(a, b2) {
        return compareDocumentPosition(a, b2, Node.DOCUMENT_POSITION_CONTAINED_BY);
      };
      var is = function(element2, selector) {
        var dom2 = element2.dom;
        if (dom2.nodeType !== ELEMENT) {
          return false;
        } else {
          var elem = dom2;
          if (elem.matches !== void 0) {
            return elem.matches(selector);
          } else if (elem.msMatchesSelector !== void 0) {
            return elem.msMatchesSelector(selector);
          } else if (elem.webkitMatchesSelector !== void 0) {
            return elem.webkitMatchesSelector(selector);
          } else if (elem.mozMatchesSelector !== void 0) {
            return elem.mozMatchesSelector(selector);
          } else {
            throw new Error("Browser lacks native selectors");
          }
        }
      };
      var bypassSelector = function(dom2) {
        return dom2.nodeType !== ELEMENT && dom2.nodeType !== DOCUMENT && dom2.nodeType !== DOCUMENT_FRAGMENT || dom2.childElementCount === 0;
      };
      var all$3 = function(selector, scope) {
        var base2 = scope === void 0 ? document : scope.dom;
        return bypassSelector(base2) ? [] : map$2(base2.querySelectorAll(selector), SugarElement.fromDom);
      };
      var one = function(selector, scope) {
        var base2 = scope === void 0 ? document : scope.dom;
        return bypassSelector(base2) ? Optional.none() : Optional.from(base2.querySelector(selector)).map(SugarElement.fromDom);
      };
      var eq = function(e1, e2) {
        return e1.dom === e2.dom;
      };
      var regularContains = function(e1, e2) {
        var d1 = e1.dom;
        var d2 = e2.dom;
        return d1 === d2 ? false : d1.contains(d2);
      };
      var ieContains = function(e1, e2) {
        return documentPositionContainedBy(e1.dom, e2.dom);
      };
      var contains = function(e1, e2) {
        return detect$1().browser.isIE() ? ieContains(e1, e2) : regularContains(e1, e2);
      };
      var owner$4 = function(element2) {
        return SugarElement.fromDom(element2.dom.ownerDocument);
      };
      var documentOrOwner = function(dos) {
        return isDocument(dos) ? dos : owner$4(dos);
      };
      var documentElement = function(element2) {
        return SugarElement.fromDom(documentOrOwner(element2).dom.documentElement);
      };
      var defaultView = function(element2) {
        return SugarElement.fromDom(documentOrOwner(element2).dom.defaultView);
      };
      var parent = function(element2) {
        return Optional.from(element2.dom.parentNode).map(SugarElement.fromDom);
      };
      var parentNode = function(element2) {
        return parent(element2);
      };
      var offsetParent = function(element2) {
        return Optional.from(element2.dom.offsetParent).map(SugarElement.fromDom);
      };
      var nextSibling = function(element2) {
        return Optional.from(element2.dom.nextSibling).map(SugarElement.fromDom);
      };
      var children = function(element2) {
        return map$2(element2.dom.childNodes, SugarElement.fromDom);
      };
      var child$2 = function(element2, index) {
        var cs = element2.dom.childNodes;
        return Optional.from(cs[index]).map(SugarElement.fromDom);
      };
      var firstChild = function(element2) {
        return child$2(element2, 0);
      };
      var spot = function(element2, offset2) {
        return {
          element: element2,
          offset: offset2
        };
      };
      var leaf = function(element2, offset2) {
        var cs = children(element2);
        return cs.length > 0 && offset2 < cs.length ? spot(cs[offset2], 0) : spot(element2, offset2);
      };
      var isShadowRoot = function(dos) {
        return isDocumentFragment(dos) && isNonNullable(dos.dom.host);
      };
      var supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
      var isSupported = constant$1(supported);
      var getRootNode = supported ? function(e) {
        return SugarElement.fromDom(e.dom.getRootNode());
      } : documentOrOwner;
      var getContentContainer = function(dos) {
        return isShadowRoot(dos) ? dos : SugarElement.fromDom(documentOrOwner(dos).dom.body);
      };
      var isInShadowRoot = function(e) {
        return getShadowRoot(e).isSome();
      };
      var getShadowRoot = function(e) {
        var r2 = getRootNode(e);
        return isShadowRoot(r2) ? Optional.some(r2) : Optional.none();
      };
      var getShadowHost = function(e) {
        return SugarElement.fromDom(e.dom.host);
      };
      var getOriginalEventTarget = function(event) {
        if (isSupported() && isNonNullable(event.target)) {
          var el = SugarElement.fromDom(event.target);
          if (isElement$2(el) && isOpenShadowHost(el)) {
            if (event.composed && event.composedPath) {
              var composedPath = event.composedPath();
              if (composedPath) {
                return head(composedPath);
              }
            }
          }
        }
        return Optional.from(event.target);
      };
      var isOpenShadowHost = function(element2) {
        return isNonNullable(element2.dom.shadowRoot);
      };
      var inBody = function(element2) {
        var dom2 = isText$1(element2) ? element2.dom.parentNode : element2.dom;
        if (dom2 === void 0 || dom2 === null || dom2.ownerDocument === null) {
          return false;
        }
        var doc = dom2.ownerDocument;
        return getShadowRoot(SugarElement.fromDom(dom2)).fold(function() {
          return doc.body.contains(dom2);
        }, compose1(inBody, getShadowHost));
      };
      var body = function() {
        return getBody(SugarElement.fromDom(document));
      };
      var getBody = function(doc) {
        var b2 = doc.dom.body;
        if (b2 === null || b2 === void 0) {
          throw new Error("Body is not available yet");
        }
        return SugarElement.fromDom(b2);
      };
      var rawSet = function(dom2, key, value2) {
        if (isString(value2) || isBoolean(value2) || isNumber(value2)) {
          dom2.setAttribute(key, value2 + "");
        } else {
          console.error("Invalid call to Attribute.set. Key ", key, ":: Value ", value2, ":: Element ", dom2);
          throw new Error("Attribute value was not simple");
        }
      };
      var set$8 = function(element2, key, value2) {
        rawSet(element2.dom, key, value2);
      };
      var setAll$1 = function(element2, attrs) {
        var dom2 = element2.dom;
        each(attrs, function(v, k) {
          rawSet(dom2, k, v);
        });
      };
      var get$d = function(element2, key) {
        var v = element2.dom.getAttribute(key);
        return v === null ? void 0 : v;
      };
      var getOpt = function(element2, key) {
        return Optional.from(get$d(element2, key));
      };
      var has$1 = function(element2, key) {
        var dom2 = element2.dom;
        return dom2 && dom2.hasAttribute ? dom2.hasAttribute(key) : false;
      };
      var remove$7 = function(element2, key) {
        element2.dom.removeAttribute(key);
      };
      var internalSet = function(dom2, property, value2) {
        if (!isString(value2)) {
          console.error("Invalid call to CSS.set. Property ", property, ":: Value ", value2, ":: Element ", dom2);
          throw new Error("CSS value must be a string: " + value2);
        }
        if (isSupported$1(dom2)) {
          dom2.style.setProperty(property, value2);
        }
      };
      var internalRemove = function(dom2, property) {
        if (isSupported$1(dom2)) {
          dom2.style.removeProperty(property);
        }
      };
      var set$7 = function(element2, property, value2) {
        var dom2 = element2.dom;
        internalSet(dom2, property, value2);
      };
      var setAll = function(element2, css) {
        var dom2 = element2.dom;
        each(css, function(v, k) {
          internalSet(dom2, k, v);
        });
      };
      var setOptions = function(element2, css) {
        var dom2 = element2.dom;
        each(css, function(v, k) {
          v.fold(function() {
            internalRemove(dom2, k);
          }, function(value2) {
            internalSet(dom2, k, value2);
          });
        });
      };
      var get$c = function(element2, property) {
        var dom2 = element2.dom;
        var styles = window.getComputedStyle(dom2);
        var r2 = styles.getPropertyValue(property);
        return r2 === "" && !inBody(element2) ? getUnsafeProperty(dom2, property) : r2;
      };
      var getUnsafeProperty = function(dom2, property) {
        return isSupported$1(dom2) ? dom2.style.getPropertyValue(property) : "";
      };
      var getRaw = function(element2, property) {
        var dom2 = element2.dom;
        var raw = getUnsafeProperty(dom2, property);
        return Optional.from(raw).filter(function(r2) {
          return r2.length > 0;
        });
      };
      var getAllRaw = function(element2) {
        var css = {};
        var dom2 = element2.dom;
        if (isSupported$1(dom2)) {
          for (var i = 0; i < dom2.style.length; i++) {
            var ruleName = dom2.style.item(i);
            css[ruleName] = dom2.style[ruleName];
          }
        }
        return css;
      };
      var isValidValue = function(tag, property, value2) {
        var element2 = SugarElement.fromTag(tag);
        set$7(element2, property, value2);
        var style = getRaw(element2, property);
        return style.isSome();
      };
      var remove$6 = function(element2, property) {
        var dom2 = element2.dom;
        internalRemove(dom2, property);
        if (is$1(getOpt(element2, "style").map(trim$1), "")) {
          remove$7(element2, "style");
        }
      };
      var reflow = function(e) {
        return e.dom.offsetWidth;
      };
      var Dimension = function(name2, getOffset2) {
        var set2 = function(element2, h) {
          if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
            throw new Error(name2 + ".set accepts only positive integer values. Value was " + h);
          }
          var dom2 = element2.dom;
          if (isSupported$1(dom2)) {
            dom2.style[name2] = h + "px";
          }
        };
        var get2 = function(element2) {
          var r2 = getOffset2(element2);
          if (r2 <= 0 || r2 === null) {
            var css = get$c(element2, name2);
            return parseFloat(css) || 0;
          }
          return r2;
        };
        var getOuter2 = get2;
        var aggregate = function(element2, properties2) {
          return foldl(properties2, function(acc, property) {
            var val = get$c(element2, property);
            var value2 = val === void 0 ? 0 : parseInt(val, 10);
            return isNaN(value2) ? acc : acc + value2;
          }, 0);
        };
        var max2 = function(element2, value2, properties2) {
          var cumulativeInclusions = aggregate(element2, properties2);
          var absoluteMax = value2 > cumulativeInclusions ? value2 - cumulativeInclusions : 0;
          return absoluteMax;
        };
        return {
          set: set2,
          get: get2,
          getOuter: getOuter2,
          aggregate,
          max: max2
        };
      };
      var api$3 = Dimension("height", function(element2) {
        var dom2 = element2.dom;
        return inBody(element2) ? dom2.getBoundingClientRect().height : dom2.offsetHeight;
      });
      var get$b = function(element2) {
        return api$3.get(element2);
      };
      var getOuter$2 = function(element2) {
        return api$3.getOuter(element2);
      };
      var setMax$1 = function(element2, value2) {
        var inclusions = [
          "margin-top",
          "border-top-width",
          "padding-top",
          "padding-bottom",
          "border-bottom-width",
          "margin-bottom"
        ];
        var absMax = api$3.max(element2, value2, inclusions);
        set$7(element2, "max-height", absMax + "px");
      };
      var r$1 = function(left2, top2) {
        var translate2 = function(x, y) {
          return r$1(left2 + x, top2 + y);
        };
        return {
          left: left2,
          top: top2,
          translate: translate2
        };
      };
      var SugarPosition = r$1;
      var boxPosition = function(dom2) {
        var box2 = dom2.getBoundingClientRect();
        return SugarPosition(box2.left, box2.top);
      };
      var firstDefinedOrZero = function(a, b2) {
        if (a !== void 0) {
          return a;
        } else {
          return b2 !== void 0 ? b2 : 0;
        }
      };
      var absolute$3 = function(element2) {
        var doc = element2.dom.ownerDocument;
        var body2 = doc.body;
        var win2 = doc.defaultView;
        var html = doc.documentElement;
        if (body2 === element2.dom) {
          return SugarPosition(body2.offsetLeft, body2.offsetTop);
        }
        var scrollTop = firstDefinedOrZero(win2 === null || win2 === void 0 ? void 0 : win2.pageYOffset, html.scrollTop);
        var scrollLeft = firstDefinedOrZero(win2 === null || win2 === void 0 ? void 0 : win2.pageXOffset, html.scrollLeft);
        var clientTop = firstDefinedOrZero(html.clientTop, body2.clientTop);
        var clientLeft = firstDefinedOrZero(html.clientLeft, body2.clientLeft);
        return viewport$1(element2).translate(scrollLeft - clientLeft, scrollTop - clientTop);
      };
      var viewport$1 = function(element2) {
        var dom2 = element2.dom;
        var doc = dom2.ownerDocument;
        var body2 = doc.body;
        if (body2 === dom2) {
          return SugarPosition(body2.offsetLeft, body2.offsetTop);
        }
        if (!inBody(element2)) {
          return SugarPosition(0, 0);
        }
        return boxPosition(dom2);
      };
      var api$2 = Dimension("width", function(element2) {
        return element2.dom.offsetWidth;
      });
      var set$6 = function(element2, h) {
        return api$2.set(element2, h);
      };
      var get$a = function(element2) {
        return api$2.get(element2);
      };
      var getOuter$1 = function(element2) {
        return api$2.getOuter(element2);
      };
      var setMax = function(element2, value2) {
        var inclusions = [
          "margin-left",
          "border-left-width",
          "padding-left",
          "padding-right",
          "border-right-width",
          "margin-right"
        ];
        var absMax = api$2.max(element2, value2, inclusions);
        set$7(element2, "max-width", absMax + "px");
      };
      var mkEvent = function(target, x, y, stop2, prevent, kill, raw) {
        return {
          target,
          x,
          y,
          stop: stop2,
          prevent,
          kill,
          raw
        };
      };
      var fromRawEvent$1 = function(rawEvent) {
        var target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
        var stop2 = function() {
          return rawEvent.stopPropagation();
        };
        var prevent = function() {
          return rawEvent.preventDefault();
        };
        var kill = compose(prevent, stop2);
        return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop2, prevent, kill, rawEvent);
      };
      var handle = function(filter2, handler) {
        return function(rawEvent) {
          if (filter2(rawEvent)) {
            handler(fromRawEvent$1(rawEvent));
          }
        };
      };
      var binder = function(element2, event, filter2, handler, useCapture) {
        var wrapped = handle(filter2, handler);
        element2.dom.addEventListener(event, wrapped, useCapture);
        return { unbind: curry(unbind, element2, event, wrapped, useCapture) };
      };
      var bind$2 = function(element2, event, filter2, handler) {
        return binder(element2, event, filter2, handler, false);
      };
      var capture$1 = function(element2, event, filter2, handler) {
        return binder(element2, event, filter2, handler, true);
      };
      var unbind = function(element2, event, handler, useCapture) {
        element2.dom.removeEventListener(event, handler, useCapture);
      };
      var before$2 = function(marker, element2) {
        var parent$1 = parent(marker);
        parent$1.each(function(v) {
          v.dom.insertBefore(element2.dom, marker.dom);
        });
      };
      var after$2 = function(marker, element2) {
        var sibling = nextSibling(marker);
        sibling.fold(function() {
          var parent$1 = parent(marker);
          parent$1.each(function(v) {
            append$2(v, element2);
          });
        }, function(v) {
          before$2(v, element2);
        });
      };
      var prepend$1 = function(parent2, element2) {
        var firstChild$1 = firstChild(parent2);
        firstChild$1.fold(function() {
          append$2(parent2, element2);
        }, function(v) {
          parent2.dom.insertBefore(element2.dom, v.dom);
        });
      };
      var append$2 = function(parent2, element2) {
        parent2.dom.appendChild(element2.dom);
      };
      var appendAt = function(parent2, element2, index) {
        child$2(parent2, index).fold(function() {
          append$2(parent2, element2);
        }, function(v) {
          before$2(v, element2);
        });
      };
      var before$1 = function(marker, elements) {
        each$1(elements, function(x) {
          before$2(marker, x);
        });
      };
      var append$1 = function(parent2, elements) {
        each$1(elements, function(x) {
          append$2(parent2, x);
        });
      };
      var empty = function(element2) {
        element2.dom.textContent = "";
        each$1(children(element2), function(rogue) {
          remove$5(rogue);
        });
      };
      var remove$5 = function(element2) {
        var dom2 = element2.dom;
        if (dom2.parentNode !== null) {
          dom2.parentNode.removeChild(dom2);
        }
      };
      var unwrap = function(wrapper) {
        var children$1 = children(wrapper);
        if (children$1.length > 0) {
          before$1(wrapper, children$1);
        }
        remove$5(wrapper);
      };
      var get$9 = function(_DOC) {
        var doc = _DOC !== void 0 ? _DOC.dom : document;
        var x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
        var y = doc.body.scrollTop || doc.documentElement.scrollTop;
        return SugarPosition(x, y);
      };
      var to = function(x, y, _DOC) {
        var doc = _DOC !== void 0 ? _DOC.dom : document;
        var win2 = doc.defaultView;
        if (win2) {
          win2.scrollTo(x, y);
        }
      };
      var get$8 = function(_win) {
        var win2 = _win === void 0 ? window : _win;
        if (detect$1().browser.isFirefox()) {
          return Optional.none();
        } else {
          return Optional.from(win2["visualViewport"]);
        }
      };
      var bounds$1 = function(x, y, width2, height2) {
        return {
          x,
          y,
          width: width2,
          height: height2,
          right: x + width2,
          bottom: y + height2
        };
      };
      var getBounds$3 = function(_win) {
        var win2 = _win === void 0 ? window : _win;
        var doc = win2.document;
        var scroll = get$9(SugarElement.fromDom(doc));
        return get$8(win2).fold(function() {
          var html = win2.document.documentElement;
          var width2 = html.clientWidth;
          var height2 = html.clientHeight;
          return bounds$1(scroll.left, scroll.top, width2, height2);
        }, function(visualViewport) {
          return bounds$1(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height);
        });
      };
      var walkUp = function(navigation, doc) {
        var frame = navigation.view(doc);
        return frame.fold(constant$1([]), function(f) {
          var parent2 = navigation.owner(f);
          var rest = walkUp(navigation, parent2);
          return [f].concat(rest);
        });
      };
      var pathTo = function(element2, navigation) {
        var d = navigation.owner(element2);
        var paths = walkUp(navigation, d);
        return Optional.some(paths);
      };
      var view = function(doc) {
        var _a2;
        var element2 = doc.dom === document ? Optional.none() : Optional.from((_a2 = doc.dom.defaultView) === null || _a2 === void 0 ? void 0 : _a2.frameElement);
        return element2.map(SugarElement.fromDom);
      };
      var owner$3 = function(element2) {
        return owner$4(element2);
      };
      var Navigation = Object.freeze({
        __proto__: null,
        view,
        owner: owner$3
      });
      var find$2 = function(element2) {
        var doc = SugarElement.fromDom(document);
        var scroll = get$9(doc);
        var path2 = pathTo(element2, Navigation);
        return path2.fold(curry(absolute$3, element2), function(frames) {
          var offset2 = viewport$1(element2);
          var r2 = foldr(frames, function(b2, a) {
            var loc = viewport$1(a);
            return {
              left: b2.left + loc.left,
              top: b2.top + loc.top
            };
          }, {
            left: 0,
            top: 0
          });
          return SugarPosition(r2.left + offset2.left + scroll.left, r2.top + offset2.top + scroll.top);
        });
      };
      var pointed = function(point2, width2, height2) {
        return {
          point: point2,
          width: width2,
          height: height2
        };
      };
      var rect = function(x, y, width2, height2) {
        return {
          x,
          y,
          width: width2,
          height: height2
        };
      };
      var bounds = function(x, y, width2, height2) {
        return {
          x,
          y,
          width: width2,
          height: height2,
          right: x + width2,
          bottom: y + height2
        };
      };
      var box$1 = function(element2) {
        var xy = absolute$3(element2);
        var w = getOuter$1(element2);
        var h = getOuter$2(element2);
        return bounds(xy.left, xy.top, w, h);
      };
      var absolute$2 = function(element2) {
        var position2 = find$2(element2);
        var width2 = getOuter$1(element2);
        var height2 = getOuter$2(element2);
        return bounds(position2.left, position2.top, width2, height2);
      };
      var win = function() {
        return getBounds$3(window);
      };
      var value$3 = function(o) {
        var or = function(_opt) {
          return value$3(o);
        };
        var orThunk = function(_f) {
          return value$3(o);
        };
        var map2 = function(f) {
          return value$3(f(o));
        };
        var mapError2 = function(_f) {
          return value$3(o);
        };
        var each2 = function(f) {
          f(o);
        };
        var bind2 = function(f) {
          return f(o);
        };
        var fold2 = function(_, onValue) {
          return onValue(o);
        };
        var exists2 = function(f) {
          return f(o);
        };
        var forall2 = function(f) {
          return f(o);
        };
        var toOptional = function() {
          return Optional.some(o);
        };
        return {
          isValue: always,
          isError: never,
          getOr: constant$1(o),
          getOrThunk: constant$1(o),
          getOrDie: constant$1(o),
          or,
          orThunk,
          fold: fold2,
          map: map2,
          mapError: mapError2,
          each: each2,
          bind: bind2,
          exists: exists2,
          forall: forall2,
          toOptional
        };
      };
      var error$1 = function(message) {
        var getOrThunk = function(f) {
          return f();
        };
        var getOrDie2 = function() {
          return die(String(message))();
        };
        var or = identity$1;
        var orThunk = function(f) {
          return f();
        };
        var map2 = function(_f) {
          return error$1(message);
        };
        var mapError2 = function(f) {
          return error$1(f(message));
        };
        var bind2 = function(_f) {
          return error$1(message);
        };
        var fold2 = function(onError, _) {
          return onError(message);
        };
        return {
          isValue: never,
          isError: always,
          getOr: identity$1,
          getOrThunk,
          getOrDie: getOrDie2,
          or,
          orThunk,
          fold: fold2,
          map: map2,
          mapError: mapError2,
          each: noop,
          bind: bind2,
          exists: never,
          forall: always,
          toOptional: Optional.none
        };
      };
      var fromOption = function(opt, err) {
        return opt.fold(function() {
          return error$1(err);
        }, value$3);
      };
      var Result = {
        value: value$3,
        error: error$1,
        fromOption
      };
      var SimpleResultType;
      (function(SimpleResultType2) {
        SimpleResultType2[SimpleResultType2["Error"] = 0] = "Error";
        SimpleResultType2[SimpleResultType2["Value"] = 1] = "Value";
      })(SimpleResultType || (SimpleResultType = {}));
      var fold$1 = function(res, onError, onValue) {
        return res.stype === SimpleResultType.Error ? onError(res.serror) : onValue(res.svalue);
      };
      var partition$2 = function(results) {
        var values2 = [];
        var errors = [];
        each$1(results, function(obj) {
          fold$1(obj, function(err) {
            return errors.push(err);
          }, function(val) {
            return values2.push(val);
          });
        });
        return {
          values: values2,
          errors
        };
      };
      var mapError = function(res, f) {
        if (res.stype === SimpleResultType.Error) {
          return {
            stype: SimpleResultType.Error,
            serror: f(res.serror)
          };
        } else {
          return res;
        }
      };
      var map = function(res, f) {
        if (res.stype === SimpleResultType.Value) {
          return {
            stype: SimpleResultType.Value,
            svalue: f(res.svalue)
          };
        } else {
          return res;
        }
      };
      var bind$1 = function(res, f) {
        if (res.stype === SimpleResultType.Value) {
          return f(res.svalue);
        } else {
          return res;
        }
      };
      var bindError = function(res, f) {
        if (res.stype === SimpleResultType.Error) {
          return f(res.serror);
        } else {
          return res;
        }
      };
      var svalue = function(v) {
        return {
          stype: SimpleResultType.Value,
          svalue: v
        };
      };
      var serror = function(e) {
        return {
          stype: SimpleResultType.Error,
          serror: e
        };
      };
      var toResult$1 = function(res) {
        return fold$1(res, Result.error, Result.value);
      };
      var fromResult$1 = function(res) {
        return res.fold(serror, svalue);
      };
      var SimpleResult = {
        fromResult: fromResult$1,
        toResult: toResult$1,
        svalue,
        partition: partition$2,
        serror,
        bind: bind$1,
        bindError,
        map,
        mapError,
        fold: fold$1
      };
      var field$2 = function(key, newKey, presence, prop) {
        return {
          tag: "field",
          key,
          newKey,
          presence,
          prop
        };
      };
      var customField$1 = function(newKey, instantiator) {
        return {
          tag: "custom",
          newKey,
          instantiator
        };
      };
      var fold = function(value2, ifField, ifCustom) {
        switch (value2.tag) {
          case "field":
            return ifField(value2.key, value2.newKey, value2.presence, value2.prop);
          case "custom":
            return ifCustom(value2.newKey, value2.instantiator);
        }
      };
      var shallow$1 = function(old, nu2) {
        return nu2;
      };
      var deep = function(old, nu2) {
        var bothObjects = isObject(old) && isObject(nu2);
        return bothObjects ? deepMerge(old, nu2) : nu2;
      };
      var baseMerge = function(merger) {
        return function() {
          var objects = [];
          for (var _i = 0; _i < arguments.length; _i++) {
            objects[_i] = arguments[_i];
          }
          if (objects.length === 0) {
            throw new Error("Can't merge zero objects");
          }
          var ret = {};
          for (var j = 0; j < objects.length; j++) {
            var curObject = objects[j];
            for (var key in curObject) {
              if (has$2(curObject, key)) {
                ret[key] = merger(ret[key], curObject[key]);
              }
            }
          }
          return ret;
        };
      };
      var deepMerge = baseMerge(deep);
      var merge$1 = baseMerge(shallow$1);
      var required$2 = function() {
        return {
          tag: "required",
          process: {}
        };
      };
      var defaultedThunk = function(fallbackThunk) {
        return {
          tag: "defaultedThunk",
          process: fallbackThunk
        };
      };
      var defaulted$1 = function(fallback2) {
        return defaultedThunk(constant$1(fallback2));
      };
      var asOption = function() {
        return {
          tag: "option",
          process: {}
        };
      };
      var mergeWithThunk = function(baseThunk) {
        return {
          tag: "mergeWithThunk",
          process: baseThunk
        };
      };
      var mergeWith = function(base2) {
        return mergeWithThunk(constant$1(base2));
      };
      var mergeValues$1 = function(values2, base2) {
        return values2.length > 0 ? SimpleResult.svalue(deepMerge(base2, merge$1.apply(void 0, values2))) : SimpleResult.svalue(base2);
      };
      var mergeErrors$1 = function(errors) {
        return compose(SimpleResult.serror, flatten)(errors);
      };
      var consolidateObj = function(objects, base2) {
        var partition2 = SimpleResult.partition(objects);
        return partition2.errors.length > 0 ? mergeErrors$1(partition2.errors) : mergeValues$1(partition2.values, base2);
      };
      var consolidateArr = function(objects) {
        var partitions = SimpleResult.partition(objects);
        return partitions.errors.length > 0 ? mergeErrors$1(partitions.errors) : SimpleResult.svalue(partitions.values);
      };
      var ResultCombine = {
        consolidateObj,
        consolidateArr
      };
      var formatObj = function(input2) {
        return isObject(input2) && keys(input2).length > 100 ? " removed due to size" : JSON.stringify(input2, null, 2);
      };
      var formatErrors = function(errors) {
        var es = errors.length > 10 ? errors.slice(0, 10).concat([{
          path: [],
          getErrorInfo: constant$1("... (only showing first ten failures)")
        }]) : errors;
        return map$2(es, function(e) {
          return "Failed path: (" + e.path.join(" > ") + ")\n" + e.getErrorInfo();
        });
      };
      var nu$a = function(path2, getErrorInfo) {
        return SimpleResult.serror([{
          path: path2,
          getErrorInfo
        }]);
      };
      var missingRequired = function(path2, key, obj) {
        return nu$a(path2, function() {
          return 'Could not find valid *required* value for "' + key + '" in ' + formatObj(obj);
        });
      };
      var missingKey = function(path2, key) {
        return nu$a(path2, function() {
          return 'Choice schema did not contain choice key: "' + key + '"';
        });
      };
      var missingBranch = function(path2, branches, branch) {
        return nu$a(path2, function() {
          return 'The chosen schema: "' + branch + '" did not exist in branches: ' + formatObj(branches);
        });
      };
      var unsupportedFields = function(path2, unsupported) {
        return nu$a(path2, function() {
          return "There are unsupported fields: [" + unsupported.join(", ") + "] specified";
        });
      };
      var custom = function(path2, err) {
        return nu$a(path2, constant$1(err));
      };
      var value$2 = function(validator) {
        var extract2 = function(path2, val) {
          return SimpleResult.bindError(validator(val), function(err) {
            return custom(path2, err);
          });
        };
        var toString2 = constant$1("val");
        return {
          extract: extract2,
          toString: toString2
        };
      };
      var anyValue$1 = value$2(SimpleResult.svalue);
      var requiredAccess = function(path2, obj, key, bundle) {
        return get$e(obj, key).fold(function() {
          return missingRequired(path2, key, obj);
        }, bundle);
      };
      var fallbackAccess = function(obj, key, fallback2, bundle) {
        var v = get$e(obj, key).getOrThunk(function() {
          return fallback2(obj);
        });
        return bundle(v);
      };
      var optionAccess = function(obj, key, bundle) {
        return bundle(get$e(obj, key));
      };
      var optionDefaultedAccess = function(obj, key, fallback2, bundle) {
        var opt = get$e(obj, key).map(function(val) {
          return val === true ? fallback2(obj) : val;
        });
        return bundle(opt);
      };
      var extractField = function(field2, path2, obj, key, prop) {
        var bundle = function(av) {
          return prop.extract(path2.concat([key]), av);
        };
        var bundleAsOption = function(optValue) {
          return optValue.fold(function() {
            return SimpleResult.svalue(Optional.none());
          }, function(ov) {
            var result = prop.extract(path2.concat([key]), ov);
            return SimpleResult.map(result, Optional.some);
          });
        };
        switch (field2.tag) {
          case "required":
            return requiredAccess(path2, obj, key, bundle);
          case "defaultedThunk":
            return fallbackAccess(obj, key, field2.process, bundle);
          case "option":
            return optionAccess(obj, key, bundleAsOption);
          case "defaultedOptionThunk":
            return optionDefaultedAccess(obj, key, field2.process, bundleAsOption);
          case "mergeWithThunk": {
            return fallbackAccess(obj, key, constant$1({}), function(v) {
              var result = deepMerge(field2.process(obj), v);
              return bundle(result);
            });
          }
        }
      };
      var extractFields = function(path2, obj, fields) {
        var success = {};
        var errors = [];
        for (var _i = 0, fields_1 = fields; _i < fields_1.length; _i++) {
          var field2 = fields_1[_i];
          fold(field2, function(key, newKey, presence, prop) {
            var result = extractField(presence, path2, obj, key, prop);
            SimpleResult.fold(result, function(err) {
              errors.push.apply(errors, err);
            }, function(res) {
              success[newKey] = res;
            });
          }, function(newKey, instantiator) {
            success[newKey] = instantiator(obj);
          });
        }
        return errors.length > 0 ? SimpleResult.serror(errors) : SimpleResult.svalue(success);
      };
      var valueThunk = function(getDelegate) {
        var extract2 = function(path2, val) {
          return getDelegate().extract(path2, val);
        };
        var toString2 = function() {
          return getDelegate().toString();
        };
        return {
          extract: extract2,
          toString: toString2
        };
      };
      var getSetKeys = function(obj) {
        return keys(filter$1(obj, isNonNullable));
      };
      var objOfOnly = function(fields) {
        var delegate = objOf(fields);
        var fieldNames = foldr(fields, function(acc, value2) {
          return fold(value2, function(key) {
            var _a2;
            return deepMerge(acc, (_a2 = {}, _a2[key] = true, _a2));
          }, constant$1(acc));
        }, {});
        var extract2 = function(path2, o) {
          var keys2 = isBoolean(o) ? [] : getSetKeys(o);
          var extra = filter$2(keys2, function(k) {
            return !hasNonNullableKey(fieldNames, k);
          });
          return extra.length === 0 ? delegate.extract(path2, o) : unsupportedFields(path2, extra);
        };
        return {
          extract: extract2,
          toString: delegate.toString
        };
      };
      var objOf = function(values2) {
        var extract2 = function(path2, o) {
          return extractFields(path2, o, values2);
        };
        var toString2 = function() {
          var fieldStrings = map$2(values2, function(value2) {
            return fold(value2, function(key, _okey, _presence, prop) {
              return key + " -> " + prop.toString();
            }, function(newKey, _instantiator) {
              return "state(" + newKey + ")";
            });
          });
          return "obj{\n" + fieldStrings.join("\n") + "}";
        };
        return {
          extract: extract2,
          toString: toString2
        };
      };
      var arrOf = function(prop) {
        var extract2 = function(path2, array) {
          var results = map$2(array, function(a, i) {
            return prop.extract(path2.concat(["[" + i + "]"]), a);
          });
          return ResultCombine.consolidateArr(results);
        };
        var toString2 = function() {
          return "array(" + prop.toString() + ")";
        };
        return {
          extract: extract2,
          toString: toString2
        };
      };
      var oneOf = function(props) {
        var extract2 = function(path2, val) {
          var errors = [];
          for (var _i = 0, props_1 = props; _i < props_1.length; _i++) {
            var prop = props_1[_i];
            var res = prop.extract(path2, val);
            if (res.stype === SimpleResultType.Value) {
              return res;
            }
            errors.push(res);
          }
          return ResultCombine.consolidateArr(errors);
        };
        var toString2 = function() {
          return "oneOf(" + map$2(props, function(prop) {
            return prop.toString();
          }).join(", ") + ")";
        };
        return {
          extract: extract2,
          toString: toString2
        };
      };
      var setOf$1 = function(validator, prop) {
        var validateKeys = function(path2, keys2) {
          return arrOf(value$2(validator)).extract(path2, keys2);
        };
        var extract2 = function(path2, o) {
          var keys$1 = keys(o);
          var validatedKeys = validateKeys(path2, keys$1);
          return SimpleResult.bind(validatedKeys, function(validKeys) {
            var schema2 = map$2(validKeys, function(vk) {
              return field$2(vk, vk, required$2(), prop);
            });
            return objOf(schema2).extract(path2, o);
          });
        };
        var toString2 = function() {
          return "setOf(" + prop.toString() + ")";
        };
        return {
          extract: extract2,
          toString: toString2
        };
      };
      var thunk = function(_desc, processor) {
        var getP = cached(processor);
        var extract2 = function(path2, val) {
          return getP().extract(path2, val);
        };
        var toString2 = function() {
          return getP().toString();
        };
        return {
          extract: extract2,
          toString: toString2
        };
      };
      var arrOfObj = compose(arrOf, objOf);
      var anyValue = constant$1(anyValue$1);
      var typedValue = function(validator, expectedType) {
        return value$2(function(a) {
          var actualType = typeof a;
          return validator(a) ? SimpleResult.svalue(a) : SimpleResult.serror("Expected type: " + expectedType + " but got: " + actualType);
        });
      };
      var number = typedValue(isNumber, "number");
      var string = typedValue(isString, "string");
      var boolean = typedValue(isBoolean, "boolean");
      var functionProcessor = typedValue(isFunction, "function");
      var isPostMessageable = function(val) {
        if (Object(val) !== val) {
          return true;
        }
        switch ({}.toString.call(val).slice(8, -1)) {
          case "Boolean":
          case "Number":
          case "String":
          case "Date":
          case "RegExp":
          case "Blob":
          case "FileList":
          case "ImageData":
          case "ImageBitmap":
          case "ArrayBuffer":
            return true;
          case "Array":
          case "Object":
            return Object.keys(val).every(function(prop) {
              return isPostMessageable(val[prop]);
            });
          default:
            return false;
        }
      };
      var postMessageable = value$2(function(a) {
        if (isPostMessageable(a)) {
          return SimpleResult.svalue(a);
        } else {
          return SimpleResult.serror("Expected value to be acceptable for sending via postMessage");
        }
      });
      var chooseFrom = function(path2, input2, branches, ch) {
        var fields = get$e(branches, ch);
        return fields.fold(function() {
          return missingBranch(path2, branches, ch);
        }, function(vp) {
          return vp.extract(path2.concat(["branch: " + ch]), input2);
        });
      };
      var choose$2 = function(key, branches) {
        var extract2 = function(path2, input2) {
          var choice = get$e(input2, key);
          return choice.fold(function() {
            return missingKey(path2, key);
          }, function(chosen) {
            return chooseFrom(path2, input2, branches, chosen);
          });
        };
        var toString2 = function() {
          return "chooseOn(" + key + "). Possible values: " + keys(branches);
        };
        return {
          extract: extract2,
          toString: toString2
        };
      };
      var arrOfVal = function() {
        return arrOf(anyValue$1);
      };
      var valueOf = function(validator) {
        return value$2(function(v) {
          return validator(v).fold(SimpleResult.serror, SimpleResult.svalue);
        });
      };
      var setOf = function(validator, prop) {
        return setOf$1(function(v) {
          return SimpleResult.fromResult(validator(v));
        }, prop);
      };
      var extractValue = function(label, prop, obj) {
        var res = prop.extract([label], obj);
        return SimpleResult.mapError(res, function(errs) {
          return {
            input: obj,
            errors: errs
          };
        });
      };
      var asRaw = function(label, prop, obj) {
        return SimpleResult.toResult(extractValue(label, prop, obj));
      };
      var getOrDie = function(extraction) {
        return extraction.fold(function(errInfo) {
          throw new Error(formatError(errInfo));
        }, identity$1);
      };
      var asRawOrDie$1 = function(label, prop, obj) {
        return getOrDie(asRaw(label, prop, obj));
      };
      var formatError = function(errInfo) {
        return "Errors: \n" + formatErrors(errInfo.errors).join("\n") + "\n\nInput object: " + formatObj(errInfo.input);
      };
      var choose$1 = function(key, branches) {
        return choose$2(key, map$1(branches, objOf));
      };
      var thunkOf = function(desc, schema2) {
        return thunk(desc, schema2);
      };
      var field$1 = field$2;
      var customField = customField$1;
      var validateEnum = function(values2) {
        return valueOf(function(value2) {
          return contains$2(values2, value2) ? Result.value(value2) : Result.error('Unsupported value: "' + value2 + '", choose one of "' + values2.join(", ") + '".');
        });
      };
      var required$1 = function(key) {
        return field$1(key, key, required$2(), anyValue());
      };
      var requiredOf = function(key, schema2) {
        return field$1(key, key, required$2(), schema2);
      };
      var requiredNumber = function(key) {
        return requiredOf(key, number);
      };
      var requiredString = function(key) {
        return requiredOf(key, string);
      };
      var requiredStringEnum = function(key, values2) {
        return field$1(key, key, required$2(), validateEnum(values2));
      };
      var requiredBoolean = function(key) {
        return requiredOf(key, boolean);
      };
      var requiredFunction = function(key) {
        return requiredOf(key, functionProcessor);
      };
      var forbid = function(key, message) {
        return field$1(key, key, asOption(), value$2(function(_v) {
          return SimpleResult.serror("The field: " + key + " is forbidden. " + message);
        }));
      };
      var requiredObjOf = function(key, objSchema) {
        return field$1(key, key, required$2(), objOf(objSchema));
      };
      var requiredArrayOfObj = function(key, objFields) {
        return field$1(key, key, required$2(), arrOfObj(objFields));
      };
      var requiredArrayOf = function(key, schema2) {
        return field$1(key, key, required$2(), arrOf(schema2));
      };
      var option = function(key) {
        return field$1(key, key, asOption(), anyValue());
      };
      var optionOf = function(key, schema2) {
        return field$1(key, key, asOption(), schema2);
      };
      var optionNumber = function(key) {
        return optionOf(key, number);
      };
      var optionString = function(key) {
        return optionOf(key, string);
      };
      var optionFunction = function(key) {
        return optionOf(key, functionProcessor);
      };
      var optionArrayOf = function(key, schema2) {
        return optionOf(key, arrOf(schema2));
      };
      var optionObjOf = function(key, objSchema) {
        return optionOf(key, objOf(objSchema));
      };
      var optionObjOfOnly = function(key, objSchema) {
        return optionOf(key, objOfOnly(objSchema));
      };
      var defaulted = function(key, fallback2) {
        return field$1(key, key, defaulted$1(fallback2), anyValue());
      };
      var defaultedOf = function(key, fallback2, schema2) {
        return field$1(key, key, defaulted$1(fallback2), schema2);
      };
      var defaultedNumber = function(key, fallback2) {
        return defaultedOf(key, fallback2, number);
      };
      var defaultedString = function(key, fallback2) {
        return defaultedOf(key, fallback2, string);
      };
      var defaultedStringEnum = function(key, fallback2, values2) {
        return defaultedOf(key, fallback2, validateEnum(values2));
      };
      var defaultedBoolean = function(key, fallback2) {
        return defaultedOf(key, fallback2, boolean);
      };
      var defaultedFunction = function(key, fallback2) {
        return defaultedOf(key, fallback2, functionProcessor);
      };
      var defaultedPostMsg = function(key, fallback2) {
        return defaultedOf(key, fallback2, postMessageable);
      };
      var defaultedArrayOf = function(key, fallback2, schema2) {
        return defaultedOf(key, fallback2, arrOf(schema2));
      };
      var defaultedObjOf = function(key, fallback2, objSchema) {
        return defaultedOf(key, fallback2, objOf(objSchema));
      };
      var Cell = function(initial) {
        var value2 = initial;
        var get2 = function() {
          return value2;
        };
        var set2 = function(v) {
          value2 = v;
        };
        return {
          get: get2,
          set: set2
        };
      };
      var generate$7 = function(cases) {
        if (!isArray(cases)) {
          throw new Error("cases must be an array");
        }
        if (cases.length === 0) {
          throw new Error("there must be at least one case");
        }
        var constructors = [];
        var adt2 = {};
        each$1(cases, function(acase, count2) {
          var keys$1 = keys(acase);
          if (keys$1.length !== 1) {
            throw new Error("one and only one name per case");
          }
          var key = keys$1[0];
          var value2 = acase[key];
          if (adt2[key] !== void 0) {
            throw new Error("duplicate key detected:" + key);
          } else if (key === "cata") {
            throw new Error("cannot have a case named cata (sorry)");
          } else if (!isArray(value2)) {
            throw new Error("case arguments must be an array");
          }
          constructors.push(key);
          adt2[key] = function() {
            var args = [];
            for (var _i = 0; _i < arguments.length; _i++) {
              args[_i] = arguments[_i];
            }
            var argLength = args.length;
            if (argLength !== value2.length) {
              throw new Error("Wrong number of arguments to case " + key + ". Expected " + value2.length + " (" + value2 + "), got " + argLength);
            }
            var match = function(branches) {
              var branchKeys = keys(branches);
              if (constructors.length !== branchKeys.length) {
                throw new Error("Wrong number of arguments to match. Expected: " + constructors.join(",") + "\nActual: " + branchKeys.join(","));
              }
              var allReqd = forall(constructors, function(reqKey) {
                return contains$2(branchKeys, reqKey);
              });
              if (!allReqd) {
                throw new Error("Not all branches were specified when using match. Specified: " + branchKeys.join(", ") + "\nRequired: " + constructors.join(", "));
              }
              return branches[key].apply(null, args);
            };
            return {
              fold: function() {
                var foldArgs = [];
                for (var _i2 = 0; _i2 < arguments.length; _i2++) {
                  foldArgs[_i2] = arguments[_i2];
                }
                if (foldArgs.length !== cases.length) {
                  throw new Error("Wrong number of arguments to fold. Expected " + cases.length + ", got " + foldArgs.length);
                }
                var target = foldArgs[count2];
                return target.apply(null, args);
              },
              match,
              log: function(label) {
                console.log(label, {
                  constructors,
                  constructor: key,
                  params: args
                });
              }
            };
          };
        });
        return adt2;
      };
      var Adt = { generate: generate$7 };
      Adt.generate([
        {
          bothErrors: [
            "error1",
            "error2"
          ]
        },
        {
          firstError: [
            "error1",
            "value2"
          ]
        },
        {
          secondError: [
            "value1",
            "error2"
          ]
        },
        {
          bothValues: [
            "value1",
            "value2"
          ]
        }
      ]);
      var partition$1 = function(results) {
        var errors = [];
        var values2 = [];
        each$1(results, function(result) {
          result.fold(function(err) {
            errors.push(err);
          }, function(value2) {
            values2.push(value2);
          });
        });
        return {
          errors,
          values: values2
        };
      };
      var exclude$1 = function(obj, fields) {
        var r2 = {};
        each(obj, function(v, k) {
          if (!contains$2(fields, k)) {
            r2[k] = v;
          }
        });
        return r2;
      };
      var wrap$2 = function(key, value2) {
        var _a2;
        return _a2 = {}, _a2[key] = value2, _a2;
      };
      var wrapAll$1 = function(keyvalues) {
        var r2 = {};
        each$1(keyvalues, function(kv) {
          r2[kv.key] = kv.value;
        });
        return r2;
      };
      var exclude = function(obj, fields) {
        return exclude$1(obj, fields);
      };
      var wrap$1 = function(key, value2) {
        return wrap$2(key, value2);
      };
      var wrapAll = function(keyvalues) {
        return wrapAll$1(keyvalues);
      };
      var mergeValues = function(values2, base2) {
        return values2.length === 0 ? Result.value(base2) : Result.value(deepMerge(base2, merge$1.apply(void 0, values2)));
      };
      var mergeErrors = function(errors) {
        return Result.error(flatten(errors));
      };
      var consolidate = function(objs, base2) {
        var partitions = partition$1(objs);
        return partitions.errors.length > 0 ? mergeErrors(partitions.errors) : mergeValues(partitions.values, base2);
      };
      var ensureIsRoot = function(isRoot) {
        return isFunction(isRoot) ? isRoot : never;
      };
      var ancestor$2 = function(scope, transform2, isRoot) {
        var element2 = scope.dom;
        var stop2 = ensureIsRoot(isRoot);
        while (element2.parentNode) {
          element2 = element2.parentNode;
          var el = SugarElement.fromDom(element2);
          var transformed = transform2(el);
          if (transformed.isSome()) {
            return transformed;
          } else if (stop2(el)) {
            break;
          }
        }
        return Optional.none();
      };
      var closest$4 = function(scope, transform2, isRoot) {
        var current = transform2(scope);
        var stop2 = ensureIsRoot(isRoot);
        return current.orThunk(function() {
          return stop2(scope) ? Optional.none() : ancestor$2(scope, transform2, stop2);
        });
      };
      var isSource = function(component, simulatedEvent) {
        return eq(component.element, simulatedEvent.event.target);
      };
      var defaultEventHandler = {
        can: always,
        abort: never,
        run: noop
      };
      var nu$9 = function(parts2) {
        if (!hasNonNullableKey(parts2, "can") && !hasNonNullableKey(parts2, "abort") && !hasNonNullableKey(parts2, "run")) {
          throw new Error("EventHandler defined by: " + JSON.stringify(parts2, null, 2) + " does not have can, abort, or run!");
        }
        return __assign(__assign({}, defaultEventHandler), parts2);
      };
      var all$2 = function(handlers2, f) {
        return function() {
          var args = [];
          for (var _i = 0; _i < arguments.length; _i++) {
            args[_i] = arguments[_i];
          }
          return foldl(handlers2, function(acc, handler) {
            return acc && f(handler).apply(void 0, args);
          }, true);
        };
      };
      var any = function(handlers2, f) {
        return function() {
          var args = [];
          for (var _i = 0; _i < arguments.length; _i++) {
            args[_i] = arguments[_i];
          }
          return foldl(handlers2, function(acc, handler) {
            return acc || f(handler).apply(void 0, args);
          }, false);
        };
      };
      var read$2 = function(handler) {
        return isFunction(handler) ? {
          can: always,
          abort: never,
          run: handler
        } : handler;
      };
      var fuse$1 = function(handlers2) {
        var can2 = all$2(handlers2, function(handler) {
          return handler.can;
        });
        var abort2 = any(handlers2, function(handler) {
          return handler.abort;
        });
        var run2 = function() {
          var args = [];
          for (var _i = 0; _i < arguments.length; _i++) {
            args[_i] = arguments[_i];
          }
          each$1(handlers2, function(handler) {
            handler.run.apply(void 0, args);
          });
        };
        return {
          can: can2,
          abort: abort2,
          run: run2
        };
      };
      var constant = constant$1;
      var touchstart = constant("touchstart");
      var touchmove = constant("touchmove");
      var touchend = constant("touchend");
      var touchcancel = constant("touchcancel");
      var mousedown = constant("mousedown");
      var mousemove = constant("mousemove");
      var mouseout = constant("mouseout");
      var mouseup = constant("mouseup");
      var mouseover = constant("mouseover");
      var focusin = constant("focusin");
      var focusout = constant("focusout");
      var keydown = constant("keydown");
      var keyup = constant("keyup");
      var input = constant("input");
      var change = constant("change");
      var click = constant("click");
      var transitioncancel = constant("transitioncancel");
      var transitionend = constant("transitionend");
      var transitionstart = constant("transitionstart");
      var selectstart = constant("selectstart");
      var prefixName = function(name2) {
        return constant$1("alloy." + name2);
      };
      var alloy = { tap: prefixName("tap") };
      var focus$4 = prefixName("focus");
      var postBlur = prefixName("blur.post");
      var postPaste = prefixName("paste.post");
      var receive = prefixName("receive");
      var execute$5 = prefixName("execute");
      var focusItem = prefixName("focus.item");
      var tap = alloy.tap;
      var longpress = prefixName("longpress");
      var sandboxClose = prefixName("sandbox.close");
      var typeaheadCancel = prefixName("typeahead.cancel");
      var systemInit = prefixName("system.init");
      var documentTouchmove = prefixName("system.touchmove");
      var documentTouchend = prefixName("system.touchend");
      var windowScroll = prefixName("system.scroll");
      var windowResize = prefixName("system.resize");
      var attachedToDom = prefixName("system.attached");
      var detachedFromDom = prefixName("system.detached");
      var dismissRequested = prefixName("system.dismissRequested");
      var repositionRequested = prefixName("system.repositionRequested");
      var focusShifted = prefixName("focusmanager.shifted");
      var slotVisibility = prefixName("slotcontainer.visibility");
      var changeTab = prefixName("change.tab");
      var dismissTab = prefixName("dismiss.tab");
      var highlight$1 = prefixName("highlight");
      var dehighlight$1 = prefixName("dehighlight");
      var emit = function(component, event) {
        dispatchWith(component, component.element, event, {});
      };
      var emitWith = function(component, event, properties2) {
        dispatchWith(component, component.element, event, properties2);
      };
      var emitExecute = function(component) {
        emit(component, execute$5());
      };
      var dispatch = function(component, target, event) {
        dispatchWith(component, target, event, {});
      };
      var dispatchWith = function(component, target, event, properties2) {
        var data = __assign({ target }, properties2);
        component.getSystem().triggerEvent(event, target, data);
      };
      var dispatchEvent = function(component, target, event, simulatedEvent) {
        component.getSystem().triggerEvent(event, target, simulatedEvent.event);
      };
      var derive$2 = function(configs) {
        return wrapAll(configs);
      };
      var abort = function(name2, predicate) {
        return {
          key: name2,
          value: nu$9({ abort: predicate })
        };
      };
      var can = function(name2, predicate) {
        return {
          key: name2,
          value: nu$9({ can: predicate })
        };
      };
      var preventDefault = function(name2) {
        return {
          key: name2,
          value: nu$9({
            run: function(component, simulatedEvent) {
              simulatedEvent.event.prevent();
            }
          })
        };
      };
      var run$1 = function(name2, handler) {
        return {
          key: name2,
          value: nu$9({ run: handler })
        };
      };
      var runActionExtra = function(name2, action, extra) {
        return {
          key: name2,
          value: nu$9({
            run: function(component, simulatedEvent) {
              action.apply(void 0, [
                component,
                simulatedEvent
              ].concat(extra));
            }
          })
        };
      };
      var runOnName = function(name2) {
        return function(handler) {
          return run$1(name2, handler);
        };
      };
      var runOnSourceName = function(name2) {
        return function(handler) {
          return {
            key: name2,
            value: nu$9({
              run: function(component, simulatedEvent) {
                if (isSource(component, simulatedEvent)) {
                  handler(component, simulatedEvent);
                }
              }
            })
          };
        };
      };
      var redirectToUid = function(name2, uid) {
        return run$1(name2, function(component, simulatedEvent) {
          component.getSystem().getByUid(uid).each(function(redirectee) {
            dispatchEvent(redirectee, redirectee.element, name2, simulatedEvent);
          });
        });
      };
      var redirectToPart = function(name2, detail, partName) {
        var uid = detail.partUids[partName];
        return redirectToUid(name2, uid);
      };
      var runWithTarget = function(name2, f) {
        return run$1(name2, function(component, simulatedEvent) {
          var ev = simulatedEvent.event;
          var target = component.getSystem().getByDom(ev.target).getOrThunk(function() {
            var closest2 = closest$4(ev.target, function(el) {
              return component.getSystem().getByDom(el).toOptional();
            }, never);
            return closest2.getOr(component);
          });
          f(component, target, simulatedEvent);
        });
      };
      var cutter = function(name2) {
        return run$1(name2, function(component, simulatedEvent) {
          simulatedEvent.cut();
        });
      };
      var stopper = function(name2) {
        return run$1(name2, function(component, simulatedEvent) {
          simulatedEvent.stop();
        });
      };
      var runOnSource = function(name2, f) {
        return runOnSourceName(name2)(f);
      };
      var runOnAttached = runOnSourceName(attachedToDom());
      var runOnDetached = runOnSourceName(detachedFromDom());
      var runOnInit = runOnSourceName(systemInit());
      var runOnExecute$1 = runOnName(execute$5());
      var fromHtml$1 = function(html, scope) {
        var doc = scope || document;
        var div = doc.createElement("div");
        div.innerHTML = html;
        return children(SugarElement.fromDom(div));
      };
      var get$7 = function(element2) {
        return element2.dom.innerHTML;
      };
      var set$5 = function(element2, content) {
        var owner2 = owner$4(element2);
        var docDom = owner2.dom;
        var fragment = SugarElement.fromDom(docDom.createDocumentFragment());
        var contentElements = fromHtml$1(content, docDom);
        append$1(fragment, contentElements);
        empty(element2);
        append$2(element2, fragment);
      };
      var getOuter = function(element2) {
        var container = SugarElement.fromTag("div");
        var clone2 = SugarElement.fromDom(element2.dom.cloneNode(true));
        append$2(container, clone2);
        return get$7(container);
      };
      var clone$1 = function(original2, isDeep) {
        return SugarElement.fromDom(original2.dom.cloneNode(isDeep));
      };
      var shallow = function(original2) {
        return clone$1(original2, false);
      };
      var getHtml = function(element2) {
        if (isShadowRoot(element2)) {
          return "#shadow-root";
        } else {
          var clone2 = shallow(element2);
          return getOuter(clone2);
        }
      };
      var element = function(elem) {
        return getHtml(elem);
      };
      var isRecursive = function(component, originator, target) {
        return eq(originator, component.element) && !eq(originator, target);
      };
      var events$i = derive$2([can(focus$4(), function(component, simulatedEvent) {
        var event = simulatedEvent.event;
        var originator = event.originator;
        var target = event.target;
        if (isRecursive(component, originator, target)) {
          console.warn(focus$4() + " did not get interpreted by the desired target. \nOriginator: " + element(originator) + "\nTarget: " + element(target) + "\nCheck the " + focus$4() + " event handlers");
          return false;
        } else {
          return true;
        }
      })]);
      var DefaultEvents = Object.freeze({
        __proto__: null,
        events: events$i
      });
      var unique = 0;
      var generate$6 = function(prefix2) {
        var date = new Date();
        var time = date.getTime();
        var random = Math.floor(Math.random() * 1e9);
        unique++;
        return prefix2 + "_" + random + unique + String(time);
      };
      var prefix$1 = constant$1("alloy-id-");
      var idAttr$1 = constant$1("data-alloy-id");
      var prefix = prefix$1();
      var idAttr = idAttr$1();
      var write = function(label, elem) {
        var id = generate$6(prefix + label);
        writeOnly(elem, id);
        return id;
      };
      var writeOnly = function(elem, uid) {
        Object.defineProperty(elem.dom, idAttr, {
          value: uid,
          writable: true
        });
      };
      var read$1 = function(elem) {
        var id = isElement$2(elem) ? elem.dom[idAttr] : null;
        return Optional.from(id);
      };
      var generate$5 = function(prefix2) {
        return generate$6(prefix2);
      };
      var make$8 = identity$1;
      var NoContextApi = function(getComp) {
        var getMessage = function(event) {
          return "The component must be in a context to execute: " + event + (getComp ? "\n" + element(getComp().element) + " is not in context." : "");
        };
        var fail = function(event) {
          return function() {
            throw new Error(getMessage(event));
          };
        };
        var warn = function(event) {
          return function() {
            console.warn(getMessage(event));
          };
        };
        return {
          debugInfo: constant$1("fake"),
          triggerEvent: warn("triggerEvent"),
          triggerFocus: warn("triggerFocus"),
          triggerEscape: warn("triggerEscape"),
          broadcast: warn("broadcast"),
          broadcastOn: warn("broadcastOn"),
          broadcastEvent: warn("broadcastEvent"),
          build: fail("build"),
          addToWorld: fail("addToWorld"),
          removeFromWorld: fail("removeFromWorld"),
          addToGui: fail("addToGui"),
          removeFromGui: fail("removeFromGui"),
          getByUid: fail("getByUid"),
          getByDom: fail("getByDom"),
          isConnected: never
        };
      };
      var singleton$1 = NoContextApi();
      var markAsBehaviourApi = function(f, apiName, apiFunction) {
        var delegate = apiFunction.toString();
        var endIndex = delegate.indexOf(")") + 1;
        var openBracketIndex = delegate.indexOf("(");
        var parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
        f.toFunctionAnnotation = function() {
          return {
            name: apiName,
            parameters: cleanParameters(parameters.slice(0, 1).concat(parameters.slice(3)))
          };
        };
        return f;
      };
      var cleanParameters = function(parameters) {
        return map$2(parameters, function(p) {
          return endsWith(p, "/*") ? p.substring(0, p.length - "/*".length) : p;
        });
      };
      var markAsExtraApi = function(f, extraName) {
        var delegate = f.toString();
        var endIndex = delegate.indexOf(")") + 1;
        var openBracketIndex = delegate.indexOf("(");
        var parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
        f.toFunctionAnnotation = function() {
          return {
            name: extraName,
            parameters: cleanParameters(parameters)
          };
        };
        return f;
      };
      var markAsSketchApi = function(f, apiFunction) {
        var delegate = apiFunction.toString();
        var endIndex = delegate.indexOf(")") + 1;
        var openBracketIndex = delegate.indexOf("(");
        var parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
        f.toFunctionAnnotation = function() {
          return {
            name: "OVERRIDE",
            parameters: cleanParameters(parameters.slice(1))
          };
        };
        return f;
      };
      var premadeTag = generate$6("alloy-premade");
      var premade$1 = function(comp) {
        return wrap$1(premadeTag, comp);
      };
      var getPremade = function(spec) {
        return get$e(spec, premadeTag);
      };
      var makeApi = function(f) {
        return markAsSketchApi(function(component) {
          var rest = [];
          for (var _i = 1; _i < arguments.length; _i++) {
            rest[_i - 1] = arguments[_i];
          }
          return f.apply(void 0, __spreadArray([
            component.getApis(),
            component
          ], rest, false));
        }, f);
      };
      var NoState = {
        init: function() {
          return nu$8({ readState: constant$1("No State required") });
        }
      };
      var nu$8 = function(spec) {
        return spec;
      };
      var generateFrom$1 = function(spec, all2) {
        var schema2 = map$2(all2, function(a) {
          return optionObjOf(a.name(), [
            required$1("config"),
            defaulted("state", NoState)
          ]);
        });
        var validated = asRaw("component.behaviours", objOf(schema2), spec.behaviours).fold(function(errInfo) {
          throw new Error(formatError(errInfo) + "\nComplete spec:\n" + JSON.stringify(spec, null, 2));
        }, identity$1);
        return {
          list: all2,
          data: map$1(validated, function(optBlobThunk) {
            var output2 = optBlobThunk.map(function(blob) {
              return {
                config: blob.config,
                state: blob.state.init(blob.config)
              };
            });
            return constant$1(output2);
          })
        };
      };
      var getBehaviours$3 = function(bData) {
        return bData.list;
      };
      var getData$2 = function(bData) {
        return bData.data;
      };
      var byInnerKey = function(data, tuple) {
        var r2 = {};
        each(data, function(detail, key) {
          each(detail, function(value2, indexKey) {
            var chain = get$e(r2, indexKey).getOr([]);
            r2[indexKey] = chain.concat([tuple(key, value2)]);
          });
        });
        return r2;
      };
      var nu$7 = function(s) {
        return {
          classes: isUndefined(s.classes) ? [] : s.classes,
          attributes: isUndefined(s.attributes) ? {} : s.attributes,
          styles: isUndefined(s.styles) ? {} : s.styles
        };
      };
      var merge = function(defnA, mod) {
        return __assign(__assign({}, defnA), {
          attributes: __assign(__assign({}, defnA.attributes), mod.attributes),
          styles: __assign(__assign({}, defnA.styles), mod.styles),
          classes: defnA.classes.concat(mod.classes)
        });
      };
      var combine$2 = function(info, baseMod, behaviours2, base2) {
        var modsByBehaviour = __assign({}, baseMod);
        each$1(behaviours2, function(behaviour) {
          modsByBehaviour[behaviour.name()] = behaviour.exhibit(info, base2);
        });
        var byAspect = byInnerKey(modsByBehaviour, function(name2, modification) {
          return {
            name: name2,
            modification
          };
        });
        var combineObjects = function(objects) {
          return foldr(objects, function(b2, a) {
            return __assign(__assign({}, a.modification), b2);
          }, {});
        };
        var combinedClasses = foldr(byAspect.classes, function(b2, a) {
          return a.modification.concat(b2);
        }, []);
        var combinedAttributes = combineObjects(byAspect.attributes);
        var combinedStyles = combineObjects(byAspect.styles);
        return nu$7({
          classes: combinedClasses,
          attributes: combinedAttributes,
          styles: combinedStyles
        });
      };
      var sortKeys = function(label, keyName, array, order) {
        try {
          var sorted = sort(array, function(a, b2) {
            var aKey = a[keyName];
            var bKey = b2[keyName];
            var aIndex = order.indexOf(aKey);
            var bIndex = order.indexOf(bKey);
            if (aIndex === -1) {
              throw new Error("The ordering for " + label + " does not have an entry for " + aKey + ".\nOrder specified: " + JSON.stringify(order, null, 2));
            }
            if (bIndex === -1) {
              throw new Error("The ordering for " + label + " does not have an entry for " + bKey + ".\nOrder specified: " + JSON.stringify(order, null, 2));
            }
            if (aIndex < bIndex) {
              return -1;
            } else if (bIndex < aIndex) {
              return 1;
            } else {
              return 0;
            }
          });
          return Result.value(sorted);
        } catch (err) {
          return Result.error([err]);
        }
      };
      var uncurried = function(handler, purpose) {
        return {
          handler,
          purpose
        };
      };
      var curried = function(handler, purpose) {
        return {
          cHandler: handler,
          purpose
        };
      };
      var curryArgs = function(descHandler, extraArgs) {
        return curried(curry.apply(void 0, [descHandler.handler].concat(extraArgs)), descHandler.purpose);
      };
      var getCurried = function(descHandler) {
        return descHandler.cHandler;
      };
      var behaviourTuple = function(name2, handler) {
        return {
          name: name2,
          handler
        };
      };
      var nameToHandlers = function(behaviours2, info) {
        var r2 = {};
        each$1(behaviours2, function(behaviour) {
          r2[behaviour.name()] = behaviour.handlers(info);
        });
        return r2;
      };
      var groupByEvents = function(info, behaviours2, base2) {
        var behaviourEvents = __assign(__assign({}, base2), nameToHandlers(behaviours2, info));
        return byInnerKey(behaviourEvents, behaviourTuple);
      };
      var combine$1 = function(info, eventOrder, behaviours2, base2) {
        var byEventName = groupByEvents(info, behaviours2, base2);
        return combineGroups(byEventName, eventOrder);
      };
      var assemble = function(rawHandler) {
        var handler = read$2(rawHandler);
        return function(component, simulatedEvent) {
          var rest = [];
          for (var _i = 2; _i < arguments.length; _i++) {
            rest[_i - 2] = arguments[_i];
          }
          var args = [
            component,
            simulatedEvent
          ].concat(rest);
          if (handler.abort.apply(void 0, args)) {
            simulatedEvent.stop();
          } else if (handler.can.apply(void 0, args)) {
            handler.run.apply(void 0, args);
          }
        };
      };
      var missingOrderError = function(eventName, tuples) {
        return Result.error(["The event (" + eventName + ') has more than one behaviour that listens to it.\nWhen this occurs, you must specify an event ordering for the behaviours in your spec (e.g. [ "listing", "toggling" ]).\nThe behaviours that can trigger it are: ' + JSON.stringify(map$2(tuples, function(c) {
          return c.name;
        }), null, 2)]);
      };
      var fuse = function(tuples, eventOrder, eventName) {
        var order = eventOrder[eventName];
        if (!order) {
          return missingOrderError(eventName, tuples);
        } else {
          return sortKeys("Event: " + eventName, "name", tuples, order).map(function(sortedTuples) {
            var handlers2 = map$2(sortedTuples, function(tuple) {
              return tuple.handler;
            });
            return fuse$1(handlers2);
          });
        }
      };
      var combineGroups = function(byEventName, eventOrder) {
        var r2 = mapToArray(byEventName, function(tuples, eventName) {
          var combined = tuples.length === 1 ? Result.value(tuples[0].handler) : fuse(tuples, eventOrder, eventName);
          return combined.map(function(handler) {
            var assembled = assemble(handler);
            var purpose = tuples.length > 1 ? filter$2(eventOrder[eventName], function(o) {
              return exists(tuples, function(t2) {
                return t2.name === o;
              });
            }).join(" > ") : tuples[0].name;
            return wrap$1(eventName, uncurried(assembled, purpose));
          });
        });
        return consolidate(r2, {});
      };
      var _a$2;
      var baseBehaviour = "alloy.base.behaviour";
      var schema$z = objOf([
        field$1("dom", "dom", required$2(), objOf([
          required$1("tag"),
          defaulted("styles", {}),
          defaulted("classes", []),
          defaulted("attributes", {}),
          option("value"),
          option("innerHtml")
        ])),
        required$1("components"),
        required$1("uid"),
        defaulted("events", {}),
        defaulted("apis", {}),
        field$1("eventOrder", "eventOrder", mergeWith((_a$2 = {}, _a$2[execute$5()] = [
          "disabling",
          baseBehaviour,
          "toggling",
          "typeaheadevents"
        ], _a$2[focus$4()] = [
          baseBehaviour,
          "focusing",
          "keying"
        ], _a$2[systemInit()] = [
          baseBehaviour,
          "disabling",
          "toggling",
          "representing"
        ], _a$2[input()] = [
          baseBehaviour,
          "representing",
          "streaming",
          "invalidating"
        ], _a$2[detachedFromDom()] = [
          baseBehaviour,
          "representing",
          "item-events",
          "tooltipping"
        ], _a$2[mousedown()] = [
          "focusing",
          baseBehaviour,
          "item-type-events"
        ], _a$2[touchstart()] = [
          "focusing",
          baseBehaviour,
          "item-type-events"
        ], _a$2[mouseover()] = [
          "item-type-events",
          "tooltipping"
        ], _a$2[receive()] = [
          "receiving",
          "reflecting",
          "tooltipping"
        ], _a$2)), anyValue()),
        option("domModification")
      ]);
      var toInfo = function(spec) {
        return asRaw("custom.definition", schema$z, spec);
      };
      var toDefinition = function(detail) {
        return __assign(__assign({}, detail.dom), {
          uid: detail.uid,
          domChildren: map$2(detail.components, function(comp) {
            return comp.element;
          })
        });
      };
      var toModification = function(detail) {
        return detail.domModification.fold(function() {
          return nu$7({});
        }, nu$7);
      };
      var toEvents = function(info) {
        return info.events;
      };
      var read = function(element2, attr) {
        var value2 = get$d(element2, attr);
        return value2 === void 0 || value2 === "" ? [] : value2.split(" ");
      };
      var add$4 = function(element2, attr, id) {
        var old = read(element2, attr);
        var nu2 = old.concat([id]);
        set$8(element2, attr, nu2.join(" "));
        return true;
      };
      var remove$4 = function(element2, attr, id) {
        var nu2 = filter$2(read(element2, attr), function(v) {
          return v !== id;
        });
        if (nu2.length > 0) {
          set$8(element2, attr, nu2.join(" "));
        } else {
          remove$7(element2, attr);
        }
        return false;
      };
      var supports = function(element2) {
        return element2.dom.classList !== void 0;
      };
      var get$6 = function(element2) {
        return read(element2, "class");
      };
      var add$3 = function(element2, clazz) {
        return add$4(element2, "class", clazz);
      };
      var remove$3 = function(element2, clazz) {
        return remove$4(element2, "class", clazz);
      };
      var add$2 = function(element2, clazz) {
        if (supports(element2)) {
          element2.dom.classList.add(clazz);
        } else {
          add$3(element2, clazz);
        }
      };
      var cleanClass = function(element2) {
        var classList = supports(element2) ? element2.dom.classList : get$6(element2);
        if (classList.length === 0) {
          remove$7(element2, "class");
        }
      };
      var remove$2 = function(element2, clazz) {
        if (supports(element2)) {
          var classList = element2.dom.classList;
          classList.remove(clazz);
        } else {
          remove$3(element2, clazz);
        }
        cleanClass(element2);
      };
      var has = function(element2, clazz) {
        return supports(element2) && element2.dom.classList.contains(clazz);
      };
      var add$1 = function(element2, classes2) {
        each$1(classes2, function(x) {
          add$2(element2, x);
        });
      };
      var remove$1 = function(element2, classes2) {
        each$1(classes2, function(x) {
          remove$2(element2, x);
        });
      };
      var hasAll = function(element2, classes2) {
        return forall(classes2, function(clazz) {
          return has(element2, clazz);
        });
      };
      var get$5 = function(element2) {
        return element2.dom.value;
      };
      var set$4 = function(element2, value2) {
        if (value2 === void 0) {
          throw new Error("Value.set was undefined");
        }
        element2.dom.value = value2;
      };
      var renderToDom = function(definition) {
        var subject = SugarElement.fromTag(definition.tag);
        setAll$1(subject, definition.attributes);
        add$1(subject, definition.classes);
        setAll(subject, definition.styles);
        definition.innerHtml.each(function(html) {
          return set$5(subject, html);
        });
        var children2 = definition.domChildren;
        append$1(subject, children2);
        definition.value.each(function(value2) {
          set$4(subject, value2);
        });
        if (!definition.uid) {
          debugger;
        }
        writeOnly(subject, definition.uid);
        return subject;
      };
      var getBehaviours$2 = function(spec) {
        var behaviours2 = get$e(spec, "behaviours").getOr({});
        return bind$3(keys(behaviours2), function(name2) {
          var behaviour = behaviours2[name2];
          return isNonNullable(behaviour) ? [behaviour.me] : [];
        });
      };
      var generateFrom = function(spec, all2) {
        return generateFrom$1(spec, all2);
      };
      var generate$4 = function(spec) {
        var all2 = getBehaviours$2(spec);
        return generateFrom(spec, all2);
      };
      var getDomDefinition = function(info, bList, bData) {
        var definition = toDefinition(info);
        var infoModification = toModification(info);
        var baseModification = { "alloy.base.modification": infoModification };
        var modification = bList.length > 0 ? combine$2(bData, baseModification, bList, definition) : infoModification;
        return merge(definition, modification);
      };
      var getEvents = function(info, bList, bData) {
        var baseEvents = { "alloy.base.behaviour": toEvents(info) };
        return combine$1(bData, info.eventOrder, bList, baseEvents).getOrDie();
      };
      var build$2 = function(spec) {
        var getMe = function() {
          return me;
        };
        var systemApi = Cell(singleton$1);
        var info = getOrDie(toInfo(spec));
        var bBlob = generate$4(spec);
        var bList = getBehaviours$3(bBlob);
        var bData = getData$2(bBlob);
        var modDefinition = getDomDefinition(info, bList, bData);
        var item2 = renderToDom(modDefinition);
        var events2 = getEvents(info, bList, bData);
        var subcomponents = Cell(info.components);
        var connect = function(newApi) {
          systemApi.set(newApi);
        };
        var disconnect = function() {
          systemApi.set(NoContextApi(getMe));
        };
        var syncComponents = function() {
          var children$1 = children(item2);
          var subs2 = bind$3(children$1, function(child2) {
            return systemApi.get().getByDom(child2).fold(function() {
              return [];
            }, pure$2);
          });
          subcomponents.set(subs2);
        };
        var config2 = function(behaviour) {
          var b2 = bData;
          var f = isFunction(b2[behaviour.name()]) ? b2[behaviour.name()] : function() {
            throw new Error("Could not find " + behaviour.name() + " in " + JSON.stringify(spec, null, 2));
          };
          return f();
        };
        var hasConfigured = function(behaviour) {
          return isFunction(bData[behaviour.name()]);
        };
        var getApis = function() {
          return info.apis;
        };
        var readState = function(behaviourName) {
          return bData[behaviourName]().map(function(b2) {
            return b2.state.readState();
          }).getOr("not enabled");
        };
        var me = {
          uid: spec.uid,
          getSystem: systemApi.get,
          config: config2,
          hasConfigured,
          spec,
          readState,
          getApis,
          connect,
          disconnect,
          element: item2,
          syncComponents,
          components: subcomponents.get,
          events: events2
        };
        return me;
      };
      var buildSubcomponents = function(spec) {
        var components2 = get$e(spec, "components").getOr([]);
        return map$2(components2, build$1);
      };
      var buildFromSpec = function(userSpec) {
        var _a2 = make$8(userSpec), specEvents = _a2.events, spec = __rest(_a2, ["events"]);
        var components2 = buildSubcomponents(spec);
        var completeSpec = __assign(__assign({}, spec), {
          events: __assign(__assign({}, DefaultEvents), specEvents),
          components: components2
        });
        return Result.value(build$2(completeSpec));
      };
      var text = function(textContent) {
        var element2 = SugarElement.fromText(textContent);
        return external$2({ element: element2 });
      };
      var external$2 = function(spec) {
        var extSpec = asRawOrDie$1("external.component", objOfOnly([
          required$1("element"),
          option("uid")
        ]), spec);
        var systemApi = Cell(NoContextApi());
        var connect = function(newApi) {
          systemApi.set(newApi);
        };
        var disconnect = function() {
          systemApi.set(NoContextApi(function() {
            return me;
          }));
        };
        var uid = extSpec.uid.getOrThunk(function() {
          return generate$5("external");
        });
        writeOnly(extSpec.element, uid);
        var me = {
          uid,
          getSystem: systemApi.get,
          config: Optional.none,
          hasConfigured: never,
          connect,
          disconnect,
          getApis: function() {
            return {};
          },
          element: extSpec.element,
          spec,
          readState: constant$1("No state"),
          syncComponents: noop,
          components: constant$1([]),
          events: {}
        };
        return premade$1(me);
      };
      var uids = generate$5;
      var isSketchSpec$1 = function(spec) {
        return has$2(spec, "uid");
      };
      var build$1 = function(spec) {
        return getPremade(spec).getOrThunk(function() {
          var userSpecWithUid = isSketchSpec$1(spec) ? spec : __assign({ uid: uids("") }, spec);
          return buildFromSpec(userSpecWithUid).getOrDie();
        });
      };
      var premade = premade$1;
      function ClosestOrAncestor(is2, ancestor2, scope, a, isRoot) {
        if (is2(scope, a)) {
          return Optional.some(scope);
        } else if (isFunction(isRoot) && isRoot(scope)) {
          return Optional.none();
        } else {
          return ancestor2(scope, a, isRoot);
        }
      }
      var ancestor$1 = function(scope, predicate, isRoot) {
        var element2 = scope.dom;
        var stop2 = isFunction(isRoot) ? isRoot : never;
        while (element2.parentNode) {
          element2 = element2.parentNode;
          var el = SugarElement.fromDom(element2);
          if (predicate(el)) {
            return Optional.some(el);
          } else if (stop2(el)) {
            break;
          }
        }
        return Optional.none();
      };
      var closest$3 = function(scope, predicate, isRoot) {
        var is2 = function(s, test) {
          return test(s);
        };
        return ClosestOrAncestor(is2, ancestor$1, scope, predicate, isRoot);
      };
      var child$1 = function(scope, predicate) {
        var pred = function(node) {
          return predicate(SugarElement.fromDom(node));
        };
        var result = find$5(scope.dom.childNodes, pred);
        return result.map(SugarElement.fromDom);
      };
      var descendant$1 = function(scope, predicate) {
        var descend = function(node) {
          for (var i = 0; i < node.childNodes.length; i++) {
            var child_1 = SugarElement.fromDom(node.childNodes[i]);
            if (predicate(child_1)) {
              return Optional.some(child_1);
            }
            var res = descend(node.childNodes[i]);
            if (res.isSome()) {
              return res;
            }
          }
          return Optional.none();
        };
        return descend(scope.dom);
      };
      var closest$2 = function(scope, predicate, isRoot) {
        return closest$3(scope, predicate, isRoot).isSome();
      };
      var ancestor = function(scope, selector, isRoot) {
        return ancestor$1(scope, function(e) {
          return is(e, selector);
        }, isRoot);
      };
      var child = function(scope, selector) {
        return child$1(scope, function(e) {
          return is(e, selector);
        });
      };
      var descendant = function(scope, selector) {
        return one(selector, scope);
      };
      var closest$1 = function(scope, selector, isRoot) {
        var is$12 = function(element2, selector2) {
          return is(element2, selector2);
        };
        return ClosestOrAncestor(is$12, ancestor, scope, selector, isRoot);
      };
      var find$1 = function(queryElem) {
        var dependent = closest$3(queryElem, function(elem) {
          if (!isElement$2(elem)) {
            return false;
          }
          var id = get$d(elem, "id");
          return id !== void 0 && id.indexOf("aria-owns") > -1;
        });
        return dependent.bind(function(dep) {
          var id = get$d(dep, "id");
          var dos = getRootNode(dep);
          return descendant(dos, '[aria-owns="' + id + '"]');
        });
      };
      var manager = function() {
        var ariaId = generate$6("aria-owns");
        var link = function(elem) {
          set$8(elem, "aria-owns", ariaId);
        };
        var unlink = function(elem) {
          remove$7(elem, "aria-owns");
        };
        return {
          id: ariaId,
          link,
          unlink
        };
      };
      var isAriaPartOf = function(component, queryElem) {
        return find$1(queryElem).exists(function(owner2) {
          return isPartOf$1(component, owner2);
        });
      };
      var isPartOf$1 = function(component, queryElem) {
        return closest$2(queryElem, function(el) {
          return eq(el, component.element);
        }, never) || isAriaPartOf(component, queryElem);
      };
      var unknown = "unknown";
      var EventConfiguration;
      (function(EventConfiguration2) {
        EventConfiguration2[EventConfiguration2["STOP"] = 0] = "STOP";
        EventConfiguration2[EventConfiguration2["NORMAL"] = 1] = "NORMAL";
        EventConfiguration2[EventConfiguration2["LOGGING"] = 2] = "LOGGING";
      })(EventConfiguration || (EventConfiguration = {}));
      var eventConfig = Cell({});
      var makeEventLogger = function(eventName, initialTarget) {
        var sequence2 = [];
        var startTime = new Date().getTime();
        return {
          logEventCut: function(_name, target, purpose) {
            sequence2.push({
              outcome: "cut",
              target,
              purpose
            });
          },
          logEventStopped: function(_name, target, purpose) {
            sequence2.push({
              outcome: "stopped",
              target,
              purpose
            });
          },
          logNoParent: function(_name, target, purpose) {
            sequence2.push({
              outcome: "no-parent",
              target,
              purpose
            });
          },
          logEventNoHandlers: function(_name, target) {
            sequence2.push({
              outcome: "no-handlers-left",
              target
            });
          },
          logEventResponse: function(_name, target, purpose) {
            sequence2.push({
              outcome: "response",
              purpose,
              target
            });
          },
          write: function() {
            var finishTime = new Date().getTime();
            if (contains$2([
              "mousemove",
              "mouseover",
              "mouseout",
              systemInit()
            ], eventName)) {
              return;
            }
            console.log(eventName, {
              event: eventName,
              time: finishTime - startTime,
              target: initialTarget.dom,
              sequence: map$2(sequence2, function(s) {
                if (!contains$2([
                  "cut",
                  "stopped",
                  "response"
                ], s.outcome)) {
                  return s.outcome;
                } else {
                  return "{" + s.purpose + "} " + s.outcome + " at (" + element(s.target) + ")";
                }
              })
            });
          }
        };
      };
      var processEvent = function(eventName, initialTarget, f) {
        var status = get$e(eventConfig.get(), eventName).orThunk(function() {
          var patterns = keys(eventConfig.get());
          return findMap(patterns, function(p) {
            return eventName.indexOf(p) > -1 ? Optional.some(eventConfig.get()[p]) : Optional.none();
          });
        }).getOr(EventConfiguration.NORMAL);
        switch (status) {
          case EventConfiguration.NORMAL:
            return f(noLogger());
          case EventConfiguration.LOGGING: {
            var logger = makeEventLogger(eventName, initialTarget);
            var output2 = f(logger);
            logger.write();
            return output2;
          }
          case EventConfiguration.STOP:
            return true;
        }
      };
      var path = [
        "alloy/data/Fields",
        "alloy/debugging/Debugging"
      ];
      var getTrace = function() {
        var err = new Error();
        if (err.stack !== void 0) {
          var lines = err.stack.split("\n");
          return find$5(lines, function(line) {
            return line.indexOf("alloy") > 0 && !exists(path, function(p) {
              return line.indexOf(p) > -1;
            });
          }).getOr(unknown);
        } else {
          return unknown;
        }
      };
      var ignoreEvent = {
        logEventCut: noop,
        logEventStopped: noop,
        logNoParent: noop,
        logEventNoHandlers: noop,
        logEventResponse: noop,
        write: noop
      };
      var monitorEvent = function(eventName, initialTarget, f) {
        return processEvent(eventName, initialTarget, f);
      };
      var noLogger = constant$1(ignoreEvent);
      var menuFields = constant$1([
        required$1("menu"),
        required$1("selectedMenu")
      ]);
      var itemFields = constant$1([
        required$1("item"),
        required$1("selectedItem")
      ]);
      constant$1(objOf(itemFields().concat(menuFields())));
      var itemSchema$3 = constant$1(objOf(itemFields()));
      var _initSize = requiredObjOf("initSize", [
        required$1("numColumns"),
        required$1("numRows")
      ]);
      var itemMarkers = function() {
        return requiredOf("markers", itemSchema$3());
      };
      var tieredMenuMarkers = function() {
        return requiredObjOf("markers", [required$1("backgroundMenu")].concat(menuFields()).concat(itemFields()));
      };
      var markers$1 = function(required2) {
        return requiredObjOf("markers", map$2(required2, required$1));
      };
      var onPresenceHandler = function(label, fieldName, presence) {
        getTrace();
        return field$1(fieldName, fieldName, presence, valueOf(function(f) {
          return Result.value(function() {
            var args = [];
            for (var _i = 0; _i < arguments.length; _i++) {
              args[_i] = arguments[_i];
            }
            return f.apply(void 0, args);
          });
        }));
      };
      var onHandler = function(fieldName) {
        return onPresenceHandler("onHandler", fieldName, defaulted$1(noop));
      };
      var onKeyboardHandler = function(fieldName) {
        return onPresenceHandler("onKeyboardHandler", fieldName, defaulted$1(Optional.none));
      };
      var onStrictHandler = function(fieldName) {
        return onPresenceHandler("onHandler", fieldName, required$2());
      };
      var onStrictKeyboardHandler = function(fieldName) {
        return onPresenceHandler("onKeyboardHandler", fieldName, required$2());
      };
      var output$1 = function(name2, value2) {
        return customField(name2, constant$1(value2));
      };
      var snapshot = function(name2) {
        return customField(name2, identity$1);
      };
      var initSize = constant$1(_initSize);
      var nu$6 = function(x, y, bubble, direction, placement2, boundsRestriction2, labelPrefix2, alwaysFit) {
        if (alwaysFit === void 0) {
          alwaysFit = false;
        }
        return {
          x,
          y,
          bubble,
          direction,
          placement: placement2,
          restriction: boundsRestriction2,
          label: labelPrefix2 + "-" + placement2,
          alwaysFit
        };
      };
      var adt$a = Adt.generate([
        { southeast: [] },
        { southwest: [] },
        { northeast: [] },
        { northwest: [] },
        { south: [] },
        { north: [] },
        { east: [] },
        { west: [] }
      ]);
      var cata$2 = function(subject, southeast2, southwest2, northeast2, northwest2, south2, north2, east2, west2) {
        return subject.fold(southeast2, southwest2, northeast2, northwest2, south2, north2, east2, west2);
      };
      var cataVertical = function(subject, south2, middle, north2) {
        return subject.fold(south2, south2, north2, north2, south2, north2, middle, middle);
      };
      var cataHorizontal = function(subject, east2, middle, west2) {
        return subject.fold(east2, west2, east2, west2, middle, middle, east2, west2);
      };
      var southeast$3 = adt$a.southeast;
      var southwest$3 = adt$a.southwest;
      var northeast$3 = adt$a.northeast;
      var northwest$3 = adt$a.northwest;
      var south$3 = adt$a.south;
      var north$3 = adt$a.north;
      var east$3 = adt$a.east;
      var west$3 = adt$a.west;
      var cycleBy = function(value2, delta, min2, max2) {
        var r2 = value2 + delta;
        if (r2 > max2) {
          return min2;
        } else if (r2 < min2) {
          return max2;
        } else {
          return r2;
        }
      };
      var clamp$1 = function(value2, min2, max2) {
        return Math.min(Math.max(value2, min2), max2);
      };
      var getRestriction = function(anchor2, restriction) {
        switch (restriction) {
          case 1:
            return anchor2.x;
          case 0:
            return anchor2.x + anchor2.width;
          case 2:
            return anchor2.y;
          case 3:
            return anchor2.y + anchor2.height;
        }
      };
      var boundsRestriction = function(anchor2, restrictions) {
        return mapToObject([
          "left",
          "right",
          "top",
          "bottom"
        ], function(dir) {
          return get$e(restrictions, dir).map(function(restriction) {
            return getRestriction(anchor2, restriction);
          });
        });
      };
      var adjustBounds = function(bounds$12, restriction, bubbleOffset) {
        var applyRestriction = function(dir, current) {
          return restriction[dir].map(function(pos) {
            var isVerticalAxis = dir === "top" || dir === "bottom";
            var offset2 = isVerticalAxis ? bubbleOffset.top : bubbleOffset.left;
            var comparator = dir === "left" || dir === "top" ? Math.max : Math.min;
            var newPos = comparator(pos, current) + offset2;
            return isVerticalAxis ? clamp$1(newPos, bounds$12.y, bounds$12.bottom) : clamp$1(newPos, bounds$12.x, bounds$12.right);
          }).getOr(current);
        };
        var adjustedLeft = applyRestriction("left", bounds$12.x);
        var adjustedTop = applyRestriction("top", bounds$12.y);
        var adjustedRight = applyRestriction("right", bounds$12.right);
        var adjustedBottom = applyRestriction("bottom", bounds$12.bottom);
        return bounds(adjustedLeft, adjustedTop, adjustedRight - adjustedLeft, adjustedBottom - adjustedTop);
      };
      var labelPrefix$2 = "layout";
      var eastX$1 = function(anchor2) {
        return anchor2.x;
      };
      var middleX$1 = function(anchor2, element2) {
        return anchor2.x + anchor2.width / 2 - element2.width / 2;
      };
      var westX$1 = function(anchor2, element2) {
        return anchor2.x + anchor2.width - element2.width;
      };
      var northY$2 = function(anchor2, element2) {
        return anchor2.y - element2.height;
      };
      var southY$2 = function(anchor2) {
        return anchor2.y + anchor2.height;
      };
      var centreY$1 = function(anchor2, element2) {
        return anchor2.y + anchor2.height / 2 - element2.height / 2;
      };
      var eastEdgeX$1 = function(anchor2) {
        return anchor2.x + anchor2.width;
      };
      var westEdgeX$1 = function(anchor2, element2) {
        return anchor2.x - element2.width;
      };
      var southeast$2 = function(anchor2, element2, bubbles) {
        return nu$6(eastX$1(anchor2), southY$2(anchor2), bubbles.southeast(), southeast$3(), "southeast", boundsRestriction(anchor2, {
          left: 1,
          top: 3
        }), labelPrefix$2);
      };
      var southwest$2 = function(anchor2, element2, bubbles) {
        return nu$6(westX$1(anchor2, element2), southY$2(anchor2), bubbles.southwest(), southwest$3(), "southwest", boundsRestriction(anchor2, {
          right: 0,
          top: 3
        }), labelPrefix$2);
      };
      var northeast$2 = function(anchor2, element2, bubbles) {
        return nu$6(eastX$1(anchor2), northY$2(anchor2, element2), bubbles.northeast(), northeast$3(), "northeast", boundsRestriction(anchor2, {
          left: 1,
          bottom: 2
        }), labelPrefix$2);
      };
      var northwest$2 = function(anchor2, element2, bubbles) {
        return nu$6(westX$1(anchor2, element2), northY$2(anchor2, element2), bubbles.northwest(), northwest$3(), "northwest", boundsRestriction(anchor2, {
          right: 0,
          bottom: 2
        }), labelPrefix$2);
      };
      var north$2 = function(anchor2, element2, bubbles) {
        return nu$6(middleX$1(anchor2, element2), northY$2(anchor2, element2), bubbles.north(), north$3(), "north", boundsRestriction(anchor2, { bottom: 2 }), labelPrefix$2);
      };
      var south$2 = function(anchor2, element2, bubbles) {
        return nu$6(middleX$1(anchor2, element2), southY$2(anchor2), bubbles.south(), south$3(), "south", boundsRestriction(anchor2, { top: 3 }), labelPrefix$2);
      };
      var east$2 = function(anchor2, element2, bubbles) {
        return nu$6(eastEdgeX$1(anchor2), centreY$1(anchor2, element2), bubbles.east(), east$3(), "east", boundsRestriction(anchor2, { left: 0 }), labelPrefix$2);
      };
      var west$2 = function(anchor2, element2, bubbles) {
        return nu$6(westEdgeX$1(anchor2, element2), centreY$1(anchor2, element2), bubbles.west(), west$3(), "west", boundsRestriction(anchor2, { right: 1 }), labelPrefix$2);
      };
      var all$1 = function() {
        return [
          southeast$2,
          southwest$2,
          northeast$2,
          northwest$2,
          south$2,
          north$2,
          east$2,
          west$2
        ];
      };
      var allRtl$1 = function() {
        return [
          southwest$2,
          southeast$2,
          northwest$2,
          northeast$2,
          south$2,
          north$2,
          east$2,
          west$2
        ];
      };
      var aboveOrBelow = function() {
        return [
          northeast$2,
          northwest$2,
          southeast$2,
          southwest$2,
          north$2,
          south$2
        ];
      };
      var aboveOrBelowRtl = function() {
        return [
          northwest$2,
          northeast$2,
          southwest$2,
          southeast$2,
          north$2,
          south$2
        ];
      };
      var belowOrAbove = function() {
        return [
          southeast$2,
          southwest$2,
          northeast$2,
          northwest$2,
          south$2,
          north$2
        ];
      };
      var belowOrAboveRtl = function() {
        return [
          southwest$2,
          southeast$2,
          northwest$2,
          northeast$2,
          south$2,
          north$2
        ];
      };
      var chooseChannels = function(channels, message) {
        return message.universal ? channels : filter$2(channels, function(ch) {
          return contains$2(message.channels, ch);
        });
      };
      var events$h = function(receiveConfig) {
        return derive$2([run$1(receive(), function(component, message) {
          var channelMap = receiveConfig.channels;
          var channels = keys(channelMap);
          var receivingData = message;
          var targetChannels = chooseChannels(channels, receivingData);
          each$1(targetChannels, function(ch) {
            var channelInfo = channelMap[ch];
            var channelSchema = channelInfo.schema;
            var data = asRawOrDie$1("channel[" + ch + "] data\nReceiver: " + element(component.element), channelSchema, receivingData.data);
            channelInfo.onReceive(component, data);
          });
        })]);
      };
      var ActiveReceiving = Object.freeze({
        __proto__: null,
        events: events$h
      });
      var ReceivingSchema = [requiredOf("channels", setOf(Result.value, objOfOnly([
        onStrictHandler("onReceive"),
        defaulted("schema", anyValue())
      ])))];
      var executeEvent = function(bConfig, bState, executor) {
        return runOnExecute$1(function(component) {
          executor(component, bConfig, bState);
        });
      };
      var loadEvent = function(bConfig, bState, f) {
        return runOnInit(function(component, _simulatedEvent) {
          f(component, bConfig, bState);
        });
      };
      var create$8 = function(schema2, name2, active2, apis, extra, state) {
        var configSchema = objOfOnly(schema2);
        var schemaSchema = optionObjOf(name2, [optionObjOfOnly("config", schema2)]);
        return doCreate(configSchema, schemaSchema, name2, active2, apis, extra, state);
      };
      var createModes$1 = function(modes, name2, active2, apis, extra, state) {
        var configSchema = modes;
        var schemaSchema = optionObjOf(name2, [optionOf("config", modes)]);
        return doCreate(configSchema, schemaSchema, name2, active2, apis, extra, state);
      };
      var wrapApi = function(bName, apiFunction, apiName) {
        var f = function(component) {
          var rest = [];
          for (var _i = 1; _i < arguments.length; _i++) {
            rest[_i - 1] = arguments[_i];
          }
          var args = [component].concat(rest);
          return component.config({ name: constant$1(bName) }).fold(function() {
            throw new Error("We could not find any behaviour configuration for: " + bName + ". Using API: " + apiName);
          }, function(info) {
            var rest2 = Array.prototype.slice.call(args, 1);
            return apiFunction.apply(void 0, [
              component,
              info.config,
              info.state
            ].concat(rest2));
          });
        };
        return markAsBehaviourApi(f, apiName, apiFunction);
      };
      var revokeBehaviour = function(name2) {
        return {
          key: name2,
          value: void 0
        };
      };
      var doCreate = function(configSchema, schemaSchema, name2, active2, apis, extra, state) {
        var getConfig = function(info) {
          return hasNonNullableKey(info, name2) ? info[name2]() : Optional.none();
        };
        var wrappedApis = map$1(apis, function(apiF, apiName) {
          return wrapApi(name2, apiF, apiName);
        });
        var wrappedExtra = map$1(extra, function(extraF, extraName) {
          return markAsExtraApi(extraF, extraName);
        });
        var me = __assign(__assign(__assign({}, wrappedExtra), wrappedApis), {
          revoke: curry(revokeBehaviour, name2),
          config: function(spec) {
            var prepared = asRawOrDie$1(name2 + "-config", configSchema, spec);
            return {
              key: name2,
              value: {
                config: prepared,
                me,
                configAsRaw: cached(function() {
                  return asRawOrDie$1(name2 + "-config", configSchema, spec);
                }),
                initialConfig: spec,
                state
              }
            };
          },
          schema: constant$1(schemaSchema),
          exhibit: function(info, base2) {
            return lift2(getConfig(info), get$e(active2, "exhibit"), function(behaviourInfo, exhibitor) {
              return exhibitor(base2, behaviourInfo.config, behaviourInfo.state);
            }).getOrThunk(function() {
              return nu$7({});
            });
          },
          name: constant$1(name2),
          handlers: function(info) {
            return getConfig(info).map(function(behaviourInfo) {
              var getEvents2 = get$e(active2, "events").getOr(function() {
                return {};
              });
              return getEvents2(behaviourInfo.config, behaviourInfo.state);
            }).getOr({});
          }
        });
        return me;
      };
      var derive$1 = function(capabilities) {
        return wrapAll(capabilities);
      };
      var simpleSchema = objOfOnly([
        required$1("fields"),
        required$1("name"),
        defaulted("active", {}),
        defaulted("apis", {}),
        defaulted("state", NoState),
        defaulted("extra", {})
      ]);
      var create$7 = function(data) {
        var value2 = asRawOrDie$1("Creating behaviour: " + data.name, simpleSchema, data);
        return create$8(value2.fields, value2.name, value2.active, value2.apis, value2.extra, value2.state);
      };
      var modeSchema = objOfOnly([
        required$1("branchKey"),
        required$1("branches"),
        required$1("name"),
        defaulted("active", {}),
        defaulted("apis", {}),
        defaulted("state", NoState),
        defaulted("extra", {})
      ]);
      var createModes = function(data) {
        var value2 = asRawOrDie$1("Creating behaviour: " + data.name, modeSchema, data);
        return createModes$1(choose$1(value2.branchKey, value2.branches), value2.name, value2.active, value2.apis, value2.extra, value2.state);
      };
      var revoke = constant$1(void 0);
      var Receiving = create$7({
        fields: ReceivingSchema,
        name: "receiving",
        active: ActiveReceiving
      });
      var exhibit$6 = function(base2, posConfig) {
        return nu$7({
          classes: [],
          styles: posConfig.useFixed() ? {} : { position: "relative" }
        });
      };
      var ActivePosition = Object.freeze({
        __proto__: null,
        exhibit: exhibit$6
      });
      var getDocument = function() {
        return SugarElement.fromDom(document);
      };
      var focus$3 = function(element2) {
        return element2.dom.focus();
      };
      var blur$1 = function(element2) {
        return element2.dom.blur();
      };
      var hasFocus = function(element2) {
        var root = getRootNode(element2).dom;
        return element2.dom === root.activeElement;
      };
      var active = function(root) {
        if (root === void 0) {
          root = getDocument();
        }
        return Optional.from(root.dom.activeElement).map(SugarElement.fromDom);
      };
      var search = function(element2) {
        return active(getRootNode(element2)).filter(function(e) {
          return element2.dom.contains(e.dom);
        });
      };
      var preserve$1 = function(f, container) {
        var dos = getRootNode(container);
        var refocus = active(dos).bind(function(focused) {
          var hasFocus2 = function(elem) {
            return eq(focused, elem);
          };
          return hasFocus2(container) ? Optional.some(container) : descendant$1(container, hasFocus2);
        });
        var result = f(container);
        refocus.each(function(oldFocus) {
          active(dos).filter(function(newFocus) {
            return eq(newFocus, oldFocus);
          }).fold(function() {
            focus$3(oldFocus);
          }, noop);
        });
        return result;
      };
      var NuPositionCss = function(position2, left2, top2, right2, bottom2) {
        var toPx = function(num) {
          return num + "px";
        };
        return {
          position: position2,
          left: left2.map(toPx),
          top: top2.map(toPx),
          right: right2.map(toPx),
          bottom: bottom2.map(toPx)
        };
      };
      var toOptions = function(position2) {
        return __assign(__assign({}, position2), { position: Optional.some(position2.position) });
      };
      var applyPositionCss = function(element2, position2) {
        setOptions(element2, toOptions(position2));
      };
      var adt$9 = Adt.generate([
        { none: [] },
        {
          relative: [
            "x",
            "y",
            "width",
            "height"
          ]
        },
        {
          fixed: [
            "x",
            "y",
            "width",
            "height"
          ]
        }
      ]);
      var positionWithDirection = function(posName, decision, x, y, width2, height2) {
        var decisionRect = decision.rect;
        var decisionX = decisionRect.x - x;
        var decisionY = decisionRect.y - y;
        var decisionWidth = decisionRect.width;
        var decisionHeight = decisionRect.height;
        var decisionRight = width2 - (decisionX + decisionWidth);
        var decisionBottom = height2 - (decisionY + decisionHeight);
        var left2 = Optional.some(decisionX);
        var top2 = Optional.some(decisionY);
        var right2 = Optional.some(decisionRight);
        var bottom2 = Optional.some(decisionBottom);
        var none2 = Optional.none();
        return cata$2(decision.direction, function() {
          return NuPositionCss(posName, left2, top2, none2, none2);
        }, function() {
          return NuPositionCss(posName, none2, top2, right2, none2);
        }, function() {
          return NuPositionCss(posName, left2, none2, none2, bottom2);
        }, function() {
          return NuPositionCss(posName, none2, none2, right2, bottom2);
        }, function() {
          return NuPositionCss(posName, left2, top2, none2, none2);
        }, function() {
          return NuPositionCss(posName, left2, none2, none2, bottom2);
        }, function() {
          return NuPositionCss(posName, left2, top2, none2, none2);
        }, function() {
          return NuPositionCss(posName, none2, top2, right2, none2);
        });
      };
      var reposition = function(origin, decision) {
        return origin.fold(function() {
          var decisionRect = decision.rect;
          return NuPositionCss("absolute", Optional.some(decisionRect.x), Optional.some(decisionRect.y), Optional.none(), Optional.none());
        }, function(x, y, width2, height2) {
          return positionWithDirection("absolute", decision, x, y, width2, height2);
        }, function(x, y, width2, height2) {
          return positionWithDirection("fixed", decision, x, y, width2, height2);
        });
      };
      var toBox = function(origin, element2) {
        var rel = curry(find$2, element2);
        var position2 = origin.fold(rel, rel, function() {
          var scroll = get$9();
          return find$2(element2).translate(-scroll.left, -scroll.top);
        });
        var width2 = getOuter$1(element2);
        var height2 = getOuter$2(element2);
        return bounds(position2.left, position2.top, width2, height2);
      };
      var viewport = function(origin, getBounds2) {
        return getBounds2.fold(function() {
          return origin.fold(win, win, bounds);
        }, function(b2) {
          return origin.fold(b2, b2, function() {
            var bounds$12 = b2();
            var pos = translate$2(origin, bounds$12.x, bounds$12.y);
            return bounds(pos.left, pos.top, bounds$12.width, bounds$12.height);
          });
        });
      };
      var translate$2 = function(origin, x, y) {
        var pos = SugarPosition(x, y);
        var removeScroll = function() {
          var outerScroll = get$9();
          return pos.translate(-outerScroll.left, -outerScroll.top);
        };
        return origin.fold(constant$1(pos), constant$1(pos), removeScroll);
      };
      var cata$1 = function(subject, onNone, onRelative, onFixed) {
        return subject.fold(onNone, onRelative, onFixed);
      };
      adt$9.none;
      var relative$1 = adt$9.relative;
      var fixed$1 = adt$9.fixed;
      var anchor = function(anchorBox, origin) {
        return {
          anchorBox,
          origin
        };
      };
      var box = function(anchorBox, origin) {
        return anchor(anchorBox, origin);
      };
      var placementAttribute = "data-alloy-placement";
      var setPlacement$1 = function(element2, placement2) {
        set$8(element2, placementAttribute, placement2);
      };
      var getPlacement = function(element2) {
        return getOpt(element2, placementAttribute);
      };
      var reset$2 = function(element2) {
        return remove$7(element2, placementAttribute);
      };
      var adt$8 = Adt.generate([
        { fit: ["reposition"] },
        {
          nofit: [
            "reposition",
            "visibleW",
            "visibleH",
            "isVisible"
          ]
        }
      ]);
      var determinePosition = function(box2, bounds2) {
        var boundsX = bounds2.x, boundsY = bounds2.y, boundsRight = bounds2.right, boundsBottom = bounds2.bottom;
        var x = box2.x, y = box2.y, right2 = box2.right, bottom2 = box2.bottom, width2 = box2.width, height2 = box2.height;
        var xInBounds = x >= boundsX && x <= boundsRight;
        var yInBounds = y >= boundsY && y <= boundsBottom;
        var originInBounds = xInBounds && yInBounds;
        var rightInBounds = right2 <= boundsRight && right2 >= boundsX;
        var bottomInBounds = bottom2 <= boundsBottom && bottom2 >= boundsY;
        var sizeInBounds = rightInBounds && bottomInBounds;
        var visibleW = Math.min(width2, x >= boundsX ? boundsRight - x : right2 - boundsX);
        var visibleH = Math.min(height2, y >= boundsY ? boundsBottom - y : bottom2 - boundsY);
        return {
          originInBounds,
          sizeInBounds,
          visibleW,
          visibleH
        };
      };
      var calcReposition = function(box2, bounds$12) {
        var boundsX = bounds$12.x, boundsY = bounds$12.y, boundsRight = bounds$12.right, boundsBottom = bounds$12.bottom;
        var x = box2.x, y = box2.y, width2 = box2.width, height2 = box2.height;
        var maxX2 = Math.max(boundsX, boundsRight - width2);
        var maxY2 = Math.max(boundsY, boundsBottom - height2);
        var restrictedX = clamp$1(x, boundsX, maxX2);
        var restrictedY = clamp$1(y, boundsY, maxY2);
        var restrictedWidth = Math.min(restrictedX + width2, boundsRight) - restrictedX;
        var restrictedHeight = Math.min(restrictedY + height2, boundsBottom) - restrictedY;
        return bounds(restrictedX, restrictedY, restrictedWidth, restrictedHeight);
      };
      var calcMaxSizes = function(direction, box2, bounds2) {
        var upAvailable = constant$1(box2.bottom - bounds2.y);
        var downAvailable = constant$1(bounds2.bottom - box2.y);
        var maxHeight = cataVertical(direction, downAvailable, downAvailable, upAvailable);
        var westAvailable = constant$1(box2.right - bounds2.x);
        var eastAvailable = constant$1(bounds2.right - box2.x);
        var maxWidth = cataHorizontal(direction, eastAvailable, eastAvailable, westAvailable);
        return {
          maxWidth,
          maxHeight
        };
      };
      var attempt = function(candidate, width2, height2, bounds$12) {
        var bubble = candidate.bubble;
        var bubbleOffset = bubble.offset;
        var adjustedBounds = adjustBounds(bounds$12, candidate.restriction, bubbleOffset);
        var newX = candidate.x + bubbleOffset.left;
        var newY = candidate.y + bubbleOffset.top;
        var box2 = bounds(newX, newY, width2, height2);
        var _a2 = determinePosition(box2, adjustedBounds), originInBounds = _a2.originInBounds, sizeInBounds = _a2.sizeInBounds, visibleW = _a2.visibleW, visibleH = _a2.visibleH;
        var fits = originInBounds && sizeInBounds;
        var fittedBox = fits ? box2 : calcReposition(box2, adjustedBounds);
        var isPartlyVisible = fittedBox.width > 0 && fittedBox.height > 0;
        var _b = calcMaxSizes(candidate.direction, fittedBox, bounds$12), maxWidth = _b.maxWidth, maxHeight = _b.maxHeight;
        var reposition2 = {
          rect: fittedBox,
          maxHeight,
          maxWidth,
          direction: candidate.direction,
          placement: candidate.placement,
          classes: {
            on: bubble.classesOn,
            off: bubble.classesOff
          },
          layout: candidate.label,
          testY: newY
        };
        return fits || candidate.alwaysFit ? adt$8.fit(reposition2) : adt$8.nofit(reposition2, visibleW, visibleH, isPartlyVisible);
      };
      var attempts = function(element2, candidates, anchorBox, elementBox, bubbles, bounds2) {
        var panelWidth = elementBox.width;
        var panelHeight = elementBox.height;
        var attemptBestFit = function(layout2, reposition2, visibleW, visibleH, isVisible2) {
          var next = layout2(anchorBox, elementBox, bubbles, element2, bounds2);
          var attemptLayout = attempt(next, panelWidth, panelHeight, bounds2);
          return attemptLayout.fold(constant$1(attemptLayout), function(newReposition, newVisibleW, newVisibleH, newIsVisible) {
            var improved = isVisible2 === newIsVisible ? newVisibleH > visibleH || newVisibleW > visibleW : !isVisible2 && newIsVisible;
            return improved ? attemptLayout : adt$8.nofit(reposition2, visibleW, visibleH, isVisible2);
          });
        };
        var abc = foldl(candidates, function(b2, a) {
          var bestNext = curry(attemptBestFit, a);
          return b2.fold(constant$1(b2), bestNext);
        }, adt$8.nofit({
          rect: anchorBox,
          maxHeight: elementBox.height,
          maxWidth: elementBox.width,
          direction: southeast$3(),
          placement: "southeast",
          classes: {
            on: [],
            off: []
          },
          layout: "none",
          testY: anchorBox.y
        }, -1, -1, false));
        return abc.fold(identity$1, identity$1);
      };
      var singleton = function(doRevoke) {
        var subject = Cell(Optional.none());
        var revoke2 = function() {
          return subject.get().each(doRevoke);
        };
        var clear2 = function() {
          revoke2();
          subject.set(Optional.none());
        };
        var isSet = function() {
          return subject.get().isSome();
        };
        var get2 = function() {
          return subject.get();
        };
        var set2 = function(s) {
          revoke2();
          subject.set(Optional.some(s));
        };
        return {
          clear: clear2,
          isSet,
          get: get2,
          set: set2
        };
      };
      var destroyable = function() {
        return singleton(function(s) {
          return s.destroy();
        });
      };
      var unbindable = function() {
        return singleton(function(s) {
          return s.unbind();
        });
      };
      var api$1 = function() {
        var subject = destroyable();
        var run2 = function(f) {
          return subject.get().each(f);
        };
        return __assign(__assign({}, subject), { run: run2 });
      };
      var value$1 = function() {
        var subject = singleton(noop);
        var on2 = function(f) {
          return subject.get().each(f);
        };
        return __assign(__assign({}, subject), { on: on2 });
      };
      var filter = always;
      var bind = function(element2, event, handler) {
        return bind$2(element2, event, filter, handler);
      };
      var capture = function(element2, event, handler) {
        return capture$1(element2, event, filter, handler);
      };
      var fromRawEvent = fromRawEvent$1;
      var properties = [
        "top",
        "bottom",
        "right",
        "left"
      ];
      var timerAttr = "data-alloy-transition-timer";
      var isTransitioning$1 = function(element2, transition) {
        return hasAll(element2, transition.classes);
      };
      var shouldApplyTransitionCss = function(transition, decision, lastPlacement) {
        return lastPlacement.exists(function(placer) {
          var mode = transition.mode;
          return mode === "all" ? true : placer[mode] !== decision[mode];
        });
      };
      var hasChanges = function(position2, intermediate) {
        var round2 = function(value2) {
          return parseFloat(value2).toFixed(3);
        };
        return find$4(intermediate, function(value2, key) {
          var newValue = position2[key].map(round2);
          var val = value2.map(round2);
          return !equals(newValue, val);
        }).isSome();
      };
      var getTransitionDuration = function(element2) {
        var get2 = function(name2) {
          var style = get$c(element2, name2);
          var times = isString(style) ? style.split(/\s*,\s*/) : [];
          return filter$2(times, isNotEmpty);
        };
        var parse2 = function(value2) {
          if (isString(value2) && /^[\d.]+/.test(value2)) {
            var num = parseFloat(value2);
            return endsWith(value2, "ms") ? num : num * 1e3;
          } else {
            return 0;
          }
        };
        var delay = get2("transition-delay");
        var duration = get2("transition-duration");
        return foldl(duration, function(acc, dur, i) {
          var time = parse2(delay[i]) + parse2(dur);
          return Math.max(acc, time);
        }, 0);
      };
      var setupTransitionListeners = function(element2, transition) {
        var transitionEnd = unbindable();
        var transitionCancel = unbindable();
        var timer;
        var isSourceTransition = function(e) {
          var _a2;
          var pseudoElement = (_a2 = e.raw.pseudoElement) !== null && _a2 !== void 0 ? _a2 : "";
          return eq(e.target, element2) && isEmpty(pseudoElement) && contains$2(properties, e.raw.propertyName);
        };
        var transitionDone = function(e) {
          if (isNullable(e) || isSourceTransition(e)) {
            transitionEnd.clear();
            transitionCancel.clear();
            var type2 = e === null || e === void 0 ? void 0 : e.raw.type;
            if (isNullable(type2) || type2 === transitionend()) {
              clearTimeout(timer);
              remove$7(element2, timerAttr);
              remove$1(element2, transition.classes);
            }
          }
        };
        var transitionStarted = function() {
          transitionEnd.set(bind(element2, transitionend(), transitionDone));
          transitionCancel.set(bind(element2, transitioncancel(), transitionDone));
        };
        if ("ontransitionstart" in element2.dom) {
          var transitionStart_1 = bind(element2, transitionstart(), function(e) {
            if (isSourceTransition(e)) {
              transitionStart_1.unbind();
              transitionStarted();
            }
          });
        } else {
          transitionStarted();
        }
        var duration = getTransitionDuration(element2);
        requestAnimationFrame(function() {
          timer = setTimeout(transitionDone, duration + 17);
          set$8(element2, timerAttr, timer);
        });
      };
      var startTransitioning = function(element2, transition) {
        add$1(element2, transition.classes);
        getOpt(element2, timerAttr).each(function(timerId) {
          clearTimeout(parseInt(timerId, 10));
          remove$7(element2, timerAttr);
        });
        setupTransitionListeners(element2, transition);
      };
      var applyTransitionCss = function(element2, origin, position2, transition, decision, lastPlacement) {
        var shouldTransition = shouldApplyTransitionCss(transition, decision, lastPlacement);
        if (shouldTransition || isTransitioning$1(element2, transition)) {
          set$7(element2, "position", position2.position);
          var rect2 = toBox(origin, element2);
          var intermediatePosition_1 = reposition(origin, __assign(__assign({}, decision), { rect: rect2 }));
          var intermediateCssOptions = mapToObject(properties, function(prop) {
            return intermediatePosition_1[prop];
          });
          if (hasChanges(position2, intermediateCssOptions)) {
            setOptions(element2, intermediateCssOptions);
            if (shouldTransition) {
              startTransitioning(element2, transition);
            }
            reflow(element2);
          }
        } else {
          remove$1(element2, transition.classes);
        }
      };
      var elementSize = function(p) {
        return {
          width: getOuter$1(p),
          height: getOuter$2(p)
        };
      };
      var layout = function(anchorBox, element2, bubbles, options) {
        remove$6(element2, "max-height");
        remove$6(element2, "max-width");
        var elementBox = elementSize(element2);
        return attempts(element2, options.preference, anchorBox, elementBox, bubbles, options.bounds);
      };
      var setClasses = function(element2, decision) {
        var classInfo = decision.classes;
        remove$1(element2, classInfo.off);
        add$1(element2, classInfo.on);
      };
      var setHeight = function(element2, decision, options) {
        var maxHeightFunction = options.maxHeightFunction;
        maxHeightFunction(element2, decision.maxHeight);
      };
      var setWidth = function(element2, decision, options) {
        var maxWidthFunction = options.maxWidthFunction;
        maxWidthFunction(element2, decision.maxWidth);
      };
      var position$2 = function(element2, decision, options) {
        var positionCss = reposition(options.origin, decision);
        options.transition.each(function(transition) {
          applyTransitionCss(element2, options.origin, positionCss, transition, decision, options.lastPlacement);
        });
        applyPositionCss(element2, positionCss);
      };
      var setPlacement = function(element2, decision) {
        setPlacement$1(element2, decision.placement);
      };
      var setMaxHeight = function(element2, maxHeight) {
        setMax$1(element2, Math.floor(maxHeight));
      };
      var anchored = constant$1(function(element2, available) {
        setMaxHeight(element2, available);
        setAll(element2, {
          "overflow-x": "hidden",
          "overflow-y": "auto"
        });
      });
      var expandable$1 = constant$1(function(element2, available) {
        setMaxHeight(element2, available);
      });
      var defaultOr = function(options, key, dephault) {
        return options[key] === void 0 ? dephault : options[key];
      };
      var simple = function(anchor2, element2, bubble, layouts2, lastPlacement, getBounds2, overrideOptions, transition) {
        var maxHeightFunction = defaultOr(overrideOptions, "maxHeightFunction", anchored());
        var maxWidthFunction = defaultOr(overrideOptions, "maxWidthFunction", noop);
        var anchorBox = anchor2.anchorBox;
        var origin = anchor2.origin;
        var options = {
          bounds: viewport(origin, getBounds2),
          origin,
          preference: layouts2,
          maxHeightFunction,
          maxWidthFunction,
          lastPlacement,
          transition
        };
        return go(anchorBox, element2, bubble, options);
      };
      var go = function(anchorBox, element2, bubble, options) {
        var decision = layout(anchorBox, element2, bubble, options);
        position$2(element2, decision, options);
        setPlacement(element2, decision);
        setClasses(element2, decision);
        setHeight(element2, decision, options);
        setWidth(element2, decision, options);
        return {
          layout: decision.layout,
          placement: decision.placement
        };
      };
      var allAlignments = [
        "valignCentre",
        "alignLeft",
        "alignRight",
        "alignCentre",
        "top",
        "bottom",
        "left",
        "right",
        "inset"
      ];
      var nu$5 = function(xOffset, yOffset, classes2, insetModifier) {
        if (insetModifier === void 0) {
          insetModifier = 1;
        }
        var insetXOffset = xOffset * insetModifier;
        var insetYOffset = yOffset * insetModifier;
        var getClasses2 = function(prop) {
          return get$e(classes2, prop).getOr([]);
        };
        var make2 = function(xDelta, yDelta, alignmentsOn) {
          var alignmentsOff = difference(allAlignments, alignmentsOn);
          return {
            offset: SugarPosition(xDelta, yDelta),
            classesOn: bind$3(alignmentsOn, getClasses2),
            classesOff: bind$3(alignmentsOff, getClasses2)
          };
        };
        return {
          southeast: function() {
            return make2(-xOffset, yOffset, [
              "top",
              "alignLeft"
            ]);
          },
          southwest: function() {
            return make2(xOffset, yOffset, [
              "top",
              "alignRight"
            ]);
          },
          south: function() {
            return make2(-xOffset / 2, yOffset, [
              "top",
              "alignCentre"
            ]);
          },
          northeast: function() {
            return make2(-xOffset, -yOffset, [
              "bottom",
              "alignLeft"
            ]);
          },
          northwest: function() {
            return make2(xOffset, -yOffset, [
              "bottom",
              "alignRight"
            ]);
          },
          north: function() {
            return make2(-xOffset / 2, -yOffset, [
              "bottom",
              "alignCentre"
            ]);
          },
          east: function() {
            return make2(xOffset, -yOffset / 2, [
              "valignCentre",
              "left"
            ]);
          },
          west: function() {
            return make2(-xOffset, -yOffset / 2, [
              "valignCentre",
              "right"
            ]);
          },
          insetNortheast: function() {
            return make2(insetXOffset, insetYOffset, [
              "top",
              "alignLeft",
              "inset"
            ]);
          },
          insetNorthwest: function() {
            return make2(-insetXOffset, insetYOffset, [
              "top",
              "alignRight",
              "inset"
            ]);
          },
          insetNorth: function() {
            return make2(-insetXOffset / 2, insetYOffset, [
              "top",
              "alignCentre",
              "inset"
            ]);
          },
          insetSoutheast: function() {
            return make2(insetXOffset, -insetYOffset, [
              "bottom",
              "alignLeft",
              "inset"
            ]);
          },
          insetSouthwest: function() {
            return make2(-insetXOffset, -insetYOffset, [
              "bottom",
              "alignRight",
              "inset"
            ]);
          },
          insetSouth: function() {
            return make2(-insetXOffset / 2, -insetYOffset, [
              "bottom",
              "alignCentre",
              "inset"
            ]);
          },
          insetEast: function() {
            return make2(-insetXOffset, -insetYOffset / 2, [
              "valignCentre",
              "right",
              "inset"
            ]);
          },
          insetWest: function() {
            return make2(insetXOffset, -insetYOffset / 2, [
              "valignCentre",
              "left",
              "inset"
            ]);
          }
        };
      };
      var fallback = function() {
        return nu$5(0, 0, {});
      };
      var nu$4 = identity$1;
      var onDirection = function(isLtr, isRtl) {
        return function(element2) {
          return getDirection(element2) === "rtl" ? isRtl : isLtr;
        };
      };
      var getDirection = function(element2) {
        return get$c(element2, "direction") === "rtl" ? "rtl" : "ltr";
      };
      var AttributeValue;
      (function(AttributeValue2) {
        AttributeValue2["TopToBottom"] = "toptobottom";
        AttributeValue2["BottomToTop"] = "bottomtotop";
      })(AttributeValue || (AttributeValue = {}));
      var Attribute = "data-alloy-vertical-dir";
      var isBottomToTopDir = function(el) {
        return closest$2(el, function(current) {
          return isElement$2(current) && get$d(current, "data-alloy-vertical-dir") === AttributeValue.BottomToTop;
        });
      };
      var schema$y = function() {
        return optionObjOf("layouts", [
          required$1("onLtr"),
          required$1("onRtl"),
          option("onBottomLtr"),
          option("onBottomRtl")
        ]);
      };
      var get$4 = function(elem, info, defaultLtr, defaultRtl, defaultBottomLtr, defaultBottomRtl, dirElement) {
        var isBottomToTop = dirElement.map(isBottomToTopDir).getOr(false);
        var customLtr = info.layouts.map(function(ls) {
          return ls.onLtr(elem);
        });
        var customRtl = info.layouts.map(function(ls) {
          return ls.onRtl(elem);
        });
        var ltr = isBottomToTop ? info.layouts.bind(function(ls) {
          return ls.onBottomLtr.map(function(f2) {
            return f2(elem);
          });
        }).or(customLtr).getOr(defaultBottomLtr) : customLtr.getOr(defaultLtr);
        var rtl = isBottomToTop ? info.layouts.bind(function(ls) {
          return ls.onBottomRtl.map(function(f2) {
            return f2(elem);
          });
        }).or(customRtl).getOr(defaultBottomRtl) : customRtl.getOr(defaultRtl);
        var f = onDirection(ltr, rtl);
        return f(elem);
      };
      var placement$4 = function(component, anchorInfo, origin) {
        var hotspot = anchorInfo.hotspot;
        var anchorBox = toBox(origin, hotspot.element);
        var layouts2 = get$4(component.element, anchorInfo, belowOrAbove(), belowOrAboveRtl(), aboveOrBelow(), aboveOrBelowRtl(), Optional.some(anchorInfo.hotspot.element));
        return Optional.some(nu$4({
          anchorBox,
          bubble: anchorInfo.bubble.getOr(fallback()),
          overrides: anchorInfo.overrides,
          layouts: layouts2,
          placer: Optional.none()
        }));
      };
      var HotspotAnchor = [
        required$1("hotspot"),
        option("bubble"),
        defaulted("overrides", {}),
        schema$y(),
        output$1("placement", placement$4)
      ];
      var placement$3 = function(component, anchorInfo, origin) {
        var pos = translate$2(origin, anchorInfo.x, anchorInfo.y);
        var anchorBox = bounds(pos.left, pos.top, anchorInfo.width, anchorInfo.height);
        var layouts2 = get$4(component.element, anchorInfo, all$1(), allRtl$1(), all$1(), allRtl$1(), Optional.none());
        return Optional.some(nu$4({
          anchorBox,
          bubble: anchorInfo.bubble,
          overrides: anchorInfo.overrides,
          layouts: layouts2,
          placer: Optional.none()
        }));
      };
      var MakeshiftAnchor = [
        required$1("x"),
        required$1("y"),
        defaulted("height", 0),
        defaulted("width", 0),
        defaulted("bubble", fallback()),
        defaulted("overrides", {}),
        schema$y(),
        output$1("placement", placement$3)
      ];
      var adt$7 = Adt.generate([
        { screen: ["point"] },
        {
          absolute: [
            "point",
            "scrollLeft",
            "scrollTop"
          ]
        }
      ]);
      var toFixed = function(pos) {
        return pos.fold(identity$1, function(point2, scrollLeft, scrollTop) {
          return point2.translate(-scrollLeft, -scrollTop);
        });
      };
      var toAbsolute = function(pos) {
        return pos.fold(identity$1, identity$1);
      };
      var sum = function(points) {
        return foldl(points, function(b2, a) {
          return b2.translate(a.left, a.top);
        }, SugarPosition(0, 0));
      };
      var sumAsFixed = function(positions) {
        var points = map$2(positions, toFixed);
        return sum(points);
      };
      var sumAsAbsolute = function(positions) {
        var points = map$2(positions, toAbsolute);
        return sum(points);
      };
      var screen = adt$7.screen;
      var absolute$1 = adt$7.absolute;
      var getOffset = function(component, origin, anchorInfo) {
        var win2 = defaultView(anchorInfo.root).dom;
        var hasSameOwner = function(frame) {
          var frameOwner = owner$4(frame);
          var compOwner = owner$4(component.element);
          return eq(frameOwner, compOwner);
        };
        return Optional.from(win2.frameElement).map(SugarElement.fromDom).filter(hasSameOwner).map(absolute$3);
      };
      var getRootPoint = function(component, origin, anchorInfo) {
        var doc = owner$4(component.element);
        var outerScroll = get$9(doc);
        var offset2 = getOffset(component, origin, anchorInfo).getOr(outerScroll);
        return absolute$1(offset2, outerScroll.left, outerScroll.top);
      };
      var getBox = function(left2, top2, width2, height2) {
        var point2 = screen(SugarPosition(left2, top2));
        return Optional.some(pointed(point2, width2, height2));
      };
      var calcNewAnchor = function(optBox, rootPoint, anchorInfo, origin, elem) {
        return optBox.map(function(box2) {
          var points = [
            rootPoint,
            box2.point
          ];
          var topLeft = cata$1(origin, function() {
            return sumAsAbsolute(points);
          }, function() {
            return sumAsAbsolute(points);
          }, function() {
            return sumAsFixed(points);
          });
          var anchorBox = rect(topLeft.left, topLeft.top, box2.width, box2.height);
          var layoutsLtr = anchorInfo.showAbove ? aboveOrBelow() : belowOrAbove();
          var layoutsRtl = anchorInfo.showAbove ? aboveOrBelowRtl() : belowOrAboveRtl();
          var layouts2 = get$4(elem, anchorInfo, layoutsLtr, layoutsRtl, layoutsLtr, layoutsRtl, Optional.none());
          return nu$4({
            anchorBox,
            bubble: anchorInfo.bubble.getOr(fallback()),
            overrides: anchorInfo.overrides,
            layouts: layouts2,
            placer: Optional.none()
          });
        });
      };
      var placement$2 = function(component, anchorInfo, origin) {
        var rootPoint = getRootPoint(component, origin, anchorInfo);
        return anchorInfo.node.filter(inBody).bind(function(target) {
          var rect2 = target.dom.getBoundingClientRect();
          var nodeBox = getBox(rect2.left, rect2.top, rect2.width, rect2.height);
          var elem = anchorInfo.node.getOr(component.element);
          return calcNewAnchor(nodeBox, rootPoint, anchorInfo, origin, elem);
        });
      };
      var NodeAnchor = [
        required$1("node"),
        required$1("root"),
        option("bubble"),
        schema$y(),
        defaulted("overrides", {}),
        defaulted("showAbove", false),
        output$1("placement", placement$2)
      ];
      var zeroWidth = "\uFEFF";
      var nbsp = "\xA0";
      var create$6 = function(start, soffset, finish, foffset) {
        return {
          start,
          soffset,
          finish,
          foffset
        };
      };
      var SimRange = { create: create$6 };
      var adt$6 = Adt.generate([
        { before: ["element"] },
        {
          on: [
            "element",
            "offset"
          ]
        },
        { after: ["element"] }
      ]);
      var cata = function(subject, onBefore, onOn, onAfter) {
        return subject.fold(onBefore, onOn, onAfter);
      };
      var getStart$1 = function(situ) {
        return situ.fold(identity$1, identity$1, identity$1);
      };
      var before = adt$6.before;
      var on$1 = adt$6.on;
      var after$1 = adt$6.after;
      var Situ = {
        before,
        on: on$1,
        after: after$1,
        cata,
        getStart: getStart$1
      };
      var adt$5 = Adt.generate([
        { domRange: ["rng"] },
        {
          relative: [
            "startSitu",
            "finishSitu"
          ]
        },
        {
          exact: [
            "start",
            "soffset",
            "finish",
            "foffset"
          ]
        }
      ]);
      var exactFromRange = function(simRange) {
        return adt$5.exact(simRange.start, simRange.soffset, simRange.finish, simRange.foffset);
      };
      var getStart = function(selection) {
        return selection.match({
          domRange: function(rng) {
            return SugarElement.fromDom(rng.startContainer);
          },
          relative: function(startSitu, _finishSitu) {
            return Situ.getStart(startSitu);
          },
          exact: function(start, _soffset, _finish, _foffset) {
            return start;
          }
        });
      };
      var domRange = adt$5.domRange;
      var relative = adt$5.relative;
      var exact = adt$5.exact;
      var getWin = function(selection) {
        var start = getStart(selection);
        return defaultView(start);
      };
      var range$1 = SimRange.create;
      var SimSelection = {
        domRange,
        relative,
        exact,
        exactFromRange,
        getWin,
        range: range$1
      };
      var setStart = function(rng, situ) {
        situ.fold(function(e) {
          rng.setStartBefore(e.dom);
        }, function(e, o) {
          rng.setStart(e.dom, o);
        }, function(e) {
          rng.setStartAfter(e.dom);
        });
      };
      var setFinish = function(rng, situ) {
        situ.fold(function(e) {
          rng.setEndBefore(e.dom);
        }, function(e, o) {
          rng.setEnd(e.dom, o);
        }, function(e) {
          rng.setEndAfter(e.dom);
        });
      };
      var relativeToNative = function(win2, startSitu, finishSitu) {
        var range2 = win2.document.createRange();
        setStart(range2, startSitu);
        setFinish(range2, finishSitu);
        return range2;
      };
      var exactToNative = function(win2, start, soffset, finish, foffset) {
        var rng = win2.document.createRange();
        rng.setStart(start.dom, soffset);
        rng.setEnd(finish.dom, foffset);
        return rng;
      };
      var toRect = function(rect2) {
        return {
          left: rect2.left,
          top: rect2.top,
          right: rect2.right,
          bottom: rect2.bottom,
          width: rect2.width,
          height: rect2.height
        };
      };
      var getFirstRect$1 = function(rng) {
        var rects = rng.getClientRects();
        var rect2 = rects.length > 0 ? rects[0] : rng.getBoundingClientRect();
        return rect2.width > 0 || rect2.height > 0 ? Optional.some(rect2).map(toRect) : Optional.none();
      };
      var getBounds$2 = function(rng) {
        var rect2 = rng.getBoundingClientRect();
        return rect2.width > 0 || rect2.height > 0 ? Optional.some(rect2).map(toRect) : Optional.none();
      };
      var adt$4 = Adt.generate([
        {
          ltr: [
            "start",
            "soffset",
            "finish",
            "foffset"
          ]
        },
        {
          rtl: [
            "start",
            "soffset",
            "finish",
            "foffset"
          ]
        }
      ]);
      var fromRange = function(win2, type2, range2) {
        return type2(SugarElement.fromDom(range2.startContainer), range2.startOffset, SugarElement.fromDom(range2.endContainer), range2.endOffset);
      };
      var getRanges = function(win2, selection) {
        return selection.match({
          domRange: function(rng) {
            return {
              ltr: constant$1(rng),
              rtl: Optional.none
            };
          },
          relative: function(startSitu, finishSitu) {
            return {
              ltr: cached(function() {
                return relativeToNative(win2, startSitu, finishSitu);
              }),
              rtl: cached(function() {
                return Optional.some(relativeToNative(win2, finishSitu, startSitu));
              })
            };
          },
          exact: function(start, soffset, finish, foffset) {
            return {
              ltr: cached(function() {
                return exactToNative(win2, start, soffset, finish, foffset);
              }),
              rtl: cached(function() {
                return Optional.some(exactToNative(win2, finish, foffset, start, soffset));
              })
            };
          }
        });
      };
      var doDiagnose = function(win2, ranges) {
        var rng = ranges.ltr();
        if (rng.collapsed) {
          var reversed = ranges.rtl().filter(function(rev) {
            return rev.collapsed === false;
          });
          return reversed.map(function(rev) {
            return adt$4.rtl(SugarElement.fromDom(rev.endContainer), rev.endOffset, SugarElement.fromDom(rev.startContainer), rev.startOffset);
          }).getOrThunk(function() {
            return fromRange(win2, adt$4.ltr, rng);
          });
        } else {
          return fromRange(win2, adt$4.ltr, rng);
        }
      };
      var diagnose = function(win2, selection) {
        var ranges = getRanges(win2, selection);
        return doDiagnose(win2, ranges);
      };
      var asLtrRange = function(win2, selection) {
        var diagnosis = diagnose(win2, selection);
        return diagnosis.match({
          ltr: function(start, soffset, finish, foffset) {
            var rng = win2.document.createRange();
            rng.setStart(start.dom, soffset);
            rng.setEnd(finish.dom, foffset);
            return rng;
          },
          rtl: function(start, soffset, finish, foffset) {
            var rng = win2.document.createRange();
            rng.setStart(finish.dom, foffset);
            rng.setEnd(start.dom, soffset);
            return rng;
          }
        });
      };
      adt$4.ltr;
      adt$4.rtl;
      var NodeValue = function(is2, name2) {
        var get2 = function(element2) {
          if (!is2(element2)) {
            throw new Error("Can only get " + name2 + " value of a " + name2 + " node");
          }
          return getOption2(element2).getOr("");
        };
        var getOption2 = function(element2) {
          return is2(element2) ? Optional.from(element2.dom.nodeValue) : Optional.none();
        };
        var set2 = function(element2, value2) {
          if (!is2(element2)) {
            throw new Error("Can only set raw " + name2 + " value of a " + name2 + " node");
          }
          element2.dom.nodeValue = value2;
        };
        return {
          get: get2,
          getOption: getOption2,
          set: set2
        };
      };
      var api = NodeValue(isText$1, "text");
      var get$3 = function(element2) {
        return api.get(element2);
      };
      var getOption = function(element2) {
        return api.getOption(element2);
      };
      var getEnd = function(element2) {
        return name$2(element2) === "img" ? 1 : getOption(element2).fold(function() {
          return children(element2).length;
        }, function(v) {
          return v.length;
        });
      };
      var isTextNodeWithCursorPosition = function(el) {
        return getOption(el).filter(function(text2) {
          return text2.trim().length !== 0 || text2.indexOf(nbsp) > -1;
        }).isSome();
      };
      var elementsWithCursorPosition = [
        "img",
        "br"
      ];
      var isCursorPosition = function(elem) {
        var hasCursorPosition = isTextNodeWithCursorPosition(elem);
        return hasCursorPosition || contains$2(elementsWithCursorPosition, name$2(elem));
      };
      var last$1 = function(element2) {
        return descendantRtl(element2, isCursorPosition);
      };
      var descendantRtl = function(scope, predicate) {
        var descend = function(element2) {
          var children$1 = children(element2);
          for (var i = children$1.length - 1; i >= 0; i--) {
            var child2 = children$1[i];
            if (predicate(child2)) {
              return Optional.some(child2);
            }
            var res = descend(child2);
            if (res.isSome()) {
              return res;
            }
          }
          return Optional.none();
        };
        return descend(scope);
      };
      var descendants = function(scope, selector) {
        return all$3(selector, scope);
      };
      var makeRange = function(start, soffset, finish, foffset) {
        var doc = owner$4(start);
        var rng = doc.dom.createRange();
        rng.setStart(start.dom, soffset);
        rng.setEnd(finish.dom, foffset);
        return rng;
      };
      var after = function(start, soffset, finish, foffset) {
        var r2 = makeRange(start, soffset, finish, foffset);
        var same = eq(start, finish) && soffset === foffset;
        return r2.collapsed && !same;
      };
      var getNativeSelection = function(win2) {
        return Optional.from(win2.getSelection());
      };
      var readRange = function(selection) {
        if (selection.rangeCount > 0) {
          var firstRng = selection.getRangeAt(0);
          var lastRng = selection.getRangeAt(selection.rangeCount - 1);
          return Optional.some(SimRange.create(SugarElement.fromDom(firstRng.startContainer), firstRng.startOffset, SugarElement.fromDom(lastRng.endContainer), lastRng.endOffset));
        } else {
          return Optional.none();
        }
      };
      var doGetExact = function(selection) {
        if (selection.anchorNode === null || selection.focusNode === null) {
          return readRange(selection);
        } else {
          var anchor2 = SugarElement.fromDom(selection.anchorNode);
          var focus_1 = SugarElement.fromDom(selection.focusNode);
          return after(anchor2, selection.anchorOffset, focus_1, selection.focusOffset) ? Optional.some(SimRange.create(anchor2, selection.anchorOffset, focus_1, selection.focusOffset)) : readRange(selection);
        }
      };
      var getExact = function(win2) {
        return getNativeSelection(win2).filter(function(sel) {
          return sel.rangeCount > 0;
        }).bind(doGetExact);
      };
      var getFirstRect = function(win2, selection) {
        var rng = asLtrRange(win2, selection);
        return getFirstRect$1(rng);
      };
      var getBounds$1 = function(win2, selection) {
        var rng = asLtrRange(win2, selection);
        return getBounds$2(rng);
      };
      var point$1 = function(element2, offset2) {
        return {
          element: element2,
          offset: offset2
        };
      };
      var descendOnce$1 = function(element2, offset2) {
        var children$1 = children(element2);
        if (children$1.length === 0) {
          return point$1(element2, offset2);
        } else if (offset2 < children$1.length) {
          return point$1(children$1[offset2], 0);
        } else {
          var last2 = children$1[children$1.length - 1];
          var len = isText$1(last2) ? get$3(last2).length : children(last2).length;
          return point$1(last2, len);
        }
      };
      var descendOnce = function(element2, offset2) {
        return isText$1(element2) ? point$1(element2, offset2) : descendOnce$1(element2, offset2);
      };
      var getAnchorSelection = function(win2, anchorInfo) {
        var getSelection = anchorInfo.getSelection.getOrThunk(function() {
          return function() {
            return getExact(win2);
          };
        });
        return getSelection().map(function(sel) {
          var modStart = descendOnce(sel.start, sel.soffset);
          var modFinish = descendOnce(sel.finish, sel.foffset);
          return SimSelection.range(modStart.element, modStart.offset, modFinish.element, modFinish.offset);
        });
      };
      var placement$1 = function(component, anchorInfo, origin) {
        var win2 = defaultView(anchorInfo.root).dom;
        var rootPoint = getRootPoint(component, origin, anchorInfo);
        var selectionBox = getAnchorSelection(win2, anchorInfo).bind(function(sel) {
          var optRect = getBounds$1(win2, SimSelection.exactFromRange(sel)).orThunk(function() {
            var x = SugarElement.fromText(zeroWidth);
            before$2(sel.start, x);
            var rect2 = getFirstRect(win2, SimSelection.exact(x, 0, x, 1));
            remove$5(x);
            return rect2;
          });
          return optRect.bind(function(rawRect) {
            return getBox(rawRect.left, rawRect.top, rawRect.width, rawRect.height);
          });
        });
        var targetElement = getAnchorSelection(win2, anchorInfo).bind(function(sel) {
          return isElement$2(sel.start) ? Optional.some(sel.start) : parentNode(sel.start);
        });
        var elem = targetElement.getOr(component.element);
        return calcNewAnchor(selectionBox, rootPoint, anchorInfo, origin, elem);
      };
      var SelectionAnchor = [
        option("getSelection"),
        required$1("root"),
        option("bubble"),
        schema$y(),
        defaulted("overrides", {}),
        defaulted("showAbove", false),
        output$1("placement", placement$1)
      ];
      var labelPrefix$1 = "link-layout";
      var eastX = function(anchor2) {
        return anchor2.x + anchor2.width;
      };
      var westX = function(anchor2, element2) {
        return anchor2.x - element2.width;
      };
      var northY$1 = function(anchor2, element2) {
        return anchor2.y - element2.height + anchor2.height;
      };
      var southY$1 = function(anchor2) {
        return anchor2.y;
      };
      var southeast$1 = function(anchor2, element2, bubbles) {
        return nu$6(eastX(anchor2), southY$1(anchor2), bubbles.southeast(), southeast$3(), "southeast", boundsRestriction(anchor2, {
          left: 0,
          top: 2
        }), labelPrefix$1);
      };
      var southwest$1 = function(anchor2, element2, bubbles) {
        return nu$6(westX(anchor2, element2), southY$1(anchor2), bubbles.southwest(), southwest$3(), "southwest", boundsRestriction(anchor2, {
          right: 1,
          top: 2
        }), labelPrefix$1);
      };
      var northeast$1 = function(anchor2, element2, bubbles) {
        return nu$6(eastX(anchor2), northY$1(anchor2, element2), bubbles.northeast(), northeast$3(), "northeast", boundsRestriction(anchor2, {
          left: 0,
          bottom: 3
        }), labelPrefix$1);
      };
      var northwest$1 = function(anchor2, element2, bubbles) {
        return nu$6(westX(anchor2, element2), northY$1(anchor2, element2), bubbles.northwest(), northwest$3(), "northwest", boundsRestriction(anchor2, {
          right: 1,
          bottom: 3
        }), labelPrefix$1);
      };
      var all = function() {
        return [
          southeast$1,
          southwest$1,
          northeast$1,
          northwest$1
        ];
      };
      var allRtl = function() {
        return [
          southwest$1,
          southeast$1,
          northwest$1,
          northeast$1
        ];
      };
      var placement = function(component, submenuInfo, origin) {
        var anchorBox = toBox(origin, submenuInfo.item.element);
        var layouts2 = get$4(component.element, submenuInfo, all(), allRtl(), all(), allRtl(), Optional.none());
        return Optional.some(nu$4({
          anchorBox,
          bubble: fallback(),
          overrides: submenuInfo.overrides,
          layouts: layouts2,
          placer: Optional.none()
        }));
      };
      var SubmenuAnchor = [
        required$1("item"),
        schema$y(),
        defaulted("overrides", {}),
        output$1("placement", placement)
      ];
      var AnchorSchema = choose$1("type", {
        selection: SelectionAnchor,
        node: NodeAnchor,
        hotspot: HotspotAnchor,
        submenu: SubmenuAnchor,
        makeshift: MakeshiftAnchor
      });
      var TransitionSchema = [
        requiredArrayOf("classes", string),
        defaultedStringEnum("mode", "all", [
          "all",
          "layout",
          "placement"
        ])
      ];
      var PositionSchema = [
        defaulted("useFixed", never),
        option("getBounds")
      ];
      var PlacementSchema = [
        requiredOf("anchor", AnchorSchema),
        optionObjOf("transition", TransitionSchema)
      ];
      var getFixedOrigin = function() {
        var html = document.documentElement;
        return fixed$1(0, 0, html.clientWidth, html.clientHeight);
      };
      var getRelativeOrigin = function(component) {
        var position2 = absolute$3(component.element);
        var bounds2 = component.element.dom.getBoundingClientRect();
        return relative$1(position2.left, position2.top, bounds2.width, bounds2.height);
      };
      var place = function(component, origin, anchoring, getBounds2, placee, lastPlace, transition) {
        var anchor2 = box(anchoring.anchorBox, origin);
        return simple(anchor2, placee.element, anchoring.bubble, anchoring.layouts, lastPlace, getBounds2, anchoring.overrides, transition);
      };
      var position$1 = function(component, posConfig, posState, placee, placementSpec) {
        positionWithin(component, posConfig, posState, placee, placementSpec, Optional.none());
      };
      var positionWithin = function(component, posConfig, posState, placee, placementSpec, boxElement) {
        var boundsBox = boxElement.map(box$1);
        return positionWithinBounds(component, posConfig, posState, placee, placementSpec, boundsBox);
      };
      var positionWithinBounds = function(component, posConfig, posState, placee, placementSpec, bounds2) {
        var placeeDetail = asRawOrDie$1("placement.info", objOf(PlacementSchema), placementSpec);
        var anchorage = placeeDetail.anchor;
        var element2 = placee.element;
        var placeeState = posState.get(placee.uid);
        preserve$1(function() {
          set$7(element2, "position", "fixed");
          var oldVisibility = getRaw(element2, "visibility");
          set$7(element2, "visibility", "hidden");
          var origin = posConfig.useFixed() ? getFixedOrigin() : getRelativeOrigin(component);
          var placer = anchorage.placement;
          var getBounds2 = bounds2.map(constant$1).or(posConfig.getBounds);
          placer(component, anchorage, origin).each(function(anchoring) {
            var doPlace = anchoring.placer.getOr(place);
            var newState = doPlace(component, origin, anchoring, getBounds2, placee, placeeState, placeeDetail.transition);
            posState.set(placee.uid, newState);
          });
          oldVisibility.fold(function() {
            remove$6(element2, "visibility");
          }, function(vis) {
            set$7(element2, "visibility", vis);
          });
          if (getRaw(element2, "left").isNone() && getRaw(element2, "top").isNone() && getRaw(element2, "right").isNone() && getRaw(element2, "bottom").isNone() && is$1(getRaw(element2, "position"), "fixed")) {
            remove$6(element2, "position");
          }
        }, element2);
      };
      var getMode = function(component, pConfig, _pState) {
        return pConfig.useFixed() ? "fixed" : "absolute";
      };
      var reset$1 = function(component, pConfig, posState, placee) {
        var element2 = placee.element;
        each$1([
          "position",
          "left",
          "right",
          "top",
          "bottom"
        ], function(prop) {
          return remove$6(element2, prop);
        });
        reset$2(element2);
        posState.clear(placee.uid);
      };
      var PositionApis = Object.freeze({
        __proto__: null,
        position: position$1,
        positionWithin,
        positionWithinBounds,
        getMode,
        reset: reset$1
      });
      var init$g = function() {
        var state = {};
        var set2 = function(id, data) {
          state[id] = data;
        };
        var get2 = function(id) {
          return get$e(state, id);
        };
        var clear2 = function(id) {
          if (isNonNullable(id)) {
            delete state[id];
          } else {
            state = {};
          }
        };
        return nu$8({
          readState: function() {
            return state;
          },
          clear: clear2,
          set: set2,
          get: get2
        });
      };
      var PositioningState = Object.freeze({
        __proto__: null,
        init: init$g
      });
      var Positioning = create$7({
        fields: PositionSchema,
        name: "positioning",
        active: ActivePosition,
        apis: PositionApis,
        state: PositioningState
      });
      var fireDetaching = function(component) {
        emit(component, detachedFromDom());
        var children2 = component.components();
        each$1(children2, fireDetaching);
      };
      var fireAttaching = function(component) {
        var children2 = component.components();
        each$1(children2, fireAttaching);
        emit(component, attachedToDom());
      };
      var attach$1 = function(parent2, child2) {
        append$2(parent2.element, child2.element);
      };
      var detachChildren$1 = function(component) {
        each$1(component.components(), function(childComp) {
          return remove$5(childComp.element);
        });
        empty(component.element);
        component.syncComponents();
      };
      var replaceChildren = function(component, newChildren) {
        var subs2 = component.components();
        detachChildren$1(component);
        var deleted = difference(subs2, newChildren);
        each$1(deleted, function(comp) {
          fireDetaching(comp);
          component.getSystem().removeFromWorld(comp);
        });
        each$1(newChildren, function(childComp) {
          if (!childComp.getSystem().isConnected()) {
            component.getSystem().addToWorld(childComp);
            attach$1(component, childComp);
            if (inBody(component.element)) {
              fireAttaching(childComp);
            }
          } else {
            attach$1(component, childComp);
          }
          component.syncComponents();
        });
      };
      var attach = function(parent2, child2) {
        attachWith(parent2, child2, append$2);
      };
      var attachWith = function(parent2, child2, insertion) {
        parent2.getSystem().addToWorld(child2);
        insertion(parent2.element, child2.element);
        if (inBody(parent2.element)) {
          fireAttaching(child2);
        }
        parent2.syncComponents();
      };
      var doDetach = function(component) {
        fireDetaching(component);
        remove$5(component.element);
        component.getSystem().removeFromWorld(component);
      };
      var detach = function(component) {
        var parent$1 = parent(component.element).bind(function(p) {
          return component.getSystem().getByDom(p).toOptional();
        });
        doDetach(component);
        parent$1.each(function(p) {
          p.syncComponents();
        });
      };
      var detachChildren = function(component) {
        var subs2 = component.components();
        each$1(subs2, doDetach);
        empty(component.element);
        component.syncComponents();
      };
      var attachSystem = function(element2, guiSystem) {
        attachSystemWith(element2, guiSystem, append$2);
      };
      var attachSystemAfter = function(element2, guiSystem) {
        attachSystemWith(element2, guiSystem, after$2);
      };
      var attachSystemWith = function(element2, guiSystem, inserter) {
        inserter(element2, guiSystem.element);
        var children$1 = children(guiSystem.element);
        each$1(children$1, function(child2) {
          guiSystem.getByDom(child2).each(fireAttaching);
        });
      };
      var detachSystem = function(guiSystem) {
        var children$1 = children(guiSystem.element);
        each$1(children$1, function(child2) {
          guiSystem.getByDom(child2).each(fireDetaching);
        });
        remove$5(guiSystem.element);
      };
      var rebuild = function(sandbox, sConfig, sState, data) {
        sState.get().each(function(_data) {
          detachChildren(sandbox);
        });
        var point2 = sConfig.getAttachPoint(sandbox);
        attach(point2, sandbox);
        var built = sandbox.getSystem().build(data);
        attach(sandbox, built);
        sState.set(built);
        return built;
      };
      var open$1 = function(sandbox, sConfig, sState, data) {
        var newState = rebuild(sandbox, sConfig, sState, data);
        sConfig.onOpen(sandbox, newState);
        return newState;
      };
      var setContent = function(sandbox, sConfig, sState, data) {
        return sState.get().map(function() {
          return rebuild(sandbox, sConfig, sState, data);
        });
      };
      var openWhileCloaked = function(sandbox, sConfig, sState, data, transaction) {
        cloak(sandbox, sConfig);
        open$1(sandbox, sConfig, sState, data);
        transaction();
        decloak(sandbox, sConfig);
      };
      var close$1 = function(sandbox, sConfig, sState) {
        sState.get().each(function(data) {
          detachChildren(sandbox);
          detach(sandbox);
          sConfig.onClose(sandbox, data);
          sState.clear();
        });
      };
      var isOpen$1 = function(_sandbox, _sConfig, sState) {
        return sState.isOpen();
      };
      var isPartOf = function(sandbox, sConfig, sState, queryElem) {
        return isOpen$1(sandbox, sConfig, sState) && sState.get().exists(function(data) {
          return sConfig.isPartOf(sandbox, data, queryElem);
        });
      };
      var getState$2 = function(_sandbox, _sConfig, sState) {
        return sState.get();
      };
      var store = function(sandbox, cssKey, attr, newValue) {
        getRaw(sandbox.element, cssKey).fold(function() {
          remove$7(sandbox.element, attr);
        }, function(v) {
          set$8(sandbox.element, attr, v);
        });
        set$7(sandbox.element, cssKey, newValue);
      };
      var restore = function(sandbox, cssKey, attr) {
        getOpt(sandbox.element, attr).fold(function() {
          return remove$6(sandbox.element, cssKey);
        }, function(oldValue) {
          return set$7(sandbox.element, cssKey, oldValue);
        });
      };
      var cloak = function(sandbox, sConfig, _sState) {
        var sink = sConfig.getAttachPoint(sandbox);
        set$7(sandbox.element, "position", Positioning.getMode(sink));
        store(sandbox, "visibility", sConfig.cloakVisibilityAttr, "hidden");
      };
      var hasPosition = function(element2) {
        return exists([
          "top",
          "left",
          "right",
          "bottom"
        ], function(pos) {
          return getRaw(element2, pos).isSome();
        });
      };
      var decloak = function(sandbox, sConfig, _sState) {
        if (!hasPosition(sandbox.element)) {
          remove$6(sandbox.element, "position");
        }
        restore(sandbox, "visibility", sConfig.cloakVisibilityAttr);
      };
      var SandboxApis = Object.freeze({
        __proto__: null,
        cloak,
        decloak,
        open: open$1,
        openWhileCloaked,
        close: close$1,
        isOpen: isOpen$1,
        isPartOf,
        getState: getState$2,
        setContent
      });
      var events$g = function(sandboxConfig, sandboxState) {
        return derive$2([run$1(sandboxClose(), function(sandbox, _simulatedEvent) {
          close$1(sandbox, sandboxConfig, sandboxState);
        })]);
      };
      var ActiveSandbox = Object.freeze({
        __proto__: null,
        events: events$g
      });
      var SandboxSchema = [
        onHandler("onOpen"),
        onHandler("onClose"),
        required$1("isPartOf"),
        required$1("getAttachPoint"),
        defaulted("cloakVisibilityAttr", "data-precloak-visibility")
      ];
      var init$f = function() {
        var contents2 = value$1();
        var readState = constant$1("not-implemented");
        return nu$8({
          readState,
          isOpen: contents2.isSet,
          clear: contents2.clear,
          set: contents2.set,
          get: contents2.get
        });
      };
      var SandboxState = Object.freeze({
        __proto__: null,
        init: init$f
      });
      var Sandboxing = create$7({
        fields: SandboxSchema,
        name: "sandboxing",
        active: ActiveSandbox,
        apis: SandboxApis,
        state: SandboxState
      });
      var dismissPopups = constant$1("dismiss.popups");
      var repositionPopups = constant$1("reposition.popups");
      var mouseReleased = constant$1("mouse.released");
      var schema$x = objOfOnly([
        defaulted("isExtraPart", never),
        optionObjOf("fireEventInstead", [defaulted("event", dismissRequested())])
      ]);
      var receivingChannel$1 = function(rawSpec) {
        var _a2;
        var detail = asRawOrDie$1("Dismissal", schema$x, rawSpec);
        return _a2 = {}, _a2[dismissPopups()] = {
          schema: objOfOnly([required$1("target")]),
          onReceive: function(sandbox, data) {
            if (Sandboxing.isOpen(sandbox)) {
              var isPart = Sandboxing.isPartOf(sandbox, data.target) || detail.isExtraPart(sandbox, data.target);
              if (!isPart) {
                detail.fireEventInstead.fold(function() {
                  return Sandboxing.close(sandbox);
                }, function(fe) {
                  return emit(sandbox, fe.event);
                });
              }
            }
          }
        }, _a2;
      };
      var schema$w = objOfOnly([
        optionObjOf("fireEventInstead", [defaulted("event", repositionRequested())]),
        requiredFunction("doReposition")
      ]);
      var receivingChannel = function(rawSpec) {
        var _a2;
        var detail = asRawOrDie$1("Reposition", schema$w, rawSpec);
        return _a2 = {}, _a2[repositionPopups()] = {
          onReceive: function(sandbox) {
            if (Sandboxing.isOpen(sandbox)) {
              detail.fireEventInstead.fold(function() {
                return detail.doReposition(sandbox);
              }, function(fe) {
                return emit(sandbox, fe.event);
              });
            }
          }
        }, _a2;
      };
      var onLoad$5 = function(component, repConfig, repState) {
        repConfig.store.manager.onLoad(component, repConfig, repState);
      };
      var onUnload$2 = function(component, repConfig, repState) {
        repConfig.store.manager.onUnload(component, repConfig, repState);
      };
      var setValue$3 = function(component, repConfig, repState, data) {
        repConfig.store.manager.setValue(component, repConfig, repState, data);
      };
      var getValue$3 = function(component, repConfig, repState) {
        return repConfig.store.manager.getValue(component, repConfig, repState);
      };
      var getState$1 = function(component, repConfig, repState) {
        return repState;
      };
      var RepresentApis = Object.freeze({
        __proto__: null,
        onLoad: onLoad$5,
        onUnload: onUnload$2,
        setValue: setValue$3,
        getValue: getValue$3,
        getState: getState$1
      });
      var events$f = function(repConfig, repState) {
        var es = repConfig.resetOnDom ? [
          runOnAttached(function(comp, _se) {
            onLoad$5(comp, repConfig, repState);
          }),
          runOnDetached(function(comp, _se) {
            onUnload$2(comp, repConfig, repState);
          })
        ] : [loadEvent(repConfig, repState, onLoad$5)];
        return derive$2(es);
      };
      var ActiveRepresenting = Object.freeze({
        __proto__: null,
        events: events$f
      });
      var memory$1 = function() {
        var data = Cell(null);
        var readState = function() {
          return {
            mode: "memory",
            value: data.get()
          };
        };
        var isNotSet = function() {
          return data.get() === null;
        };
        var clear2 = function() {
          data.set(null);
        };
        return nu$8({
          set: data.set,
          get: data.get,
          isNotSet,
          clear: clear2,
          readState
        });
      };
      var manual = function() {
        var readState = noop;
        return nu$8({ readState });
      };
      var dataset = function() {
        var dataByValue = Cell({});
        var dataByText = Cell({});
        var readState = function() {
          return {
            mode: "dataset",
            dataByValue: dataByValue.get(),
            dataByText: dataByText.get()
          };
        };
        var clear2 = function() {
          dataByValue.set({});
          dataByText.set({});
        };
        var lookup2 = function(itemString) {
          return get$e(dataByValue.get(), itemString).orThunk(function() {
            return get$e(dataByText.get(), itemString);
          });
        };
        var update = function(items) {
          var currentDataByValue = dataByValue.get();
          var currentDataByText = dataByText.get();
          var newDataByValue = {};
          var newDataByText = {};
          each$1(items, function(item2) {
            newDataByValue[item2.value] = item2;
            get$e(item2, "meta").each(function(meta) {
              get$e(meta, "text").each(function(text2) {
                newDataByText[text2] = item2;
              });
            });
          });
          dataByValue.set(__assign(__assign({}, currentDataByValue), newDataByValue));
          dataByText.set(__assign(__assign({}, currentDataByText), newDataByText));
        };
        return nu$8({
          readState,
          lookup: lookup2,
          update,
          clear: clear2
        });
      };
      var init$e = function(spec) {
        return spec.store.manager.state(spec);
      };
      var RepresentState = Object.freeze({
        __proto__: null,
        memory: memory$1,
        dataset,
        manual,
        init: init$e
      });
      var setValue$2 = function(component, repConfig, repState, data) {
        var store2 = repConfig.store;
        repState.update([data]);
        store2.setValue(component, data);
        repConfig.onSetValue(component, data);
      };
      var getValue$2 = function(component, repConfig, repState) {
        var store2 = repConfig.store;
        var key = store2.getDataKey(component);
        return repState.lookup(key).getOrThunk(function() {
          return store2.getFallbackEntry(key);
        });
      };
      var onLoad$4 = function(component, repConfig, repState) {
        var store2 = repConfig.store;
        store2.initialValue.each(function(data) {
          setValue$2(component, repConfig, repState, data);
        });
      };
      var onUnload$1 = function(component, repConfig, repState) {
        repState.clear();
      };
      var DatasetStore = [
        option("initialValue"),
        required$1("getFallbackEntry"),
        required$1("getDataKey"),
        required$1("setValue"),
        output$1("manager", {
          setValue: setValue$2,
          getValue: getValue$2,
          onLoad: onLoad$4,
          onUnload: onUnload$1,
          state: dataset
        })
      ];
      var getValue$1 = function(component, repConfig, _repState) {
        return repConfig.store.getValue(component);
      };
      var setValue$1 = function(component, repConfig, _repState, data) {
        repConfig.store.setValue(component, data);
        repConfig.onSetValue(component, data);
      };
      var onLoad$3 = function(component, repConfig, _repState) {
        repConfig.store.initialValue.each(function(data) {
          repConfig.store.setValue(component, data);
        });
      };
      var ManualStore = [
        required$1("getValue"),
        defaulted("setValue", noop),
        option("initialValue"),
        output$1("manager", {
          setValue: setValue$1,
          getValue: getValue$1,
          onLoad: onLoad$3,
          onUnload: noop,
          state: NoState.init
        })
      ];
      var setValue = function(component, repConfig, repState, data) {
        repState.set(data);
        repConfig.onSetValue(component, data);
      };
      var getValue = function(component, repConfig, repState) {
        return repState.get();
      };
      var onLoad$2 = function(component, repConfig, repState) {
        repConfig.store.initialValue.each(function(initVal) {
          if (repState.isNotSet()) {
            repState.set(initVal);
          }
        });
      };
      var onUnload = function(component, repConfig, repState) {
        repState.clear();
      };
      var MemoryStore = [
        option("initialValue"),
        output$1("manager", {
          setValue,
          getValue,
          onLoad: onLoad$2,
          onUnload,
          state: memory$1
        })
      ];
      var RepresentSchema = [
        defaultedOf("store", { mode: "memory" }, choose$1("mode", {
          memory: MemoryStore,
          manual: ManualStore,
          dataset: DatasetStore
        })),
        onHandler("onSetValue"),
        defaulted("resetOnDom", false)
      ];
      var Representing = create$7({
        fields: RepresentSchema,
        name: "representing",
        active: ActiveRepresenting,
        apis: RepresentApis,
        extra: {
          setValueFrom: function(component, source) {
            var value2 = Representing.getValue(source);
            Representing.setValue(component, value2);
          }
        },
        state: RepresentState
      });
      var field = function(name2, forbidden) {
        return defaultedObjOf(name2, {}, map$2(forbidden, function(f) {
          return forbid(f.name(), "Cannot configure " + f.name() + " for " + name2);
        }).concat([customField("dump", identity$1)]));
      };
      var get$2 = function(data) {
        return data.dump;
      };
      var augment = function(data, original2) {
        return __assign(__assign({}, derive$1(original2)), data.dump);
      };
      var SketchBehaviours = {
        field,
        augment,
        get: get$2
      };
      var _placeholder = "placeholder";
      var adt$3 = Adt.generate([
        {
          single: [
            "required",
            "valueThunk"
          ]
        },
        {
          multiple: [
            "required",
            "valueThunks"
          ]
        }
      ]);
      var isSubstituted = function(spec) {
        return has$2(spec, "uiType");
      };
      var subPlaceholder = function(owner2, detail, compSpec, placeholders) {
        if (owner2.exists(function(o) {
          return o !== compSpec.owner;
        })) {
          return adt$3.single(true, constant$1(compSpec));
        }
        return get$e(placeholders, compSpec.name).fold(function() {
          throw new Error("Unknown placeholder component: " + compSpec.name + "\nKnown: [" + keys(placeholders) + "]\nNamespace: " + owner2.getOr("none") + "\nSpec: " + JSON.stringify(compSpec, null, 2));
        }, function(newSpec) {
          return newSpec.replace();
        });
      };
      var scan = function(owner2, detail, compSpec, placeholders) {
        if (isSubstituted(compSpec) && compSpec.uiType === _placeholder) {
          return subPlaceholder(owner2, detail, compSpec, placeholders);
        } else {
          return adt$3.single(false, constant$1(compSpec));
        }
      };
      var substitute = function(owner2, detail, compSpec, placeholders) {
        var base2 = scan(owner2, detail, compSpec, placeholders);
        return base2.fold(function(req, valueThunk2) {
          var value2 = isSubstituted(compSpec) ? valueThunk2(detail, compSpec.config, compSpec.validated) : valueThunk2(detail);
          var childSpecs = get$e(value2, "components").getOr([]);
          var substituted = bind$3(childSpecs, function(c) {
            return substitute(owner2, detail, c, placeholders);
          });
          return [__assign(__assign({}, value2), { components: substituted })];
        }, function(req, valuesThunk) {
          if (isSubstituted(compSpec)) {
            var values2 = valuesThunk(detail, compSpec.config, compSpec.validated);
            var preprocessor = compSpec.validated.preprocess.getOr(identity$1);
            return preprocessor(values2);
          } else {
            return valuesThunk(detail);
          }
        });
      };
      var substituteAll = function(owner2, detail, components2, placeholders) {
        return bind$3(components2, function(c) {
          return substitute(owner2, detail, c, placeholders);
        });
      };
      var oneReplace = function(label, replacements) {
        var called = false;
        var used = function() {
          return called;
        };
        var replace = function() {
          if (called) {
            throw new Error("Trying to use the same placeholder more than once: " + label);
          }
          called = true;
          return replacements;
        };
        var required2 = function() {
          return replacements.fold(function(req, _) {
            return req;
          }, function(req, _) {
            return req;
          });
        };
        return {
          name: constant$1(label),
          required: required2,
          used,
          replace
        };
      };
      var substitutePlaces = function(owner2, detail, components2, placeholders) {
        var ps = map$1(placeholders, function(ph, name2) {
          return oneReplace(name2, ph);
        });
        var outcome = substituteAll(owner2, detail, components2, ps);
        each(ps, function(p) {
          if (p.used() === false && p.required()) {
            throw new Error("Placeholder: " + p.name() + " was not found in components list\nNamespace: " + owner2.getOr("none") + "\nComponents: " + JSON.stringify(detail.components, null, 2));
          }
        });
        return outcome;
      };
      var single$2 = adt$3.single;
      var multiple = adt$3.multiple;
      var placeholder = constant$1(_placeholder);
      var adt$2 = Adt.generate([
        { required: ["data"] },
        { external: ["data"] },
        { optional: ["data"] },
        { group: ["data"] }
      ]);
      var fFactory = defaulted("factory", { sketch: identity$1 });
      var fSchema = defaulted("schema", []);
      var fName = required$1("name");
      var fPname = field$1("pname", "pname", defaultedThunk(function(typeSpec) {
        return "<alloy." + generate$6(typeSpec.name) + ">";
      }), anyValue());
      var fGroupSchema = customField("schema", function() {
        return [option("preprocess")];
      });
      var fDefaults = defaulted("defaults", constant$1({}));
      var fOverrides = defaulted("overrides", constant$1({}));
      var requiredSpec = objOf([
        fFactory,
        fSchema,
        fName,
        fPname,
        fDefaults,
        fOverrides
      ]);
      var externalSpec = objOf([
        fFactory,
        fSchema,
        fName,
        fDefaults,
        fOverrides
      ]);
      var optionalSpec = objOf([
        fFactory,
        fSchema,
        fName,
        fPname,
        fDefaults,
        fOverrides
      ]);
      var groupSpec = objOf([
        fFactory,
        fGroupSchema,
        fName,
        required$1("unit"),
        fPname,
        fDefaults,
        fOverrides
      ]);
      var asNamedPart = function(part2) {
        return part2.fold(Optional.some, Optional.none, Optional.some, Optional.some);
      };
      var name$1 = function(part2) {
        var get2 = function(data) {
          return data.name;
        };
        return part2.fold(get2, get2, get2, get2);
      };
      var asCommon = function(part2) {
        return part2.fold(identity$1, identity$1, identity$1, identity$1);
      };
      var convert = function(adtConstructor, partSchema) {
        return function(spec) {
          var data = asRawOrDie$1("Converting part type", partSchema, spec);
          return adtConstructor(data);
        };
      };
      var required = convert(adt$2.required, requiredSpec);
      var external$1 = convert(adt$2.external, externalSpec);
      var optional = convert(adt$2.optional, optionalSpec);
      var group = convert(adt$2.group, groupSpec);
      var original = constant$1("entirety");
      var PartType = Object.freeze({
        __proto__: null,
        required,
        external: external$1,
        optional,
        group,
        asNamedPart,
        name: name$1,
        asCommon,
        original
      });
      var combine = function(detail, data, partSpec, partValidated) {
        return deepMerge(data.defaults(detail, partSpec, partValidated), partSpec, { uid: detail.partUids[data.name] }, data.overrides(detail, partSpec, partValidated));
      };
      var subs = function(owner2, detail, parts2) {
        var internals = {};
        var externals = {};
        each$1(parts2, function(part2) {
          part2.fold(function(data) {
            internals[data.pname] = single$2(true, function(detail2, partSpec, partValidated) {
              return data.factory.sketch(combine(detail2, data, partSpec, partValidated));
            });
          }, function(data) {
            var partSpec = detail.parts[data.name];
            externals[data.name] = constant$1(data.factory.sketch(combine(detail, data, partSpec[original()]), partSpec));
          }, function(data) {
            internals[data.pname] = single$2(false, function(detail2, partSpec, partValidated) {
              return data.factory.sketch(combine(detail2, data, partSpec, partValidated));
            });
          }, function(data) {
            internals[data.pname] = multiple(true, function(detail2, _partSpec, _partValidated) {
              var units2 = detail2[data.name];
              return map$2(units2, function(u) {
                return data.factory.sketch(deepMerge(data.defaults(detail2, u, _partValidated), u, data.overrides(detail2, u)));
              });
            });
          });
        });
        return {
          internals: constant$1(internals),
          externals: constant$1(externals)
        };
      };
      var generate$3 = function(owner2, parts2) {
        var r2 = {};
        each$1(parts2, function(part2) {
          asNamedPart(part2).each(function(np) {
            var g = doGenerateOne(owner2, np.pname);
            r2[np.name] = function(config2) {
              var validated = asRawOrDie$1("Part: " + np.name + " in " + owner2, objOf(np.schema), config2);
              return __assign(__assign({}, g), {
                config: config2,
                validated
              });
            };
          });
        });
        return r2;
      };
      var doGenerateOne = function(owner2, pname) {
        return {
          uiType: placeholder(),
          owner: owner2,
          name: pname
        };
      };
      var generateOne$1 = function(owner2, pname, config2) {
        return {
          uiType: placeholder(),
          owner: owner2,
          name: pname,
          config: config2,
          validated: {}
        };
      };
      var schemas = function(parts2) {
        return bind$3(parts2, function(part2) {
          return part2.fold(Optional.none, Optional.some, Optional.none, Optional.none).map(function(data) {
            return requiredObjOf(data.name, data.schema.concat([snapshot(original())]));
          }).toArray();
        });
      };
      var names = function(parts2) {
        return map$2(parts2, name$1);
      };
      var substitutes = function(owner2, detail, parts2) {
        return subs(owner2, detail, parts2);
      };
      var components$1 = function(owner2, detail, internals) {
        return substitutePlaces(Optional.some(owner2), detail, detail.components, internals);
      };
      var getPart = function(component, detail, partKey) {
        var uid = detail.partUids[partKey];
        return component.getSystem().getByUid(uid).toOptional();
      };
      var getPartOrDie = function(component, detail, partKey) {
        return getPart(component, detail, partKey).getOrDie("Could not find part: " + partKey);
      };
      var getParts = function(component, detail, partKeys) {
        var r2 = {};
        var uids2 = detail.partUids;
        var system = component.getSystem();
        each$1(partKeys, function(pk) {
          r2[pk] = constant$1(system.getByUid(uids2[pk]));
        });
        return r2;
      };
      var getAllParts = function(component, detail) {
        var system = component.getSystem();
        return map$1(detail.partUids, function(pUid, _k) {
          return constant$1(system.getByUid(pUid));
        });
      };
      var getAllPartNames = function(detail) {
        return keys(detail.partUids);
      };
      var getPartsOrDie = function(component, detail, partKeys) {
        var r2 = {};
        var uids2 = detail.partUids;
        var system = component.getSystem();
        each$1(partKeys, function(pk) {
          r2[pk] = constant$1(system.getByUid(uids2[pk]).getOrDie());
        });
        return r2;
      };
      var defaultUids = function(baseUid, partTypes) {
        var partNames = names(partTypes);
        return wrapAll(map$2(partNames, function(pn) {
          return {
            key: pn,
            value: baseUid + "-" + pn
          };
        }));
      };
      var defaultUidsSchema = function(partTypes) {
        return field$1("partUids", "partUids", mergeWithThunk(function(spec) {
          return defaultUids(spec.uid, partTypes);
        }), anyValue());
      };
      var AlloyParts = Object.freeze({
        __proto__: null,
        generate: generate$3,
        generateOne: generateOne$1,
        schemas,
        names,
        substitutes,
        components: components$1,
        defaultUids,
        defaultUidsSchema,
        getAllParts,
        getAllPartNames,
        getPart,
        getPartOrDie,
        getParts,
        getPartsOrDie
      });
      var base = function(partSchemas, partUidsSchemas) {
        var ps = partSchemas.length > 0 ? [requiredObjOf("parts", partSchemas)] : [];
        return ps.concat([
          required$1("uid"),
          defaulted("dom", {}),
          defaulted("components", []),
          snapshot("originalSpec"),
          defaulted("debug.sketcher", {})
        ]).concat(partUidsSchemas);
      };
      var asRawOrDie = function(label, schema2, spec, partSchemas, partUidsSchemas) {
        var baseS = base(partSchemas, partUidsSchemas);
        return asRawOrDie$1(label + " [SpecSchema]", objOfOnly(baseS.concat(schema2)), spec);
      };
      var single$1 = function(owner2, schema2, factory2, spec) {
        var specWithUid = supplyUid(spec);
        var detail = asRawOrDie(owner2, schema2, specWithUid, [], []);
        return factory2(detail, specWithUid);
      };
      var composite$1 = function(owner2, schema2, partTypes, factory2, spec) {
        var specWithUid = supplyUid(spec);
        var partSchemas = schemas(partTypes);
        var partUidsSchema = defaultUidsSchema(partTypes);
        var detail = asRawOrDie(owner2, schema2, specWithUid, partSchemas, [partUidsSchema]);
        var subs2 = substitutes(owner2, detail, partTypes);
        var components2 = components$1(owner2, detail, subs2.internals());
        return factory2(detail, components2, specWithUid, subs2.externals());
      };
      var hasUid = function(spec) {
        return has$2(spec, "uid");
      };
      var supplyUid = function(spec) {
        return hasUid(spec) ? spec : __assign(__assign({}, spec), { uid: generate$5("uid") });
      };
      var isSketchSpec = function(spec) {
        return spec.uid !== void 0;
      };
      var singleSchema = objOfOnly([
        required$1("name"),
        required$1("factory"),
        required$1("configFields"),
        defaulted("apis", {}),
        defaulted("extraApis", {})
      ]);
      var compositeSchema = objOfOnly([
        required$1("name"),
        required$1("factory"),
        required$1("configFields"),
        required$1("partFields"),
        defaulted("apis", {}),
        defaulted("extraApis", {})
      ]);
      var single = function(rawConfig) {
        var config2 = asRawOrDie$1("Sketcher for " + rawConfig.name, singleSchema, rawConfig);
        var sketch2 = function(spec) {
          return single$1(config2.name, config2.configFields, config2.factory, spec);
        };
        var apis = map$1(config2.apis, makeApi);
        var extraApis = map$1(config2.extraApis, function(f, k) {
          return markAsExtraApi(f, k);
        });
        return __assign(__assign({
          name: config2.name,
          configFields: config2.configFields,
          sketch: sketch2
        }, apis), extraApis);
      };
      var composite = function(rawConfig) {
        var config2 = asRawOrDie$1("Sketcher for " + rawConfig.name, compositeSchema, rawConfig);
        var sketch2 = function(spec) {
          return composite$1(config2.name, config2.configFields, config2.partFields, config2.factory, spec);
        };
        var parts2 = generate$3(config2.name, config2.partFields);
        var apis = map$1(config2.apis, makeApi);
        var extraApis = map$1(config2.extraApis, function(f, k) {
          return markAsExtraApi(f, k);
        });
        return __assign(__assign({
          name: config2.name,
          partFields: config2.partFields,
          configFields: config2.configFields,
          sketch: sketch2,
          parts: parts2
        }, apis), extraApis);
      };
      var inside = function(target) {
        return name$2(target) === "input" && get$d(target, "type") !== "radio" || name$2(target) === "textarea";
      };
      var getCurrent = function(component, composeConfig, _composeState) {
        return composeConfig.find(component);
      };
      var ComposeApis = Object.freeze({
        __proto__: null,
        getCurrent
      });
      var ComposeSchema = [required$1("find")];
      var Composing = create$7({
        fields: ComposeSchema,
        name: "composing",
        apis: ComposeApis
      });
      var nativeDisabled = [
        "input",
        "button",
        "textarea",
        "select"
      ];
      var onLoad$1 = function(component, disableConfig, disableState) {
        var f = disableConfig.disabled() ? disable$1 : enable$1;
        f(component, disableConfig);
      };
      var hasNative = function(component, config2) {
        return config2.useNative === true && contains$2(nativeDisabled, name$2(component.element));
      };
      var nativeIsDisabled = function(component) {
        return has$1(component.element, "disabled");
      };
      var nativeDisable = function(component) {
        set$8(component.element, "disabled", "disabled");
      };
      var nativeEnable = function(component) {
        remove$7(component.element, "disabled");
      };
      var ariaIsDisabled = function(component) {
        return get$d(component.element, "aria-disabled") === "true";
      };
      var ariaDisable = function(component) {
        set$8(component.element, "aria-disabled", "true");
      };
      var ariaEnable = function(component) {
        set$8(component.element, "aria-disabled", "false");
      };
      var disable$1 = function(component, disableConfig, _disableState) {
        disableConfig.disableClass.each(function(disableClass) {
          add$2(component.element, disableClass);
        });
        var f = hasNative(component, disableConfig) ? nativeDisable : ariaDisable;
        f(component);
        disableConfig.onDisabled(component);
      };
      var enable$1 = function(component, disableConfig, _disableState) {
        disableConfig.disableClass.each(function(disableClass) {
          remove$2(component.element, disableClass);
        });
        var f = hasNative(component, disableConfig) ? nativeEnable : ariaEnable;
        f(component);
        disableConfig.onEnabled(component);
      };
      var isDisabled = function(component, disableConfig) {
        return hasNative(component, disableConfig) ? nativeIsDisabled(component) : ariaIsDisabled(component);
      };
      var set$3 = function(component, disableConfig, disableState, disabled) {
        var f = disabled ? disable$1 : enable$1;
        f(component, disableConfig);
      };
      var DisableApis = Object.freeze({
        __proto__: null,
        enable: enable$1,
        disable: disable$1,
        isDisabled,
        onLoad: onLoad$1,
        set: set$3
      });
      var exhibit$5 = function(base2, disableConfig) {
        return nu$7({ classes: disableConfig.disabled() ? disableConfig.disableClass.toArray() : [] });
      };
      var events$e = function(disableConfig, disableState) {
        return derive$2([
          abort(execute$5(), function(component, _simulatedEvent) {
            return isDisabled(component, disableConfig);
          }),
          loadEvent(disableConfig, disableState, onLoad$1)
        ]);
      };
      var ActiveDisable = Object.freeze({
        __proto__: null,
        exhibit: exhibit$5,
        events: events$e
      });
      var DisableSchema = [
        defaultedFunction("disabled", never),
        defaulted("useNative", true),
        option("disableClass"),
        onHandler("onDisabled"),
        onHandler("onEnabled")
      ];
      var Disabling = create$7({
        fields: DisableSchema,
        name: "disabling",
        active: ActiveDisable,
        apis: DisableApis
      });
      var dehighlightAllExcept = function(component, hConfig, hState, skip) {
        var highlighted = descendants(component.element, "." + hConfig.highlightClass);
        each$1(highlighted, function(h) {
          if (!exists(skip, function(skipComp) {
            return skipComp.element === h;
          })) {
            remove$2(h, hConfig.highlightClass);
            component.getSystem().getByDom(h).each(function(target) {
              hConfig.onDehighlight(component, target);
              emit(target, dehighlight$1());
            });
          }
        });
      };
      var dehighlightAll = function(component, hConfig, hState) {
        return dehighlightAllExcept(component, hConfig, hState, []);
      };
      var dehighlight = function(component, hConfig, hState, target) {
        if (isHighlighted(component, hConfig, hState, target)) {
          remove$2(target.element, hConfig.highlightClass);
          hConfig.onDehighlight(component, target);
          emit(target, dehighlight$1());
        }
      };
      var highlight = function(component, hConfig, hState, target) {
        dehighlightAllExcept(component, hConfig, hState, [target]);
        if (!isHighlighted(component, hConfig, hState, target)) {
          add$2(target.element, hConfig.highlightClass);
          hConfig.onHighlight(component, target);
          emit(target, highlight$1());
        }
      };
      var highlightFirst = function(component, hConfig, hState) {
        getFirst(component, hConfig).each(function(firstComp) {
          highlight(component, hConfig, hState, firstComp);
        });
      };
      var highlightLast = function(component, hConfig, hState) {
        getLast(component, hConfig).each(function(lastComp) {
          highlight(component, hConfig, hState, lastComp);
        });
      };
      var highlightAt = function(component, hConfig, hState, index) {
        getByIndex(component, hConfig, hState, index).fold(function(err) {
          throw err;
        }, function(firstComp) {
          highlight(component, hConfig, hState, firstComp);
        });
      };
      var highlightBy = function(component, hConfig, hState, predicate) {
        var candidates = getCandidates(component, hConfig);
        var targetComp = find$5(candidates, predicate);
        targetComp.each(function(c) {
          highlight(component, hConfig, hState, c);
        });
      };
      var isHighlighted = function(component, hConfig, hState, queryTarget) {
        return has(queryTarget.element, hConfig.highlightClass);
      };
      var getHighlighted = function(component, hConfig, _hState) {
        return descendant(component.element, "." + hConfig.highlightClass).bind(function(e) {
          return component.getSystem().getByDom(e).toOptional();
        });
      };
      var getByIndex = function(component, hConfig, hState, index) {
        var items = descendants(component.element, "." + hConfig.itemClass);
        return Optional.from(items[index]).fold(function() {
          return Result.error(new Error("No element found with index " + index));
        }, component.getSystem().getByDom);
      };
      var getFirst = function(component, hConfig, _hState) {
        return descendant(component.element, "." + hConfig.itemClass).bind(function(e) {
          return component.getSystem().getByDom(e).toOptional();
        });
      };
      var getLast = function(component, hConfig, _hState) {
        var items = descendants(component.element, "." + hConfig.itemClass);
        var last2 = items.length > 0 ? Optional.some(items[items.length - 1]) : Optional.none();
        return last2.bind(function(c) {
          return component.getSystem().getByDom(c).toOptional();
        });
      };
      var getDelta$2 = function(component, hConfig, hState, delta) {
        var items = descendants(component.element, "." + hConfig.itemClass);
        var current = findIndex$1(items, function(item2) {
          return has(item2, hConfig.highlightClass);
        });
        return current.bind(function(selected) {
          var dest = cycleBy(selected, delta, 0, items.length - 1);
          return component.getSystem().getByDom(items[dest]).toOptional();
        });
      };
      var getPrevious = function(component, hConfig, hState) {
        return getDelta$2(component, hConfig, hState, -1);
      };
      var getNext = function(component, hConfig, hState) {
        return getDelta$2(component, hConfig, hState, 1);
      };
      var getCandidates = function(component, hConfig, _hState) {
        var items = descendants(component.element, "." + hConfig.itemClass);
        return cat(map$2(items, function(i) {
          return component.getSystem().getByDom(i).toOptional();
        }));
      };
      var HighlightApis = Object.freeze({
        __proto__: null,
        dehighlightAll,
        dehighlight,
        highlight,
        highlightFirst,
        highlightLast,
        highlightAt,
        highlightBy,
        isHighlighted,
        getHighlighted,
        getFirst,
        getLast,
        getPrevious,
        getNext,
        getCandidates
      });
      var HighlightSchema = [
        required$1("highlightClass"),
        required$1("itemClass"),
        onHandler("onHighlight"),
        onHandler("onDehighlight")
      ];
      var Highlighting = create$7({
        fields: HighlightSchema,
        name: "highlighting",
        apis: HighlightApis
      });
      var BACKSPACE = [8];
      var TAB = [9];
      var ENTER = [13];
      var ESCAPE = [27];
      var SPACE = [32];
      var LEFT = [37];
      var UP = [38];
      var RIGHT = [39];
      var DOWN = [40];
      var cyclePrev = function(values2, index, predicate) {
        var before2 = reverse(values2.slice(0, index));
        var after2 = reverse(values2.slice(index + 1));
        return find$5(before2.concat(after2), predicate);
      };
      var tryPrev = function(values2, index, predicate) {
        var before2 = reverse(values2.slice(0, index));
        return find$5(before2, predicate);
      };
      var cycleNext = function(values2, index, predicate) {
        var before2 = values2.slice(0, index);
        var after2 = values2.slice(index + 1);
        return find$5(after2.concat(before2), predicate);
      };
      var tryNext = function(values2, index, predicate) {
        var after2 = values2.slice(index + 1);
        return find$5(after2, predicate);
      };
      var inSet = function(keys2) {
        return function(event) {
          var raw = event.raw;
          return contains$2(keys2, raw.which);
        };
      };
      var and = function(preds) {
        return function(event) {
          return forall(preds, function(pred) {
            return pred(event);
          });
        };
      };
      var isShift = function(event) {
        var raw = event.raw;
        return raw.shiftKey === true;
      };
      var isControl = function(event) {
        var raw = event.raw;
        return raw.ctrlKey === true;
      };
      var isNotShift = not(isShift);
      var rule = function(matches, action) {
        return {
          matches,
          classification: action
        };
      };
      var choose = function(transitions, event) {
        var transition = find$5(transitions, function(t2) {
          return t2.matches(event);
        });
        return transition.map(function(t2) {
          return t2.classification;
        });
      };
      var reportFocusShifting = function(component, prevFocus, newFocus) {
        var noChange = prevFocus.exists(function(p) {
          return newFocus.exists(function(n) {
            return eq(n, p);
          });
        });
        if (!noChange) {
          emitWith(component, focusShifted(), {
            prevFocus,
            newFocus
          });
        }
      };
      var dom$2 = function() {
        var get2 = function(component) {
          return search(component.element);
        };
        var set2 = function(component, focusee) {
          var prevFocus = get2(component);
          component.getSystem().triggerFocus(focusee, component.element);
          var newFocus = get2(component);
          reportFocusShifting(component, prevFocus, newFocus);
        };
        return {
          get: get2,
          set: set2
        };
      };
      var highlights = function() {
        var get2 = function(component) {
          return Highlighting.getHighlighted(component).map(function(item2) {
            return item2.element;
          });
        };
        var set2 = function(component, element2) {
          var prevFocus = get2(component);
          component.getSystem().getByDom(element2).fold(noop, function(item2) {
            Highlighting.highlight(component, item2);
          });
          var newFocus = get2(component);
          reportFocusShifting(component, prevFocus, newFocus);
        };
        return {
          get: get2,
          set: set2
        };
      };
      var FocusInsideModes;
      (function(FocusInsideModes2) {
        FocusInsideModes2["OnFocusMode"] = "onFocus";
        FocusInsideModes2["OnEnterOrSpaceMode"] = "onEnterOrSpace";
        FocusInsideModes2["OnApiMode"] = "onApi";
      })(FocusInsideModes || (FocusInsideModes = {}));
      var typical = function(infoSchema, stateInit, getKeydownRules2, getKeyupRules2, optFocusIn) {
        var schema2 = function() {
          return infoSchema.concat([
            defaulted("focusManager", dom$2()),
            defaultedOf("focusInside", "onFocus", valueOf(function(val) {
              return contains$2([
                "onFocus",
                "onEnterOrSpace",
                "onApi"
              ], val) ? Result.value(val) : Result.error("Invalid value for focusInside");
            })),
            output$1("handler", me),
            output$1("state", stateInit),
            output$1("sendFocusIn", optFocusIn)
          ]);
        };
        var processKey = function(component, simulatedEvent, getRules, keyingConfig, keyingState) {
          var rules = getRules(component, simulatedEvent, keyingConfig, keyingState);
          return choose(rules, simulatedEvent.event).bind(function(rule2) {
            return rule2(component, simulatedEvent, keyingConfig, keyingState);
          });
        };
        var toEvents2 = function(keyingConfig, keyingState) {
          var onFocusHandler = keyingConfig.focusInside !== FocusInsideModes.OnFocusMode ? Optional.none() : optFocusIn(keyingConfig).map(function(focusIn2) {
            return run$1(focus$4(), function(component, simulatedEvent) {
              focusIn2(component, keyingConfig, keyingState);
              simulatedEvent.stop();
            });
          });
          var tryGoInsideComponent = function(component, simulatedEvent) {
            var isEnterOrSpace = inSet(SPACE.concat(ENTER))(simulatedEvent.event);
            if (keyingConfig.focusInside === FocusInsideModes.OnEnterOrSpaceMode && isEnterOrSpace && isSource(component, simulatedEvent)) {
              optFocusIn(keyingConfig).each(function(focusIn2) {
                focusIn2(component, keyingConfig, keyingState);
                simulatedEvent.stop();
              });
            }
          };
          var keyboardEvents = [
            run$1(keydown(), function(component, simulatedEvent) {
              processKey(component, simulatedEvent, getKeydownRules2, keyingConfig, keyingState).fold(function() {
                tryGoInsideComponent(component, simulatedEvent);
              }, function(_) {
                simulatedEvent.stop();
              });
            }),
            run$1(keyup(), function(component, simulatedEvent) {
              processKey(component, simulatedEvent, getKeyupRules2, keyingConfig, keyingState).each(function(_) {
                simulatedEvent.stop();
              });
            })
          ];
          return derive$2(onFocusHandler.toArray().concat(keyboardEvents));
        };
        var me = {
          schema: schema2,
          processKey,
          toEvents: toEvents2
        };
        return me;
      };
      var create$5 = function(cyclicField) {
        var schema2 = [
          option("onEscape"),
          option("onEnter"),
          defaulted("selector", '[data-alloy-tabstop="true"]:not(:disabled)'),
          defaulted("firstTabstop", 0),
          defaulted("useTabstopAt", always),
          option("visibilitySelector")
        ].concat([cyclicField]);
        var isVisible2 = function(tabbingConfig, element2) {
          var target = tabbingConfig.visibilitySelector.bind(function(sel) {
            return closest$1(element2, sel);
          }).getOr(element2);
          return get$b(target) > 0;
        };
        var findInitial = function(component, tabbingConfig) {
          var tabstops = descendants(component.element, tabbingConfig.selector);
          var visibles = filter$2(tabstops, function(elem) {
            return isVisible2(tabbingConfig, elem);
          });
          return Optional.from(visibles[tabbingConfig.firstTabstop]);
        };
        var findCurrent2 = function(component, tabbingConfig) {
          return tabbingConfig.focusManager.get(component).bind(function(elem) {
            return closest$1(elem, tabbingConfig.selector);
          });
        };
        var isTabstop = function(tabbingConfig, element2) {
          return isVisible2(tabbingConfig, element2) && tabbingConfig.useTabstopAt(element2);
        };
        var focusIn2 = function(component, tabbingConfig, _tabbingState) {
          findInitial(component, tabbingConfig).each(function(target) {
            tabbingConfig.focusManager.set(component, target);
          });
        };
        var goFromTabstop = function(component, tabstops, stopIndex, tabbingConfig, cycle) {
          return cycle(tabstops, stopIndex, function(elem) {
            return isTabstop(tabbingConfig, elem);
          }).fold(function() {
            return tabbingConfig.cyclic ? Optional.some(true) : Optional.none();
          }, function(target) {
            tabbingConfig.focusManager.set(component, target);
            return Optional.some(true);
          });
        };
        var go2 = function(component, _simulatedEvent, tabbingConfig, cycle) {
          var tabstops = descendants(component.element, tabbingConfig.selector);
          return findCurrent2(component, tabbingConfig).bind(function(tabstop) {
            var optStopIndex = findIndex$1(tabstops, curry(eq, tabstop));
            return optStopIndex.bind(function(stopIndex) {
              return goFromTabstop(component, tabstops, stopIndex, tabbingConfig, cycle);
            });
          });
        };
        var goBackwards = function(component, simulatedEvent, tabbingConfig) {
          var navigate = tabbingConfig.cyclic ? cyclePrev : tryPrev;
          return go2(component, simulatedEvent, tabbingConfig, navigate);
        };
        var goForwards = function(component, simulatedEvent, tabbingConfig) {
          var navigate = tabbingConfig.cyclic ? cycleNext : tryNext;
          return go2(component, simulatedEvent, tabbingConfig, navigate);
        };
        var execute2 = function(component, simulatedEvent, tabbingConfig) {
          return tabbingConfig.onEnter.bind(function(f) {
            return f(component, simulatedEvent);
          });
        };
        var exit = function(component, simulatedEvent, tabbingConfig) {
          return tabbingConfig.onEscape.bind(function(f) {
            return f(component, simulatedEvent);
          });
        };
        var getKeydownRules2 = constant$1([
          rule(and([
            isShift,
            inSet(TAB)
          ]), goBackwards),
          rule(inSet(TAB), goForwards),
          rule(inSet(ESCAPE), exit),
          rule(and([
            isNotShift,
            inSet(ENTER)
          ]), execute2)
        ]);
        var getKeyupRules2 = constant$1([]);
        return typical(schema2, NoState.init, getKeydownRules2, getKeyupRules2, function() {
          return Optional.some(focusIn2);
        });
      };
      var AcyclicType = create$5(customField("cyclic", never));
      var CyclicType = create$5(customField("cyclic", always));
      var doDefaultExecute = function(component, _simulatedEvent, focused) {
        dispatch(component, focused, execute$5());
        return Optional.some(true);
      };
      var defaultExecute = function(component, simulatedEvent, focused) {
        var isComplex = inside(focused) && inSet(SPACE)(simulatedEvent.event);
        return isComplex ? Optional.none() : doDefaultExecute(component, simulatedEvent, focused);
      };
      var stopEventForFirefox = function(_component, _simulatedEvent) {
        return Optional.some(true);
      };
      var schema$v = [
        defaulted("execute", defaultExecute),
        defaulted("useSpace", false),
        defaulted("useEnter", true),
        defaulted("useControlEnter", false),
        defaulted("useDown", false)
      ];
      var execute$4 = function(component, simulatedEvent, executeConfig) {
        return executeConfig.execute(component, simulatedEvent, component.element);
      };
      var getKeydownRules$5 = function(component, _simulatedEvent, executeConfig, _executeState) {
        var spaceExec = executeConfig.useSpace && !inside(component.element) ? SPACE : [];
        var enterExec = executeConfig.useEnter ? ENTER : [];
        var downExec = executeConfig.useDown ? DOWN : [];
        var execKeys = spaceExec.concat(enterExec).concat(downExec);
        return [rule(inSet(execKeys), execute$4)].concat(executeConfig.useControlEnter ? [rule(and([
          isControl,
          inSet(ENTER)
        ]), execute$4)] : []);
      };
      var getKeyupRules$5 = function(component, _simulatedEvent, executeConfig, _executeState) {
        return executeConfig.useSpace && !inside(component.element) ? [rule(inSet(SPACE), stopEventForFirefox)] : [];
      };
      var ExecutionType = typical(schema$v, NoState.init, getKeydownRules$5, getKeyupRules$5, function() {
        return Optional.none();
      });
      var flatgrid$1 = function() {
        var dimensions = value$1();
        var setGridSize = function(numRows, numColumns) {
          dimensions.set({
            numRows,
            numColumns
          });
        };
        var getNumRows = function() {
          return dimensions.get().map(function(d) {
            return d.numRows;
          });
        };
        var getNumColumns = function() {
          return dimensions.get().map(function(d) {
            return d.numColumns;
          });
        };
        return nu$8({
          readState: function() {
            return dimensions.get().map(function(d) {
              return {
                numRows: String(d.numRows),
                numColumns: String(d.numColumns)
              };
            }).getOr({
              numRows: "?",
              numColumns: "?"
            });
          },
          setGridSize,
          getNumRows,
          getNumColumns
        });
      };
      var init$d = function(spec) {
        return spec.state(spec);
      };
      var KeyingState = Object.freeze({
        __proto__: null,
        flatgrid: flatgrid$1,
        init: init$d
      });
      var useH = function(movement) {
        return function(component, simulatedEvent, config2, state) {
          var move2 = movement(component.element);
          return use(move2, component, simulatedEvent, config2, state);
        };
      };
      var west$1 = function(moveLeft2, moveRight2) {
        var movement = onDirection(moveLeft2, moveRight2);
        return useH(movement);
      };
      var east$1 = function(moveLeft2, moveRight2) {
        var movement = onDirection(moveRight2, moveLeft2);
        return useH(movement);
      };
      var useV = function(move2) {
        return function(component, simulatedEvent, config2, state) {
          return use(move2, component, simulatedEvent, config2, state);
        };
      };
      var use = function(move2, component, simulatedEvent, config2, state) {
        var outcome = config2.focusManager.get(component).bind(function(focused) {
          return move2(component.element, focused, config2, state);
        });
        return outcome.map(function(newFocus) {
          config2.focusManager.set(component, newFocus);
          return true;
        });
      };
      var north$1 = useV;
      var south$1 = useV;
      var move$1 = useV;
      var isHidden$1 = function(dom2) {
        return dom2.offsetWidth <= 0 && dom2.offsetHeight <= 0;
      };
      var isVisible = function(element2) {
        return !isHidden$1(element2.dom);
      };
      var locate = function(candidates, predicate) {
        return findIndex$1(candidates, predicate).map(function(index) {
          return {
            index,
            candidates
          };
        });
      };
      var locateVisible = function(container, current, selector) {
        var predicate = function(x) {
          return eq(x, current);
        };
        var candidates = descendants(container, selector);
        var visible = filter$2(candidates, isVisible);
        return locate(visible, predicate);
      };
      var findIndex = function(elements, target) {
        return findIndex$1(elements, function(elem) {
          return eq(target, elem);
        });
      };
      var withGrid = function(values2, index, numCols, f) {
        var oldRow = Math.floor(index / numCols);
        var oldColumn = index % numCols;
        return f(oldRow, oldColumn).bind(function(address) {
          var newIndex = address.row * numCols + address.column;
          return newIndex >= 0 && newIndex < values2.length ? Optional.some(values2[newIndex]) : Optional.none();
        });
      };
      var cycleHorizontal$1 = function(values2, index, numRows, numCols, delta) {
        return withGrid(values2, index, numCols, function(oldRow, oldColumn) {
          var onLastRow = oldRow === numRows - 1;
          var colsInRow = onLastRow ? values2.length - oldRow * numCols : numCols;
          var newColumn = cycleBy(oldColumn, delta, 0, colsInRow - 1);
          return Optional.some({
            row: oldRow,
            column: newColumn
          });
        });
      };
      var cycleVertical$1 = function(values2, index, numRows, numCols, delta) {
        return withGrid(values2, index, numCols, function(oldRow, oldColumn) {
          var newRow = cycleBy(oldRow, delta, 0, numRows - 1);
          var onLastRow = newRow === numRows - 1;
          var colsInRow = onLastRow ? values2.length - newRow * numCols : numCols;
          var newCol = clamp$1(oldColumn, 0, colsInRow - 1);
          return Optional.some({
            row: newRow,
            column: newCol
          });
        });
      };
      var cycleRight$1 = function(values2, index, numRows, numCols) {
        return cycleHorizontal$1(values2, index, numRows, numCols, 1);
      };
      var cycleLeft$1 = function(values2, index, numRows, numCols) {
        return cycleHorizontal$1(values2, index, numRows, numCols, -1);
      };
      var cycleUp$1 = function(values2, index, numRows, numCols) {
        return cycleVertical$1(values2, index, numRows, numCols, -1);
      };
      var cycleDown$1 = function(values2, index, numRows, numCols) {
        return cycleVertical$1(values2, index, numRows, numCols, 1);
      };
      var schema$u = [
        required$1("selector"),
        defaulted("execute", defaultExecute),
        onKeyboardHandler("onEscape"),
        defaulted("captureTab", false),
        initSize()
      ];
      var focusIn$3 = function(component, gridConfig, _gridState) {
        descendant(component.element, gridConfig.selector).each(function(first2) {
          gridConfig.focusManager.set(component, first2);
        });
      };
      var findCurrent$1 = function(component, gridConfig) {
        return gridConfig.focusManager.get(component).bind(function(elem) {
          return closest$1(elem, gridConfig.selector);
        });
      };
      var execute$3 = function(component, simulatedEvent, gridConfig, _gridState) {
        return findCurrent$1(component, gridConfig).bind(function(focused) {
          return gridConfig.execute(component, simulatedEvent, focused);
        });
      };
      var doMove$2 = function(cycle) {
        return function(element2, focused, gridConfig, gridState) {
          return locateVisible(element2, focused, gridConfig.selector).bind(function(identified) {
            return cycle(identified.candidates, identified.index, gridState.getNumRows().getOr(gridConfig.initSize.numRows), gridState.getNumColumns().getOr(gridConfig.initSize.numColumns));
          });
        };
      };
      var handleTab = function(_component, _simulatedEvent, gridConfig) {
        return gridConfig.captureTab ? Optional.some(true) : Optional.none();
      };
      var doEscape$1 = function(component, simulatedEvent, gridConfig) {
        return gridConfig.onEscape(component, simulatedEvent);
      };
      var moveLeft$3 = doMove$2(cycleLeft$1);
      var moveRight$3 = doMove$2(cycleRight$1);
      var moveNorth$1 = doMove$2(cycleUp$1);
      var moveSouth$1 = doMove$2(cycleDown$1);
      var getKeydownRules$4 = constant$1([
        rule(inSet(LEFT), west$1(moveLeft$3, moveRight$3)),
        rule(inSet(RIGHT), east$1(moveLeft$3, moveRight$3)),
        rule(inSet(UP), north$1(moveNorth$1)),
        rule(inSet(DOWN), south$1(moveSouth$1)),
        rule(and([
          isShift,
          inSet(TAB)
        ]), handleTab),
        rule(and([
          isNotShift,
          inSet(TAB)
        ]), handleTab),
        rule(inSet(ESCAPE), doEscape$1),
        rule(inSet(SPACE.concat(ENTER)), execute$3)
      ]);
      var getKeyupRules$4 = constant$1([rule(inSet(SPACE), stopEventForFirefox)]);
      var FlatgridType = typical(schema$u, flatgrid$1, getKeydownRules$4, getKeyupRules$4, function() {
        return Optional.some(focusIn$3);
      });
      var horizontal = function(container, selector, current, delta) {
        var isDisabledButton = function(candidate) {
          return name$2(candidate) === "button" && get$d(candidate, "disabled") === "disabled";
        };
        var tryCycle = function(initial, index, candidates) {
          var newIndex = cycleBy(index, delta, 0, candidates.length - 1);
          if (newIndex === initial) {
            return Optional.none();
          } else {
            return isDisabledButton(candidates[newIndex]) ? tryCycle(initial, newIndex, candidates) : Optional.from(candidates[newIndex]);
          }
        };
        return locateVisible(container, current, selector).bind(function(identified) {
          var index = identified.index;
          var candidates = identified.candidates;
          return tryCycle(index, index, candidates);
        });
      };
      var schema$t = [
        required$1("selector"),
        defaulted("getInitial", Optional.none),
        defaulted("execute", defaultExecute),
        onKeyboardHandler("onEscape"),
        defaulted("executeOnMove", false),
        defaulted("allowVertical", true)
      ];
      var findCurrent = function(component, flowConfig) {
        return flowConfig.focusManager.get(component).bind(function(elem) {
          return closest$1(elem, flowConfig.selector);
        });
      };
      var execute$2 = function(component, simulatedEvent, flowConfig) {
        return findCurrent(component, flowConfig).bind(function(focused) {
          return flowConfig.execute(component, simulatedEvent, focused);
        });
      };
      var focusIn$2 = function(component, flowConfig, _state) {
        flowConfig.getInitial(component).orThunk(function() {
          return descendant(component.element, flowConfig.selector);
        }).each(function(first2) {
          flowConfig.focusManager.set(component, first2);
        });
      };
      var moveLeft$2 = function(element2, focused, info) {
        return horizontal(element2, info.selector, focused, -1);
      };
      var moveRight$2 = function(element2, focused, info) {
        return horizontal(element2, info.selector, focused, 1);
      };
      var doMove$1 = function(movement) {
        return function(component, simulatedEvent, flowConfig, flowState) {
          return movement(component, simulatedEvent, flowConfig, flowState).bind(function() {
            return flowConfig.executeOnMove ? execute$2(component, simulatedEvent, flowConfig) : Optional.some(true);
          });
        };
      };
      var doEscape = function(component, simulatedEvent, flowConfig) {
        return flowConfig.onEscape(component, simulatedEvent);
      };
      var getKeydownRules$3 = function(_component, _se, flowConfig, _flowState) {
        var westMovers = LEFT.concat(flowConfig.allowVertical ? UP : []);
        var eastMovers = RIGHT.concat(flowConfig.allowVertical ? DOWN : []);
        return [
          rule(inSet(westMovers), doMove$1(west$1(moveLeft$2, moveRight$2))),
          rule(inSet(eastMovers), doMove$1(east$1(moveLeft$2, moveRight$2))),
          rule(inSet(ENTER), execute$2),
          rule(inSet(SPACE), execute$2),
          rule(inSet(ESCAPE), doEscape)
        ];
      };
      var getKeyupRules$3 = constant$1([rule(inSet(SPACE), stopEventForFirefox)]);
      var FlowType = typical(schema$t, NoState.init, getKeydownRules$3, getKeyupRules$3, function() {
        return Optional.some(focusIn$2);
      });
      var toCell = function(matrix2, rowIndex, columnIndex) {
        return Optional.from(matrix2[rowIndex]).bind(function(row) {
          return Optional.from(row[columnIndex]).map(function(cell) {
            return {
              rowIndex,
              columnIndex,
              cell
            };
          });
        });
      };
      var cycleHorizontal = function(matrix2, rowIndex, startCol, deltaCol) {
        var row = matrix2[rowIndex];
        var colsInRow = row.length;
        var newColIndex = cycleBy(startCol, deltaCol, 0, colsInRow - 1);
        return toCell(matrix2, rowIndex, newColIndex);
      };
      var cycleVertical = function(matrix2, colIndex, startRow, deltaRow) {
        var nextRowIndex = cycleBy(startRow, deltaRow, 0, matrix2.length - 1);
        var colsInNextRow = matrix2[nextRowIndex].length;
        var nextColIndex = clamp$1(colIndex, 0, colsInNextRow - 1);
        return toCell(matrix2, nextRowIndex, nextColIndex);
      };
      var moveHorizontal = function(matrix2, rowIndex, startCol, deltaCol) {
        var row = matrix2[rowIndex];
        var colsInRow = row.length;
        var newColIndex = clamp$1(startCol + deltaCol, 0, colsInRow - 1);
        return toCell(matrix2, rowIndex, newColIndex);
      };
      var moveVertical = function(matrix2, colIndex, startRow, deltaRow) {
        var nextRowIndex = clamp$1(startRow + deltaRow, 0, matrix2.length - 1);
        var colsInNextRow = matrix2[nextRowIndex].length;
        var nextColIndex = clamp$1(colIndex, 0, colsInNextRow - 1);
        return toCell(matrix2, nextRowIndex, nextColIndex);
      };
      var cycleRight = function(matrix2, startRow, startCol) {
        return cycleHorizontal(matrix2, startRow, startCol, 1);
      };
      var cycleLeft = function(matrix2, startRow, startCol) {
        return cycleHorizontal(matrix2, startRow, startCol, -1);
      };
      var cycleUp = function(matrix2, startRow, startCol) {
        return cycleVertical(matrix2, startCol, startRow, -1);
      };
      var cycleDown = function(matrix2, startRow, startCol) {
        return cycleVertical(matrix2, startCol, startRow, 1);
      };
      var moveLeft$1 = function(matrix2, startRow, startCol) {
        return moveHorizontal(matrix2, startRow, startCol, -1);
      };
      var moveRight$1 = function(matrix2, startRow, startCol) {
        return moveHorizontal(matrix2, startRow, startCol, 1);
      };
      var moveUp$1 = function(matrix2, startRow, startCol) {
        return moveVertical(matrix2, startCol, startRow, -1);
      };
      var moveDown$1 = function(matrix2, startRow, startCol) {
        return moveVertical(matrix2, startCol, startRow, 1);
      };
      var schema$s = [
        requiredObjOf("selectors", [
          required$1("row"),
          required$1("cell")
        ]),
        defaulted("cycles", true),
        defaulted("previousSelector", Optional.none),
        defaulted("execute", defaultExecute)
      ];
      var focusIn$1 = function(component, matrixConfig, _state) {
        var focused = matrixConfig.previousSelector(component).orThunk(function() {
          var selectors = matrixConfig.selectors;
          return descendant(component.element, selectors.cell);
        });
        focused.each(function(cell) {
          matrixConfig.focusManager.set(component, cell);
        });
      };
      var execute$1 = function(component, simulatedEvent, matrixConfig) {
        return search(component.element).bind(function(focused) {
          return matrixConfig.execute(component, simulatedEvent, focused);
        });
      };
      var toMatrix = function(rows, matrixConfig) {
        return map$2(rows, function(row) {
          return descendants(row, matrixConfig.selectors.cell);
        });
      };
      var doMove = function(ifCycle, ifMove) {
        return function(element2, focused, matrixConfig) {
          var move2 = matrixConfig.cycles ? ifCycle : ifMove;
          return closest$1(focused, matrixConfig.selectors.row).bind(function(inRow) {
            var cellsInRow = descendants(inRow, matrixConfig.selectors.cell);
            return findIndex(cellsInRow, focused).bind(function(colIndex) {
              var allRows = descendants(element2, matrixConfig.selectors.row);
              return findIndex(allRows, inRow).bind(function(rowIndex) {
                var matrix2 = toMatrix(allRows, matrixConfig);
                return move2(matrix2, rowIndex, colIndex).map(function(next) {
                  return next.cell;
                });
              });
            });
          });
        };
      };
      var moveLeft = doMove(cycleLeft, moveLeft$1);
      var moveRight = doMove(cycleRight, moveRight$1);
      var moveNorth = doMove(cycleUp, moveUp$1);
      var moveSouth = doMove(cycleDown, moveDown$1);
      var getKeydownRules$2 = constant$1([
        rule(inSet(LEFT), west$1(moveLeft, moveRight)),
        rule(inSet(RIGHT), east$1(moveLeft, moveRight)),
        rule(inSet(UP), north$1(moveNorth)),
        rule(inSet(DOWN), south$1(moveSouth)),
        rule(inSet(SPACE.concat(ENTER)), execute$1)
      ]);
      var getKeyupRules$2 = constant$1([rule(inSet(SPACE), stopEventForFirefox)]);
      var MatrixType = typical(schema$s, NoState.init, getKeydownRules$2, getKeyupRules$2, function() {
        return Optional.some(focusIn$1);
      });
      var schema$r = [
        required$1("selector"),
        defaulted("execute", defaultExecute),
        defaulted("moveOnTab", false)
      ];
      var execute = function(component, simulatedEvent, menuConfig) {
        return menuConfig.focusManager.get(component).bind(function(focused) {
          return menuConfig.execute(component, simulatedEvent, focused);
        });
      };
      var focusIn = function(component, menuConfig, _state) {
        descendant(component.element, menuConfig.selector).each(function(first2) {
          menuConfig.focusManager.set(component, first2);
        });
      };
      var moveUp = function(element2, focused, info) {
        return horizontal(element2, info.selector, focused, -1);
      };
      var moveDown = function(element2, focused, info) {
        return horizontal(element2, info.selector, focused, 1);
      };
      var fireShiftTab = function(component, simulatedEvent, menuConfig, menuState) {
        return menuConfig.moveOnTab ? move$1(moveUp)(component, simulatedEvent, menuConfig, menuState) : Optional.none();
      };
      var fireTab = function(component, simulatedEvent, menuConfig, menuState) {
        return menuConfig.moveOnTab ? move$1(moveDown)(component, simulatedEvent, menuConfig, menuState) : Optional.none();
      };
      var getKeydownRules$1 = constant$1([
        rule(inSet(UP), move$1(moveUp)),
        rule(inSet(DOWN), move$1(moveDown)),
        rule(and([
          isShift,
          inSet(TAB)
        ]), fireShiftTab),
        rule(and([
          isNotShift,
          inSet(TAB)
        ]), fireTab),
        rule(inSet(ENTER), execute),
        rule(inSet(SPACE), execute)
      ]);
      var getKeyupRules$1 = constant$1([rule(inSet(SPACE), stopEventForFirefox)]);
      var MenuType = typical(schema$r, NoState.init, getKeydownRules$1, getKeyupRules$1, function() {
        return Optional.some(focusIn);
      });
      var schema$q = [
        onKeyboardHandler("onSpace"),
        onKeyboardHandler("onEnter"),
        onKeyboardHandler("onShiftEnter"),
        onKeyboardHandler("onLeft"),
        onKeyboardHandler("onRight"),
        onKeyboardHandler("onTab"),
        onKeyboardHandler("onShiftTab"),
        onKeyboardHandler("onUp"),
        onKeyboardHandler("onDown"),
        onKeyboardHandler("onEscape"),
        defaulted("stopSpaceKeyup", false),
        option("focusIn")
      ];
      var getKeydownRules = function(component, simulatedEvent, specialInfo) {
        return [
          rule(inSet(SPACE), specialInfo.onSpace),
          rule(and([
            isNotShift,
            inSet(ENTER)
          ]), specialInfo.onEnter),
          rule(and([
            isShift,
            inSet(ENTER)
          ]), specialInfo.onShiftEnter),
          rule(and([
            isShift,
            inSet(TAB)
          ]), specialInfo.onShiftTab),
          rule(and([
            isNotShift,
            inSet(TAB)
          ]), specialInfo.onTab),
          rule(inSet(UP), specialInfo.onUp),
          rule(inSet(DOWN), specialInfo.onDown),
          rule(inSet(LEFT), specialInfo.onLeft),
          rule(inSet(RIGHT), specialInfo.onRight),
          rule(inSet(SPACE), specialInfo.onSpace),
          rule(inSet(ESCAPE), specialInfo.onEscape)
        ];
      };
      var getKeyupRules = function(component, simulatedEvent, specialInfo) {
        return specialInfo.stopSpaceKeyup ? [rule(inSet(SPACE), stopEventForFirefox)] : [];
      };
      var SpecialType = typical(schema$q, NoState.init, getKeydownRules, getKeyupRules, function(specialInfo) {
        return specialInfo.focusIn;
      });
      var acyclic = AcyclicType.schema();
      var cyclic = CyclicType.schema();
      var flow = FlowType.schema();
      var flatgrid = FlatgridType.schema();
      var matrix = MatrixType.schema();
      var execution = ExecutionType.schema();
      var menu = MenuType.schema();
      var special = SpecialType.schema();
      var KeyboardBranches = Object.freeze({
        __proto__: null,
        acyclic,
        cyclic,
        flow,
        flatgrid,
        matrix,
        execution,
        menu,
        special
      });
      var isFlatgridState = function(keyState) {
        return hasNonNullableKey(keyState, "setGridSize");
      };
      var Keying = createModes({
        branchKey: "mode",
        branches: KeyboardBranches,
        name: "keying",
        active: {
          events: function(keyingConfig, keyingState) {
            var handler = keyingConfig.handler;
            return handler.toEvents(keyingConfig, keyingState);
          }
        },
        apis: {
          focusIn: function(component, keyConfig, keyState) {
            keyConfig.sendFocusIn(keyConfig).fold(function() {
              component.getSystem().triggerFocus(component.element, component.element);
            }, function(sendFocusIn) {
              sendFocusIn(component, keyConfig, keyState);
            });
          },
          setGridSize: function(component, keyConfig, keyState, numRows, numColumns) {
            if (!isFlatgridState(keyState)) {
              console.error("Layout does not support setGridSize");
            } else {
              keyState.setGridSize(numRows, numColumns);
            }
          }
        },
        state: KeyingState
      });
      var set$2 = function(component, replaceConfig, replaceState, data) {
        preserve$1(function() {
          var newChildren = map$2(data, component.getSystem().build);
          replaceChildren(component, newChildren);
        }, component.element);
      };
      var insert = function(component, replaceConfig, insertion, childSpec) {
        var child2 = component.getSystem().build(childSpec);
        attachWith(component, child2, insertion);
      };
      var append = function(component, replaceConfig, replaceState, appendee) {
        insert(component, replaceConfig, append$2, appendee);
      };
      var prepend = function(component, replaceConfig, replaceState, prependee) {
        insert(component, replaceConfig, prepend$1, prependee);
      };
      var remove = function(component, replaceConfig, replaceState, removee) {
        var children2 = contents(component);
        var foundChild = find$5(children2, function(child2) {
          return eq(removee.element, child2.element);
        });
        foundChild.each(detach);
      };
      var contents = function(component, _replaceConfig) {
        return component.components();
      };
      var replaceAt = function(component, replaceConfig, replaceState, replaceeIndex, replacer) {
        var children2 = contents(component);
        return Optional.from(children2[replaceeIndex]).map(function(replacee) {
          remove(component, replaceConfig, replaceState, replacee);
          replacer.each(function(r2) {
            insert(component, replaceConfig, function(p, c) {
              appendAt(p, c, replaceeIndex);
            }, r2);
          });
          return replacee;
        });
      };
      var replaceBy = function(component, replaceConfig, replaceState, replaceePred, replacer) {
        var children2 = contents(component);
        return findIndex$1(children2, replaceePred).bind(function(replaceeIndex) {
          return replaceAt(component, replaceConfig, replaceState, replaceeIndex, replacer);
        });
      };
      var ReplaceApis = Object.freeze({
        __proto__: null,
        append,
        prepend,
        remove,
        replaceAt,
        replaceBy,
        set: set$2,
        contents
      });
      var Replacing = create$7({
        fields: [],
        name: "replacing",
        apis: ReplaceApis
      });
      var events$d = function(name2, eventHandlers) {
        var events2 = derive$2(eventHandlers);
        return create$7({
          fields: [required$1("enabled")],
          name: name2,
          active: { events: constant$1(events2) }
        });
      };
      var config = function(name2, eventHandlers) {
        var me = events$d(name2, eventHandlers);
        return {
          key: name2,
          value: {
            config: {},
            me,
            configAsRaw: constant$1({}),
            initialConfig: {},
            state: NoState
          }
        };
      };
      var focus$2 = function(component, focusConfig) {
        if (!focusConfig.ignore) {
          focus$3(component.element);
          focusConfig.onFocus(component);
        }
      };
      var blur = function(component, focusConfig) {
        if (!focusConfig.ignore) {
          blur$1(component.element);
        }
      };
      var isFocused = function(component) {
        return hasFocus(component.element);
      };
      var FocusApis = Object.freeze({
        __proto__: null,
        focus: focus$2,
        blur,
        isFocused
      });
      var exhibit$4 = function(base2, focusConfig) {
        var mod = focusConfig.ignore ? {} : { attributes: { tabindex: "-1" } };
        return nu$7(mod);
      };
      var events$c = function(focusConfig) {
        return derive$2([run$1(focus$4(), function(component, simulatedEvent) {
          focus$2(component, focusConfig);
          simulatedEvent.stop();
        })].concat(focusConfig.stopMousedown ? [run$1(mousedown(), function(_, simulatedEvent) {
          simulatedEvent.event.prevent();
        })] : []));
      };
      var ActiveFocus = Object.freeze({
        __proto__: null,
        exhibit: exhibit$4,
        events: events$c
      });
      var FocusSchema = [
        onHandler("onFocus"),
        defaulted("stopMousedown", false),
        defaulted("ignore", false)
      ];
      var Focusing = create$7({
        fields: FocusSchema,
        name: "focusing",
        active: ActiveFocus,
        apis: FocusApis
      });
      var SetupBehaviourCellState = function(initialState) {
        var init2 = function() {
          var cell = Cell(initialState);
          var get2 = function() {
            return cell.get();
          };
          var set2 = function(newState) {
            return cell.set(newState);
          };
          var clear2 = function() {
            return cell.set(initialState);
          };
          var readState = function() {
            return cell.get();
          };
          return {
            get: get2,
            set: set2,
            clear: clear2,
            readState
          };
        };
        return { init: init2 };
      };
      var updateAriaState = function(component, toggleConfig, toggleState) {
        var ariaInfo = toggleConfig.aria;
        ariaInfo.update(component, ariaInfo, toggleState.get());
      };
      var updateClass = function(component, toggleConfig, toggleState) {
        toggleConfig.toggleClass.each(function(toggleClass) {
          if (toggleState.get()) {
            add$2(component.element, toggleClass);
          } else {
            remove$2(component.element, toggleClass);
          }
        });
      };
      var toggle$2 = function(component, toggleConfig, toggleState) {
        set$1(component, toggleConfig, toggleState, !toggleState.get());
      };
      var on = function(component, toggleConfig, toggleState) {
        toggleState.set(true);
        updateClass(component, toggleConfig, toggleState);
        updateAriaState(component, toggleConfig, toggleState);
      };
      var off = function(component, toggleConfig, toggleState) {
        toggleState.set(false);
        updateClass(component, toggleConfig, toggleState);
        updateAriaState(component, toggleConfig, toggleState);
      };
      var set$1 = function(component, toggleConfig, toggleState, state) {
        var action = state ? on : off;
        action(component, toggleConfig, toggleState);
      };
      var isOn = function(component, toggleConfig, toggleState) {
        return toggleState.get();
      };
      var onLoad = function(component, toggleConfig, toggleState) {
        set$1(component, toggleConfig, toggleState, toggleConfig.selected);
      };
      var ToggleApis = Object.freeze({
        __proto__: null,
        onLoad,
        toggle: toggle$2,
        isOn,
        on,
        off,
        set: set$1
      });
      var exhibit$3 = function() {
        return nu$7({});
      };
      var events$b = function(toggleConfig, toggleState) {
        var execute2 = executeEvent(toggleConfig, toggleState, toggle$2);
        var load = loadEvent(toggleConfig, toggleState, onLoad);
        return derive$2(flatten([
          toggleConfig.toggleOnExecute ? [execute2] : [],
          [load]
        ]));
      };
      var ActiveToggle = Object.freeze({
        __proto__: null,
        exhibit: exhibit$3,
        events: events$b
      });
      var updatePressed = function(component, ariaInfo, status) {
        set$8(component.element, "aria-pressed", status);
        if (ariaInfo.syncWithExpanded) {
          updateExpanded(component, ariaInfo, status);
        }
      };
      var updateSelected = function(component, ariaInfo, status) {
        set$8(component.element, "aria-selected", status);
      };
      var updateChecked = function(component, ariaInfo, status) {
        set$8(component.element, "aria-checked", status);
      };
      var updateExpanded = function(component, ariaInfo, status) {
        set$8(component.element, "aria-expanded", status);
      };
      var ToggleSchema = [
        defaulted("selected", false),
        option("toggleClass"),
        defaulted("toggleOnExecute", true),
        defaultedOf("aria", { mode: "none" }, choose$1("mode", {
          pressed: [
            defaulted("syncWithExpanded", false),
            output$1("update", updatePressed)
          ],
          checked: [output$1("update", updateChecked)],
          expanded: [output$1("update", updateExpanded)],
          selected: [output$1("update", updateSelected)],
          none: [output$1("update", noop)]
        }))
      ];
      var Toggling = create$7({
        fields: ToggleSchema,
        name: "toggling",
        active: ActiveToggle,
        apis: ToggleApis,
        state: SetupBehaviourCellState(false)
      });
      var pointerEvents = function() {
        var onClick = function(component, simulatedEvent) {
          simulatedEvent.stop();
          emitExecute(component);
        };
        return [
          run$1(click(), onClick),
          run$1(tap(), onClick),
          cutter(touchstart()),
          cutter(mousedown())
        ];
      };
      var events$a = function(optAction) {
        var executeHandler = function(action) {
          return runOnExecute$1(function(component, simulatedEvent) {
            action(component);
            simulatedEvent.stop();
          });
        };
        return derive$2(flatten([
          optAction.map(executeHandler).toArray(),
          pointerEvents()
        ]));
      };
      var hoverEvent = "alloy.item-hover";
      var focusEvent = "alloy.item-focus";
      var onHover = function(item2) {
        if (search(item2.element).isNone() || Focusing.isFocused(item2)) {
          if (!Focusing.isFocused(item2)) {
            Focusing.focus(item2);
          }
          emitWith(item2, hoverEvent, { item: item2 });
        }
      };
      var onFocus$1 = function(item2) {
        emitWith(item2, focusEvent, { item: item2 });
      };
      var hover = constant$1(hoverEvent);
      var focus$1 = constant$1(focusEvent);
      var builder$2 = function(detail) {
        return {
          dom: detail.dom,
          domModification: __assign(__assign({}, detail.domModification), { attributes: __assign(__assign(__assign({ "role": detail.toggling.isSome() ? "menuitemcheckbox" : "menuitem" }, detail.domModification.attributes), { "aria-haspopup": detail.hasSubmenu }), detail.hasSubmenu ? { "aria-expanded": false } : {}) }),
          behaviours: SketchBehaviours.augment(detail.itemBehaviours, [
            detail.toggling.fold(Toggling.revoke, function(tConfig) {
              return Toggling.config(__assign({ aria: { mode: "checked" } }, tConfig));
            }),
            Focusing.config({
              ignore: detail.ignoreFocus,
              stopMousedown: detail.ignoreFocus,
              onFocus: function(component) {
                onFocus$1(component);
              }
            }),
            Keying.config({ mode: "execution" }),
            Representing.config({
              store: {
                mode: "memory",
                initialValue: detail.data
              }
            }),
            config("item-type-events", __spreadArray(__spreadArray([], pointerEvents(), true), [
              run$1(mouseover(), onHover),
              run$1(focusItem(), Focusing.focus)
            ], false))
          ]),
          components: detail.components,
          eventOrder: detail.eventOrder
        };
      };
      var schema$p = [
        required$1("data"),
        required$1("components"),
        required$1("dom"),
        defaulted("hasSubmenu", false),
        option("toggling"),
        SketchBehaviours.field("itemBehaviours", [
          Toggling,
          Focusing,
          Keying,
          Representing
        ]),
        defaulted("ignoreFocus", false),
        defaulted("domModification", {}),
        output$1("builder", builder$2),
        defaulted("eventOrder", {})
      ];
      var builder$1 = function(detail) {
        return {
          dom: detail.dom,
          components: detail.components,
          events: derive$2([stopper(focusItem())])
        };
      };
      var schema$o = [
        required$1("dom"),
        required$1("components"),
        output$1("builder", builder$1)
      ];
      var owner$2 = constant$1("item-widget");
      var parts$h = constant$1([required({
        name: "widget",
        overrides: function(detail) {
          return {
            behaviours: derive$1([Representing.config({
              store: {
                mode: "manual",
                getValue: function(_component) {
                  return detail.data;
                },
                setValue: noop
              }
            })])
          };
        }
      })]);
      var builder = function(detail) {
        var subs2 = substitutes(owner$2(), detail, parts$h());
        var components2 = components$1(owner$2(), detail, subs2.internals());
        var focusWidget = function(component) {
          return getPart(component, detail, "widget").map(function(widget) {
            Keying.focusIn(widget);
            return widget;
          });
        };
        var onHorizontalArrow = function(component, simulatedEvent) {
          return inside(simulatedEvent.event.target) ? Optional.none() : function() {
            if (detail.autofocus) {
              simulatedEvent.setSource(component.element);
              return Optional.none();
            } else {
              return Optional.none();
            }
          }();
        };
        return {
          dom: detail.dom,
          components: components2,
          domModification: detail.domModification,
          events: derive$2([
            runOnExecute$1(function(component, simulatedEvent) {
              focusWidget(component).each(function(_widget) {
                simulatedEvent.stop();
              });
            }),
            run$1(mouseover(), onHover),
            run$1(focusItem(), function(component, _simulatedEvent) {
              if (detail.autofocus) {
                focusWidget(component);
              } else {
                Focusing.focus(component);
              }
            })
          ]),
          behaviours: SketchBehaviours.augment(detail.widgetBehaviours, [
            Representing.config({
              store: {
                mode: "memory",
                initialValue: detail.data
              }
            }),
            Focusing.config({
              ignore: detail.ignoreFocus,
              onFocus: function(component) {
                onFocus$1(component);
              }
            }),
            Keying.config({
              mode: "special",
              focusIn: detail.autofocus ? function(component) {
                focusWidget(component);
              } : revoke(),
              onLeft: onHorizontalArrow,
              onRight: onHorizontalArrow,
              onEscape: function(component, simulatedEvent) {
                if (!Focusing.isFocused(component) && !detail.autofocus) {
                  Focusing.focus(component);
                  return Optional.some(true);
                } else if (detail.autofocus) {
                  simulatedEvent.setSource(component.element);
                  return Optional.none();
                } else {
                  return Optional.none();
                }
              }
            })
          ])
        };
      };
      var schema$n = [
        required$1("uid"),
        required$1("data"),
        required$1("components"),
        required$1("dom"),
        defaulted("autofocus", false),
        defaulted("ignoreFocus", false),
        SketchBehaviours.field("widgetBehaviours", [
          Representing,
          Focusing,
          Keying
        ]),
        defaulted("domModification", {}),
        defaultUidsSchema(parts$h()),
        output$1("builder", builder)
      ];
      var itemSchema$2 = choose$1("type", {
        widget: schema$n,
        item: schema$p,
        separator: schema$o
      });
      var configureGrid = function(detail, movementInfo) {
        return {
          mode: "flatgrid",
          selector: "." + detail.markers.item,
          initSize: {
            numColumns: movementInfo.initSize.numColumns,
            numRows: movementInfo.initSize.numRows
          },
          focusManager: detail.focusManager
        };
      };
      var configureMatrix = function(detail, movementInfo) {
        return {
          mode: "matrix",
          selectors: {
            row: movementInfo.rowSelector,
            cell: "." + detail.markers.item
          },
          focusManager: detail.focusManager
        };
      };
      var configureMenu = function(detail, movementInfo) {
        return {
          mode: "menu",
          selector: "." + detail.markers.item,
          moveOnTab: movementInfo.moveOnTab,
          focusManager: detail.focusManager
        };
      };
      var parts$g = constant$1([group({
        factory: {
          sketch: function(spec) {
            var itemInfo = asRawOrDie$1("menu.spec item", itemSchema$2, spec);
            return itemInfo.builder(itemInfo);
          }
        },
        name: "items",
        unit: "item",
        defaults: function(detail, u) {
          return has$2(u, "uid") ? u : __assign(__assign({}, u), { uid: generate$5("item") });
        },
        overrides: function(detail, u) {
          return {
            type: u.type,
            ignoreFocus: detail.fakeFocus,
            domModification: { classes: [detail.markers.item] }
          };
        }
      })]);
      var schema$m = constant$1([
        required$1("value"),
        required$1("items"),
        required$1("dom"),
        required$1("components"),
        defaulted("eventOrder", {}),
        field("menuBehaviours", [
          Highlighting,
          Representing,
          Composing,
          Keying
        ]),
        defaultedOf("movement", {
          mode: "menu",
          moveOnTab: true
        }, choose$1("mode", {
          grid: [
            initSize(),
            output$1("config", configureGrid)
          ],
          matrix: [
            output$1("config", configureMatrix),
            required$1("rowSelector")
          ],
          menu: [
            defaulted("moveOnTab", true),
            output$1("config", configureMenu)
          ]
        })),
        itemMarkers(),
        defaulted("fakeFocus", false),
        defaulted("focusManager", dom$2()),
        onHandler("onHighlight")
      ]);
      var focus = constant$1("alloy.menu-focus");
      var make$7 = function(detail, components2, _spec, _externals) {
        return {
          uid: detail.uid,
          dom: detail.dom,
          markers: detail.markers,
          behaviours: augment(detail.menuBehaviours, [
            Highlighting.config({
              highlightClass: detail.markers.selectedItem,
              itemClass: detail.markers.item,
              onHighlight: detail.onHighlight
            }),
            Representing.config({
              store: {
                mode: "memory",
                initialValue: detail.value
              }
            }),
            Composing.config({ find: Optional.some }),
            Keying.config(detail.movement.config(detail, detail.movement))
          ]),
          events: derive$2([
            run$1(focus$1(), function(menu2, simulatedEvent) {
              var event = simulatedEvent.event;
              menu2.getSystem().getByDom(event.target).each(function(item2) {
                Highlighting.highlight(menu2, item2);
                simulatedEvent.stop();
                emitWith(menu2, focus(), {
                  menu: menu2,
                  item: item2
                });
              });
            }),
            run$1(hover(), function(menu2, simulatedEvent) {
              var item2 = simulatedEvent.event.item;
              Highlighting.highlight(menu2, item2);
            })
          ]),
          components: components2,
          eventOrder: detail.eventOrder,
          domModification: { attributes: { role: "menu" } }
        };
      };
      var Menu = composite({
        name: "Menu",
        configFields: schema$m(),
        partFields: parts$g(),
        factory: make$7
      });
      var transpose$1 = function(obj) {
        return tupleMap(obj, function(v, k) {
          return {
            k: v,
            v: k
          };
        });
      };
      var trace = function(items, byItem, byMenu, finish) {
        return get$e(byMenu, finish).bind(function(triggerItem) {
          return get$e(items, triggerItem).bind(function(triggerMenu) {
            var rest = trace(items, byItem, byMenu, triggerMenu);
            return Optional.some([triggerMenu].concat(rest));
          });
        }).getOr([]);
      };
      var generate$2 = function(menus, expansions) {
        var items = {};
        each(menus, function(menuItems, menu2) {
          each$1(menuItems, function(item2) {
            items[item2] = menu2;
          });
        });
        var byItem = expansions;
        var byMenu = transpose$1(expansions);
        var menuPaths = map$1(byMenu, function(_triggerItem, submenu) {
          return [submenu].concat(trace(items, byItem, byMenu, submenu));
        });
        return map$1(items, function(menu2) {
          return get$e(menuPaths, menu2).getOr([menu2]);
        });
      };
      var init$c = function() {
        var expansions = Cell({});
        var menus = Cell({});
        var paths = Cell({});
        var primary = value$1();
        var directory = Cell({});
        var clear2 = function() {
          expansions.set({});
          menus.set({});
          paths.set({});
          primary.clear();
        };
        var isClear = function() {
          return primary.get().isNone();
        };
        var setMenuBuilt = function(menuName, built) {
          var _a2;
          menus.set(__assign(__assign({}, menus.get()), (_a2 = {}, _a2[menuName] = {
            type: "prepared",
            menu: built
          }, _a2)));
        };
        var setContents = function(sPrimary, sMenus, sExpansions, dir) {
          primary.set(sPrimary);
          expansions.set(sExpansions);
          menus.set(sMenus);
          directory.set(dir);
          var sPaths = generate$2(dir, sExpansions);
          paths.set(sPaths);
        };
        var getTriggeringItem = function(menuValue) {
          return find$4(expansions.get(), function(v, _k) {
            return v === menuValue;
          });
        };
        var getTriggerData = function(menuValue, getItemByValue, path2) {
          return getPreparedMenu(menuValue).bind(function(menu2) {
            return getTriggeringItem(menuValue).bind(function(triggeringItemValue) {
              return getItemByValue(triggeringItemValue).map(function(triggeredItem) {
                return {
                  triggeredMenu: menu2,
                  triggeringItem: triggeredItem,
                  triggeringPath: path2
                };
              });
            });
          });
        };
        var getTriggeringPath = function(itemValue, getItemByValue) {
          var extraPath = filter$2(lookupItem(itemValue).toArray(), function(menuValue) {
            return getPreparedMenu(menuValue).isSome();
          });
          return get$e(paths.get(), itemValue).bind(function(path2) {
            var revPath = reverse(extraPath.concat(path2));
            var triggers = bind$3(revPath, function(menuValue, menuIndex) {
              return getTriggerData(menuValue, getItemByValue, revPath.slice(0, menuIndex + 1)).fold(function() {
                return is$1(primary.get(), menuValue) ? [] : [Optional.none()];
              }, function(data) {
                return [Optional.some(data)];
              });
            });
            return sequence(triggers);
          });
        };
        var expand2 = function(itemValue) {
          return get$e(expansions.get(), itemValue).map(function(menu2) {
            var current = get$e(paths.get(), itemValue).getOr([]);
            return [menu2].concat(current);
          });
        };
        var collapse = function(itemValue) {
          return get$e(paths.get(), itemValue).bind(function(path2) {
            return path2.length > 1 ? Optional.some(path2.slice(1)) : Optional.none();
          });
        };
        var refresh2 = function(itemValue) {
          return get$e(paths.get(), itemValue);
        };
        var getPreparedMenu = function(menuValue) {
          return lookupMenu(menuValue).bind(extractPreparedMenu);
        };
        var lookupMenu = function(menuValue) {
          return get$e(menus.get(), menuValue);
        };
        var lookupItem = function(itemValue) {
          return get$e(expansions.get(), itemValue);
        };
        var otherMenus = function(path2) {
          var menuValues = directory.get();
          return difference(keys(menuValues), path2);
        };
        var getPrimary = function() {
          return primary.get().bind(getPreparedMenu);
        };
        var getMenus2 = function() {
          return menus.get();
        };
        return {
          setMenuBuilt,
          setContents,
          expand: expand2,
          refresh: refresh2,
          collapse,
          lookupMenu,
          lookupItem,
          otherMenus,
          getPrimary,
          getMenus: getMenus2,
          clear: clear2,
          isClear,
          getTriggeringPath
        };
      };
      var extractPreparedMenu = function(prep) {
        return prep.type === "prepared" ? Optional.some(prep.menu) : Optional.none();
      };
      var LayeredState = {
        init: init$c,
        extractPreparedMenu
      };
      var make$6 = function(detail, _rawUiSpec) {
        var submenuParentItems = value$1();
        var buildMenus = function(container, primaryName, menus) {
          return map$1(menus, function(spec, name2) {
            var makeSketch = function() {
              return Menu.sketch(__assign(__assign({}, spec), {
                value: name2,
                markers: detail.markers,
                fakeFocus: detail.fakeFocus,
                onHighlight: detail.onHighlight,
                focusManager: detail.fakeFocus ? highlights() : dom$2()
              }));
            };
            return name2 === primaryName ? {
              type: "prepared",
              menu: container.getSystem().build(makeSketch())
            } : {
              type: "notbuilt",
              nbMenu: makeSketch
            };
          });
        };
        var layeredState = LayeredState.init();
        var setup2 = function(container) {
          var componentMap = buildMenus(container, detail.data.primary, detail.data.menus);
          var directory = toDirectory();
          layeredState.setContents(detail.data.primary, componentMap, detail.data.expansions, directory);
          return layeredState.getPrimary();
        };
        var getItemValue = function(item2) {
          return Representing.getValue(item2).value;
        };
        var getItemByValue = function(_container, menus, itemValue) {
          return findMap(menus, function(menu2) {
            if (!menu2.getSystem().isConnected()) {
              return Optional.none();
            }
            var candidates = Highlighting.getCandidates(menu2);
            return find$5(candidates, function(c) {
              return getItemValue(c) === itemValue;
            });
          });
        };
        var toDirectory = function(_container) {
          return map$1(detail.data.menus, function(data, _menuName) {
            return bind$3(data.items, function(item2) {
              return item2.type === "separator" ? [] : [item2.data.value];
            });
          });
        };
        var setActiveMenu = function(container, menu2) {
          Highlighting.highlight(container, menu2);
          Highlighting.getHighlighted(menu2).orThunk(function() {
            return Highlighting.getFirst(menu2);
          }).each(function(item2) {
            dispatch(container, item2.element, focusItem());
          });
        };
        var getMenus2 = function(state, menuValues) {
          return cat(map$2(menuValues, function(mv) {
            return state.lookupMenu(mv).bind(function(prep) {
              return prep.type === "prepared" ? Optional.some(prep.menu) : Optional.none();
            });
          }));
        };
        var closeOthers = function(container, state, path2) {
          var others = getMenus2(state, state.otherMenus(path2));
          each$1(others, function(o) {
            remove$1(o.element, [detail.markers.backgroundMenu]);
            if (!detail.stayInDom) {
              Replacing.remove(container, o);
            }
          });
        };
        var getSubmenuParents = function(container) {
          return submenuParentItems.get().getOrThunk(function() {
            var r2 = {};
            var items = descendants(container.element, "." + detail.markers.item);
            var parentItems = filter$2(items, function(i) {
              return get$d(i, "aria-haspopup") === "true";
            });
            each$1(parentItems, function(i) {
              container.getSystem().getByDom(i).each(function(itemComp) {
                var key = getItemValue(itemComp);
                r2[key] = itemComp;
              });
            });
            submenuParentItems.set(r2);
            return r2;
          });
        };
        var updateAriaExpansions = function(container, path2) {
          var parentItems = getSubmenuParents(container);
          each(parentItems, function(v, k) {
            var expanded = contains$2(path2, k);
            set$8(v.element, "aria-expanded", expanded);
          });
        };
        var updateMenuPath = function(container, state, path2) {
          return Optional.from(path2[0]).bind(function(latestMenuName) {
            return state.lookupMenu(latestMenuName).bind(function(menuPrep) {
              if (menuPrep.type === "notbuilt") {
                return Optional.none();
              } else {
                var activeMenu = menuPrep.menu;
                var rest = getMenus2(state, path2.slice(1));
                each$1(rest, function(r2) {
                  add$2(r2.element, detail.markers.backgroundMenu);
                });
                if (!inBody(activeMenu.element)) {
                  Replacing.append(container, premade(activeMenu));
                }
                remove$1(activeMenu.element, [detail.markers.backgroundMenu]);
                setActiveMenu(container, activeMenu);
                closeOthers(container, state, path2);
                return Optional.some(activeMenu);
              }
            });
          });
        };
        var ExpandHighlightDecision;
        (function(ExpandHighlightDecision2) {
          ExpandHighlightDecision2[ExpandHighlightDecision2["HighlightSubmenu"] = 0] = "HighlightSubmenu";
          ExpandHighlightDecision2[ExpandHighlightDecision2["HighlightParent"] = 1] = "HighlightParent";
        })(ExpandHighlightDecision || (ExpandHighlightDecision = {}));
        var buildIfRequired = function(container, menuName, menuPrep) {
          if (menuPrep.type === "notbuilt") {
            var menu2 = container.getSystem().build(menuPrep.nbMenu());
            layeredState.setMenuBuilt(menuName, menu2);
            return menu2;
          } else {
            return menuPrep.menu;
          }
        };
        var expandRight = function(container, item2, decision) {
          if (decision === void 0) {
            decision = ExpandHighlightDecision.HighlightSubmenu;
          }
          if (item2.hasConfigured(Disabling) && Disabling.isDisabled(item2)) {
            return Optional.some(item2);
          } else {
            var value2 = getItemValue(item2);
            return layeredState.expand(value2).bind(function(path2) {
              updateAriaExpansions(container, path2);
              return Optional.from(path2[0]).bind(function(menuName) {
                return layeredState.lookupMenu(menuName).bind(function(activeMenuPrep) {
                  var activeMenu = buildIfRequired(container, menuName, activeMenuPrep);
                  if (!inBody(activeMenu.element)) {
                    Replacing.append(container, premade(activeMenu));
                  }
                  detail.onOpenSubmenu(container, item2, activeMenu, reverse(path2));
                  if (decision === ExpandHighlightDecision.HighlightSubmenu) {
                    Highlighting.highlightFirst(activeMenu);
                    return updateMenuPath(container, layeredState, path2);
                  } else {
                    Highlighting.dehighlightAll(activeMenu);
                    return Optional.some(item2);
                  }
                });
              });
            });
          }
        };
        var collapseLeft = function(container, item2) {
          var value2 = getItemValue(item2);
          return layeredState.collapse(value2).bind(function(path2) {
            updateAriaExpansions(container, path2);
            return updateMenuPath(container, layeredState, path2).map(function(activeMenu) {
              detail.onCollapseMenu(container, item2, activeMenu);
              return activeMenu;
            });
          });
        };
        var updateView = function(container, item2) {
          var value2 = getItemValue(item2);
          return layeredState.refresh(value2).bind(function(path2) {
            updateAriaExpansions(container, path2);
            return updateMenuPath(container, layeredState, path2);
          });
        };
        var onRight2 = function(container, item2) {
          return inside(item2.element) ? Optional.none() : expandRight(container, item2, ExpandHighlightDecision.HighlightSubmenu);
        };
        var onLeft2 = function(container, item2) {
          return inside(item2.element) ? Optional.none() : collapseLeft(container, item2);
        };
        var onEscape = function(container, item2) {
          return collapseLeft(container, item2).orThunk(function() {
            return detail.onEscape(container, item2).map(function() {
              return container;
            });
          });
        };
        var keyOnItem = function(f) {
          return function(container, simulatedEvent) {
            return closest$1(simulatedEvent.getSource(), "." + detail.markers.item).bind(function(target) {
              return container.getSystem().getByDom(target).toOptional().bind(function(item2) {
                return f(container, item2).map(always);
              });
            });
          };
        };
        var events2 = derive$2([
          run$1(focus(), function(sandbox, simulatedEvent) {
            var item2 = simulatedEvent.event.item;
            layeredState.lookupItem(getItemValue(item2)).each(function() {
              var menu2 = simulatedEvent.event.menu;
              Highlighting.highlight(sandbox, menu2);
              var value2 = getItemValue(simulatedEvent.event.item);
              layeredState.refresh(value2).each(function(path2) {
                return closeOthers(sandbox, layeredState, path2);
              });
            });
          }),
          runOnExecute$1(function(component, simulatedEvent) {
            var target = simulatedEvent.event.target;
            component.getSystem().getByDom(target).each(function(item2) {
              var itemValue = getItemValue(item2);
              if (itemValue.indexOf("collapse-item") === 0) {
                collapseLeft(component, item2);
              }
              expandRight(component, item2, ExpandHighlightDecision.HighlightSubmenu).fold(function() {
                detail.onExecute(component, item2);
              }, noop);
            });
          }),
          runOnAttached(function(container, _simulatedEvent) {
            setup2(container).each(function(primary) {
              Replacing.append(container, premade(primary));
              detail.onOpenMenu(container, primary);
              if (detail.highlightImmediately) {
                setActiveMenu(container, primary);
              }
            });
          })
        ].concat(detail.navigateOnHover ? [run$1(hover(), function(sandbox, simulatedEvent) {
          var item2 = simulatedEvent.event.item;
          updateView(sandbox, item2);
          expandRight(sandbox, item2, ExpandHighlightDecision.HighlightParent);
          detail.onHover(sandbox, item2);
        })] : []));
        var getActiveItem = function(container) {
          return Highlighting.getHighlighted(container).bind(Highlighting.getHighlighted);
        };
        var collapseMenuApi = function(container) {
          getActiveItem(container).each(function(currentItem) {
            collapseLeft(container, currentItem);
          });
        };
        var highlightPrimary = function(container) {
          layeredState.getPrimary().each(function(primary) {
            setActiveMenu(container, primary);
          });
        };
        var extractMenuFromContainer = function(container) {
          return Optional.from(container.components()[0]).filter(function(comp) {
            return get$d(comp.element, "role") === "menu";
          });
        };
        var repositionMenus2 = function(container) {
          var maybeActivePrimary = layeredState.getPrimary().bind(function(primary) {
            return getActiveItem(container).bind(function(currentItem) {
              var itemValue = getItemValue(currentItem);
              var allMenus = values(layeredState.getMenus());
              var preparedMenus = cat(map$2(allMenus, LayeredState.extractPreparedMenu));
              return layeredState.getTriggeringPath(itemValue, function(v) {
                return getItemByValue(container, preparedMenus, v);
              });
            }).map(function(triggeringPath) {
              return {
                primary,
                triggeringPath
              };
            });
          });
          maybeActivePrimary.fold(function() {
            extractMenuFromContainer(container).each(function(primaryMenu) {
              detail.onRepositionMenu(container, primaryMenu, []);
            });
          }, function(_a2) {
            var primary = _a2.primary, triggeringPath = _a2.triggeringPath;
            detail.onRepositionMenu(container, primary, triggeringPath);
          });
        };
        var apis = {
          collapseMenu: collapseMenuApi,
          highlightPrimary,
          repositionMenus: repositionMenus2
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          markers: detail.markers,
          behaviours: augment(detail.tmenuBehaviours, [
            Keying.config({
              mode: "special",
              onRight: keyOnItem(onRight2),
              onLeft: keyOnItem(onLeft2),
              onEscape: keyOnItem(onEscape),
              focusIn: function(container, _keyInfo) {
                layeredState.getPrimary().each(function(primary) {
                  dispatch(container, primary.element, focusItem());
                });
              }
            }),
            Highlighting.config({
              highlightClass: detail.markers.selectedMenu,
              itemClass: detail.markers.menu
            }),
            Composing.config({
              find: function(container) {
                return Highlighting.getHighlighted(container);
              }
            }),
            Replacing.config({})
          ]),
          eventOrder: detail.eventOrder,
          apis,
          events: events2
        };
      };
      var collapseItem$1 = constant$1("collapse-item");
      var tieredData = function(primary, menus, expansions) {
        return {
          primary,
          menus,
          expansions
        };
      };
      var singleData = function(name2, menu2) {
        return {
          primary: name2,
          menus: wrap$1(name2, menu2),
          expansions: {}
        };
      };
      var collapseItem = function(text2) {
        return {
          value: generate$6(collapseItem$1()),
          meta: { text: text2 }
        };
      };
      var tieredMenu = single({
        name: "TieredMenu",
        configFields: [
          onStrictKeyboardHandler("onExecute"),
          onStrictKeyboardHandler("onEscape"),
          onStrictHandler("onOpenMenu"),
          onStrictHandler("onOpenSubmenu"),
          onHandler("onRepositionMenu"),
          onHandler("onCollapseMenu"),
          defaulted("highlightImmediately", true),
          requiredObjOf("data", [
            required$1("primary"),
            required$1("menus"),
            required$1("expansions")
          ]),
          defaulted("fakeFocus", false),
          onHandler("onHighlight"),
          onHandler("onHover"),
          tieredMenuMarkers(),
          required$1("dom"),
          defaulted("navigateOnHover", true),
          defaulted("stayInDom", false),
          field("tmenuBehaviours", [
            Keying,
            Highlighting,
            Composing,
            Replacing
          ]),
          defaulted("eventOrder", {})
        ],
        apis: {
          collapseMenu: function(apis, tmenu) {
            apis.collapseMenu(tmenu);
          },
          highlightPrimary: function(apis, tmenu) {
            apis.highlightPrimary(tmenu);
          },
          repositionMenus: function(apis, tmenu) {
            apis.repositionMenus(tmenu);
          }
        },
        factory: make$6,
        extraApis: {
          tieredData,
          singleData,
          collapseItem
        }
      });
      var makeMenu = function(detail, menuSandbox, placementSpec, menuSpec, getBounds2) {
        var lazySink = function() {
          return detail.lazySink(menuSandbox);
        };
        var layouts2 = menuSpec.type === "horizontal" ? {
          layouts: {
            onLtr: function() {
              return belowOrAbove();
            },
            onRtl: function() {
              return belowOrAboveRtl();
            }
          }
        } : {};
        var isFirstTierSubmenu = function(triggeringPaths) {
          return triggeringPaths.length === 2;
        };
        var getSubmenuLayouts = function(triggeringPaths) {
          return isFirstTierSubmenu(triggeringPaths) ? layouts2 : {};
        };
        return tieredMenu.sketch({
          dom: { tag: "div" },
          data: menuSpec.data,
          markers: menuSpec.menu.markers,
          highlightImmediately: menuSpec.menu.highlightImmediately,
          onEscape: function() {
            Sandboxing.close(menuSandbox);
            detail.onEscape.map(function(handler) {
              return handler(menuSandbox);
            });
            return Optional.some(true);
          },
          onExecute: function() {
            return Optional.some(true);
          },
          onOpenMenu: function(tmenu, menu2) {
            Positioning.positionWithinBounds(lazySink().getOrDie(), menu2, placementSpec, getBounds2());
          },
          onOpenSubmenu: function(tmenu, item2, submenu, triggeringPaths) {
            var sink = lazySink().getOrDie();
            Positioning.position(sink, submenu, {
              anchor: __assign({
                type: "submenu",
                item: item2
              }, getSubmenuLayouts(triggeringPaths))
            });
          },
          onRepositionMenu: function(tmenu, primaryMenu, submenuTriggers) {
            var sink = lazySink().getOrDie();
            Positioning.positionWithinBounds(sink, primaryMenu, placementSpec, getBounds2());
            each$1(submenuTriggers, function(st) {
              var submenuLayouts = getSubmenuLayouts(st.triggeringPath);
              Positioning.position(sink, st.triggeredMenu, {
                anchor: __assign({
                  type: "submenu",
                  item: st.triggeringItem
                }, submenuLayouts)
              });
            });
          }
        });
      };
      var factory$m = function(detail, spec) {
        var isPartOfRelated = function(sandbox, queryElem) {
          var related = detail.getRelated(sandbox);
          return related.exists(function(rel) {
            return isPartOf$1(rel, queryElem);
          });
        };
        var setContent2 = function(sandbox, thing) {
          Sandboxing.setContent(sandbox, thing);
        };
        var showAt = function(sandbox, thing, placementSpec) {
          showWithin(sandbox, thing, placementSpec, Optional.none());
        };
        var showWithin = function(sandbox, thing, placementSpec, boxElement) {
          showWithinBounds(sandbox, thing, placementSpec, function() {
            return boxElement.map(function(elem) {
              return box$1(elem);
            });
          });
        };
        var showWithinBounds = function(sandbox, thing, placementSpec, getBounds2) {
          var sink = detail.lazySink(sandbox).getOrDie();
          Sandboxing.openWhileCloaked(sandbox, thing, function() {
            return Positioning.positionWithinBounds(sink, sandbox, placementSpec, getBounds2());
          });
          Representing.setValue(sandbox, Optional.some({
            mode: "position",
            config: placementSpec,
            getBounds: getBounds2
          }));
        };
        var showMenuAt = function(sandbox, placementSpec, menuSpec) {
          showMenuWithinBounds(sandbox, placementSpec, menuSpec, Optional.none);
        };
        var showMenuWithinBounds = function(sandbox, placementSpec, menuSpec, getBounds2) {
          var menu2 = makeMenu(detail, sandbox, placementSpec, menuSpec, getBounds2);
          Sandboxing.open(sandbox, menu2);
          Representing.setValue(sandbox, Optional.some({
            mode: "menu",
            menu: menu2
          }));
        };
        var hide = function(sandbox) {
          if (Sandboxing.isOpen(sandbox)) {
            Representing.setValue(sandbox, Optional.none());
            Sandboxing.close(sandbox);
          }
        };
        var getContent = function(sandbox) {
          return Sandboxing.getState(sandbox);
        };
        var reposition2 = function(sandbox) {
          if (Sandboxing.isOpen(sandbox)) {
            Representing.getValue(sandbox).each(function(state) {
              switch (state.mode) {
                case "menu":
                  Sandboxing.getState(sandbox).each(tieredMenu.repositionMenus);
                  break;
                case "position":
                  var sink = detail.lazySink(sandbox).getOrDie();
                  Positioning.positionWithinBounds(sink, sandbox, state.config, state.getBounds());
                  break;
              }
            });
          }
        };
        var apis = {
          setContent: setContent2,
          showAt,
          showWithin,
          showWithinBounds,
          showMenuAt,
          showMenuWithinBounds,
          hide,
          getContent,
          reposition: reposition2,
          isOpen: Sandboxing.isOpen
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          behaviours: augment(detail.inlineBehaviours, [
            Sandboxing.config({
              isPartOf: function(sandbox, data, queryElem) {
                return isPartOf$1(data, queryElem) || isPartOfRelated(sandbox, queryElem);
              },
              getAttachPoint: function(sandbox) {
                return detail.lazySink(sandbox).getOrDie();
              },
              onOpen: function(sandbox) {
                detail.onShow(sandbox);
              },
              onClose: function(sandbox) {
                detail.onHide(sandbox);
              }
            }),
            Representing.config({
              store: {
                mode: "memory",
                initialValue: Optional.none()
              }
            }),
            Receiving.config({
              channels: __assign(__assign({}, receivingChannel$1(__assign({ isExtraPart: spec.isExtraPart }, detail.fireDismissalEventInstead.map(function(fe) {
                return { fireEventInstead: { event: fe.event } };
              }).getOr({})))), receivingChannel(__assign(__assign({}, detail.fireRepositionEventInstead.map(function(fe) {
                return { fireEventInstead: { event: fe.event } };
              }).getOr({})), { doReposition: reposition2 })))
            })
          ]),
          eventOrder: detail.eventOrder,
          apis
        };
      };
      var InlineView = single({
        name: "InlineView",
        configFields: [
          required$1("lazySink"),
          onHandler("onShow"),
          onHandler("onHide"),
          optionFunction("onEscape"),
          field("inlineBehaviours", [
            Sandboxing,
            Representing,
            Receiving
          ]),
          optionObjOf("fireDismissalEventInstead", [defaulted("event", dismissRequested())]),
          optionObjOf("fireRepositionEventInstead", [defaulted("event", repositionRequested())]),
          defaulted("getRelated", Optional.none),
          defaulted("isExtraPart", never),
          defaulted("eventOrder", Optional.none)
        ],
        factory: factory$m,
        apis: {
          showAt: function(apis, component, anchor2, thing) {
            apis.showAt(component, anchor2, thing);
          },
          showWithin: function(apis, component, anchor2, thing, boxElement) {
            apis.showWithin(component, anchor2, thing, boxElement);
          },
          showWithinBounds: function(apis, component, anchor2, thing, bounds2) {
            apis.showWithinBounds(component, anchor2, thing, bounds2);
          },
          showMenuAt: function(apis, component, anchor2, menuSpec) {
            apis.showMenuAt(component, anchor2, menuSpec);
          },
          showMenuWithinBounds: function(apis, component, anchor2, menuSpec, bounds2) {
            apis.showMenuWithinBounds(component, anchor2, menuSpec, bounds2);
          },
          hide: function(apis, component) {
            apis.hide(component);
          },
          isOpen: function(apis, component) {
            return apis.isOpen(component);
          },
          getContent: function(apis, component) {
            return apis.getContent(component);
          },
          setContent: function(apis, component, thing) {
            apis.setContent(component, thing);
          },
          reposition: function(apis, component) {
            apis.reposition(component);
          }
        }
      });
      var labelPrefix = "layout-inset";
      var westEdgeX = function(anchor2) {
        return anchor2.x;
      };
      var middleX = function(anchor2, element2) {
        return anchor2.x + anchor2.width / 2 - element2.width / 2;
      };
      var eastEdgeX = function(anchor2, element2) {
        return anchor2.x + anchor2.width - element2.width;
      };
      var northY = function(anchor2) {
        return anchor2.y;
      };
      var southY = function(anchor2, element2) {
        return anchor2.y + anchor2.height - element2.height;
      };
      var centreY = function(anchor2, element2) {
        return anchor2.y + anchor2.height / 2 - element2.height / 2;
      };
      var southwest = function(anchor2, element2, bubbles) {
        return nu$6(eastEdgeX(anchor2, element2), southY(anchor2, element2), bubbles.insetSouthwest(), northwest$3(), "southwest", boundsRestriction(anchor2, {
          right: 0,
          bottom: 3
        }), labelPrefix);
      };
      var southeast = function(anchor2, element2, bubbles) {
        return nu$6(westEdgeX(anchor2), southY(anchor2, element2), bubbles.insetSoutheast(), northeast$3(), "southeast", boundsRestriction(anchor2, {
          left: 1,
          bottom: 3
        }), labelPrefix);
      };
      var northwest = function(anchor2, element2, bubbles) {
        return nu$6(eastEdgeX(anchor2, element2), northY(anchor2), bubbles.insetNorthwest(), southwest$3(), "northwest", boundsRestriction(anchor2, {
          right: 0,
          top: 2
        }), labelPrefix);
      };
      var northeast = function(anchor2, element2, bubbles) {
        return nu$6(westEdgeX(anchor2), northY(anchor2), bubbles.insetNortheast(), southeast$3(), "northeast", boundsRestriction(anchor2, {
          left: 1,
          top: 2
        }), labelPrefix);
      };
      var north = function(anchor2, element2, bubbles) {
        return nu$6(middleX(anchor2, element2), northY(anchor2), bubbles.insetNorth(), south$3(), "north", boundsRestriction(anchor2, { top: 2 }), labelPrefix);
      };
      var south = function(anchor2, element2, bubbles) {
        return nu$6(middleX(anchor2, element2), southY(anchor2, element2), bubbles.insetSouth(), north$3(), "south", boundsRestriction(anchor2, { bottom: 3 }), labelPrefix);
      };
      var east = function(anchor2, element2, bubbles) {
        return nu$6(eastEdgeX(anchor2, element2), centreY(anchor2, element2), bubbles.insetEast(), west$3(), "east", boundsRestriction(anchor2, { right: 0 }), labelPrefix);
      };
      var west = function(anchor2, element2, bubbles) {
        return nu$6(westEdgeX(anchor2), centreY(anchor2, element2), bubbles.insetWest(), east$3(), "west", boundsRestriction(anchor2, { left: 1 }), labelPrefix);
      };
      var lookupPreserveLayout = function(lastPlacement) {
        switch (lastPlacement) {
          case "north":
            return north;
          case "northeast":
            return northeast;
          case "northwest":
            return northwest;
          case "south":
            return south;
          case "southeast":
            return southeast;
          case "southwest":
            return southwest;
          case "east":
            return east;
          case "west":
            return west;
        }
      };
      var preserve = function(anchor2, element2, bubbles, placee, bounds2) {
        var layout2 = getPlacement(placee).map(lookupPreserveLayout).getOr(north);
        return layout2(anchor2, element2, bubbles, placee, bounds2);
      };
      var lookupFlippedLayout = function(lastPlacement) {
        switch (lastPlacement) {
          case "north":
            return south;
          case "northeast":
            return southeast;
          case "northwest":
            return southwest;
          case "south":
            return north;
          case "southeast":
            return northeast;
          case "southwest":
            return northwest;
          case "east":
            return west;
          case "west":
            return east;
        }
      };
      var flip$2 = function(anchor2, element2, bubbles, placee, bounds2) {
        var layout2 = getPlacement(placee).map(lookupFlippedLayout).getOr(north);
        return layout2(anchor2, element2, bubbles, placee, bounds2);
      };
      var global$f = tinymce.util.Tools.resolve("tinymce.util.Delay");
      var factory$l = function(detail) {
        var events2 = events$a(detail.action);
        var tag = detail.dom.tag;
        var lookupAttr = function(attr) {
          return get$e(detail.dom, "attributes").bind(function(attrs) {
            return get$e(attrs, attr);
          });
        };
        var getModAttributes = function() {
          if (tag === "button") {
            var type2 = lookupAttr("type").getOr("button");
            var roleAttrs = lookupAttr("role").map(function(role2) {
              return { role: role2 };
            }).getOr({});
            return __assign({ type: type2 }, roleAttrs);
          } else {
            var role = lookupAttr("role").getOr("button");
            return { role };
          }
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: detail.components,
          events: events2,
          behaviours: SketchBehaviours.augment(detail.buttonBehaviours, [
            Focusing.config({}),
            Keying.config({
              mode: "execution",
              useSpace: true,
              useEnter: true
            })
          ]),
          domModification: { attributes: getModAttributes() },
          eventOrder: detail.eventOrder
        };
      };
      var Button = single({
        name: "Button",
        factory: factory$l,
        configFields: [
          defaulted("uid", void 0),
          required$1("dom"),
          defaulted("components", []),
          SketchBehaviours.field("buttonBehaviours", [
            Focusing,
            Keying
          ]),
          option("action"),
          option("role"),
          defaulted("eventOrder", {})
        ]
      });
      var record = function(spec) {
        var uid = isSketchSpec(spec) && hasNonNullableKey(spec, "uid") ? spec.uid : generate$5("memento");
        var get2 = function(anyInSystem) {
          return anyInSystem.getSystem().getByUid(uid).getOrDie();
        };
        var getOpt2 = function(anyInSystem) {
          return anyInSystem.getSystem().getByUid(uid).toOptional();
        };
        var asSpec = function() {
          return __assign(__assign({}, spec), { uid });
        };
        return {
          get: get2,
          getOpt: getOpt2,
          asSpec
        };
      };
      var global$e = tinymce.util.Tools.resolve("tinymce.util.I18n");
      var rtlTransform = {
        "indent": true,
        "outdent": true,
        "table-insert-column-after": true,
        "table-insert-column-before": true,
        "paste-column-after": true,
        "paste-column-before": true,
        "unordered-list": true,
        "list-bull-circle": true,
        "list-bull-default": true,
        "list-bull-square": true
      };
      var defaultIconName = "temporary-placeholder";
      var defaultIcon = function(icons) {
        return function() {
          return get$e(icons, defaultIconName).getOr("!not found!");
        };
      };
      var getIconName = function(name2, icons) {
        var lcName = name2.toLowerCase();
        if (global$e.isRtl()) {
          var rtlName = ensureTrailing(lcName, "-rtl");
          return has$2(icons, rtlName) ? rtlName : lcName;
        } else {
          return lcName;
        }
      };
      var lookupIcon = function(name2, icons) {
        return get$e(icons, getIconName(name2, icons));
      };
      var get$1 = function(name2, iconProvider) {
        var icons = iconProvider();
        return lookupIcon(name2, icons).getOrThunk(defaultIcon(icons));
      };
      var getOr = function(name2, iconProvider, fallbackIcon) {
        var icons = iconProvider();
        return lookupIcon(name2, icons).or(fallbackIcon).getOrThunk(defaultIcon(icons));
      };
      var needsRtlTransform = function(iconName) {
        return global$e.isRtl() ? has$2(rtlTransform, iconName) : false;
      };
      var addFocusableBehaviour = function() {
        return config("add-focusable", [runOnAttached(function(comp) {
          child(comp.element, "svg").each(function(svg) {
            return set$8(svg, "focusable", "false");
          });
        })]);
      };
      var renderIcon$2 = function(spec, iconName, icons, fallbackIcon) {
        var _a2, _b;
        var rtlIconClasses = needsRtlTransform(iconName) ? ["tox-icon--flip"] : [];
        var iconHtml = get$e(icons, getIconName(iconName, icons)).or(fallbackIcon).getOrThunk(defaultIcon(icons));
        return {
          dom: {
            tag: spec.tag,
            attributes: (_a2 = spec.attributes) !== null && _a2 !== void 0 ? _a2 : {},
            classes: spec.classes.concat(rtlIconClasses),
            innerHtml: iconHtml
          },
          behaviours: derive$1(__spreadArray(__spreadArray([], (_b = spec.behaviours) !== null && _b !== void 0 ? _b : [], true), [addFocusableBehaviour()], false))
        };
      };
      var render$3 = function(iconName, spec, iconProvider, fallbackIcon) {
        if (fallbackIcon === void 0) {
          fallbackIcon = Optional.none();
        }
        return renderIcon$2(spec, iconName, iconProvider(), fallbackIcon);
      };
      var renderFirst = function(iconNames, spec, iconProvider) {
        var icons = iconProvider();
        var iconName = find$5(iconNames, function(name2) {
          return has$2(icons, getIconName(name2, icons));
        });
        return renderIcon$2(spec, iconName.getOr(defaultIconName), icons, Optional.none());
      };
      var notificationIconMap = {
        success: "checkmark",
        error: "warning",
        err: "error",
        warning: "warning",
        warn: "warning",
        info: "info"
      };
      var factory$k = function(detail) {
        var memBannerText = record({
          dom: {
            tag: "p",
            innerHtml: detail.translationProvider(detail.text)
          },
          behaviours: derive$1([Replacing.config({})])
        });
        var renderPercentBar = function(percent) {
          return {
            dom: {
              tag: "div",
              classes: ["tox-bar"],
              attributes: { style: "width: " + percent + "%" }
            }
          };
        };
        var renderPercentText = function(percent) {
          return {
            dom: {
              tag: "div",
              classes: ["tox-text"],
              innerHtml: percent + "%"
            }
          };
        };
        var memBannerProgress = record({
          dom: {
            tag: "div",
            classes: detail.progress ? [
              "tox-progress-bar",
              "tox-progress-indicator"
            ] : ["tox-progress-bar"]
          },
          components: [
            {
              dom: {
                tag: "div",
                classes: ["tox-bar-container"]
              },
              components: [renderPercentBar(0)]
            },
            renderPercentText(0)
          ],
          behaviours: derive$1([Replacing.config({})])
        });
        var updateProgress = function(comp, percent) {
          if (comp.getSystem().isConnected()) {
            memBannerProgress.getOpt(comp).each(function(progress) {
              Replacing.set(progress, [
                {
                  dom: {
                    tag: "div",
                    classes: ["tox-bar-container"]
                  },
                  components: [renderPercentBar(percent)]
                },
                renderPercentText(percent)
              ]);
            });
          }
        };
        var updateText = function(comp, text$1) {
          if (comp.getSystem().isConnected()) {
            var banner = memBannerText.get(comp);
            Replacing.set(banner, [text(text$1)]);
          }
        };
        var apis = {
          updateProgress,
          updateText
        };
        var iconChoices = flatten([
          detail.icon.toArray(),
          detail.level.toArray(),
          detail.level.bind(function(level) {
            return Optional.from(notificationIconMap[level]);
          }).toArray()
        ]);
        var memButton = record(Button.sketch({
          dom: {
            tag: "button",
            classes: [
              "tox-notification__dismiss",
              "tox-button",
              "tox-button--naked",
              "tox-button--icon"
            ]
          },
          components: [render$3("close", {
            tag: "div",
            classes: ["tox-icon"],
            attributes: { "aria-label": detail.translationProvider("Close") }
          }, detail.iconProvider)],
          action: function(comp) {
            detail.onAction(comp);
          }
        }));
        var notificationIconSpec = renderFirst(iconChoices, {
          tag: "div",
          classes: ["tox-notification__icon"]
        }, detail.iconProvider);
        var notificationBodySpec = {
          dom: {
            tag: "div",
            classes: ["tox-notification__body"]
          },
          components: [memBannerText.asSpec()],
          behaviours: derive$1([Replacing.config({})])
        };
        var components2 = [
          notificationIconSpec,
          notificationBodySpec
        ];
        return {
          uid: detail.uid,
          dom: {
            tag: "div",
            attributes: { role: "alert" },
            classes: detail.level.map(function(level) {
              return [
                "tox-notification",
                "tox-notification--in",
                "tox-notification--" + level
              ];
            }).getOr([
              "tox-notification",
              "tox-notification--in"
            ])
          },
          behaviours: derive$1([
            Focusing.config({}),
            config("notification-events", [run$1(focusin(), function(comp) {
              memButton.getOpt(comp).each(Focusing.focus);
            })])
          ]),
          components: components2.concat(detail.progress ? [memBannerProgress.asSpec()] : []).concat(!detail.closeButton ? [] : [memButton.asSpec()]),
          apis
        };
      };
      var Notification = single({
        name: "Notification",
        factory: factory$k,
        configFields: [
          option("level"),
          required$1("progress"),
          required$1("icon"),
          required$1("onAction"),
          required$1("text"),
          required$1("iconProvider"),
          required$1("translationProvider"),
          defaultedBoolean("closeButton", true)
        ],
        apis: {
          updateProgress: function(apis, comp, percent) {
            apis.updateProgress(comp, percent);
          },
          updateText: function(apis, comp, text2) {
            apis.updateText(comp, text2);
          }
        }
      });
      function NotificationManagerImpl(editor, extras, uiMothership) {
        var sharedBackstage = extras.backstage.shared;
        var getLayoutDirection = function(rel) {
          switch (rel) {
            case "bc-bc":
              return south;
            case "tc-tc":
              return north;
            case "tc-bc":
              return north$2;
            case "bc-tc":
            default:
              return south$2;
          }
        };
        var reposition2 = function(notifications) {
          if (notifications.length > 0) {
            each$1(notifications, function(notification, index) {
              if (index === 0) {
                notification.moveRel(null, "banner");
              } else {
                notification.moveRel(notifications[index - 1].getEl(), "bc-tc");
              }
            });
          }
        };
        var open2 = function(settings, closeCallback) {
          var hideCloseButton = !settings.closeButton && settings.timeout && (settings.timeout > 0 || settings.timeout < 0);
          var close3 = function() {
            closeCallback();
            InlineView.hide(notificationWrapper);
          };
          var notification = build$1(Notification.sketch({
            text: settings.text,
            level: contains$2([
              "success",
              "error",
              "warning",
              "warn",
              "info"
            ], settings.type) ? settings.type : void 0,
            progress: settings.progressBar === true,
            icon: Optional.from(settings.icon),
            closeButton: !hideCloseButton,
            onAction: close3,
            iconProvider: sharedBackstage.providers.icons,
            translationProvider: sharedBackstage.providers.translate
          }));
          var notificationWrapper = build$1(InlineView.sketch(__assign({
            dom: {
              tag: "div",
              classes: ["tox-notifications-container"]
            },
            lazySink: sharedBackstage.getSink,
            fireDismissalEventInstead: {}
          }, sharedBackstage.header.isPositionedAtTop() ? {} : { fireRepositionEventInstead: {} })));
          uiMothership.add(notificationWrapper);
          if (settings.timeout > 0) {
            global$f.setTimeout(function() {
              close3();
            }, settings.timeout);
          }
          var getBounds2 = function() {
            var contentArea = box$1(SugarElement.fromDom(editor.getContentAreaContainer()));
            var win$1 = win();
            var x = clamp$1(win$1.x, contentArea.x, contentArea.right);
            var y = clamp$1(win$1.y, contentArea.y, contentArea.bottom);
            var right2 = Math.max(contentArea.right, win$1.right);
            var bottom2 = Math.max(contentArea.bottom, win$1.bottom);
            return Optional.some(bounds(x, y, right2 - x, bottom2 - y));
          };
          return {
            close: close3,
            moveTo: function(x, y) {
              InlineView.showAt(notificationWrapper, premade(notification), {
                anchor: {
                  type: "makeshift",
                  x,
                  y
                }
              });
            },
            moveRel: function(element2, rel) {
              var notificationSpec = premade(notification);
              var anchorOverrides2 = { maxHeightFunction: expandable$1() };
              if (rel !== "banner" && isNonNullable(element2)) {
                var layoutDirection_1 = getLayoutDirection(rel);
                var nodeAnchor = {
                  type: "node",
                  root: body(),
                  node: Optional.some(SugarElement.fromDom(element2)),
                  overrides: anchorOverrides2,
                  layouts: {
                    onRtl: function() {
                      return [layoutDirection_1];
                    },
                    onLtr: function() {
                      return [layoutDirection_1];
                    }
                  }
                };
                InlineView.showWithinBounds(notificationWrapper, notificationSpec, { anchor: nodeAnchor }, getBounds2);
              } else {
                var anchor2 = __assign(__assign({}, sharedBackstage.anchors.banner()), { overrides: anchorOverrides2 });
                InlineView.showWithinBounds(notificationWrapper, notificationSpec, { anchor: anchor2 }, getBounds2);
              }
            },
            text: function(nuText) {
              Notification.updateText(notification, nuText);
            },
            settings,
            getEl: function() {
              return notification.element.dom;
            },
            progressBar: {
              value: function(percent) {
                Notification.updateProgress(notification, percent);
              }
            }
          };
        };
        var close2 = function(notification) {
          notification.close();
        };
        var getArgs = function(notification) {
          return notification.settings;
        };
        return {
          open: open2,
          close: close2,
          reposition: reposition2,
          getArgs
        };
      }
      var first = function(fn, rate) {
        var timer = null;
        var cancel = function() {
          if (!isNull(timer)) {
            clearTimeout(timer);
            timer = null;
          }
        };
        var throttle2 = function() {
          var args = [];
          for (var _i = 0; _i < arguments.length; _i++) {
            args[_i] = arguments[_i];
          }
          if (isNull(timer)) {
            timer = setTimeout(function() {
              timer = null;
              fn.apply(null, args);
            }, rate);
          }
        };
        return {
          cancel,
          throttle: throttle2
        };
      };
      var last = function(fn, rate) {
        var timer = null;
        var cancel = function() {
          if (!isNull(timer)) {
            clearTimeout(timer);
            timer = null;
          }
        };
        var throttle2 = function() {
          var args = [];
          for (var _i = 0; _i < arguments.length; _i++) {
            args[_i] = arguments[_i];
          }
          cancel();
          timer = setTimeout(function() {
            timer = null;
            fn.apply(null, args);
          }, rate);
        };
        return {
          cancel,
          throttle: throttle2
        };
      };
      var global$d = tinymce.util.Tools.resolve("tinymce.dom.TextSeeker");
      var isBoundary = function(dom2, node) {
        return dom2.isBlock(node) || contains$2([
          "BR",
          "IMG",
          "HR",
          "INPUT"
        ], node.nodeName) || dom2.getContentEditable(node) === "false";
      };
      var repeatLeft = function(dom2, node, offset2, process2, rootNode) {
        var search2 = global$d(dom2, function(node2) {
          return isBoundary(dom2, node2);
        });
        return Optional.from(search2.backwards(node, offset2, process2, rootNode));
      };
      var autocompleteSelector = "[data-mce-autocompleter]";
      var create$4 = function(editor, range2) {
        return detect(SugarElement.fromDom(editor.selection.getNode())).getOrThunk(function() {
          var wrapper = SugarElement.fromHtml('<span data-mce-autocompleter="1" data-mce-bogus="1"></span>', editor.getDoc());
          append$2(wrapper, SugarElement.fromDom(range2.extractContents()));
          range2.insertNode(wrapper.dom);
          parent(wrapper).each(function(elm) {
            return elm.dom.normalize();
          });
          last$1(wrapper).map(function(last2) {
            editor.selection.setCursorLocation(last2.dom, getEnd(last2));
          });
          return wrapper;
        });
      };
      var detect = function(elm) {
        return closest$1(elm, autocompleteSelector);
      };
      var isValidTextRange = function(rng) {
        return rng.collapsed && rng.startContainer.nodeType === 3;
      };
      var getText = function(rng) {
        return rng.toString().replace(/\u00A0/g, " ").replace(/\uFEFF/g, "");
      };
      var isWhitespace = function(chr) {
        return chr !== "" && " \xA0\f\n\r	\v".indexOf(chr) !== -1;
      };
      var stripTriggerChar = function(text2, triggerCh) {
        return text2.substring(triggerCh.length);
      };
      var findChar = function(text2, index, ch) {
        var i;
        for (i = index - 1; i >= 0; i--) {
          var char = text2.charAt(i);
          if (isWhitespace(char)) {
            return Optional.none();
          }
          if (char === ch) {
            break;
          }
        }
        return Optional.some(i);
      };
      var findStart = function(dom2, initRange, ch, minChars) {
        if (minChars === void 0) {
          minChars = 0;
        }
        if (!isValidTextRange(initRange)) {
          return Optional.none();
        }
        var findTriggerChIndex = function(element2, offset2, text2) {
          return findChar(text2, offset2, ch).getOr(offset2);
        };
        var root = dom2.getParent(initRange.startContainer, dom2.isBlock) || dom2.getRoot();
        return repeatLeft(dom2, initRange.startContainer, initRange.startOffset, findTriggerChIndex, root).bind(function(spot2) {
          var range2 = initRange.cloneRange();
          range2.setStart(spot2.container, spot2.offset);
          range2.setEnd(initRange.endContainer, initRange.endOffset);
          if (range2.collapsed) {
            return Optional.none();
          }
          var text2 = getText(range2);
          var triggerCharIndex = text2.lastIndexOf(ch);
          if (triggerCharIndex !== 0 || stripTriggerChar(text2, ch).length < minChars) {
            return Optional.none();
          } else {
            return Optional.some({
              text: stripTriggerChar(text2, ch),
              range: range2,
              triggerChar: ch
            });
          }
        });
      };
      var getContext = function(dom2, initRange, ch, minChars) {
        if (minChars === void 0) {
          minChars = 0;
        }
        return detect(SugarElement.fromDom(initRange.startContainer)).fold(function() {
          return findStart(dom2, initRange, ch, minChars);
        }, function(elm) {
          var range2 = dom2.createRng();
          range2.selectNode(elm.dom);
          var text2 = getText(range2);
          return Optional.some({
            range: range2,
            text: stripTriggerChar(text2, ch),
            triggerChar: ch
          });
        });
      };
      var setup$e = function(api2, editor) {
        editor.on("keypress compositionend", api2.onKeypress.throttle);
        editor.on("remove", api2.onKeypress.cancel);
        var redirectKeyToItem = function(item2, e) {
          emitWith(item2, keydown(), { raw: e });
        };
        editor.on("keydown", function(e) {
          var getItem = function() {
            return api2.getView().bind(Highlighting.getHighlighted);
          };
          if (e.which === 8) {
            api2.onKeypress.throttle(e);
          }
          if (api2.isActive()) {
            if (e.which === 27) {
              api2.cancelIfNecessary();
            }
            if (api2.isMenuOpen()) {
              if (e.which === 13) {
                getItem().each(emitExecute);
                e.preventDefault();
              } else if (e.which === 40) {
                getItem().fold(function() {
                  api2.getView().each(Highlighting.highlightFirst);
                }, function(item2) {
                  redirectKeyToItem(item2, e);
                });
                e.preventDefault();
                e.stopImmediatePropagation();
              } else if (e.which === 37 || e.which === 38 || e.which === 39) {
                getItem().each(function(item2) {
                  redirectKeyToItem(item2, e);
                  e.preventDefault();
                  e.stopImmediatePropagation();
                });
              }
            } else {
              if (e.which === 13 || e.which === 38 || e.which === 40) {
                api2.cancelIfNecessary();
              }
            }
          }
        });
        editor.on("NodeChange", function(e) {
          if (api2.isActive() && !api2.isProcessingAction() && detect(SugarElement.fromDom(e.element)).isNone()) {
            api2.cancelIfNecessary();
          }
        });
      };
      var AutocompleterEditorEvents = { setup: setup$e };
      var global$c = tinymce.util.Tools.resolve("tinymce.util.Promise");
      var point = function(container, offset2) {
        return {
          container,
          offset: offset2
        };
      };
      var isText = function(node) {
        return node.nodeType === TEXT;
      };
      var isElement$1 = function(node) {
        return node.nodeType === ELEMENT;
      };
      var toLast = function(node) {
        if (isText(node)) {
          return point(node, node.data.length);
        } else {
          var children2 = node.childNodes;
          return children2.length > 0 ? toLast(children2[children2.length - 1]) : point(node, children2.length);
        }
      };
      var toLeaf = function(node, offset2) {
        var children2 = node.childNodes;
        if (children2.length > 0 && offset2 < children2.length) {
          return toLeaf(children2[offset2], 0);
        } else if (children2.length > 0 && isElement$1(node) && children2.length === offset2) {
          return toLast(children2[children2.length - 1]);
        } else {
          return point(node, offset2);
        }
      };
      var isPreviousCharContent = function(dom2, leaf2) {
        return repeatLeft(dom2, leaf2.container, leaf2.offset, function(element2, offset2) {
          return offset2 === 0 ? -1 : offset2;
        }, dom2.getRoot()).filter(function(spot2) {
          var char = spot2.container.data.charAt(spot2.offset - 1);
          return !isWhitespace(char);
        }).isSome();
      };
      var isStartOfWord = function(dom2) {
        return function(rng) {
          var leaf2 = toLeaf(rng.startContainer, rng.startOffset);
          return !isPreviousCharContent(dom2, leaf2);
        };
      };
      var getTriggerContext = function(dom2, initRange, database) {
        return findMap(database.triggerChars, function(ch) {
          return getContext(dom2, initRange, ch);
        });
      };
      var lookup$2 = function(editor, getDatabase) {
        var database = getDatabase();
        var rng = editor.selection.getRng();
        return getTriggerContext(editor.dom, rng, database).bind(function(context) {
          return lookupWithContext(editor, getDatabase, context);
        });
      };
      var lookupWithContext = function(editor, getDatabase, context, fetchOptions) {
        if (fetchOptions === void 0) {
          fetchOptions = {};
        }
        var database = getDatabase();
        var rng = editor.selection.getRng();
        var startText = rng.startContainer.nodeValue;
        var autocompleters = filter$2(database.lookupByChar(context.triggerChar), function(autocompleter) {
          return context.text.length >= autocompleter.minChars && autocompleter.matches.getOrThunk(function() {
            return isStartOfWord(editor.dom);
          })(context.range, startText, context.text);
        });
        if (autocompleters.length === 0) {
          return Optional.none();
        }
        var lookupData = global$c.all(map$2(autocompleters, function(ac) {
          var fetchResult = ac.fetch(context.text, ac.maxResults, fetchOptions);
          return fetchResult.then(function(results) {
            return {
              matchText: context.text,
              items: results,
              columns: ac.columns,
              onAction: ac.onAction,
              highlightOn: ac.highlightOn
            };
          });
        }));
        return Optional.some({
          lookupData,
          context
        });
      };
      var separatorMenuItemSchema = objOf([
        requiredString("type"),
        optionString("text")
      ]);
      var createSeparatorMenuItem = function(spec) {
        return asRaw("separatormenuitem", separatorMenuItemSchema, spec);
      };
      var autocompleterItemSchema = objOf([
        defaulted("type", "autocompleteitem"),
        defaulted("active", false),
        defaulted("disabled", false),
        defaulted("meta", {}),
        requiredString("value"),
        optionString("text"),
        optionString("icon")
      ]);
      var autocompleterSchema = objOf([
        requiredString("type"),
        requiredString("ch"),
        defaultedNumber("minChars", 1),
        defaulted("columns", 1),
        defaultedNumber("maxResults", 10),
        optionFunction("matches"),
        requiredFunction("fetch"),
        requiredFunction("onAction"),
        defaultedArrayOf("highlightOn", [], string)
      ]);
      var createSeparatorItem = function(spec) {
        return asRaw("Autocompleter.Separator", separatorMenuItemSchema, spec);
      };
      var createAutocompleterItem = function(spec) {
        return asRaw("Autocompleter.Item", autocompleterItemSchema, spec);
      };
      var createAutocompleter = function(spec) {
        return asRaw("Autocompleter", autocompleterSchema, spec);
      };
      var baseToolbarButtonFields = [
        defaultedBoolean("disabled", false),
        optionString("tooltip"),
        optionString("icon"),
        optionString("text"),
        defaultedFunction("onSetup", function() {
          return noop;
        })
      ];
      var toolbarButtonSchema = objOf([
        requiredString("type"),
        requiredFunction("onAction")
      ].concat(baseToolbarButtonFields));
      var createToolbarButton = function(spec) {
        return asRaw("toolbarbutton", toolbarButtonSchema, spec);
      };
      var baseToolbarToggleButtonFields = [defaultedBoolean("active", false)].concat(baseToolbarButtonFields);
      var toggleButtonSchema = objOf(baseToolbarToggleButtonFields.concat([
        requiredString("type"),
        requiredFunction("onAction")
      ]));
      var createToggleButton = function(spec) {
        return asRaw("ToggleButton", toggleButtonSchema, spec);
      };
      var contextBarFields = [
        defaultedFunction("predicate", never),
        defaultedStringEnum("scope", "node", [
          "node",
          "editor"
        ]),
        defaultedStringEnum("position", "selection", [
          "node",
          "selection",
          "line"
        ])
      ];
      var contextButtonFields = baseToolbarButtonFields.concat([
        defaulted("type", "contextformbutton"),
        defaulted("primary", false),
        requiredFunction("onAction"),
        customField("original", identity$1)
      ]);
      var contextToggleButtonFields = baseToolbarToggleButtonFields.concat([
        defaulted("type", "contextformbutton"),
        defaulted("primary", false),
        requiredFunction("onAction"),
        customField("original", identity$1)
      ]);
      var launchButtonFields = baseToolbarButtonFields.concat([defaulted("type", "contextformbutton")]);
      var launchToggleButtonFields = baseToolbarToggleButtonFields.concat([defaulted("type", "contextformtogglebutton")]);
      var toggleOrNormal = choose$1("type", {
        contextformbutton: contextButtonFields,
        contextformtogglebutton: contextToggleButtonFields
      });
      var contextFormSchema = objOf([
        defaulted("type", "contextform"),
        defaultedFunction("initValue", constant$1("")),
        optionString("label"),
        requiredArrayOf("commands", toggleOrNormal),
        optionOf("launch", choose$1("type", {
          contextformbutton: launchButtonFields,
          contextformtogglebutton: launchToggleButtonFields
        }))
      ].concat(contextBarFields));
      var createContextForm = function(spec) {
        return asRaw("ContextForm", contextFormSchema, spec);
      };
      var contextToolbarSchema = objOf([
        defaulted("type", "contexttoolbar"),
        requiredString("items")
      ].concat(contextBarFields));
      var createContextToolbar = function(spec) {
        return asRaw("ContextToolbar", contextToolbarSchema, spec);
      };
      var stringArray = function(a) {
        var all2 = {};
        each$1(a, function(key) {
          all2[key] = {};
        });
        return keys(all2);
      };
      var register$b = function(editor) {
        var popups = editor.ui.registry.getAll().popups;
        var dataset2 = map$1(popups, function(popup) {
          return createAutocompleter(popup).fold(function(err) {
            throw new Error(formatError(err));
          }, identity$1);
        });
        var triggerChars = stringArray(mapToArray(dataset2, function(v) {
          return v.ch;
        }));
        var datasetValues = values(dataset2);
        var lookupByChar = function(ch) {
          return filter$2(datasetValues, function(dv) {
            return dv.ch === ch;
          });
        };
        return {
          dataset: dataset2,
          triggerChars,
          lookupByChar
        };
      };
      var ItemResponse;
      (function(ItemResponse2) {
        ItemResponse2[ItemResponse2["CLOSE_ON_EXECUTE"] = 0] = "CLOSE_ON_EXECUTE";
        ItemResponse2[ItemResponse2["BUBBLE_TO_SANDBOX"] = 1] = "BUBBLE_TO_SANDBOX";
      })(ItemResponse || (ItemResponse = {}));
      var ItemResponse$1 = ItemResponse;
      var navClass = "tox-menu-nav__js";
      var selectableClass = "tox-collection__item";
      var colorClass = "tox-swatch";
      var presetClasses = {
        normal: navClass,
        color: colorClass
      };
      var tickedClass = "tox-collection__item--enabled";
      var groupHeadingClass = "tox-collection__group-heading";
      var iconClass = "tox-collection__item-icon";
      var textClass = "tox-collection__item-label";
      var accessoryClass = "tox-collection__item-accessory";
      var caretClass = "tox-collection__item-caret";
      var checkmarkClass = "tox-collection__item-checkmark";
      var activeClass = "tox-collection__item--active";
      var containerClass = "tox-collection__item-container";
      var containerColumnClass = "tox-collection__item-container--column";
      var containerRowClass = "tox-collection__item-container--row";
      var containerAlignRightClass = "tox-collection__item-container--align-right";
      var containerAlignLeftClass = "tox-collection__item-container--align-left";
      var containerValignTopClass = "tox-collection__item-container--valign-top";
      var containerValignMiddleClass = "tox-collection__item-container--valign-middle";
      var containerValignBottomClass = "tox-collection__item-container--valign-bottom";
      var classForPreset = function(presets) {
        return get$e(presetClasses, presets).getOr(navClass);
      };
      var forMenu = function(presets) {
        if (presets === "color") {
          return "tox-swatches";
        } else {
          return "tox-menu";
        }
      };
      var classes = function(presets) {
        return {
          backgroundMenu: "tox-background-menu",
          selectedMenu: "tox-selected-menu",
          selectedItem: "tox-collection__item--active",
          hasIcons: "tox-menu--has-icons",
          menu: forMenu(presets),
          tieredMenu: "tox-tiered-menu"
        };
      };
      var markers = function(presets) {
        var menuClasses = classes(presets);
        return {
          backgroundMenu: menuClasses.backgroundMenu,
          selectedMenu: menuClasses.selectedMenu,
          menu: menuClasses.menu,
          selectedItem: menuClasses.selectedItem,
          item: classForPreset(presets)
        };
      };
      var dom$1 = function(hasIcons, columns, presets) {
        var menuClasses = classes(presets);
        return {
          tag: "div",
          classes: flatten([
            [
              menuClasses.menu,
              "tox-menu-" + columns + "-column"
            ],
            hasIcons ? [menuClasses.hasIcons] : []
          ])
        };
      };
      var components = [Menu.parts.items({})];
      var part = function(hasIcons, columns, presets) {
        var menuClasses = classes(presets);
        var d = {
          tag: "div",
          classes: flatten([[menuClasses.tieredMenu]])
        };
        return {
          dom: d,
          markers: markers(presets)
        };
      };
      var chunk = function(rowDom, numColumns) {
        return function(items) {
          var chunks = chunk$1(items, numColumns);
          return map$2(chunks, function(c) {
            return {
              dom: rowDom,
              components: c
            };
          });
        };
      };
      var forSwatch = function(columns) {
        return {
          dom: {
            tag: "div",
            classes: [
              "tox-menu",
              "tox-swatches-menu"
            ]
          },
          components: [{
            dom: {
              tag: "div",
              classes: ["tox-swatches"]
            },
            components: [Menu.parts.items({
              preprocess: columns !== "auto" ? chunk({
                tag: "div",
                classes: ["tox-swatches__row"]
              }, columns) : identity$1
            })]
          }]
        };
      };
      var forToolbar = function(columns) {
        return {
          dom: {
            tag: "div",
            classes: [
              "tox-menu",
              "tox-collection",
              "tox-collection--toolbar",
              "tox-collection--toolbar-lg"
            ]
          },
          components: [Menu.parts.items({
            preprocess: chunk({
              tag: "div",
              classes: ["tox-collection__group"]
            }, columns)
          })]
        };
      };
      var preprocessCollection = function(items, isSeparator2) {
        var allSplits = [];
        var currentSplit = [];
        each$1(items, function(item2, i) {
          if (isSeparator2(item2, i)) {
            if (currentSplit.length > 0) {
              allSplits.push(currentSplit);
            }
            currentSplit = [];
            if (has$2(item2.dom, "innerHtml")) {
              currentSplit.push(item2);
            }
          } else {
            currentSplit.push(item2);
          }
        });
        if (currentSplit.length > 0) {
          allSplits.push(currentSplit);
        }
        return map$2(allSplits, function(s) {
          return {
            dom: {
              tag: "div",
              classes: ["tox-collection__group"]
            },
            components: s
          };
        });
      };
      var forCollection = function(columns, initItems, _hasIcons) {
        return {
          dom: {
            tag: "div",
            classes: [
              "tox-menu",
              "tox-collection"
            ].concat(columns === 1 ? ["tox-collection--list"] : ["tox-collection--grid"])
          },
          components: [Menu.parts.items({
            preprocess: function(items) {
              if (columns !== "auto" && columns > 1) {
                return chunk({
                  tag: "div",
                  classes: ["tox-collection__group"]
                }, columns)(items);
              } else {
                return preprocessCollection(items, function(_item, i) {
                  return initItems[i].type === "separator";
                });
              }
            }
          })]
        };
      };
      var forHorizontalCollection = function(initItems, _hasIcons) {
        return {
          dom: {
            tag: "div",
            classes: [
              "tox-collection",
              "tox-collection--horizontal"
            ]
          },
          components: [Menu.parts.items({
            preprocess: function(items) {
              return preprocessCollection(items, function(_item, i) {
                return initItems[i].type === "separator";
              });
            }
          })]
        };
      };
      var menuHasIcons = function(xs) {
        return exists(xs, function(item2) {
          return "icon" in item2 && item2.icon !== void 0;
        });
      };
      var handleError = function(error2) {
        console.error(formatError(error2));
        console.log(error2);
        return Optional.none();
      };
      var createHorizontalPartialMenuWithAlloyItems = function(value2, _hasIcons, items, _columns, _presets) {
        var structure = forHorizontalCollection(items);
        return {
          value: value2,
          dom: structure.dom,
          components: structure.components,
          items
        };
      };
      var createPartialMenuWithAlloyItems = function(value2, hasIcons, items, columns, presets) {
        if (presets === "color") {
          var structure = forSwatch(columns);
          return {
            value: value2,
            dom: structure.dom,
            components: structure.components,
            items
          };
        }
        if (presets === "normal" && columns === "auto") {
          var structure = forCollection(columns, items);
          return {
            value: value2,
            dom: structure.dom,
            components: structure.components,
            items
          };
        }
        if (presets === "normal" && columns === 1) {
          var structure = forCollection(1, items);
          return {
            value: value2,
            dom: structure.dom,
            components: structure.components,
            items
          };
        }
        if (presets === "normal") {
          var structure = forCollection(columns, items);
          return {
            value: value2,
            dom: structure.dom,
            components: structure.components,
            items
          };
        }
        if (presets === "listpreview" && columns !== "auto") {
          var structure = forToolbar(columns);
          return {
            value: value2,
            dom: structure.dom,
            components: structure.components,
            items
          };
        }
        return {
          value: value2,
          dom: dom$1(hasIcons, columns, presets),
          components,
          items
        };
      };
      var cardImageFields = [
        requiredString("type"),
        requiredString("src"),
        optionString("alt"),
        defaultedArrayOf("classes", [], string)
      ];
      var cardImageSchema = objOf(cardImageFields);
      var cardTextFields = [
        requiredString("type"),
        requiredString("text"),
        optionString("name"),
        defaultedArrayOf("classes", ["tox-collection__item-label"], string)
      ];
      var cardTextSchema = objOf(cardTextFields);
      var itemSchema$1 = valueThunk(function() {
        return choose$2("type", {
          cardimage: cardImageSchema,
          cardtext: cardTextSchema,
          cardcontainer: cardContainerSchema
        });
      });
      var cardContainerSchema = objOf([
        requiredString("type"),
        defaultedString("direction", "horizontal"),
        defaultedString("align", "left"),
        defaultedString("valign", "middle"),
        requiredArrayOf("items", itemSchema$1)
      ]);
      var commonMenuItemFields = [
        defaultedBoolean("disabled", false),
        optionString("text"),
        optionString("shortcut"),
        field$1("value", "value", defaultedThunk(function() {
          return generate$6("menuitem-value");
        }), anyValue()),
        defaulted("meta", {})
      ];
      var cardMenuItemSchema = objOf([
        requiredString("type"),
        optionString("label"),
        requiredArrayOf("items", itemSchema$1),
        defaultedFunction("onSetup", function() {
          return noop;
        }),
        defaultedFunction("onAction", noop)
      ].concat(commonMenuItemFields));
      var createCardMenuItem = function(spec) {
        return asRaw("cardmenuitem", cardMenuItemSchema, spec);
      };
      var choiceMenuItemSchema = objOf([
        requiredString("type"),
        defaultedBoolean("active", false),
        optionString("icon")
      ].concat(commonMenuItemFields));
      var createChoiceMenuItem = function(spec) {
        return asRaw("choicemenuitem", choiceMenuItemSchema, spec);
      };
      var baseFields = [
        requiredString("type"),
        requiredString("fancytype"),
        defaultedFunction("onAction", noop)
      ];
      var insertTableFields = [defaulted("initData", {})].concat(baseFields);
      var colorSwatchFields = [defaultedObjOf("initData", {}, [
        defaultedBoolean("allowCustomColors", true),
        optionArrayOf("colors", anyValue())
      ])].concat(baseFields);
      var fancyMenuItemSchema = choose$1("fancytype", {
        inserttable: insertTableFields,
        colorswatch: colorSwatchFields
      });
      var createFancyMenuItem = function(spec) {
        return asRaw("fancymenuitem", fancyMenuItemSchema, spec);
      };
      var menuItemSchema = objOf([
        requiredString("type"),
        defaultedFunction("onSetup", function() {
          return noop;
        }),
        defaultedFunction("onAction", noop),
        optionString("icon")
      ].concat(commonMenuItemFields));
      var createMenuItem = function(spec) {
        return asRaw("menuitem", menuItemSchema, spec);
      };
      var nestedMenuItemSchema = objOf([
        requiredString("type"),
        requiredFunction("getSubmenuItems"),
        defaultedFunction("onSetup", function() {
          return noop;
        }),
        optionString("icon")
      ].concat(commonMenuItemFields));
      var createNestedMenuItem = function(spec) {
        return asRaw("nestedmenuitem", nestedMenuItemSchema, spec);
      };
      var toggleMenuItemSchema = objOf([
        requiredString("type"),
        optionString("icon"),
        defaultedBoolean("active", false),
        defaultedFunction("onSetup", function() {
          return noop;
        }),
        requiredFunction("onAction")
      ].concat(commonMenuItemFields));
      var createToggleMenuItem = function(spec) {
        return asRaw("togglemenuitem", toggleMenuItemSchema, spec);
      };
      var detectSize = function(comp, margin, selectorClass) {
        var descendants$1 = descendants(comp.element, "." + selectorClass);
        if (descendants$1.length > 0) {
          var columnLength = findIndex$1(descendants$1, function(c) {
            var thisTop = c.dom.getBoundingClientRect().top;
            var cTop = descendants$1[0].dom.getBoundingClientRect().top;
            return Math.abs(thisTop - cTop) > margin;
          }).getOr(descendants$1.length);
          return Optional.some({
            numColumns: columnLength,
            numRows: Math.ceil(descendants$1.length / columnLength)
          });
        } else {
          return Optional.none();
        }
      };
      var namedEvents = function(name2, handlers2) {
        return derive$1([config(name2, handlers2)]);
      };
      var unnamedEvents = function(handlers2) {
        return namedEvents(generate$6("unnamed-events"), handlers2);
      };
      var SimpleBehaviours = {
        namedEvents,
        unnamedEvents
      };
      var ExclusivityChannel = generate$6("tooltip.exclusive");
      var ShowTooltipEvent = generate$6("tooltip.show");
      var HideTooltipEvent = generate$6("tooltip.hide");
      var hideAllExclusive = function(component, _tConfig, _tState) {
        component.getSystem().broadcastOn([ExclusivityChannel], {});
      };
      var setComponents = function(component, tConfig, tState, specs) {
        tState.getTooltip().each(function(tooltip) {
          if (tooltip.getSystem().isConnected()) {
            Replacing.set(tooltip, specs);
          }
        });
      };
      var TooltippingApis = Object.freeze({
        __proto__: null,
        hideAllExclusive,
        setComponents
      });
      var events$9 = function(tooltipConfig, state) {
        var hide = function(comp) {
          state.getTooltip().each(function(p) {
            detach(p);
            tooltipConfig.onHide(comp, p);
            state.clearTooltip();
          });
          state.clearTimer();
        };
        var show2 = function(comp) {
          if (!state.isShowing()) {
            hideAllExclusive(comp);
            var sink = tooltipConfig.lazySink(comp).getOrDie();
            var popup = comp.getSystem().build({
              dom: tooltipConfig.tooltipDom,
              components: tooltipConfig.tooltipComponents,
              events: derive$2(tooltipConfig.mode === "normal" ? [
                run$1(mouseover(), function(_) {
                  emit(comp, ShowTooltipEvent);
                }),
                run$1(mouseout(), function(_) {
                  emit(comp, HideTooltipEvent);
                })
              ] : []),
              behaviours: derive$1([Replacing.config({})])
            });
            state.setTooltip(popup);
            attach(sink, popup);
            tooltipConfig.onShow(comp, popup);
            Positioning.position(sink, popup, { anchor: tooltipConfig.anchor(comp) });
          }
        };
        return derive$2(flatten([
          [
            run$1(ShowTooltipEvent, function(comp) {
              state.resetTimer(function() {
                show2(comp);
              }, tooltipConfig.delay);
            }),
            run$1(HideTooltipEvent, function(comp) {
              state.resetTimer(function() {
                hide(comp);
              }, tooltipConfig.delay);
            }),
            run$1(receive(), function(comp, message) {
              var receivingData = message;
              if (!receivingData.universal) {
                if (contains$2(receivingData.channels, ExclusivityChannel)) {
                  hide(comp);
                }
              }
            }),
            runOnDetached(function(comp) {
              hide(comp);
            })
          ],
          tooltipConfig.mode === "normal" ? [
            run$1(focusin(), function(comp) {
              emit(comp, ShowTooltipEvent);
            }),
            run$1(postBlur(), function(comp) {
              emit(comp, HideTooltipEvent);
            }),
            run$1(mouseover(), function(comp) {
              emit(comp, ShowTooltipEvent);
            }),
            run$1(mouseout(), function(comp) {
              emit(comp, HideTooltipEvent);
            })
          ] : [
            run$1(highlight$1(), function(comp, _se) {
              emit(comp, ShowTooltipEvent);
            }),
            run$1(dehighlight$1(), function(comp) {
              emit(comp, HideTooltipEvent);
            })
          ]
        ]));
      };
      var ActiveTooltipping = Object.freeze({
        __proto__: null,
        events: events$9
      });
      var TooltippingSchema = [
        required$1("lazySink"),
        required$1("tooltipDom"),
        defaulted("exclusive", true),
        defaulted("tooltipComponents", []),
        defaulted("delay", 300),
        defaultedStringEnum("mode", "normal", [
          "normal",
          "follow-highlight"
        ]),
        defaulted("anchor", function(comp) {
          return {
            type: "hotspot",
            hotspot: comp,
            layouts: {
              onLtr: constant$1([
                south$2,
                north$2,
                southeast$2,
                northeast$2,
                southwest$2,
                northwest$2
              ]),
              onRtl: constant$1([
                south$2,
                north$2,
                southeast$2,
                northeast$2,
                southwest$2,
                northwest$2
              ])
            }
          };
        }),
        onHandler("onHide"),
        onHandler("onShow")
      ];
      var init$b = function() {
        var timer = value$1();
        var popup = value$1();
        var clearTimer = function() {
          timer.on(clearTimeout);
        };
        var resetTimer = function(f, delay) {
          clearTimer();
          timer.set(setTimeout(f, delay));
        };
        var readState = constant$1("not-implemented");
        return nu$8({
          getTooltip: popup.get,
          isShowing: popup.isSet,
          setTooltip: popup.set,
          clearTooltip: popup.clear,
          clearTimer,
          resetTimer,
          readState
        });
      };
      var TooltippingState = Object.freeze({
        __proto__: null,
        init: init$b
      });
      var Tooltipping = create$7({
        fields: TooltippingSchema,
        name: "tooltipping",
        active: ActiveTooltipping,
        state: TooltippingState,
        apis: TooltippingApis
      });
      var escape = function(text2) {
        return text2.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
      };
      var global$b = tinymce.util.Tools.resolve("tinymce.dom.DOMUtils");
      var global$a = tinymce.util.Tools.resolve("tinymce.EditorManager");
      var getSkinUrl = function(editor) {
        var skin = editor.getParam("skin");
        var skinUrl = editor.getParam("skin_url");
        if (skin !== false) {
          var skinName = skin ? skin : "oxide";
          if (skinUrl) {
            skinUrl = editor.documentBaseURI.toAbsolute(skinUrl);
          } else {
            skinUrl = global$a.baseURL + "/skins/ui/" + skinName;
          }
        }
        return skinUrl;
      };
      var isReadOnly = function(editor) {
        return editor.getParam("readonly", false, "boolean");
      };
      var isSkinDisabled = function(editor) {
        return editor.getParam("skin") === false;
      };
      var getHeightSetting = function(editor) {
        return editor.getParam("height", Math.max(editor.getElement().offsetHeight, 200));
      };
      var getWidthSetting = function(editor) {
        return editor.getParam("width", global$b.DOM.getStyle(editor.getElement(), "width"));
      };
      var getMinWidthSetting = function(editor) {
        return Optional.from(editor.getParam("min_width")).filter(isNumber);
      };
      var getMinHeightSetting = function(editor) {
        return Optional.from(editor.getParam("min_height")).filter(isNumber);
      };
      var getMaxWidthSetting = function(editor) {
        return Optional.from(editor.getParam("max_width")).filter(isNumber);
      };
      var getMaxHeightSetting = function(editor) {
        return Optional.from(editor.getParam("max_height")).filter(isNumber);
      };
      var getUserStyleFormats = function(editor) {
        return Optional.from(editor.getParam("style_formats")).filter(isArray);
      };
      var isMergeStyleFormats = function(editor) {
        return editor.getParam("style_formats_merge", false, "boolean");
      };
      var getLineHeightFormats = function(editor) {
        return editor.getParam("lineheight_formats", "1 1.1 1.2 1.3 1.4 1.5 2", "string").split(" ");
      };
      var getContentLanguages = function(editor) {
        return editor.getParam("content_langs", void 0, "array");
      };
      var getRemovedMenuItems = function(editor) {
        return editor.getParam("removed_menuitems", "");
      };
      var isMenubarEnabled = function(editor) {
        return editor.getParam("menubar", true, "boolean") !== false;
      };
      var isToolbarEnabled = function(editor) {
        var toolbar = editor.getParam("toolbar", true);
        var isToolbarTrue = toolbar === true;
        var isToolbarString = isString(toolbar);
        var isToolbarObjectArray = isArray(toolbar) && toolbar.length > 0;
        return !isMultipleToolbars(editor) && (isToolbarObjectArray || isToolbarString || isToolbarTrue);
      };
      var getMultipleToolbarsSetting = function(editor) {
        var toolbars = range$2(9, function(num) {
          return editor.getParam("toolbar" + (num + 1), false, "string");
        });
        var toolbarArray = filter$2(toolbars, function(toolbar) {
          return typeof toolbar === "string";
        });
        return toolbarArray.length > 0 ? Optional.some(toolbarArray) : Optional.none();
      };
      var isMultipleToolbars = function(editor) {
        return getMultipleToolbarsSetting(editor).fold(function() {
          var toolbar = editor.getParam("toolbar", [], "string[]");
          return toolbar.length > 0;
        }, always);
      };
      var ToolbarMode;
      (function(ToolbarMode2) {
        ToolbarMode2["default"] = "wrap";
        ToolbarMode2["floating"] = "floating";
        ToolbarMode2["sliding"] = "sliding";
        ToolbarMode2["scrolling"] = "scrolling";
      })(ToolbarMode || (ToolbarMode = {}));
      var getToolbarMode = function(editor) {
        return editor.getParam("toolbar_mode", "", "string");
      };
      var ToolbarLocation;
      (function(ToolbarLocation2) {
        ToolbarLocation2["auto"] = "auto";
        ToolbarLocation2["top"] = "top";
        ToolbarLocation2["bottom"] = "bottom";
      })(ToolbarLocation || (ToolbarLocation = {}));
      var getToolbarGroups = function(editor) {
        return editor.getParam("toolbar_groups", {}, "object");
      };
      var getToolbarLocation = function(editor) {
        return editor.getParam("toolbar_location", ToolbarLocation.auto, "string");
      };
      var isToolbarLocationBottom = function(editor) {
        return getToolbarLocation(editor) === ToolbarLocation.bottom;
      };
      var fixedContainerSelector = function(editor) {
        return editor.getParam("fixed_toolbar_container", "", "string");
      };
      var fixedToolbarContainerTarget = function(editor) {
        return editor.getParam("fixed_toolbar_container_target");
      };
      var isToolbarPersist = function(editor) {
        return editor.getParam("toolbar_persist", false, "boolean");
      };
      var fixedContainerTarget = function(editor) {
        if (!editor.inline) {
          return Optional.none();
        }
        var selector = fixedContainerSelector(editor);
        if (selector.length > 0) {
          return descendant(body(), selector);
        }
        var element2 = fixedToolbarContainerTarget(editor);
        if (isNonNullable(element2)) {
          return Optional.some(SugarElement.fromDom(element2));
        }
        return Optional.none();
      };
      var useFixedContainer = function(editor) {
        return editor.inline && fixedContainerTarget(editor).isSome();
      };
      var getUiContainer = function(editor) {
        var fixedContainer = fixedContainerTarget(editor);
        return fixedContainer.getOrThunk(function() {
          return getContentContainer(getRootNode(SugarElement.fromDom(editor.getElement())));
        });
      };
      var isDistractionFree = function(editor) {
        return editor.inline && !isMenubarEnabled(editor) && !isToolbarEnabled(editor) && !isMultipleToolbars(editor);
      };
      var isStickyToolbar = function(editor) {
        var isStickyToolbar2 = editor.getParam("toolbar_sticky", false, "boolean");
        return (isStickyToolbar2 || editor.inline) && !useFixedContainer(editor) && !isDistractionFree(editor);
      };
      var getStickyToolbarOffset = function(editor) {
        return editor.getParam("toolbar_sticky_offset", 0, "number");
      };
      var isDraggableModal$1 = function(editor) {
        return editor.getParam("draggable_modal", false, "boolean");
      };
      var getMenus = function(editor) {
        var menu2 = editor.getParam("menu");
        if (menu2) {
          return map$1(menu2, function(menu3) {
            return __assign(__assign({}, menu3), { items: menu3.items });
          });
        } else {
          return {};
        }
      };
      var getMenubar = function(editor) {
        return editor.getParam("menubar");
      };
      var getToolbar = function(editor) {
        return editor.getParam("toolbar", true);
      };
      var getFilePickerCallback = function(editor) {
        return editor.getParam("file_picker_callback");
      };
      var getFilePickerTypes = function(editor) {
        return editor.getParam("file_picker_types");
      };
      var getFileBrowserCallbackTypes = function(editor) {
        return editor.getParam("file_browser_callback_types");
      };
      var noTypeaheadUrls = function(editor) {
        return editor.getParam("typeahead_urls") === false;
      };
      var getAnchorTop = function(editor) {
        return editor.getParam("anchor_top", "#top");
      };
      var getAnchorBottom = function(editor) {
        return editor.getParam("anchor_bottom", "#bottom");
      };
      var getFilePickerValidatorHandler = function(editor) {
        var handler = editor.getParam("file_picker_validator_handler", void 0, "function");
        if (handler === void 0) {
          return editor.getParam("filepicker_validator_handler", void 0, "function");
        } else {
          return handler;
        }
      };
      var ReadOnlyChannel = "silver.readonly";
      var ReadOnlyDataSchema = objOf([requiredBoolean("readonly")]);
      var broadcastReadonly = function(uiComponents, readonly) {
        var outerContainer = uiComponents.outerContainer;
        var target = outerContainer.element;
        if (readonly) {
          uiComponents.mothership.broadcastOn([dismissPopups()], { target });
          uiComponents.uiMothership.broadcastOn([dismissPopups()], { target });
        }
        uiComponents.mothership.broadcastOn([ReadOnlyChannel], { readonly });
        uiComponents.uiMothership.broadcastOn([ReadOnlyChannel], { readonly });
      };
      var setupReadonlyModeSwitch = function(editor, uiComponents) {
        editor.on("init", function() {
          if (editor.mode.isReadOnly()) {
            broadcastReadonly(uiComponents, true);
          }
        });
        editor.on("SwitchMode", function() {
          return broadcastReadonly(uiComponents, editor.mode.isReadOnly());
        });
        if (isReadOnly(editor)) {
          editor.setMode("readonly");
        }
      };
      var receivingConfig = function() {
        var _a2;
        return Receiving.config({
          channels: (_a2 = {}, _a2[ReadOnlyChannel] = {
            schema: ReadOnlyDataSchema,
            onReceive: function(comp, data) {
              Disabling.set(comp, data.readonly);
            }
          }, _a2)
        });
      };
      var item = function(disabled) {
        return Disabling.config({
          disabled,
          disableClass: "tox-collection__item--state-disabled"
        });
      };
      var button = function(disabled) {
        return Disabling.config({ disabled });
      };
      var splitButton = function(disabled) {
        return Disabling.config({
          disabled,
          disableClass: "tox-tbtn--disabled"
        });
      };
      var toolbarButton = function(disabled) {
        return Disabling.config({
          disabled,
          disableClass: "tox-tbtn--disabled",
          useNative: false
        });
      };
      var DisablingConfigs = {
        item,
        button,
        splitButton,
        toolbarButton
      };
      var runWithApi = function(info, comp) {
        var api2 = info.getApi(comp);
        return function(f) {
          f(api2);
        };
      };
      var onControlAttached = function(info, editorOffCell) {
        return runOnAttached(function(comp) {
          var run2 = runWithApi(info, comp);
          run2(function(api2) {
            var onDestroy = info.onSetup(api2);
            if (isFunction(onDestroy)) {
              editorOffCell.set(onDestroy);
            }
          });
        });
      };
      var onControlDetached = function(getApi2, editorOffCell) {
        return runOnDetached(function(comp) {
          return runWithApi(getApi2, comp)(editorOffCell.get());
        });
      };
      var _a$1;
      var onMenuItemExecute = function(info, itemResponse) {
        return runOnExecute$1(function(comp, simulatedEvent) {
          runWithApi(info, comp)(info.onAction);
          if (!info.triggersSubmenu && itemResponse === ItemResponse$1.CLOSE_ON_EXECUTE) {
            emit(comp, sandboxClose());
            simulatedEvent.stop();
          }
        });
      };
      var menuItemEventOrder = (_a$1 = {}, _a$1[execute$5()] = [
        "disabling",
        "alloy.base.behaviour",
        "toggling",
        "item-events"
      ], _a$1);
      var componentRenderPipeline = cat;
      var renderCommonItem = function(spec, structure, itemResponse, providersbackstage) {
        var editorOffCell = Cell(noop);
        return {
          type: "item",
          dom: structure.dom,
          components: componentRenderPipeline(structure.optComponents),
          data: spec.data,
          eventOrder: menuItemEventOrder,
          hasSubmenu: spec.triggersSubmenu,
          itemBehaviours: derive$1([
            config("item-events", [
              onMenuItemExecute(spec, itemResponse),
              onControlAttached(spec, editorOffCell),
              onControlDetached(spec, editorOffCell)
            ]),
            DisablingConfigs.item(function() {
              return spec.disabled || providersbackstage.isDisabled();
            }),
            receivingConfig(),
            Replacing.config({})
          ].concat(spec.itemBehaviours))
        };
      };
      var buildData = function(source) {
        return {
          value: source.value,
          meta: __assign({ text: source.text.getOr("") }, source.meta)
        };
      };
      var global$9 = tinymce.util.Tools.resolve("tinymce.Env");
      var convertText = function(source) {
        var mac = {
          alt: "&#x2325;",
          ctrl: "&#x2303;",
          shift: "&#x21E7;",
          meta: "&#x2318;",
          access: "&#x2303;&#x2325;"
        };
        var other = {
          meta: "Ctrl",
          access: "Shift+Alt"
        };
        var replace = global$9.mac ? mac : other;
        var shortcut = source.split("+");
        var updated = map$2(shortcut, function(segment) {
          var search2 = segment.toLowerCase().trim();
          return has$2(replace, search2) ? replace[search2] : segment;
        });
        return global$9.mac ? updated.join("") : updated.join("+");
      };
      var renderIcon$1 = function(name2, icons, classes2) {
        if (classes2 === void 0) {
          classes2 = [iconClass];
        }
        return render$3(name2, {
          tag: "div",
          classes: classes2
        }, icons);
      };
      var renderText = function(text$1) {
        return {
          dom: {
            tag: "div",
            classes: [textClass]
          },
          components: [text(global$e.translate(text$1))]
        };
      };
      var renderHtml = function(html, classes2) {
        return {
          dom: {
            tag: "div",
            classes: classes2,
            innerHtml: html
          }
        };
      };
      var renderStyledText = function(style, text$1) {
        return {
          dom: {
            tag: "div",
            classes: [textClass]
          },
          components: [{
            dom: {
              tag: style.tag,
              styles: style.styles
            },
            components: [text(global$e.translate(text$1))]
          }]
        };
      };
      var renderShortcut = function(shortcut) {
        return {
          dom: {
            tag: "div",
            classes: [accessoryClass],
            innerHtml: convertText(shortcut)
          }
        };
      };
      var renderCheckmark = function(icons) {
        return renderIcon$1("checkmark", icons, [checkmarkClass]);
      };
      var renderSubmenuCaret = function(icons) {
        return renderIcon$1("chevron-right", icons, [caretClass]);
      };
      var renderDownwardsCaret = function(icons) {
        return renderIcon$1("chevron-down", icons, [caretClass]);
      };
      var renderContainer = function(container, components2) {
        var directionClass = container.direction === "vertical" ? containerColumnClass : containerRowClass;
        var alignClass = container.align === "left" ? containerAlignLeftClass : containerAlignRightClass;
        var getValignClass = function() {
          switch (container.valign) {
            case "top":
              return containerValignTopClass;
            case "middle":
              return containerValignMiddleClass;
            case "bottom":
              return containerValignBottomClass;
          }
        };
        return {
          dom: {
            tag: "div",
            classes: [
              containerClass,
              directionClass,
              alignClass,
              getValignClass()
            ]
          },
          components: components2
        };
      };
      var renderImage = function(src, classes2, alt) {
        return {
          dom: {
            tag: "img",
            classes: classes2,
            attributes: {
              src,
              alt: alt.getOr("")
            }
          }
        };
      };
      var renderColorStructure = function(item2, providerBackstage, fallbackIcon) {
        var colorPickerCommand = "custom";
        var removeColorCommand = "remove";
        var itemText = item2.ariaLabel;
        var itemValue = item2.value;
        var iconSvg = item2.iconContent.map(function(name2) {
          return getOr(name2, providerBackstage.icons, fallbackIcon);
        });
        var getDom = function() {
          var common = colorClass;
          var icon = iconSvg.getOr("");
          var attributes = itemText.map(function(text2) {
            return { title: providerBackstage.translate(text2) };
          }).getOr({});
          var baseDom = {
            tag: "div",
            attributes,
            classes: [common]
          };
          if (itemValue === colorPickerCommand) {
            return __assign(__assign({}, baseDom), {
              tag: "button",
              classes: __spreadArray(__spreadArray([], baseDom.classes, true), ["tox-swatches__picker-btn"], false),
              innerHtml: icon
            });
          } else if (itemValue === removeColorCommand) {
            return __assign(__assign({}, baseDom), {
              classes: __spreadArray(__spreadArray([], baseDom.classes, true), ["tox-swatch--remove"], false),
              innerHtml: icon
            });
          } else {
            return __assign(__assign({}, baseDom), {
              attributes: __assign(__assign({}, baseDom.attributes), { "data-mce-color": itemValue }),
              styles: { "background-color": itemValue }
            });
          }
        };
        return {
          dom: getDom(),
          optComponents: []
        };
      };
      var renderItemDomStructure = function(ariaLabel) {
        var domTitle = ariaLabel.map(function(label) {
          return { attributes: { title: global$e.translate(label) } };
        }).getOr({});
        return __assign({
          tag: "div",
          classes: [
            navClass,
            selectableClass
          ]
        }, domTitle);
      };
      var renderNormalItemStructure = function(info, providersBackstage, renderIcons, fallbackIcon) {
        var iconSpec = {
          tag: "div",
          classes: [iconClass]
        };
        var renderIcon2 = function(iconName) {
          return render$3(iconName, iconSpec, providersBackstage.icons, fallbackIcon);
        };
        var renderEmptyIcon = function() {
          return Optional.some({ dom: iconSpec });
        };
        var leftIcon = renderIcons ? info.iconContent.map(renderIcon2).orThunk(renderEmptyIcon) : Optional.none();
        var checkmark = info.checkMark;
        var textRender = Optional.from(info.meta).fold(function() {
          return renderText;
        }, function(meta) {
          return has$2(meta, "style") ? curry(renderStyledText, meta.style) : renderText;
        });
        var content = info.htmlContent.fold(function() {
          return info.textContent.map(textRender);
        }, function(html) {
          return Optional.some(renderHtml(html, [textClass]));
        });
        var menuItem = {
          dom: renderItemDomStructure(info.ariaLabel),
          optComponents: [
            leftIcon,
            content,
            info.shortcutContent.map(renderShortcut),
            checkmark,
            info.caret
          ]
        };
        return menuItem;
      };
      var renderItemStructure = function(info, providersBackstage, renderIcons, fallbackIcon) {
        if (fallbackIcon === void 0) {
          fallbackIcon = Optional.none();
        }
        if (info.presets === "color") {
          return renderColorStructure(info, providersBackstage, fallbackIcon);
        } else {
          return renderNormalItemStructure(info, providersBackstage, renderIcons, fallbackIcon);
        }
      };
      var tooltipBehaviour = function(meta, sharedBackstage) {
        return get$e(meta, "tooltipWorker").map(function(tooltipWorker) {
          return [Tooltipping.config({
            lazySink: sharedBackstage.getSink,
            tooltipDom: {
              tag: "div",
              classes: ["tox-tooltip-worker-container"]
            },
            tooltipComponents: [],
            anchor: function(comp) {
              return {
                type: "submenu",
                item: comp,
                overrides: { maxHeightFunction: expandable$1 }
              };
            },
            mode: "follow-highlight",
            onShow: function(component, _tooltip) {
              tooltipWorker(function(elm) {
                Tooltipping.setComponents(component, [external$2({ element: SugarElement.fromDom(elm) })]);
              });
            }
          })];
        }).getOr([]);
      };
      var encodeText = function(text2) {
        return global$b.DOM.encode(text2);
      };
      var replaceText = function(text2, matchText) {
        var translated = global$e.translate(text2);
        var encoded = encodeText(translated);
        if (matchText.length > 0) {
          var escapedMatchRegex = new RegExp(escape(matchText), "gi");
          return encoded.replace(escapedMatchRegex, function(match) {
            return '<span class="tox-autocompleter-highlight">' + match + "</span>";
          });
        } else {
          return encoded;
        }
      };
      var renderAutocompleteItem = function(spec, matchText, useText, presets, onItemValueHandler, itemResponse, sharedBackstage, renderIcons) {
        if (renderIcons === void 0) {
          renderIcons = true;
        }
        var structure = renderItemStructure({
          presets,
          textContent: Optional.none(),
          htmlContent: useText ? spec.text.map(function(text2) {
            return replaceText(text2, matchText);
          }) : Optional.none(),
          ariaLabel: spec.text,
          iconContent: spec.icon,
          shortcutContent: Optional.none(),
          checkMark: Optional.none(),
          caret: Optional.none(),
          value: spec.value
        }, sharedBackstage.providers, renderIcons, spec.icon);
        return renderCommonItem({
          data: buildData(spec),
          disabled: spec.disabled,
          getApi: constant$1({}),
          onAction: function(_api) {
            return onItemValueHandler(spec.value, spec.meta);
          },
          onSetup: constant$1(noop),
          triggersSubmenu: false,
          itemBehaviours: tooltipBehaviour(spec.meta, sharedBackstage)
        }, structure, itemResponse, sharedBackstage.providers);
      };
      var render$2 = function(items, extras) {
        return map$2(items, function(item2) {
          switch (item2.type) {
            case "cardcontainer":
              return renderContainer(item2, render$2(item2.items, extras));
            case "cardimage":
              return renderImage(item2.src, item2.classes, item2.alt);
            case "cardtext":
              var shouldHighlight = item2.name.exists(function(name2) {
                return contains$2(extras.cardText.highlightOn, name2);
              });
              var matchText = shouldHighlight ? Optional.from(extras.cardText.matchText).getOr("") : "";
              return renderHtml(replaceText(item2.text, matchText), item2.classes);
          }
        });
      };
      var renderCardMenuItem = function(spec, itemResponse, sharedBackstage, extras) {
        var getApi2 = function(component) {
          return {
            isDisabled: function() {
              return Disabling.isDisabled(component);
            },
            setDisabled: function(state) {
              Disabling.set(component, state);
              each$1(descendants(component.element, "*"), function(elm) {
                component.getSystem().getByDom(elm).each(function(comp) {
                  if (comp.hasConfigured(Disabling)) {
                    Disabling.set(comp, state);
                  }
                });
              });
            }
          };
        };
        var structure = {
          dom: renderItemDomStructure(spec.label),
          optComponents: [Optional.some({
            dom: {
              tag: "div",
              classes: [
                containerClass,
                containerRowClass
              ]
            },
            components: render$2(spec.items, extras)
          })]
        };
        return renderCommonItem({
          data: buildData(__assign({ text: Optional.none() }, spec)),
          disabled: spec.disabled,
          getApi: getApi2,
          onAction: spec.onAction,
          onSetup: spec.onSetup,
          triggersSubmenu: false,
          itemBehaviours: Optional.from(extras.itemBehaviours).getOr([])
        }, structure, itemResponse, sharedBackstage.providers);
      };
      var renderChoiceItem = function(spec, useText, presets, onItemValueHandler, isSelected, itemResponse, providersBackstage, renderIcons) {
        if (renderIcons === void 0) {
          renderIcons = true;
        }
        var getApi2 = function(component) {
          return {
            setActive: function(state) {
              Toggling.set(component, state);
            },
            isActive: function() {
              return Toggling.isOn(component);
            },
            isDisabled: function() {
              return Disabling.isDisabled(component);
            },
            setDisabled: function(state) {
              return Disabling.set(component, state);
            }
          };
        };
        var structure = renderItemStructure({
          presets,
          textContent: useText ? spec.text : Optional.none(),
          htmlContent: Optional.none(),
          ariaLabel: spec.text,
          iconContent: spec.icon,
          shortcutContent: useText ? spec.shortcut : Optional.none(),
          checkMark: useText ? Optional.some(renderCheckmark(providersBackstage.icons)) : Optional.none(),
          caret: Optional.none(),
          value: spec.value
        }, providersBackstage, renderIcons);
        return deepMerge(renderCommonItem({
          data: buildData(spec),
          disabled: spec.disabled,
          getApi: getApi2,
          onAction: function(_api) {
            return onItemValueHandler(spec.value);
          },
          onSetup: function(api2) {
            api2.setActive(isSelected);
            return noop;
          },
          triggersSubmenu: false,
          itemBehaviours: []
        }, structure, itemResponse, providersBackstage), {
          toggling: {
            toggleClass: tickedClass,
            toggleOnExecute: false,
            selected: spec.active
          }
        });
      };
      var parts$f = generate$3(owner$2(), parts$h());
      var hexColour = function(value2) {
        return { value: value2 };
      };
      var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
      var longformRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
      var isHexString = function(hex) {
        return shorthandRegex.test(hex) || longformRegex.test(hex);
      };
      var normalizeHex = function(hex) {
        return removeLeading(hex, "#").toUpperCase();
      };
      var fromString$1 = function(hex) {
        return isHexString(hex) ? Optional.some({ value: normalizeHex(hex) }) : Optional.none();
      };
      var getLongForm = function(hex) {
        var hexString = hex.value.replace(shorthandRegex, function(m, r2, g, b2) {
          return r2 + r2 + g + g + b2 + b2;
        });
        return { value: hexString };
      };
      var extractValues = function(hex) {
        var longForm = getLongForm(hex);
        var splitForm = longformRegex.exec(longForm.value);
        return splitForm === null ? [
          "FFFFFF",
          "FF",
          "FF",
          "FF"
        ] : splitForm;
      };
      var toHex = function(component) {
        var hex = component.toString(16);
        return (hex.length === 1 ? "0" + hex : hex).toUpperCase();
      };
      var fromRgba = function(rgbaColour2) {
        var value2 = toHex(rgbaColour2.red) + toHex(rgbaColour2.green) + toHex(rgbaColour2.blue);
        return hexColour(value2);
      };
      var min = Math.min;
      var max = Math.max;
      var round$1 = Math.round;
      var rgbRegex = /^rgb\((\d+),\s*(\d+),\s*(\d+)\)/;
      var rgbaRegex = /^rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d?(?:\.\d+)?)\)/;
      var rgbaColour = function(red2, green, blue, alpha) {
        return {
          red: red2,
          green,
          blue,
          alpha
        };
      };
      var isRgbaComponent = function(value2) {
        var num = parseInt(value2, 10);
        return num.toString() === value2 && num >= 0 && num <= 255;
      };
      var fromHsv = function(hsv) {
        var r2;
        var g;
        var b2;
        var hue = (hsv.hue || 0) % 360;
        var saturation = hsv.saturation / 100;
        var brightness2 = hsv.value / 100;
        saturation = max(0, min(saturation, 1));
        brightness2 = max(0, min(brightness2, 1));
        if (saturation === 0) {
          r2 = g = b2 = round$1(255 * brightness2);
          return rgbaColour(r2, g, b2, 1);
        }
        var side = hue / 60;
        var chroma = brightness2 * saturation;
        var x = chroma * (1 - Math.abs(side % 2 - 1));
        var match = brightness2 - chroma;
        switch (Math.floor(side)) {
          case 0:
            r2 = chroma;
            g = x;
            b2 = 0;
            break;
          case 1:
            r2 = x;
            g = chroma;
            b2 = 0;
            break;
          case 2:
            r2 = 0;
            g = chroma;
            b2 = x;
            break;
          case 3:
            r2 = 0;
            g = x;
            b2 = chroma;
            break;
          case 4:
            r2 = x;
            g = 0;
            b2 = chroma;
            break;
          case 5:
            r2 = chroma;
            g = 0;
            b2 = x;
            break;
          default:
            r2 = g = b2 = 0;
        }
        r2 = round$1(255 * (r2 + match));
        g = round$1(255 * (g + match));
        b2 = round$1(255 * (b2 + match));
        return rgbaColour(r2, g, b2, 1);
      };
      var fromHex = function(hexColour2) {
        var result = extractValues(hexColour2);
        var red2 = parseInt(result[1], 16);
        var green = parseInt(result[2], 16);
        var blue = parseInt(result[3], 16);
        return rgbaColour(red2, green, blue, 1);
      };
      var fromStringValues = function(red2, green, blue, alpha) {
        var r2 = parseInt(red2, 10);
        var g = parseInt(green, 10);
        var b2 = parseInt(blue, 10);
        var a = parseFloat(alpha);
        return rgbaColour(r2, g, b2, a);
      };
      var fromString = function(rgbaString) {
        if (rgbaString === "transparent") {
          return Optional.some(rgbaColour(0, 0, 0, 0));
        }
        var rgbMatch = rgbRegex.exec(rgbaString);
        if (rgbMatch !== null) {
          return Optional.some(fromStringValues(rgbMatch[1], rgbMatch[2], rgbMatch[3], "1"));
        }
        var rgbaMatch = rgbaRegex.exec(rgbaString);
        if (rgbaMatch !== null) {
          return Optional.some(fromStringValues(rgbaMatch[1], rgbaMatch[2], rgbaMatch[3], rgbaMatch[4]));
        }
        return Optional.none();
      };
      var toString = function(rgba) {
        return "rgba(" + rgba.red + "," + rgba.green + "," + rgba.blue + "," + rgba.alpha + ")";
      };
      var red = rgbaColour(255, 0, 0, 1);
      var fireSkinLoaded$1 = function(editor) {
        return editor.fire("SkinLoaded");
      };
      var fireSkinLoadError$1 = function(editor, error2) {
        return editor.fire("SkinLoadError", error2);
      };
      var fireResizeEditor = function(editor) {
        return editor.fire("ResizeEditor");
      };
      var fireResizeContent = function(editor, e) {
        return editor.fire("ResizeContent", e);
      };
      var fireScrollContent = function(editor, e) {
        return editor.fire("ScrollContent", e);
      };
      var fireTextColorChange = function(editor, data) {
        return editor.fire("TextColorChange", data);
      };
      var hsvColour = function(hue, saturation, value2) {
        return {
          hue,
          saturation,
          value: value2
        };
      };
      var fromRgb = function(rgbaColour2) {
        var h = 0;
        var s = 0;
        var v = 0;
        var r2 = rgbaColour2.red / 255;
        var g = rgbaColour2.green / 255;
        var b2 = rgbaColour2.blue / 255;
        var minRGB = Math.min(r2, Math.min(g, b2));
        var maxRGB = Math.max(r2, Math.max(g, b2));
        if (minRGB === maxRGB) {
          v = minRGB;
          return hsvColour(0, 0, v * 100);
        }
        var d = r2 === minRGB ? g - b2 : b2 === minRGB ? r2 - g : b2 - r2;
        h = r2 === minRGB ? 3 : b2 === minRGB ? 1 : 5;
        h = 60 * (h - d / (maxRGB - minRGB));
        s = (maxRGB - minRGB) / maxRGB;
        v = maxRGB;
        return hsvColour(Math.round(h), Math.round(s * 100), Math.round(v * 100));
      };
      var hexToHsv = function(hex) {
        return fromRgb(fromHex(hex));
      };
      var hsvToHex = function(hsv) {
        return fromRgba(fromHsv(hsv));
      };
      var anyToHex = function(color) {
        return fromString$1(color).orThunk(function() {
          return fromString(color).map(fromRgba);
        }).getOrThunk(function() {
          var canvas = document.createElement("canvas");
          canvas.height = 1;
          canvas.width = 1;
          var canvasContext = canvas.getContext("2d");
          canvasContext.clearRect(0, 0, canvas.width, canvas.height);
          canvasContext.fillStyle = "#FFFFFF";
          canvasContext.fillStyle = color;
          canvasContext.fillRect(0, 0, 1, 1);
          var rgba = canvasContext.getImageData(0, 0, 1, 1).data;
          var r2 = rgba[0];
          var g = rgba[1];
          var b2 = rgba[2];
          var a = rgba[3];
          return fromRgba(rgbaColour(r2, g, b2, a));
        });
      };
      var global$8 = tinymce.util.Tools.resolve("tinymce.util.LocalStorage");
      var storageName = "tinymce-custom-colors";
      function ColorCache(max2) {
        if (max2 === void 0) {
          max2 = 10;
        }
        var storageString = global$8.getItem(storageName);
        var localstorage = isString(storageString) ? JSON.parse(storageString) : [];
        var prune = function(list) {
          var diff = max2 - list.length;
          return diff < 0 ? list.slice(0, max2) : list;
        };
        var cache = prune(localstorage);
        var add2 = function(key) {
          indexOf(cache, key).each(remove2);
          cache.unshift(key);
          if (cache.length > max2) {
            cache.pop();
          }
          global$8.setItem(storageName, JSON.stringify(cache));
        };
        var remove2 = function(idx) {
          cache.splice(idx, 1);
        };
        var state = function() {
          return cache.slice(0);
        };
        return {
          add: add2,
          state
        };
      }
      var choiceItem = "choiceitem";
      var defaultColors = [
        {
          type: choiceItem,
          text: "Light Green",
          value: "#BFEDD2"
        },
        {
          type: choiceItem,
          text: "Light Yellow",
          value: "#FBEEB8"
        },
        {
          type: choiceItem,
          text: "Light Red",
          value: "#F8CAC6"
        },
        {
          type: choiceItem,
          text: "Light Purple",
          value: "#ECCAFA"
        },
        {
          type: choiceItem,
          text: "Light Blue",
          value: "#C2E0F4"
        },
        {
          type: choiceItem,
          text: "Green",
          value: "#2DC26B"
        },
        {
          type: choiceItem,
          text: "Yellow",
          value: "#F1C40F"
        },
        {
          type: choiceItem,
          text: "Red",
          value: "#E03E2D"
        },
        {
          type: choiceItem,
          text: "Purple",
          value: "#B96AD9"
        },
        {
          type: choiceItem,
          text: "Blue",
          value: "#3598DB"
        },
        {
          type: choiceItem,
          text: "Dark Turquoise",
          value: "#169179"
        },
        {
          type: choiceItem,
          text: "Orange",
          value: "#E67E23"
        },
        {
          type: choiceItem,
          text: "Dark Red",
          value: "#BA372A"
        },
        {
          type: choiceItem,
          text: "Dark Purple",
          value: "#843FA1"
        },
        {
          type: choiceItem,
          text: "Dark Blue",
          value: "#236FA1"
        },
        {
          type: choiceItem,
          text: "Light Gray",
          value: "#ECF0F1"
        },
        {
          type: choiceItem,
          text: "Medium Gray",
          value: "#CED4D9"
        },
        {
          type: choiceItem,
          text: "Gray",
          value: "#95A5A6"
        },
        {
          type: choiceItem,
          text: "Dark Gray",
          value: "#7E8C8D"
        },
        {
          type: choiceItem,
          text: "Navy Blue",
          value: "#34495E"
        },
        {
          type: choiceItem,
          text: "Black",
          value: "#000000"
        },
        {
          type: choiceItem,
          text: "White",
          value: "#ffffff"
        }
      ];
      var colorCache = ColorCache(10);
      var mapColors = function(colorMap) {
        var colors = [];
        for (var i = 0; i < colorMap.length; i += 2) {
          colors.push({
            text: colorMap[i + 1],
            value: "#" + anyToHex(colorMap[i]).value,
            type: "choiceitem"
          });
        }
        return colors;
      };
      var getColorCols$2 = function(editor, defaultCols) {
        return editor.getParam("color_cols", defaultCols, "number");
      };
      var hasCustomColors$1 = function(editor) {
        return editor.getParam("custom_colors") !== false;
      };
      var getColorMap = function(editor) {
        return editor.getParam("color_map");
      };
      var getColors$2 = function(editor) {
        var unmapped = getColorMap(editor);
        return unmapped !== void 0 ? mapColors(unmapped) : defaultColors;
      };
      var getCurrentColors = function() {
        return map$2(colorCache.state(), function(color) {
          return {
            type: choiceItem,
            text: color,
            value: color
          };
        });
      };
      var addColor = function(color) {
        colorCache.add(color);
      };
      var fallbackColor = "#000000";
      var getCurrentColor = function(editor, format) {
        var color;
        editor.dom.getParents(editor.selection.getStart(), function(elm) {
          var value2;
          if (value2 = elm.style[format === "forecolor" ? "color" : "background-color"]) {
            color = color ? color : value2;
          }
        });
        return Optional.from(color);
      };
      var applyFormat = function(editor, format, value2) {
        editor.undoManager.transact(function() {
          editor.focus();
          editor.formatter.apply(format, { value: value2 });
          editor.nodeChanged();
        });
      };
      var removeFormat = function(editor, format) {
        editor.undoManager.transact(function() {
          editor.focus();
          editor.formatter.remove(format, { value: null }, null, true);
          editor.nodeChanged();
        });
      };
      var registerCommands = function(editor) {
        editor.addCommand("mceApplyTextcolor", function(format, value2) {
          applyFormat(editor, format, value2);
        });
        editor.addCommand("mceRemoveTextcolor", function(format) {
          removeFormat(editor, format);
        });
      };
      var calcCols = function(colors) {
        return Math.max(5, Math.ceil(Math.sqrt(colors)));
      };
      var getColorCols$1 = function(editor) {
        var colors = getColors$2(editor);
        var defaultCols = calcCols(colors.length);
        return getColorCols$2(editor, defaultCols);
      };
      var getAdditionalColors = function(hasCustom) {
        var type2 = "choiceitem";
        var remove2 = {
          type: type2,
          text: "Remove color",
          icon: "color-swatch-remove-color",
          value: "remove"
        };
        var custom2 = {
          type: type2,
          text: "Custom color",
          icon: "color-picker",
          value: "custom"
        };
        return hasCustom ? [
          remove2,
          custom2
        ] : [remove2];
      };
      var applyColor = function(editor, format, value2, onChoice) {
        if (value2 === "custom") {
          var dialog = colorPickerDialog(editor);
          dialog(function(colorOpt) {
            colorOpt.each(function(color) {
              addColor(color);
              editor.execCommand("mceApplyTextcolor", format, color);
              onChoice(color);
            });
          }, fallbackColor);
        } else if (value2 === "remove") {
          onChoice("");
          editor.execCommand("mceRemoveTextcolor", format);
        } else {
          onChoice(value2);
          editor.execCommand("mceApplyTextcolor", format, value2);
        }
      };
      var getColors$1 = function(colors, hasCustom) {
        return colors.concat(getCurrentColors().concat(getAdditionalColors(hasCustom)));
      };
      var getFetch$1 = function(colors, hasCustom) {
        return function(callback) {
          callback(getColors$1(colors, hasCustom));
        };
      };
      var setIconColor = function(splitButtonApi, name2, newColor) {
        var id = name2 === "forecolor" ? "tox-icon-text-color__color" : "tox-icon-highlight-bg-color__color";
        splitButtonApi.setIconFill(id, newColor);
      };
      var registerTextColorButton = function(editor, name2, format, tooltip, lastColor) {
        editor.ui.registry.addSplitButton(name2, {
          tooltip,
          presets: "color",
          icon: name2 === "forecolor" ? "text-color" : "highlight-bg-color",
          select: function(value2) {
            var optCurrentRgb = getCurrentColor(editor, format);
            return optCurrentRgb.bind(function(currentRgb) {
              return fromString(currentRgb).map(function(rgba) {
                var currentHex = fromRgba(rgba).value;
                return contains$1(value2.toLowerCase(), currentHex);
              });
            }).getOr(false);
          },
          columns: getColorCols$1(editor),
          fetch: getFetch$1(getColors$2(editor), hasCustomColors$1(editor)),
          onAction: function(_splitButtonApi) {
            applyColor(editor, format, lastColor.get(), noop);
          },
          onItemAction: function(_splitButtonApi, value2) {
            applyColor(editor, format, value2, function(newColor) {
              lastColor.set(newColor);
              fireTextColorChange(editor, {
                name: name2,
                color: newColor
              });
            });
          },
          onSetup: function(splitButtonApi) {
            setIconColor(splitButtonApi, name2, lastColor.get());
            var handler = function(e) {
              if (e.name === name2) {
                setIconColor(splitButtonApi, e.name, e.color);
              }
            };
            editor.on("TextColorChange", handler);
            return function() {
              editor.off("TextColorChange", handler);
            };
          }
        });
      };
      var registerTextColorMenuItem = function(editor, name2, format, text2) {
        editor.ui.registry.addNestedMenuItem(name2, {
          text: text2,
          icon: name2 === "forecolor" ? "text-color" : "highlight-bg-color",
          getSubmenuItems: function() {
            return [{
              type: "fancymenuitem",
              fancytype: "colorswatch",
              onAction: function(data) {
                applyColor(editor, format, data.value, noop);
              }
            }];
          }
        });
      };
      var colorPickerDialog = function(editor) {
        return function(callback, value2) {
          var isValid = false;
          var onSubmit = function(api2) {
            var data = api2.getData();
            var hex = data.colorpicker;
            if (isValid) {
              callback(Optional.from(hex));
              api2.close();
            } else {
              editor.windowManager.alert(editor.translate([
                "Invalid hex color code: {0}",
                hex
              ]));
            }
          };
          var onAction = function(_api, details) {
            if (details.name === "hex-valid") {
              isValid = details.value;
            }
          };
          var initialData = { colorpicker: value2 };
          editor.windowManager.open({
            title: "Color Picker",
            size: "normal",
            body: {
              type: "panel",
              items: [{
                type: "colorpicker",
                name: "colorpicker",
                label: "Color"
              }]
            },
            buttons: [
              {
                type: "cancel",
                name: "cancel",
                text: "Cancel"
              },
              {
                type: "submit",
                name: "save",
                text: "Save",
                primary: true
              }
            ],
            initialData,
            onAction,
            onSubmit,
            onClose: noop,
            onCancel: function() {
              callback(Optional.none());
            }
          });
        };
      };
      var register$a = function(editor) {
        registerCommands(editor);
        var lastForeColor = Cell(fallbackColor);
        var lastBackColor = Cell(fallbackColor);
        registerTextColorButton(editor, "forecolor", "forecolor", "Text color", lastForeColor);
        registerTextColorButton(editor, "backcolor", "hilitecolor", "Background color", lastBackColor);
        registerTextColorMenuItem(editor, "forecolor", "forecolor", "Text color");
        registerTextColorMenuItem(editor, "backcolor", "hilitecolor", "Background color");
      };
      var createPartialChoiceMenu = function(value2, items, onItemValueHandler, columns, presets, itemResponse, select2, providersBackstage) {
        var hasIcons = menuHasIcons(items);
        var presetItemTypes = presets !== "color" ? "normal" : "color";
        var alloyItems = createChoiceItems(items, onItemValueHandler, columns, presetItemTypes, itemResponse, select2, providersBackstage);
        return createPartialMenuWithAlloyItems(value2, hasIcons, alloyItems, columns, presets);
      };
      var createChoiceItems = function(items, onItemValueHandler, columns, itemPresets, itemResponse, select2, providersBackstage) {
        return cat(map$2(items, function(item2) {
          if (item2.type === "choiceitem") {
            return createChoiceMenuItem(item2).fold(handleError, function(d) {
              return Optional.some(renderChoiceItem(d, columns === 1, itemPresets, onItemValueHandler, select2(item2.value), itemResponse, providersBackstage, menuHasIcons(items)));
            });
          } else {
            return Optional.none();
          }
        }));
      };
      var deriveMenuMovement = function(columns, presets) {
        var menuMarkers = markers(presets);
        if (columns === 1) {
          return {
            mode: "menu",
            moveOnTab: true
          };
        } else if (columns === "auto") {
          return {
            mode: "grid",
            selector: "." + menuMarkers.item,
            initSize: {
              numColumns: 1,
              numRows: 1
            }
          };
        } else {
          var rowClass = presets === "color" ? "tox-swatches__row" : "tox-collection__group";
          return {
            mode: "matrix",
            rowSelector: "." + rowClass
          };
        }
      };
      var deriveCollectionMovement = function(columns, presets) {
        if (columns === 1) {
          return {
            mode: "menu",
            moveOnTab: false,
            selector: ".tox-collection__item"
          };
        } else if (columns === "auto") {
          return {
            mode: "flatgrid",
            selector: ".tox-collection__item",
            initSize: {
              numColumns: 1,
              numRows: 1
            }
          };
        } else {
          return {
            mode: "matrix",
            selectors: {
              row: presets === "color" ? ".tox-swatches__row" : ".tox-collection__group",
              cell: presets === "color" ? "." + colorClass : "." + selectableClass
            }
          };
        }
      };
      var renderColorSwatchItem = function(spec, backstage) {
        var items = getColorItems(spec, backstage);
        var columns = backstage.colorinput.getColorCols();
        var presets = "color";
        var menuSpec = createPartialChoiceMenu(generate$6("menu-value"), items, function(value2) {
          spec.onAction({ value: value2 });
        }, columns, presets, ItemResponse$1.CLOSE_ON_EXECUTE, never, backstage.shared.providers);
        var widgetSpec = __assign(__assign({}, menuSpec), {
          markers: markers(presets),
          movement: deriveMenuMovement(columns, presets)
        });
        return {
          type: "widget",
          data: { value: generate$6("widget-id") },
          dom: {
            tag: "div",
            classes: ["tox-fancymenuitem"]
          },
          autofocus: true,
          components: [parts$f.widget(Menu.sketch(widgetSpec))]
        };
      };
      var getColorItems = function(spec, backstage) {
        var useCustomColors = spec.initData.allowCustomColors && backstage.colorinput.hasCustomColors();
        return spec.initData.colors.fold(function() {
          return getColors$1(backstage.colorinput.getColors(), useCustomColors);
        }, function(colors) {
          return colors.concat(getAdditionalColors(useCustomColors));
        });
      };
      var cellOverEvent = generate$6("cell-over");
      var cellExecuteEvent = generate$6("cell-execute");
      var makeCell = function(row, col, labelId) {
        var _a2;
        var emitCellOver = function(c) {
          return emitWith(c, cellOverEvent, {
            row,
            col
          });
        };
        var emitExecute2 = function(c) {
          return emitWith(c, cellExecuteEvent, {
            row,
            col
          });
        };
        var onClick = function(c, se) {
          se.stop();
          emitExecute2(c);
        };
        return build$1({
          dom: {
            tag: "div",
            attributes: (_a2 = { role: "button" }, _a2["aria-labelledby"] = labelId, _a2)
          },
          behaviours: derive$1([
            config("insert-table-picker-cell", [
              run$1(mouseover(), Focusing.focus),
              run$1(execute$5(), emitExecute2),
              run$1(click(), onClick),
              run$1(tap(), onClick)
            ]),
            Toggling.config({
              toggleClass: "tox-insert-table-picker__selected",
              toggleOnExecute: false
            }),
            Focusing.config({ onFocus: emitCellOver })
          ])
        });
      };
      var makeCells = function(labelId, numRows, numCols) {
        var cells = [];
        for (var i = 0; i < numRows; i++) {
          var row = [];
          for (var j = 0; j < numCols; j++) {
            row.push(makeCell(i, j, labelId));
          }
          cells.push(row);
        }
        return cells;
      };
      var selectCells = function(cells, selectedRow, selectedColumn, numRows, numColumns) {
        for (var i = 0; i < numRows; i++) {
          for (var j = 0; j < numColumns; j++) {
            Toggling.set(cells[i][j], i <= selectedRow && j <= selectedColumn);
          }
        }
      };
      var makeComponents = function(cells) {
        return bind$3(cells, function(cellRow) {
          return map$2(cellRow, premade);
        });
      };
      var makeLabelText = function(row, col) {
        return text(col + "x" + row);
      };
      var renderInsertTableMenuItem = function(spec) {
        var numRows = 10;
        var numColumns = 10;
        var sizeLabelId = generate$6("size-label");
        var cells = makeCells(sizeLabelId, numRows, numColumns);
        var emptyLabelText = makeLabelText(0, 0);
        var memLabel = record({
          dom: {
            tag: "span",
            classes: ["tox-insert-table-picker__label"],
            attributes: { id: sizeLabelId }
          },
          components: [emptyLabelText],
          behaviours: derive$1([Replacing.config({})])
        });
        return {
          type: "widget",
          data: { value: generate$6("widget-id") },
          dom: {
            tag: "div",
            classes: ["tox-fancymenuitem"]
          },
          autofocus: true,
          components: [parts$f.widget({
            dom: {
              tag: "div",
              classes: ["tox-insert-table-picker"]
            },
            components: makeComponents(cells).concat(memLabel.asSpec()),
            behaviours: derive$1([
              config("insert-table-picker", [
                runOnAttached(function(c) {
                  Replacing.set(memLabel.get(c), [emptyLabelText]);
                }),
                runWithTarget(cellOverEvent, function(c, t2, e) {
                  var _a2 = e.event, row = _a2.row, col = _a2.col;
                  selectCells(cells, row, col, numRows, numColumns);
                  Replacing.set(memLabel.get(c), [makeLabelText(row + 1, col + 1)]);
                }),
                runWithTarget(cellExecuteEvent, function(c, _, e) {
                  var _a2 = e.event, row = _a2.row, col = _a2.col;
                  spec.onAction({
                    numRows: row + 1,
                    numColumns: col + 1
                  });
                  emit(c, sandboxClose());
                })
              ]),
              Keying.config({
                initSize: {
                  numRows,
                  numColumns
                },
                mode: "flatgrid",
                selector: '[role="button"]'
              })
            ])
          })]
        };
      };
      var fancyMenuItems = {
        inserttable: renderInsertTableMenuItem,
        colorswatch: renderColorSwatchItem
      };
      var renderFancyMenuItem = function(spec, backstage) {
        return get$e(fancyMenuItems, spec.fancytype).map(function(render2) {
          return render2(spec, backstage);
        });
      };
      var renderNestedItem = function(spec, itemResponse, providersBackstage, renderIcons, downwardsCaret) {
        if (renderIcons === void 0) {
          renderIcons = true;
        }
        if (downwardsCaret === void 0) {
          downwardsCaret = false;
        }
        var caret = downwardsCaret ? renderDownwardsCaret(providersBackstage.icons) : renderSubmenuCaret(providersBackstage.icons);
        var getApi2 = function(component) {
          return {
            isDisabled: function() {
              return Disabling.isDisabled(component);
            },
            setDisabled: function(state) {
              return Disabling.set(component, state);
            }
          };
        };
        var structure = renderItemStructure({
          presets: "normal",
          iconContent: spec.icon,
          textContent: spec.text,
          htmlContent: Optional.none(),
          ariaLabel: spec.text,
          caret: Optional.some(caret),
          checkMark: Optional.none(),
          shortcutContent: spec.shortcut
        }, providersBackstage, renderIcons);
        return renderCommonItem({
          data: buildData(spec),
          getApi: getApi2,
          disabled: spec.disabled,
          onAction: noop,
          onSetup: spec.onSetup,
          triggersSubmenu: true,
          itemBehaviours: []
        }, structure, itemResponse, providersBackstage);
      };
      var renderNormalItem = function(spec, itemResponse, providersBackstage, renderIcons) {
        if (renderIcons === void 0) {
          renderIcons = true;
        }
        var getApi2 = function(component) {
          return {
            isDisabled: function() {
              return Disabling.isDisabled(component);
            },
            setDisabled: function(state) {
              return Disabling.set(component, state);
            }
          };
        };
        var structure = renderItemStructure({
          presets: "normal",
          iconContent: spec.icon,
          textContent: spec.text,
          htmlContent: Optional.none(),
          ariaLabel: spec.text,
          caret: Optional.none(),
          checkMark: Optional.none(),
          shortcutContent: spec.shortcut
        }, providersBackstage, renderIcons);
        return renderCommonItem({
          data: buildData(spec),
          getApi: getApi2,
          disabled: spec.disabled,
          onAction: spec.onAction,
          onSetup: spec.onSetup,
          triggersSubmenu: false,
          itemBehaviours: []
        }, structure, itemResponse, providersBackstage);
      };
      var renderSeparatorItem = function(spec) {
        var innerHtml = spec.text.fold(function() {
          return {};
        }, function(text2) {
          return { innerHtml: text2 };
        });
        return {
          type: "separator",
          dom: __assign({
            tag: "div",
            classes: [
              selectableClass,
              groupHeadingClass
            ]
          }, innerHtml),
          components: []
        };
      };
      var renderToggleMenuItem = function(spec, itemResponse, providersBackstage, renderIcons) {
        if (renderIcons === void 0) {
          renderIcons = true;
        }
        var getApi2 = function(component) {
          return {
            setActive: function(state) {
              Toggling.set(component, state);
            },
            isActive: function() {
              return Toggling.isOn(component);
            },
            isDisabled: function() {
              return Disabling.isDisabled(component);
            },
            setDisabled: function(state) {
              return Disabling.set(component, state);
            }
          };
        };
        var structure = renderItemStructure({
          iconContent: spec.icon,
          textContent: spec.text,
          htmlContent: Optional.none(),
          ariaLabel: spec.text,
          checkMark: Optional.some(renderCheckmark(providersBackstage.icons)),
          caret: Optional.none(),
          shortcutContent: spec.shortcut,
          presets: "normal",
          meta: spec.meta
        }, providersBackstage, renderIcons);
        return deepMerge(renderCommonItem({
          data: buildData(spec),
          disabled: spec.disabled,
          getApi: getApi2,
          onAction: spec.onAction,
          onSetup: spec.onSetup,
          triggersSubmenu: false,
          itemBehaviours: []
        }, structure, itemResponse, providersBackstage), {
          toggling: {
            toggleClass: tickedClass,
            toggleOnExecute: false,
            selected: spec.active
          }
        });
      };
      var autocomplete = renderAutocompleteItem;
      var separator$3 = renderSeparatorItem;
      var normal = renderNormalItem;
      var nested = renderNestedItem;
      var toggle$1 = renderToggleMenuItem;
      var fancy = renderFancyMenuItem;
      var card = renderCardMenuItem;
      var FocusMode;
      (function(FocusMode2) {
        FocusMode2[FocusMode2["ContentFocus"] = 0] = "ContentFocus";
        FocusMode2[FocusMode2["UiFocus"] = 1] = "UiFocus";
      })(FocusMode || (FocusMode = {}));
      var createMenuItemFromBridge = function(item2, itemResponse, backstage, menuHasIcons2, isHorizontalMenu) {
        var providersBackstage = backstage.shared.providers;
        var parseForHorizontalMenu = function(menuitem) {
          return !isHorizontalMenu ? menuitem : __assign(__assign({}, menuitem), {
            shortcut: Optional.none(),
            icon: menuitem.text.isSome() ? Optional.none() : menuitem.icon
          });
        };
        switch (item2.type) {
          case "menuitem":
            return createMenuItem(item2).fold(handleError, function(d) {
              return Optional.some(normal(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons2));
            });
          case "nestedmenuitem":
            return createNestedMenuItem(item2).fold(handleError, function(d) {
              return Optional.some(nested(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons2, isHorizontalMenu));
            });
          case "togglemenuitem":
            return createToggleMenuItem(item2).fold(handleError, function(d) {
              return Optional.some(toggle$1(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons2));
            });
          case "separator":
            return createSeparatorMenuItem(item2).fold(handleError, function(d) {
              return Optional.some(separator$3(d));
            });
          case "fancymenuitem":
            return createFancyMenuItem(item2).fold(handleError, function(d) {
              return fancy(parseForHorizontalMenu(d), backstage);
            });
          default: {
            console.error("Unknown item in general menu", item2);
            return Optional.none();
          }
        }
      };
      var createAutocompleteItems = function(items, matchText, onItemValueHandler, columns, itemResponse, sharedBackstage, highlightOn) {
        var renderText2 = columns === 1;
        var renderIcons = !renderText2 || menuHasIcons(items);
        return cat(map$2(items, function(item2) {
          switch (item2.type) {
            case "separator":
              return createSeparatorItem(item2).fold(handleError, function(d) {
                return Optional.some(separator$3(d));
              });
            case "cardmenuitem":
              return createCardMenuItem(item2).fold(handleError, function(d) {
                return Optional.some(card(__assign(__assign({}, d), {
                  onAction: function(api2) {
                    d.onAction(api2);
                    onItemValueHandler(d.value, d.meta);
                  }
                }), itemResponse, sharedBackstage, {
                  itemBehaviours: tooltipBehaviour(d.meta, sharedBackstage),
                  cardText: {
                    matchText,
                    highlightOn
                  }
                }));
              });
            case "autocompleteitem":
            default:
              return createAutocompleterItem(item2).fold(handleError, function(d) {
                return Optional.some(autocomplete(d, matchText, renderText2, "normal", onItemValueHandler, itemResponse, sharedBackstage, renderIcons));
              });
          }
        }));
      };
      var createPartialMenu = function(value2, items, itemResponse, backstage, isHorizontalMenu) {
        var hasIcons = menuHasIcons(items);
        var alloyItems = cat(map$2(items, function(item2) {
          var itemHasIcon = function(i) {
            return isHorizontalMenu ? !has$2(i, "text") : hasIcons;
          };
          var createItem = function(i) {
            return createMenuItemFromBridge(i, itemResponse, backstage, itemHasIcon(i), isHorizontalMenu);
          };
          if (item2.type === "nestedmenuitem" && item2.getSubmenuItems().length <= 0) {
            return createItem(__assign(__assign({}, item2), { disabled: true }));
          } else {
            return createItem(item2);
          }
        }));
        var createPartial = isHorizontalMenu ? createHorizontalPartialMenuWithAlloyItems : createPartialMenuWithAlloyItems;
        return createPartial(value2, hasIcons, alloyItems, 1, "normal");
      };
      var createTieredDataFrom = function(partialMenu) {
        return tieredMenu.singleData(partialMenu.value, partialMenu);
      };
      var createMenuFrom = function(partialMenu, columns, focusMode, presets) {
        var focusManager = focusMode === FocusMode.ContentFocus ? highlights() : dom$2();
        var movement = deriveMenuMovement(columns, presets);
        var menuMarkers = markers(presets);
        return {
          dom: partialMenu.dom,
          components: partialMenu.components,
          items: partialMenu.items,
          value: partialMenu.value,
          markers: {
            selectedItem: menuMarkers.selectedItem,
            item: menuMarkers.item
          },
          movement,
          fakeFocus: focusMode === FocusMode.ContentFocus,
          focusManager,
          menuBehaviours: SimpleBehaviours.unnamedEvents(columns !== "auto" ? [] : [runOnAttached(function(comp, _se) {
            detectSize(comp, 4, menuMarkers.item).each(function(_a2) {
              var numColumns = _a2.numColumns, numRows = _a2.numRows;
              Keying.setGridSize(comp, numRows, numColumns);
            });
          })])
        };
      };
      var register$9 = function(editor, sharedBackstage) {
        var activeAutocompleter = value$1();
        var processingAction = Cell(false);
        var autocompleter = build$1(InlineView.sketch({
          dom: {
            tag: "div",
            classes: ["tox-autocompleter"]
          },
          components: [],
          fireDismissalEventInstead: {},
          inlineBehaviours: derive$1([config("dismissAutocompleter", [run$1(dismissRequested(), function() {
            return cancelIfNecessary();
          })])]),
          lazySink: sharedBackstage.getSink
        }));
        var isMenuOpen = function() {
          return InlineView.isOpen(autocompleter);
        };
        var isActive = function() {
          return activeAutocompleter.get().isSome();
        };
        var hideIfNecessary = function() {
          if (isActive()) {
            InlineView.hide(autocompleter);
          }
        };
        var cancelIfNecessary = function() {
          if (isActive()) {
            var lastElement = activeAutocompleter.get().map(function(ac) {
              return ac.element;
            });
            detect(lastElement.getOr(SugarElement.fromDom(editor.selection.getNode()))).each(unwrap);
            hideIfNecessary();
            activeAutocompleter.clear();
            processingAction.set(false);
          }
        };
        var getAutocompleters = cached(function() {
          return register$b(editor);
        });
        var getCombinedItems = function(triggerChar, matches) {
          var columns = findMap(matches, function(m) {
            return Optional.from(m.columns);
          }).getOr(1);
          return bind$3(matches, function(match) {
            var choices = match.items;
            return createAutocompleteItems(choices, match.matchText, function(itemValue, itemMeta) {
              var nr = editor.selection.getRng();
              getContext(editor.dom, nr, triggerChar).fold(function() {
                return console.error("Lost context. Cursor probably moved");
              }, function(_a2) {
                var range2 = _a2.range;
                var autocompleterApi = {
                  hide: function() {
                    cancelIfNecessary();
                  },
                  reload: function(fetchOptions) {
                    hideIfNecessary();
                    load(fetchOptions);
                  }
                };
                processingAction.set(true);
                match.onAction(autocompleterApi, range2, itemValue, itemMeta);
                processingAction.set(false);
              });
            }, columns, ItemResponse$1.BUBBLE_TO_SANDBOX, sharedBackstage, match.highlightOn);
          });
        };
        var commenceIfNecessary = function(context) {
          if (!isActive()) {
            var wrapper = create$4(editor, context.range);
            activeAutocompleter.set({
              triggerChar: context.triggerChar,
              element: wrapper,
              matchLength: context.text.length
            });
            processingAction.set(false);
          }
        };
        var display = function(ac, context, lookupData, items) {
          ac.matchLength = context.text.length;
          var columns = findMap(lookupData, function(ld) {
            return Optional.from(ld.columns);
          }).getOr(1);
          InlineView.showAt(autocompleter, Menu.sketch(createMenuFrom(createPartialMenuWithAlloyItems("autocompleter-value", true, items, columns, "normal"), columns, FocusMode.ContentFocus, "normal")), {
            anchor: {
              type: "node",
              root: SugarElement.fromDom(editor.getBody()),
              node: Optional.from(ac.element)
            }
          });
          InlineView.getContent(autocompleter).each(Highlighting.highlightFirst);
        };
        var doLookup = function(fetchOptions) {
          return activeAutocompleter.get().map(function(ac) {
            return getContext(editor.dom, editor.selection.getRng(), ac.triggerChar).bind(function(newContext) {
              return lookupWithContext(editor, getAutocompleters, newContext, fetchOptions);
            });
          }).getOrThunk(function() {
            return lookup$2(editor, getAutocompleters);
          });
        };
        var load = function(fetchOptions) {
          doLookup(fetchOptions).fold(cancelIfNecessary, function(lookupInfo) {
            commenceIfNecessary(lookupInfo.context);
            lookupInfo.lookupData.then(function(lookupData) {
              activeAutocompleter.get().map(function(ac) {
                var context = lookupInfo.context;
                if (ac.triggerChar === context.triggerChar) {
                  var combinedItems = getCombinedItems(context.triggerChar, lookupData);
                  if (combinedItems.length > 0) {
                    display(ac, context, lookupData, combinedItems);
                  } else if (context.text.length - ac.matchLength >= 10) {
                    cancelIfNecessary();
                  } else {
                    hideIfNecessary();
                  }
                }
              });
            });
          });
        };
        var onKeypress = last(function(e) {
          if (e.which === 27) {
            return;
          }
          load();
        }, 50);
        var autocompleterUiApi = {
          onKeypress,
          cancelIfNecessary,
          isMenuOpen,
          isActive,
          isProcessingAction: processingAction.get,
          getView: function() {
            return InlineView.getContent(autocompleter);
          }
        };
        if (editor.hasPlugin("rtc") === false) {
          AutocompleterEditorEvents.setup(autocompleterUiApi, editor);
        }
      };
      var Autocompleter = { register: register$9 };
      var closest = function(scope, selector, isRoot) {
        return closest$1(scope, selector, isRoot).isSome();
      };
      var DelayedFunction = function(fun, delay) {
        var ref = null;
        var schedule = function() {
          var args = [];
          for (var _i = 0; _i < arguments.length; _i++) {
            args[_i] = arguments[_i];
          }
          ref = setTimeout(function() {
            fun.apply(null, args);
            ref = null;
          }, delay);
        };
        var cancel = function() {
          if (ref !== null) {
            clearTimeout(ref);
            ref = null;
          }
        };
        return {
          cancel,
          schedule
        };
      };
      var SIGNIFICANT_MOVE = 5;
      var LONGPRESS_DELAY = 400;
      var getTouch = function(event) {
        var raw = event.raw;
        if (raw.touches === void 0 || raw.touches.length !== 1) {
          return Optional.none();
        }
        return Optional.some(raw.touches[0]);
      };
      var isFarEnough = function(touch2, data) {
        var distX = Math.abs(touch2.clientX - data.x);
        var distY = Math.abs(touch2.clientY - data.y);
        return distX > SIGNIFICANT_MOVE || distY > SIGNIFICANT_MOVE;
      };
      var monitor = function(settings) {
        var startData = value$1();
        var longpressFired = Cell(false);
        var longpress$1 = DelayedFunction(function(event) {
          settings.triggerEvent(longpress(), event);
          longpressFired.set(true);
        }, LONGPRESS_DELAY);
        var handleTouchstart = function(event) {
          getTouch(event).each(function(touch2) {
            longpress$1.cancel();
            var data = {
              x: touch2.clientX,
              y: touch2.clientY,
              target: event.target
            };
            longpress$1.schedule(event);
            longpressFired.set(false);
            startData.set(data);
          });
          return Optional.none();
        };
        var handleTouchmove = function(event) {
          longpress$1.cancel();
          getTouch(event).each(function(touch2) {
            startData.on(function(data) {
              if (isFarEnough(touch2, data)) {
                startData.clear();
              }
            });
          });
          return Optional.none();
        };
        var handleTouchend = function(event) {
          longpress$1.cancel();
          var isSame = function(data) {
            return eq(data.target, event.target);
          };
          return startData.get().filter(isSame).map(function(_data) {
            if (longpressFired.get()) {
              event.prevent();
              return false;
            } else {
              return settings.triggerEvent(tap(), event);
            }
          });
        };
        var handlers2 = wrapAll([
          {
            key: touchstart(),
            value: handleTouchstart
          },
          {
            key: touchmove(),
            value: handleTouchmove
          },
          {
            key: touchend(),
            value: handleTouchend
          }
        ]);
        var fireIfReady = function(event, type2) {
          return get$e(handlers2, type2).bind(function(handler) {
            return handler(event);
          });
        };
        return { fireIfReady };
      };
      var isDangerous = function(event) {
        var keyEv = event.raw;
        return keyEv.which === BACKSPACE[0] && !contains$2([
          "input",
          "textarea"
        ], name$2(event.target)) && !closest(event.target, '[contenteditable="true"]');
      };
      var isFirefox = function() {
        return detect$1().browser.isFirefox();
      };
      var bindFocus = function(container, handler) {
        if (isFirefox()) {
          return capture(container, "focus", handler);
        } else {
          return bind(container, "focusin", handler);
        }
      };
      var bindBlur = function(container, handler) {
        if (isFirefox()) {
          return capture(container, "blur", handler);
        } else {
          return bind(container, "focusout", handler);
        }
      };
      var setup$d = function(container, rawSettings) {
        var settings = __assign({ stopBackspace: true }, rawSettings);
        var pointerEvents2 = [
          "touchstart",
          "touchmove",
          "touchend",
          "touchcancel",
          "gesturestart",
          "mousedown",
          "mouseup",
          "mouseover",
          "mousemove",
          "mouseout",
          "click"
        ];
        var tapEvent = monitor(settings);
        var simpleEvents = map$2(pointerEvents2.concat([
          "selectstart",
          "input",
          "contextmenu",
          "change",
          "transitionend",
          "transitioncancel",
          "drag",
          "dragstart",
          "dragend",
          "dragenter",
          "dragleave",
          "dragover",
          "drop",
          "keyup"
        ]), function(type2) {
          return bind(container, type2, function(event) {
            tapEvent.fireIfReady(event, type2).each(function(tapStopped) {
              if (tapStopped) {
                event.kill();
              }
            });
            var stopped = settings.triggerEvent(type2, event);
            if (stopped) {
              event.kill();
            }
          });
        });
        var pasteTimeout = value$1();
        var onPaste = bind(container, "paste", function(event) {
          tapEvent.fireIfReady(event, "paste").each(function(tapStopped) {
            if (tapStopped) {
              event.kill();
            }
          });
          var stopped = settings.triggerEvent("paste", event);
          if (stopped) {
            event.kill();
          }
          pasteTimeout.set(setTimeout(function() {
            settings.triggerEvent(postPaste(), event);
          }, 0));
        });
        var onKeydown = bind(container, "keydown", function(event) {
          var stopped = settings.triggerEvent("keydown", event);
          if (stopped) {
            event.kill();
          } else if (settings.stopBackspace && isDangerous(event)) {
            event.prevent();
          }
        });
        var onFocusIn = bindFocus(container, function(event) {
          var stopped = settings.triggerEvent("focusin", event);
          if (stopped) {
            event.kill();
          }
        });
        var focusoutTimeout = value$1();
        var onFocusOut = bindBlur(container, function(event) {
          var stopped = settings.triggerEvent("focusout", event);
          if (stopped) {
            event.kill();
          }
          focusoutTimeout.set(setTimeout(function() {
            settings.triggerEvent(postBlur(), event);
          }, 0));
        });
        var unbind2 = function() {
          each$1(simpleEvents, function(e) {
            e.unbind();
          });
          onKeydown.unbind();
          onFocusIn.unbind();
          onFocusOut.unbind();
          onPaste.unbind();
          pasteTimeout.on(clearTimeout);
          focusoutTimeout.on(clearTimeout);
        };
        return { unbind: unbind2 };
      };
      var derive = function(rawEvent, rawTarget) {
        var source = get$e(rawEvent, "target").getOr(rawTarget);
        return Cell(source);
      };
      var fromSource = function(event, source) {
        var stopper2 = Cell(false);
        var cutter2 = Cell(false);
        var stop2 = function() {
          stopper2.set(true);
        };
        var cut = function() {
          cutter2.set(true);
        };
        return {
          stop: stop2,
          cut,
          isStopped: stopper2.get,
          isCut: cutter2.get,
          event,
          setSource: source.set,
          getSource: source.get
        };
      };
      var fromExternal = function(event) {
        var stopper2 = Cell(false);
        var stop2 = function() {
          stopper2.set(true);
        };
        return {
          stop: stop2,
          cut: noop,
          isStopped: stopper2.get,
          isCut: never,
          event,
          setSource: die("Cannot set source of a broadcasted event"),
          getSource: die("Cannot get source of a broadcasted event")
        };
      };
      var adt$1 = Adt.generate([
        { stopped: [] },
        { resume: ["element"] },
        { complete: [] }
      ]);
      var doTriggerHandler = function(lookup2, eventType, rawEvent, target, source, logger) {
        var handler = lookup2(eventType, target);
        var simulatedEvent = fromSource(rawEvent, source);
        return handler.fold(function() {
          logger.logEventNoHandlers(eventType, target);
          return adt$1.complete();
        }, function(handlerInfo) {
          var descHandler = handlerInfo.descHandler;
          var eventHandler2 = getCurried(descHandler);
          eventHandler2(simulatedEvent);
          if (simulatedEvent.isStopped()) {
            logger.logEventStopped(eventType, handlerInfo.element, descHandler.purpose);
            return adt$1.stopped();
          } else if (simulatedEvent.isCut()) {
            logger.logEventCut(eventType, handlerInfo.element, descHandler.purpose);
            return adt$1.complete();
          } else {
            return parent(handlerInfo.element).fold(function() {
              logger.logNoParent(eventType, handlerInfo.element, descHandler.purpose);
              return adt$1.complete();
            }, function(parent2) {
              logger.logEventResponse(eventType, handlerInfo.element, descHandler.purpose);
              return adt$1.resume(parent2);
            });
          }
        });
      };
      var doTriggerOnUntilStopped = function(lookup2, eventType, rawEvent, rawTarget, source, logger) {
        return doTriggerHandler(lookup2, eventType, rawEvent, rawTarget, source, logger).fold(always, function(parent2) {
          return doTriggerOnUntilStopped(lookup2, eventType, rawEvent, parent2, source, logger);
        }, never);
      };
      var triggerHandler = function(lookup2, eventType, rawEvent, target, logger) {
        var source = derive(rawEvent, target);
        return doTriggerHandler(lookup2, eventType, rawEvent, target, source, logger);
      };
      var broadcast = function(listeners, rawEvent, _logger) {
        var simulatedEvent = fromExternal(rawEvent);
        each$1(listeners, function(listener) {
          var descHandler = listener.descHandler;
          var handler = getCurried(descHandler);
          handler(simulatedEvent);
        });
        return simulatedEvent.isStopped();
      };
      var triggerUntilStopped = function(lookup2, eventType, rawEvent, logger) {
        return triggerOnUntilStopped(lookup2, eventType, rawEvent, rawEvent.target, logger);
      };
      var triggerOnUntilStopped = function(lookup2, eventType, rawEvent, rawTarget, logger) {
        var source = derive(rawEvent, rawTarget);
        return doTriggerOnUntilStopped(lookup2, eventType, rawEvent, rawTarget, source, logger);
      };
      var eventHandler = function(element2, descHandler) {
        return {
          element: element2,
          descHandler
        };
      };
      var broadcastHandler = function(id, handler) {
        return {
          id,
          descHandler: handler
        };
      };
      var EventRegistry = function() {
        var registry = {};
        var registerId = function(extraArgs, id, events2) {
          each(events2, function(v, k) {
            var handlers2 = registry[k] !== void 0 ? registry[k] : {};
            handlers2[id] = curryArgs(v, extraArgs);
            registry[k] = handlers2;
          });
        };
        var findHandler = function(handlers2, elem) {
          return read$1(elem).bind(function(id) {
            return get$e(handlers2, id);
          }).map(function(descHandler) {
            return eventHandler(elem, descHandler);
          });
        };
        var filterByType = function(type2) {
          return get$e(registry, type2).map(function(handlers2) {
            return mapToArray(handlers2, function(f, id) {
              return broadcastHandler(id, f);
            });
          }).getOr([]);
        };
        var find2 = function(isAboveRoot, type2, target) {
          return get$e(registry, type2).bind(function(handlers2) {
            return closest$4(target, function(elem) {
              return findHandler(handlers2, elem);
            }, isAboveRoot);
          });
        };
        var unregisterId = function(id) {
          each(registry, function(handlersById, _eventName) {
            if (has$2(handlersById, id)) {
              delete handlersById[id];
            }
          });
        };
        return {
          registerId,
          unregisterId,
          filterByType,
          find: find2
        };
      };
      var Registry = function() {
        var events2 = EventRegistry();
        var components2 = {};
        var readOrTag = function(component) {
          var elem = component.element;
          return read$1(elem).getOrThunk(function() {
            return write("uid-", component.element);
          });
        };
        var failOnDuplicate = function(component, tagId) {
          var conflict = components2[tagId];
          if (conflict === component) {
            unregister(component);
          } else {
            throw new Error('The tagId "' + tagId + '" is already used by: ' + element(conflict.element) + "\nCannot use it for: " + element(component.element) + "\nThe conflicting element is" + (inBody(conflict.element) ? " " : " not ") + "already in the DOM");
          }
        };
        var register2 = function(component) {
          var tagId = readOrTag(component);
          if (hasNonNullableKey(components2, tagId)) {
            failOnDuplicate(component, tagId);
          }
          var extraArgs = [component];
          events2.registerId(extraArgs, tagId, component.events);
          components2[tagId] = component;
        };
        var unregister = function(component) {
          read$1(component.element).each(function(tagId) {
            delete components2[tagId];
            events2.unregisterId(tagId);
          });
        };
        var filter2 = function(type2) {
          return events2.filterByType(type2);
        };
        var find2 = function(isAboveRoot, type2, target) {
          return events2.find(isAboveRoot, type2, target);
        };
        var getById = function(id) {
          return get$e(components2, id);
        };
        return {
          find: find2,
          filter: filter2,
          register: register2,
          unregister,
          getById
        };
      };
      var factory$j = function(detail) {
        var _a2 = detail.dom, attributes = _a2.attributes, domWithoutAttributes = __rest(_a2, ["attributes"]);
        return {
          uid: detail.uid,
          dom: __assign({
            tag: "div",
            attributes: __assign({ role: "presentation" }, attributes)
          }, domWithoutAttributes),
          components: detail.components,
          behaviours: get$2(detail.containerBehaviours),
          events: detail.events,
          domModification: detail.domModification,
          eventOrder: detail.eventOrder
        };
      };
      var Container = single({
        name: "Container",
        factory: factory$j,
        configFields: [
          defaulted("components", []),
          field("containerBehaviours", []),
          defaulted("events", {}),
          defaulted("domModification", {}),
          defaulted("eventOrder", {})
        ]
      });
      var takeover = function(root) {
        var isAboveRoot = function(el) {
          return parent(root.element).fold(always, function(parent2) {
            return eq(el, parent2);
          });
        };
        var registry = Registry();
        var lookup2 = function(eventName, target) {
          return registry.find(isAboveRoot, eventName, target);
        };
        var domEvents = setup$d(root.element, {
          triggerEvent: function(eventName, event) {
            return monitorEvent(eventName, event.target, function(logger) {
              return triggerUntilStopped(lookup2, eventName, event, logger);
            });
          }
        });
        var systemApi = {
          debugInfo: constant$1("real"),
          triggerEvent: function(eventName, target, data) {
            monitorEvent(eventName, target, function(logger) {
              return triggerOnUntilStopped(lookup2, eventName, data, target, logger);
            });
          },
          triggerFocus: function(target, originator) {
            read$1(target).fold(function() {
              focus$3(target);
            }, function(_alloyId) {
              monitorEvent(focus$4(), target, function(logger) {
                triggerHandler(lookup2, focus$4(), {
                  originator,
                  kill: noop,
                  prevent: noop,
                  target
                }, target, logger);
                return false;
              });
            });
          },
          triggerEscape: function(comp, simulatedEvent) {
            systemApi.triggerEvent("keydown", comp.element, simulatedEvent.event);
          },
          getByUid: function(uid) {
            return getByUid(uid);
          },
          getByDom: function(elem) {
            return getByDom(elem);
          },
          build: build$1,
          addToGui: function(c) {
            add2(c);
          },
          removeFromGui: function(c) {
            remove2(c);
          },
          addToWorld: function(c) {
            addToWorld(c);
          },
          removeFromWorld: function(c) {
            removeFromWorld(c);
          },
          broadcast: function(message) {
            broadcast$1(message);
          },
          broadcastOn: function(channels, message) {
            broadcastOn(channels, message);
          },
          broadcastEvent: function(eventName, event) {
            broadcastEvent(eventName, event);
          },
          isConnected: always
        };
        var addToWorld = function(component) {
          component.connect(systemApi);
          if (!isText$1(component.element)) {
            registry.register(component);
            each$1(component.components(), addToWorld);
            systemApi.triggerEvent(systemInit(), component.element, { target: component.element });
          }
        };
        var removeFromWorld = function(component) {
          if (!isText$1(component.element)) {
            each$1(component.components(), removeFromWorld);
            registry.unregister(component);
          }
          component.disconnect();
        };
        var add2 = function(component) {
          attach(root, component);
        };
        var remove2 = function(component) {
          detach(component);
        };
        var destroy = function() {
          domEvents.unbind();
          remove$5(root.element);
        };
        var broadcastData = function(data) {
          var receivers = registry.filter(receive());
          each$1(receivers, function(receiver) {
            var descHandler = receiver.descHandler;
            var handler = getCurried(descHandler);
            handler(data);
          });
        };
        var broadcast$1 = function(message) {
          broadcastData({
            universal: true,
            data: message
          });
        };
        var broadcastOn = function(channels, message) {
          broadcastData({
            universal: false,
            channels,
            data: message
          });
        };
        var broadcastEvent = function(eventName, event) {
          var listeners = registry.filter(eventName);
          return broadcast(listeners, event);
        };
        var getByUid = function(uid) {
          return registry.getById(uid).fold(function() {
            return Result.error(new Error('Could not find component with uid: "' + uid + '" in system.'));
          }, Result.value);
        };
        var getByDom = function(elem) {
          var uid = read$1(elem).getOr("not found");
          return getByUid(uid);
        };
        addToWorld(root);
        return {
          root,
          element: root.element,
          destroy,
          add: add2,
          remove: remove2,
          getByUid,
          getByDom,
          addToWorld,
          removeFromWorld,
          broadcast: broadcast$1,
          broadcastOn,
          broadcastEvent
        };
      };
      var renderBar = function(spec, backstage) {
        return {
          dom: {
            tag: "div",
            classes: [
              "tox-bar",
              "tox-form__controls-h-stack"
            ]
          },
          components: map$2(spec.items, backstage.interpreter)
        };
      };
      var schema$l = constant$1([
        defaulted("prefix", "form-field"),
        field("fieldBehaviours", [
          Composing,
          Representing
        ])
      ]);
      var parts$e = constant$1([
        optional({
          schema: [required$1("dom")],
          name: "label"
        }),
        optional({
          factory: {
            sketch: function(spec) {
              return {
                uid: spec.uid,
                dom: {
                  tag: "span",
                  styles: { display: "none" },
                  attributes: { "aria-hidden": "true" },
                  innerHtml: spec.text
                }
              };
            }
          },
          schema: [required$1("text")],
          name: "aria-descriptor"
        }),
        required({
          factory: {
            sketch: function(spec) {
              var excludeFactory = exclude(spec, ["factory"]);
              return spec.factory.sketch(excludeFactory);
            }
          },
          schema: [required$1("factory")],
          name: "field"
        })
      ]);
      var factory$i = function(detail, components2, _spec, _externals) {
        var behaviours2 = augment(detail.fieldBehaviours, [
          Composing.config({
            find: function(container) {
              return getPart(container, detail, "field");
            }
          }),
          Representing.config({
            store: {
              mode: "manual",
              getValue: function(field2) {
                return Composing.getCurrent(field2).bind(Representing.getValue);
              },
              setValue: function(field2, value2) {
                Composing.getCurrent(field2).each(function(current) {
                  Representing.setValue(current, value2);
                });
              }
            }
          })
        ]);
        var events2 = derive$2([runOnAttached(function(component, _simulatedEvent) {
          var ps = getParts(component, detail, [
            "label",
            "field",
            "aria-descriptor"
          ]);
          ps.field().each(function(field2) {
            var id = generate$6(detail.prefix);
            ps.label().each(function(label) {
              set$8(label.element, "for", id);
              set$8(field2.element, "id", id);
            });
            ps["aria-descriptor"]().each(function(descriptor) {
              var descriptorId = generate$6(detail.prefix);
              set$8(descriptor.element, "id", descriptorId);
              set$8(field2.element, "aria-describedby", descriptorId);
            });
          });
        })]);
        var apis = {
          getField: function(container) {
            return getPart(container, detail, "field");
          },
          getLabel: function(container) {
            return getPart(container, detail, "label");
          }
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          behaviours: behaviours2,
          events: events2,
          apis
        };
      };
      var FormField = composite({
        name: "FormField",
        configFields: schema$l(),
        partFields: parts$e(),
        factory: factory$i,
        apis: {
          getField: function(apis, comp) {
            return apis.getField(comp);
          },
          getLabel: function(apis, comp) {
            return apis.getLabel(comp);
          }
        }
      });
      var exhibit$2 = function(base2, tabConfig) {
        return nu$7({
          attributes: wrapAll([{
            key: tabConfig.tabAttr,
            value: "true"
          }])
        });
      };
      var ActiveTabstopping = Object.freeze({
        __proto__: null,
        exhibit: exhibit$2
      });
      var TabstopSchema = [defaulted("tabAttr", "data-alloy-tabstop")];
      var Tabstopping = create$7({
        fields: TabstopSchema,
        name: "tabstopping",
        active: ActiveTabstopping
      });
      var global$7 = tinymce.util.Tools.resolve("tinymce.html.Entities");
      var renderFormFieldWith = function(pLabel, pField, extraClasses, extraBehaviours) {
        var spec = renderFormFieldSpecWith(pLabel, pField, extraClasses, extraBehaviours);
        return FormField.sketch(spec);
      };
      var renderFormField = function(pLabel, pField) {
        return renderFormFieldWith(pLabel, pField, [], []);
      };
      var renderFormFieldSpecWith = function(pLabel, pField, extraClasses, extraBehaviours) {
        return {
          dom: renderFormFieldDomWith(extraClasses),
          components: pLabel.toArray().concat([pField]),
          fieldBehaviours: derive$1(extraBehaviours)
        };
      };
      var renderFormFieldDom = function() {
        return renderFormFieldDomWith([]);
      };
      var renderFormFieldDomWith = function(extraClasses) {
        return {
          tag: "div",
          classes: ["tox-form__group"].concat(extraClasses)
        };
      };
      var renderLabel$2 = function(label, providersBackstage) {
        return FormField.parts.label({
          dom: {
            tag: "label",
            classes: ["tox-label"],
            innerHtml: providersBackstage.translate(label)
          }
        });
      };
      var formChangeEvent = generate$6("form-component-change");
      var formCloseEvent = generate$6("form-close");
      var formCancelEvent = generate$6("form-cancel");
      var formActionEvent = generate$6("form-action");
      var formSubmitEvent = generate$6("form-submit");
      var formBlockEvent = generate$6("form-block");
      var formUnblockEvent = generate$6("form-unblock");
      var formTabChangeEvent = generate$6("form-tabchange");
      var formResizeEvent = generate$6("form-resize");
      var renderCollection = function(spec, providersBackstage) {
        var _a2;
        var pLabel = spec.label.map(function(label) {
          return renderLabel$2(label, providersBackstage);
        });
        var runOnItem = function(f) {
          return function(comp, se) {
            closest$1(se.event.target, "[data-collection-item-value]").each(function(target) {
              f(comp, se, target, get$d(target, "data-collection-item-value"));
            });
          };
        };
        var setContents = function(comp, items) {
          var htmlLines = map$2(items, function(item2) {
            var itemText = global$e.translate(item2.text);
            var textContent = spec.columns === 1 ? '<div class="tox-collection__item-label">' + itemText + "</div>" : "";
            var iconContent = '<div class="tox-collection__item-icon">' + item2.icon + "</div>";
            var mapItemName = {
              "_": " ",
              " - ": " ",
              "-": " "
            };
            var ariaLabel = itemText.replace(/\_| \- |\-/g, function(match) {
              return mapItemName[match];
            });
            var disabledClass = providersBackstage.isDisabled() ? " tox-collection__item--state-disabled" : "";
            return '<div class="tox-collection__item' + disabledClass + '" tabindex="-1" data-collection-item-value="' + global$7.encodeAllRaw(item2.value) + '" title="' + ariaLabel + '" aria-label="' + ariaLabel + '">' + iconContent + textContent + "</div>";
          });
          var chunks = spec.columns !== "auto" && spec.columns > 1 ? chunk$1(htmlLines, spec.columns) : [htmlLines];
          var html = map$2(chunks, function(ch) {
            return '<div class="tox-collection__group">' + ch.join("") + "</div>";
          });
          set$5(comp.element, html.join(""));
        };
        var onClick = runOnItem(function(comp, se, tgt, itemValue) {
          se.stop();
          if (!providersBackstage.isDisabled()) {
            emitWith(comp, formActionEvent, {
              name: spec.name,
              value: itemValue
            });
          }
        });
        var collectionEvents = [
          run$1(mouseover(), runOnItem(function(comp, se, tgt) {
            focus$3(tgt);
          })),
          run$1(click(), onClick),
          run$1(tap(), onClick),
          run$1(focusin(), runOnItem(function(comp, se, tgt) {
            descendant(comp.element, "." + activeClass).each(function(currentActive) {
              remove$2(currentActive, activeClass);
            });
            add$2(tgt, activeClass);
          })),
          run$1(focusout(), runOnItem(function(comp) {
            descendant(comp.element, "." + activeClass).each(function(currentActive) {
              remove$2(currentActive, activeClass);
            });
          })),
          runOnExecute$1(runOnItem(function(comp, se, tgt, itemValue) {
            emitWith(comp, formActionEvent, {
              name: spec.name,
              value: itemValue
            });
          }))
        ];
        var iterCollectionItems = function(comp, applyAttributes) {
          return map$2(descendants(comp.element, ".tox-collection__item"), applyAttributes);
        };
        var pField = FormField.parts.field({
          dom: {
            tag: "div",
            classes: ["tox-collection"].concat(spec.columns !== 1 ? ["tox-collection--grid"] : ["tox-collection--list"])
          },
          components: [],
          factory: { sketch: identity$1 },
          behaviours: derive$1([
            Disabling.config({
              disabled: providersBackstage.isDisabled,
              onDisabled: function(comp) {
                iterCollectionItems(comp, function(childElm) {
                  add$2(childElm, "tox-collection__item--state-disabled");
                  set$8(childElm, "aria-disabled", true);
                });
              },
              onEnabled: function(comp) {
                iterCollectionItems(comp, function(childElm) {
                  remove$2(childElm, "tox-collection__item--state-disabled");
                  remove$7(childElm, "aria-disabled");
                });
              }
            }),
            receivingConfig(),
            Replacing.config({}),
            Representing.config({
              store: {
                mode: "memory",
                initialValue: []
              },
              onSetValue: function(comp, items) {
                setContents(comp, items);
                if (spec.columns === "auto") {
                  detectSize(comp, 5, "tox-collection__item").each(function(_a3) {
                    var numRows = _a3.numRows, numColumns = _a3.numColumns;
                    Keying.setGridSize(comp, numRows, numColumns);
                  });
                }
                emit(comp, formResizeEvent);
              }
            }),
            Tabstopping.config({}),
            Keying.config(deriveCollectionMovement(spec.columns, "normal")),
            config("collection-events", collectionEvents)
          ]),
          eventOrder: (_a2 = {}, _a2[execute$5()] = [
            "disabling",
            "alloy.base.behaviour",
            "collection-events"
          ], _a2)
        });
        var extraClasses = ["tox-form__group--collection"];
        return renderFormFieldWith(pLabel, pField, extraClasses, []);
      };
      var schema$k = constant$1([
        option("data"),
        defaulted("inputAttributes", {}),
        defaulted("inputStyles", {}),
        defaulted("tag", "input"),
        defaulted("inputClasses", []),
        onHandler("onSetValue"),
        defaulted("styles", {}),
        defaulted("eventOrder", {}),
        field("inputBehaviours", [
          Representing,
          Focusing
        ]),
        defaulted("selectOnFocus", true)
      ]);
      var focusBehaviours = function(detail) {
        return derive$1([Focusing.config({
          onFocus: !detail.selectOnFocus ? noop : function(component) {
            var input2 = component.element;
            var value2 = get$5(input2);
            input2.dom.setSelectionRange(0, value2.length);
          }
        })]);
      };
      var behaviours = function(detail) {
        return __assign(__assign({}, focusBehaviours(detail)), augment(detail.inputBehaviours, [Representing.config({
          store: __assign(__assign({ mode: "manual" }, detail.data.map(function(data) {
            return { initialValue: data };
          }).getOr({})), {
            getValue: function(input2) {
              return get$5(input2.element);
            },
            setValue: function(input2, data) {
              var current = get$5(input2.element);
              if (current !== data) {
                set$4(input2.element, data);
              }
            }
          }),
          onSetValue: detail.onSetValue
        })]));
      };
      var dom = function(detail) {
        return {
          tag: detail.tag,
          attributes: __assign({ type: "text" }, detail.inputAttributes),
          styles: detail.inputStyles,
          classes: detail.inputClasses
        };
      };
      var factory$h = function(detail, _spec) {
        return {
          uid: detail.uid,
          dom: dom(detail),
          components: [],
          behaviours: behaviours(detail),
          eventOrder: detail.eventOrder
        };
      };
      var Input = single({
        name: "Input",
        configFields: schema$k(),
        factory: factory$h
      });
      var exports$1 = {}, module2 = { exports: exports$1 };
      (function(define, exports2, module3, require2) {
        (function(global2, factory2) {
          typeof exports2 === "object" && typeof module3 !== "undefined" ? module3.exports = factory2() : typeof define === "function" && define.amd ? define(factory2) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, global2.EphoxContactWrapper = factory2());
        })(this, function() {
          var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
          var promise = { exports: {} };
          (function(module4) {
            (function(root) {
              var setTimeoutFunc = setTimeout;
              function noop2() {
              }
              function bind2(fn, thisArg) {
                return function() {
                  fn.apply(thisArg, arguments);
                };
              }
              function Promise2(fn) {
                if (typeof this !== "object")
                  throw new TypeError("Promises must be constructed via new");
                if (typeof fn !== "function")
                  throw new TypeError("not a function");
                this._state = 0;
                this._handled = false;
                this._value = void 0;
                this._deferreds = [];
                doResolve(fn, this);
              }
              function handle2(self2, deferred) {
                while (self2._state === 3) {
                  self2 = self2._value;
                }
                if (self2._state === 0) {
                  self2._deferreds.push(deferred);
                  return;
                }
                self2._handled = true;
                Promise2._immediateFn(function() {
                  var cb = self2._state === 1 ? deferred.onFulfilled : deferred.onRejected;
                  if (cb === null) {
                    (self2._state === 1 ? resolve : reject)(deferred.promise, self2._value);
                    return;
                  }
                  var ret;
                  try {
                    ret = cb(self2._value);
                  } catch (e) {
                    reject(deferred.promise, e);
                    return;
                  }
                  resolve(deferred.promise, ret);
                });
              }
              function resolve(self2, newValue) {
                try {
                  if (newValue === self2)
                    throw new TypeError("A promise cannot be resolved with itself.");
                  if (newValue && (typeof newValue === "object" || typeof newValue === "function")) {
                    var then = newValue.then;
                    if (newValue instanceof Promise2) {
                      self2._state = 3;
                      self2._value = newValue;
                      finale(self2);
                      return;
                    } else if (typeof then === "function") {
                      doResolve(bind2(then, newValue), self2);
                      return;
                    }
                  }
                  self2._state = 1;
                  self2._value = newValue;
                  finale(self2);
                } catch (e) {
                  reject(self2, e);
                }
              }
              function reject(self2, newValue) {
                self2._state = 2;
                self2._value = newValue;
                finale(self2);
              }
              function finale(self2) {
                if (self2._state === 2 && self2._deferreds.length === 0) {
                  Promise2._immediateFn(function() {
                    if (!self2._handled) {
                      Promise2._unhandledRejectionFn(self2._value);
                    }
                  });
                }
                for (var i = 0, len = self2._deferreds.length; i < len; i++) {
                  handle2(self2, self2._deferreds[i]);
                }
                self2._deferreds = null;
              }
              function Handler(onFulfilled, onRejected, promise2) {
                this.onFulfilled = typeof onFulfilled === "function" ? onFulfilled : null;
                this.onRejected = typeof onRejected === "function" ? onRejected : null;
                this.promise = promise2;
              }
              function doResolve(fn, self2) {
                var done = false;
                try {
                  fn(function(value2) {
                    if (done)
                      return;
                    done = true;
                    resolve(self2, value2);
                  }, function(reason) {
                    if (done)
                      return;
                    done = true;
                    reject(self2, reason);
                  });
                } catch (ex) {
                  if (done)
                    return;
                  done = true;
                  reject(self2, ex);
                }
              }
              Promise2.prototype["catch"] = function(onRejected) {
                return this.then(null, onRejected);
              };
              Promise2.prototype.then = function(onFulfilled, onRejected) {
                var prom = new this.constructor(noop2);
                handle2(this, new Handler(onFulfilled, onRejected, prom));
                return prom;
              };
              Promise2.all = function(arr) {
                var args = Array.prototype.slice.call(arr);
                return new Promise2(function(resolve2, reject2) {
                  if (args.length === 0)
                    return resolve2([]);
                  var remaining = args.length;
                  function res(i2, val) {
                    try {
                      if (val && (typeof val === "object" || typeof val === "function")) {
                        var then = val.then;
                        if (typeof then === "function") {
                          then.call(val, function(val2) {
                            res(i2, val2);
                          }, reject2);
                          return;
                        }
                      }
                      args[i2] = val;
                      if (--remaining === 0) {
                        resolve2(args);
                      }
                    } catch (ex) {
                      reject2(ex);
                    }
                  }
                  for (var i = 0; i < args.length; i++) {
                    res(i, args[i]);
                  }
                });
              };
              Promise2.resolve = function(value2) {
                if (value2 && typeof value2 === "object" && value2.constructor === Promise2) {
                  return value2;
                }
                return new Promise2(function(resolve2) {
                  resolve2(value2);
                });
              };
              Promise2.reject = function(value2) {
                return new Promise2(function(resolve2, reject2) {
                  reject2(value2);
                });
              };
              Promise2.race = function(values2) {
                return new Promise2(function(resolve2, reject2) {
                  for (var i = 0, len = values2.length; i < len; i++) {
                    values2[i].then(resolve2, reject2);
                  }
                });
              };
              Promise2._immediateFn = typeof setImmediate === "function" ? function(fn) {
                setImmediate(fn);
              } : function(fn) {
                setTimeoutFunc(fn, 0);
              };
              Promise2._unhandledRejectionFn = function _unhandledRejectionFn(err) {
                if (typeof console !== "undefined" && console) {
                  console.warn("Possible Unhandled Promise Rejection:", err);
                }
              };
              Promise2._setImmediateFn = function _setImmediateFn(fn) {
                Promise2._immediateFn = fn;
              };
              Promise2._setUnhandledRejectionFn = function _setUnhandledRejectionFn(fn) {
                Promise2._unhandledRejectionFn = fn;
              };
              if (module4.exports) {
                module4.exports = Promise2;
              } else if (!root.Promise) {
                root.Promise = Promise2;
              }
            })(commonjsGlobal);
          })(promise);
          var promisePolyfill = promise.exports;
          var Global = function() {
            if (typeof window !== "undefined") {
              return window;
            } else {
              return Function("return this;")();
            }
          }();
          var promisePolyfill_1 = { boltExport: Global.Promise || promisePolyfill };
          return promisePolyfill_1;
        });
      })(void 0, exports$1, module2);
      var Promise$1 = module2.exports.boltExport;
      var nu$3 = function(baseFn) {
        var data = Optional.none();
        var callbacks = [];
        var map2 = function(f) {
          return nu$3(function(nCallback) {
            get2(function(data2) {
              nCallback(f(data2));
            });
          });
        };
        var get2 = function(nCallback) {
          if (isReady()) {
            call(nCallback);
          } else {
            callbacks.push(nCallback);
          }
        };
        var set2 = function(x) {
          if (!isReady()) {
            data = Optional.some(x);
            run2(callbacks);
            callbacks = [];
          }
        };
        var isReady = function() {
          return data.isSome();
        };
        var run2 = function(cbs) {
          each$1(cbs, call);
        };
        var call = function(cb) {
          data.each(function(x) {
            setTimeout(function() {
              cb(x);
            }, 0);
          });
        };
        baseFn(set2);
        return {
          get: get2,
          map: map2,
          isReady
        };
      };
      var pure$1 = function(a) {
        return nu$3(function(callback) {
          callback(a);
        });
      };
      var LazyValue = {
        nu: nu$3,
        pure: pure$1
      };
      var errorReporter = function(err) {
        setTimeout(function() {
          throw err;
        }, 0);
      };
      var make$5 = function(run2) {
        var get2 = function(callback) {
          run2().then(callback, errorReporter);
        };
        var map2 = function(fab) {
          return make$5(function() {
            return run2().then(fab);
          });
        };
        var bind2 = function(aFutureB) {
          return make$5(function() {
            return run2().then(function(v) {
              return aFutureB(v).toPromise();
            });
          });
        };
        var anonBind = function(futureB) {
          return make$5(function() {
            return run2().then(function() {
              return futureB.toPromise();
            });
          });
        };
        var toLazy = function() {
          return LazyValue.nu(get2);
        };
        var toCached = function() {
          var cache = null;
          return make$5(function() {
            if (cache === null) {
              cache = run2();
            }
            return cache;
          });
        };
        var toPromise = run2;
        return {
          map: map2,
          bind: bind2,
          anonBind,
          toLazy,
          toCached,
          toPromise,
          get: get2
        };
      };
      var nu$2 = function(baseFn) {
        return make$5(function() {
          return new Promise$1(baseFn);
        });
      };
      var pure = function(a) {
        return make$5(function() {
          return Promise$1.resolve(a);
        });
      };
      var Future = {
        nu: nu$2,
        pure
      };
      var ariaElements = [
        "input",
        "textarea"
      ];
      var isAriaElement = function(elem) {
        var name2 = name$2(elem);
        return contains$2(ariaElements, name2);
      };
      var markValid = function(component, invalidConfig) {
        var elem = invalidConfig.getRoot(component).getOr(component.element);
        remove$2(elem, invalidConfig.invalidClass);
        invalidConfig.notify.each(function(notifyInfo) {
          if (isAriaElement(component.element)) {
            set$8(component.element, "aria-invalid", false);
          }
          notifyInfo.getContainer(component).each(function(container) {
            set$5(container, notifyInfo.validHtml);
          });
          notifyInfo.onValid(component);
        });
      };
      var markInvalid = function(component, invalidConfig, invalidState, text2) {
        var elem = invalidConfig.getRoot(component).getOr(component.element);
        add$2(elem, invalidConfig.invalidClass);
        invalidConfig.notify.each(function(notifyInfo) {
          if (isAriaElement(component.element)) {
            set$8(component.element, "aria-invalid", true);
          }
          notifyInfo.getContainer(component).each(function(container) {
            set$5(container, text2);
          });
          notifyInfo.onInvalid(component, text2);
        });
      };
      var query = function(component, invalidConfig, _invalidState) {
        return invalidConfig.validator.fold(function() {
          return Future.pure(Result.value(true));
        }, function(validatorInfo) {
          return validatorInfo.validate(component);
        });
      };
      var run = function(component, invalidConfig, invalidState) {
        invalidConfig.notify.each(function(notifyInfo) {
          notifyInfo.onValidate(component);
        });
        return query(component, invalidConfig).map(function(valid) {
          if (component.getSystem().isConnected()) {
            return valid.fold(function(err) {
              markInvalid(component, invalidConfig, invalidState, err);
              return Result.error(err);
            }, function(v) {
              markValid(component, invalidConfig);
              return Result.value(v);
            });
          } else {
            return Result.error("No longer in system");
          }
        });
      };
      var isInvalid = function(component, invalidConfig) {
        var elem = invalidConfig.getRoot(component).getOr(component.element);
        return has(elem, invalidConfig.invalidClass);
      };
      var InvalidateApis = Object.freeze({
        __proto__: null,
        markValid,
        markInvalid,
        query,
        run,
        isInvalid
      });
      var events$8 = function(invalidConfig, invalidState) {
        return invalidConfig.validator.map(function(validatorInfo) {
          return derive$2([run$1(validatorInfo.onEvent, function(component) {
            run(component, invalidConfig, invalidState).get(identity$1);
          })].concat(validatorInfo.validateOnLoad ? [runOnAttached(function(component) {
            run(component, invalidConfig, invalidState).get(noop);
          })] : []));
        }).getOr({});
      };
      var ActiveInvalidate = Object.freeze({
        __proto__: null,
        events: events$8
      });
      var InvalidateSchema = [
        required$1("invalidClass"),
        defaulted("getRoot", Optional.none),
        optionObjOf("notify", [
          defaulted("aria", "alert"),
          defaulted("getContainer", Optional.none),
          defaulted("validHtml", ""),
          onHandler("onValid"),
          onHandler("onInvalid"),
          onHandler("onValidate")
        ]),
        optionObjOf("validator", [
          required$1("validate"),
          defaulted("onEvent", "input"),
          defaulted("validateOnLoad", true)
        ])
      ];
      var Invalidating = create$7({
        fields: InvalidateSchema,
        name: "invalidating",
        active: ActiveInvalidate,
        apis: InvalidateApis,
        extra: {
          validation: function(validator) {
            return function(component) {
              var v = Representing.getValue(component);
              return Future.pure(validator(v));
            };
          }
        }
      });
      var getCoupled = function(component, coupleConfig, coupleState, name2) {
        return coupleState.getOrCreate(component, coupleConfig, name2);
      };
      var CouplingApis = Object.freeze({
        __proto__: null,
        getCoupled
      });
      var CouplingSchema = [requiredOf("others", setOf(Result.value, anyValue()))];
      var init$a = function() {
        var coupled = {};
        var getOrCreate = function(component, coupleConfig, name2) {
          var available = keys(coupleConfig.others);
          if (!available) {
            throw new Error("Cannot find coupled component: " + name2 + ". Known coupled components: " + JSON.stringify(available, null, 2));
          } else {
            return get$e(coupled, name2).getOrThunk(function() {
              var builder2 = get$e(coupleConfig.others, name2).getOrDie("No information found for coupled component: " + name2);
              var spec = builder2(component);
              var built = component.getSystem().build(spec);
              coupled[name2] = built;
              return built;
            });
          }
        };
        var readState = constant$1({});
        return nu$8({
          readState,
          getOrCreate
        });
      };
      var CouplingState = Object.freeze({
        __proto__: null,
        init: init$a
      });
      var Coupling = create$7({
        fields: CouplingSchema,
        name: "coupling",
        apis: CouplingApis,
        state: CouplingState
      });
      var suffix = constant$1("sink");
      var partType$1 = constant$1(optional({
        name: suffix(),
        overrides: constant$1({
          dom: { tag: "div" },
          behaviours: derive$1([Positioning.config({ useFixed: always })]),
          events: derive$2([
            cutter(keydown()),
            cutter(mousedown()),
            cutter(click())
          ])
        })
      }));
      var HighlightOnOpen;
      (function(HighlightOnOpen2) {
        HighlightOnOpen2[HighlightOnOpen2["HighlightFirst"] = 0] = "HighlightFirst";
        HighlightOnOpen2[HighlightOnOpen2["HighlightNone"] = 1] = "HighlightNone";
      })(HighlightOnOpen || (HighlightOnOpen = {}));
      var getAnchor = function(detail, component) {
        var hotspot = detail.getHotspot(component).getOr(component);
        var type2 = "hotspot";
        var overrides = detail.getAnchorOverrides();
        return detail.layouts.fold(function() {
          return {
            type: type2,
            hotspot,
            overrides
          };
        }, function(layouts2) {
          return {
            type: type2,
            hotspot,
            overrides,
            layouts: layouts2
          };
        });
      };
      var fetch = function(detail, mapFetch, component) {
        var fetcher = detail.fetch;
        return fetcher(component).map(mapFetch);
      };
      var openF = function(detail, mapFetch, anchor2, component, sandbox, externals, highlightOnOpen) {
        var futureData = fetch(detail, mapFetch, component);
        var getLazySink = getSink(component, detail);
        return futureData.map(function(tdata) {
          return tdata.bind(function(data) {
            return Optional.from(tieredMenu.sketch(__assign(__assign({}, externals.menu()), {
              uid: generate$5(""),
              data,
              highlightImmediately: highlightOnOpen === HighlightOnOpen.HighlightFirst,
              onOpenMenu: function(tmenu, menu2) {
                var sink = getLazySink().getOrDie();
                Positioning.position(sink, menu2, { anchor: anchor2 });
                Sandboxing.decloak(sandbox);
              },
              onOpenSubmenu: function(tmenu, item2, submenu) {
                var sink = getLazySink().getOrDie();
                Positioning.position(sink, submenu, {
                  anchor: {
                    type: "submenu",
                    item: item2
                  }
                });
                Sandboxing.decloak(sandbox);
              },
              onRepositionMenu: function(tmenu, primaryMenu, submenuTriggers) {
                var sink = getLazySink().getOrDie();
                Positioning.position(sink, primaryMenu, { anchor: anchor2 });
                each$1(submenuTriggers, function(st) {
                  Positioning.position(sink, st.triggeredMenu, {
                    anchor: {
                      type: "submenu",
                      item: st.triggeringItem
                    }
                  });
                });
              },
              onEscape: function() {
                Focusing.focus(component);
                Sandboxing.close(sandbox);
                return Optional.some(true);
              }
            })));
          });
        });
      };
      var open = function(detail, mapFetch, hotspot, sandbox, externals, onOpenSync, highlightOnOpen) {
        var anchor2 = getAnchor(detail, hotspot);
        var processed = openF(detail, mapFetch, anchor2, hotspot, sandbox, externals, highlightOnOpen);
        return processed.map(function(tdata) {
          tdata.fold(function() {
            if (Sandboxing.isOpen(sandbox)) {
              Sandboxing.close(sandbox);
            }
          }, function(data) {
            Sandboxing.cloak(sandbox);
            Sandboxing.open(sandbox, data);
            onOpenSync(sandbox);
          });
          return sandbox;
        });
      };
      var close = function(detail, mapFetch, component, sandbox, _externals, _onOpenSync, _highlightOnOpen) {
        Sandboxing.close(sandbox);
        return Future.pure(sandbox);
      };
      var togglePopup = function(detail, mapFetch, hotspot, externals, onOpenSync, highlightOnOpen) {
        var sandbox = Coupling.getCoupled(hotspot, "sandbox");
        var showing = Sandboxing.isOpen(sandbox);
        var action = showing ? close : open;
        return action(detail, mapFetch, hotspot, sandbox, externals, onOpenSync, highlightOnOpen);
      };
      var matchWidth = function(hotspot, container, useMinWidth) {
        var menu2 = Composing.getCurrent(container).getOr(container);
        var buttonWidth = get$a(hotspot.element);
        if (useMinWidth) {
          set$7(menu2.element, "min-width", buttonWidth + "px");
        } else {
          set$6(menu2.element, buttonWidth);
        }
      };
      var getSink = function(anyInSystem, sinkDetail) {
        return anyInSystem.getSystem().getByUid(sinkDetail.uid + "-" + suffix()).map(function(internalSink) {
          return function() {
            return Result.value(internalSink);
          };
        }).getOrThunk(function() {
          return sinkDetail.lazySink.fold(function() {
            return function() {
              return Result.error(new Error("No internal sink is specified, nor could an external sink be found"));
            };
          }, function(lazySinkFn) {
            return function() {
              return lazySinkFn(anyInSystem);
            };
          });
        });
      };
      var doRepositionMenus = function(sandbox) {
        Sandboxing.getState(sandbox).each(function(tmenu) {
          tieredMenu.repositionMenus(tmenu);
        });
      };
      var makeSandbox$1 = function(detail, hotspot, extras) {
        var ariaOwner = manager();
        var onOpen = function(component, menu2) {
          var anchor2 = getAnchor(detail, hotspot);
          ariaOwner.link(hotspot.element);
          if (detail.matchWidth) {
            matchWidth(anchor2.hotspot, menu2, detail.useMinWidth);
          }
          detail.onOpen(anchor2, component, menu2);
          if (extras !== void 0 && extras.onOpen !== void 0) {
            extras.onOpen(component, menu2);
          }
        };
        var onClose = function(component, menu2) {
          ariaOwner.unlink(hotspot.element);
          if (extras !== void 0 && extras.onClose !== void 0) {
            extras.onClose(component, menu2);
          }
        };
        var lazySink = getSink(hotspot, detail);
        return {
          dom: {
            tag: "div",
            classes: detail.sandboxClasses,
            attributes: {
              id: ariaOwner.id,
              role: "listbox"
            }
          },
          behaviours: SketchBehaviours.augment(detail.sandboxBehaviours, [
            Representing.config({
              store: {
                mode: "memory",
                initialValue: hotspot
              }
            }),
            Sandboxing.config({
              onOpen,
              onClose,
              isPartOf: function(container, data, queryElem) {
                return isPartOf$1(data, queryElem) || isPartOf$1(hotspot, queryElem);
              },
              getAttachPoint: function() {
                return lazySink().getOrDie();
              }
            }),
            Composing.config({
              find: function(sandbox) {
                return Sandboxing.getState(sandbox).bind(function(menu2) {
                  return Composing.getCurrent(menu2);
                });
              }
            }),
            Receiving.config({ channels: __assign(__assign({}, receivingChannel$1({ isExtraPart: never })), receivingChannel({ doReposition: doRepositionMenus })) })
          ])
        };
      };
      var repositionMenus = function(comp) {
        var sandbox = Coupling.getCoupled(comp, "sandbox");
        doRepositionMenus(sandbox);
      };
      var sandboxFields = function() {
        return [
          defaulted("sandboxClasses", []),
          SketchBehaviours.field("sandboxBehaviours", [
            Composing,
            Receiving,
            Sandboxing,
            Representing
          ])
        ];
      };
      var schema$j = constant$1([
        required$1("dom"),
        required$1("fetch"),
        onHandler("onOpen"),
        onKeyboardHandler("onExecute"),
        defaulted("getHotspot", Optional.some),
        defaulted("getAnchorOverrides", constant$1({})),
        schema$y(),
        field("dropdownBehaviours", [
          Toggling,
          Coupling,
          Keying,
          Focusing
        ]),
        required$1("toggleClass"),
        defaulted("eventOrder", {}),
        option("lazySink"),
        defaulted("matchWidth", false),
        defaulted("useMinWidth", false),
        option("role")
      ].concat(sandboxFields()));
      var parts$d = constant$1([
        external$1({
          schema: [tieredMenuMarkers()],
          name: "menu",
          defaults: function(detail) {
            return { onExecute: detail.onExecute };
          }
        }),
        partType$1()
      ]);
      var factory$g = function(detail, components2, _spec, externals) {
        var _a2;
        var lookupAttr = function(attr) {
          return get$e(detail.dom, "attributes").bind(function(attrs) {
            return get$e(attrs, attr);
          });
        };
        var switchToMenu = function(sandbox) {
          Sandboxing.getState(sandbox).each(function(tmenu) {
            tieredMenu.highlightPrimary(tmenu);
          });
        };
        var action = function(component) {
          var onOpenSync = switchToMenu;
          togglePopup(detail, identity$1, component, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
        };
        var apis = {
          expand: function(comp) {
            if (!Toggling.isOn(comp)) {
              togglePopup(detail, identity$1, comp, externals, noop, HighlightOnOpen.HighlightNone).get(noop);
            }
          },
          open: function(comp) {
            if (!Toggling.isOn(comp)) {
              togglePopup(detail, identity$1, comp, externals, noop, HighlightOnOpen.HighlightFirst).get(noop);
            }
          },
          isOpen: Toggling.isOn,
          close: function(comp) {
            if (Toggling.isOn(comp)) {
              togglePopup(detail, identity$1, comp, externals, noop, HighlightOnOpen.HighlightFirst).get(noop);
            }
          },
          repositionMenus: function(comp) {
            if (Toggling.isOn(comp)) {
              repositionMenus(comp);
            }
          }
        };
        var triggerExecute = function(comp, _se) {
          emitExecute(comp);
          return Optional.some(true);
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          behaviours: augment(detail.dropdownBehaviours, [
            Toggling.config({
              toggleClass: detail.toggleClass,
              aria: { mode: "expanded" }
            }),
            Coupling.config({
              others: {
                sandbox: function(hotspot) {
                  return makeSandbox$1(detail, hotspot, {
                    onOpen: function() {
                      return Toggling.on(hotspot);
                    },
                    onClose: function() {
                      return Toggling.off(hotspot);
                    }
                  });
                }
              }
            }),
            Keying.config({
              mode: "special",
              onSpace: triggerExecute,
              onEnter: triggerExecute,
              onDown: function(comp, _se) {
                if (Dropdown.isOpen(comp)) {
                  var sandbox = Coupling.getCoupled(comp, "sandbox");
                  switchToMenu(sandbox);
                } else {
                  Dropdown.open(comp);
                }
                return Optional.some(true);
              },
              onEscape: function(comp, _se) {
                if (Dropdown.isOpen(comp)) {
                  Dropdown.close(comp);
                  return Optional.some(true);
                } else {
                  return Optional.none();
                }
              }
            }),
            Focusing.config({})
          ]),
          events: events$a(Optional.some(action)),
          eventOrder: __assign(__assign({}, detail.eventOrder), (_a2 = {}, _a2[execute$5()] = [
            "disabling",
            "toggling",
            "alloy.base.behaviour"
          ], _a2)),
          apis,
          domModification: {
            attributes: __assign(__assign({ "aria-haspopup": "true" }, detail.role.fold(function() {
              return {};
            }, function(role) {
              return { role };
            })), detail.dom.tag === "button" ? { type: lookupAttr("type").getOr("button") } : {})
          }
        };
      };
      var Dropdown = composite({
        name: "Dropdown",
        configFields: schema$j(),
        partFields: parts$d(),
        factory: factory$g,
        apis: {
          open: function(apis, comp) {
            return apis.open(comp);
          },
          expand: function(apis, comp) {
            return apis.expand(comp);
          },
          close: function(apis, comp) {
            return apis.close(comp);
          },
          isOpen: function(apis, comp) {
            return apis.isOpen(comp);
          },
          repositionMenus: function(apis, comp) {
            return apis.repositionMenus(comp);
          }
        }
      });
      var exhibit$1 = function() {
        return nu$7({
          styles: {
            "-webkit-user-select": "none",
            "user-select": "none",
            "-ms-user-select": "none",
            "-moz-user-select": "-moz-none"
          },
          attributes: { unselectable: "on" }
        });
      };
      var events$7 = function() {
        return derive$2([abort(selectstart(), always)]);
      };
      var ActiveUnselecting = Object.freeze({
        __proto__: null,
        events: events$7,
        exhibit: exhibit$1
      });
      var Unselecting = create$7({
        fields: [],
        name: "unselecting",
        active: ActiveUnselecting
      });
      var renderPanelButton = function(spec, sharedBackstage) {
        return Dropdown.sketch({
          dom: spec.dom,
          components: spec.components,
          toggleClass: "mce-active",
          dropdownBehaviours: derive$1([
            DisablingConfigs.button(sharedBackstage.providers.isDisabled),
            receivingConfig(),
            Unselecting.config({}),
            Tabstopping.config({})
          ]),
          layouts: spec.layouts,
          sandboxClasses: ["tox-dialog__popups"],
          lazySink: sharedBackstage.getSink,
          fetch: function(comp) {
            return Future.nu(function(callback) {
              return spec.fetch(callback);
            }).map(function(items) {
              return Optional.from(createTieredDataFrom(deepMerge(createPartialChoiceMenu(generate$6("menu-value"), items, function(value2) {
                spec.onItemAction(comp, value2);
              }, spec.columns, spec.presets, ItemResponse$1.CLOSE_ON_EXECUTE, never, sharedBackstage.providers), { movement: deriveMenuMovement(spec.columns, spec.presets) })));
            });
          },
          parts: { menu: part(false, 1, spec.presets) }
        });
      };
      var colorInputChangeEvent = generate$6("color-input-change");
      var colorSwatchChangeEvent = generate$6("color-swatch-change");
      var colorPickerCancelEvent = generate$6("color-picker-cancel");
      var renderColorInput = function(spec, sharedBackstage, colorInputBackstage) {
        var pField = FormField.parts.field({
          factory: Input,
          inputClasses: ["tox-textfield"],
          onSetValue: function(c) {
            return Invalidating.run(c).get(noop);
          },
          inputBehaviours: derive$1([
            Disabling.config({ disabled: sharedBackstage.providers.isDisabled }),
            receivingConfig(),
            Tabstopping.config({}),
            Invalidating.config({
              invalidClass: "tox-textbox-field-invalid",
              getRoot: function(comp) {
                return parent(comp.element);
              },
              notify: {
                onValid: function(comp) {
                  var val = Representing.getValue(comp);
                  emitWith(comp, colorInputChangeEvent, { color: val });
                }
              },
              validator: {
                validateOnLoad: false,
                validate: function(input2) {
                  var inputValue = Representing.getValue(input2);
                  if (inputValue.length === 0) {
                    return Future.pure(Result.value(true));
                  } else {
                    var span = SugarElement.fromTag("span");
                    set$7(span, "background-color", inputValue);
                    var res = getRaw(span, "background-color").fold(function() {
                      return Result.error("blah");
                    }, function(_) {
                      return Result.value(inputValue);
                    });
                    return Future.pure(res);
                  }
                }
              }
            })
          ]),
          selectOnFocus: false
        });
        var pLabel = spec.label.map(function(label) {
          return renderLabel$2(label, sharedBackstage.providers);
        });
        var emitSwatchChange = function(colorBit, value2) {
          emitWith(colorBit, colorSwatchChangeEvent, { value: value2 });
        };
        var onItemAction = function(comp, value2) {
          memColorButton.getOpt(comp).each(function(colorBit) {
            if (value2 === "custom") {
              colorInputBackstage.colorPicker(function(valueOpt) {
                valueOpt.fold(function() {
                  return emit(colorBit, colorPickerCancelEvent);
                }, function(value3) {
                  emitSwatchChange(colorBit, value3);
                  addColor(value3);
                });
              }, "#ffffff");
            } else if (value2 === "remove") {
              emitSwatchChange(colorBit, "");
            } else {
              emitSwatchChange(colorBit, value2);
            }
          });
        };
        var memColorButton = record(renderPanelButton({
          dom: {
            tag: "span",
            attributes: { "aria-label": sharedBackstage.providers.translate("Color swatch") }
          },
          layouts: {
            onRtl: function() {
              return [
                southwest$2,
                southeast$2,
                south$2
              ];
            },
            onLtr: function() {
              return [
                southeast$2,
                southwest$2,
                south$2
              ];
            }
          },
          components: [],
          fetch: getFetch$1(colorInputBackstage.getColors(), colorInputBackstage.hasCustomColors()),
          columns: colorInputBackstage.getColorCols(),
          presets: "color",
          onItemAction
        }, sharedBackstage));
        return FormField.sketch({
          dom: {
            tag: "div",
            classes: ["tox-form__group"]
          },
          components: pLabel.toArray().concat([{
            dom: {
              tag: "div",
              classes: ["tox-color-input"]
            },
            components: [
              pField,
              memColorButton.asSpec()
            ]
          }]),
          fieldBehaviours: derive$1([config("form-field-events", [
            run$1(colorInputChangeEvent, function(comp, se) {
              memColorButton.getOpt(comp).each(function(colorButton) {
                set$7(colorButton.element, "background-color", se.event.color);
              });
              emitWith(comp, formChangeEvent, { name: spec.name });
            }),
            run$1(colorSwatchChangeEvent, function(comp, se) {
              FormField.getField(comp).each(function(field2) {
                Representing.setValue(field2, se.event.value);
                Composing.getCurrent(comp).each(Focusing.focus);
              });
            }),
            run$1(colorPickerCancelEvent, function(comp, _se) {
              FormField.getField(comp).each(function(_field) {
                Composing.getCurrent(comp).each(Focusing.focus);
              });
            })
          ])])
        });
      };
      var labelPart = optional({
        schema: [required$1("dom")],
        name: "label"
      });
      var edgePart = function(name2) {
        return optional({
          name: "" + name2 + "-edge",
          overrides: function(detail) {
            var action = detail.model.manager.edgeActions[name2];
            return action.fold(function() {
              return {};
            }, function(a) {
              return {
                events: derive$2([
                  runActionExtra(touchstart(), function(comp, se, d) {
                    return a(comp, d);
                  }, [detail]),
                  runActionExtra(mousedown(), function(comp, se, d) {
                    return a(comp, d);
                  }, [detail]),
                  runActionExtra(mousemove(), function(comp, se, det) {
                    if (det.mouseIsDown.get()) {
                      a(comp, det);
                    }
                  }, [detail])
                ])
              };
            });
          }
        });
      };
      var tlEdgePart = edgePart("top-left");
      var tedgePart = edgePart("top");
      var trEdgePart = edgePart("top-right");
      var redgePart = edgePart("right");
      var brEdgePart = edgePart("bottom-right");
      var bedgePart = edgePart("bottom");
      var blEdgePart = edgePart("bottom-left");
      var ledgePart = edgePart("left");
      var thumbPart = required({
        name: "thumb",
        defaults: constant$1({ dom: { styles: { position: "absolute" } } }),
        overrides: function(detail) {
          return {
            events: derive$2([
              redirectToPart(touchstart(), detail, "spectrum"),
              redirectToPart(touchmove(), detail, "spectrum"),
              redirectToPart(touchend(), detail, "spectrum"),
              redirectToPart(mousedown(), detail, "spectrum"),
              redirectToPart(mousemove(), detail, "spectrum"),
              redirectToPart(mouseup(), detail, "spectrum")
            ])
          };
        }
      });
      var spectrumPart = required({
        schema: [customField("mouseIsDown", function() {
          return Cell(false);
        })],
        name: "spectrum",
        overrides: function(detail) {
          var modelDetail = detail.model;
          var model = modelDetail.manager;
          var setValueFrom2 = function(component, simulatedEvent) {
            return model.getValueFromEvent(simulatedEvent).map(function(value2) {
              return model.setValueFrom(component, detail, value2);
            });
          };
          return {
            behaviours: derive$1([
              Keying.config({
                mode: "special",
                onLeft: function(spectrum) {
                  return model.onLeft(spectrum, detail);
                },
                onRight: function(spectrum) {
                  return model.onRight(spectrum, detail);
                },
                onUp: function(spectrum) {
                  return model.onUp(spectrum, detail);
                },
                onDown: function(spectrum) {
                  return model.onDown(spectrum, detail);
                }
              }),
              Focusing.config({})
            ]),
            events: derive$2([
              run$1(touchstart(), setValueFrom2),
              run$1(touchmove(), setValueFrom2),
              run$1(mousedown(), setValueFrom2),
              run$1(mousemove(), function(spectrum, se) {
                if (detail.mouseIsDown.get()) {
                  setValueFrom2(spectrum, se);
                }
              })
            ])
          };
        }
      });
      var SliderParts = [
        labelPart,
        ledgePart,
        redgePart,
        tedgePart,
        bedgePart,
        tlEdgePart,
        trEdgePart,
        blEdgePart,
        brEdgePart,
        thumbPart,
        spectrumPart
      ];
      var _sliderChangeEvent = "slider.change.value";
      var sliderChangeEvent = constant$1(_sliderChangeEvent);
      var isTouchEvent$2 = function(evt) {
        return evt.type.indexOf("touch") !== -1;
      };
      var getEventSource = function(simulatedEvent) {
        var evt = simulatedEvent.event.raw;
        if (isTouchEvent$2(evt)) {
          var touchEvent = evt;
          return touchEvent.touches !== void 0 && touchEvent.touches.length === 1 ? Optional.some(touchEvent.touches[0]).map(function(t2) {
            return SugarPosition(t2.clientX, t2.clientY);
          }) : Optional.none();
        } else {
          var mouseEvent = evt;
          return mouseEvent.clientX !== void 0 ? Optional.some(mouseEvent).map(function(me) {
            return SugarPosition(me.clientX, me.clientY);
          }) : Optional.none();
        }
      };
      var t = "top", r = "right", b = "bottom", l = "left";
      var minX = function(detail) {
        return detail.model.minX;
      };
      var minY = function(detail) {
        return detail.model.minY;
      };
      var min1X = function(detail) {
        return detail.model.minX - 1;
      };
      var min1Y = function(detail) {
        return detail.model.minY - 1;
      };
      var maxX = function(detail) {
        return detail.model.maxX;
      };
      var maxY = function(detail) {
        return detail.model.maxY;
      };
      var max1X = function(detail) {
        return detail.model.maxX + 1;
      };
      var max1Y = function(detail) {
        return detail.model.maxY + 1;
      };
      var range = function(detail, max2, min2) {
        return max2(detail) - min2(detail);
      };
      var xRange = function(detail) {
        return range(detail, maxX, minX);
      };
      var yRange = function(detail) {
        return range(detail, maxY, minY);
      };
      var halfX = function(detail) {
        return xRange(detail) / 2;
      };
      var halfY = function(detail) {
        return yRange(detail) / 2;
      };
      var step = function(detail) {
        return detail.stepSize;
      };
      var snap = function(detail) {
        return detail.snapToGrid;
      };
      var snapStart = function(detail) {
        return detail.snapStart;
      };
      var rounded = function(detail) {
        return detail.rounded;
      };
      var hasEdge = function(detail, edgeName) {
        return detail[edgeName + "-edge"] !== void 0;
      };
      var hasLEdge = function(detail) {
        return hasEdge(detail, l);
      };
      var hasREdge = function(detail) {
        return hasEdge(detail, r);
      };
      var hasTEdge = function(detail) {
        return hasEdge(detail, t);
      };
      var hasBEdge = function(detail) {
        return hasEdge(detail, b);
      };
      var currentValue = function(detail) {
        return detail.model.value.get();
      };
      var xValue = function(x) {
        return { x };
      };
      var yValue = function(y) {
        return { y };
      };
      var xyValue = function(x, y) {
        return {
          x,
          y
        };
      };
      var fireSliderChange$3 = function(component, value2) {
        emitWith(component, sliderChangeEvent(), { value: value2 });
      };
      var setToTLEdgeXY = function(edge2, detail) {
        fireSliderChange$3(edge2, xyValue(min1X(detail), min1Y(detail)));
      };
      var setToTEdge = function(edge2, detail) {
        fireSliderChange$3(edge2, yValue(min1Y(detail)));
      };
      var setToTEdgeXY = function(edge2, detail) {
        fireSliderChange$3(edge2, xyValue(halfX(detail), min1Y(detail)));
      };
      var setToTREdgeXY = function(edge2, detail) {
        fireSliderChange$3(edge2, xyValue(max1X(detail), min1Y(detail)));
      };
      var setToREdge = function(edge2, detail) {
        fireSliderChange$3(edge2, xValue(max1X(detail)));
      };
      var setToREdgeXY = function(edge2, detail) {
        fireSliderChange$3(edge2, xyValue(max1X(detail), halfY(detail)));
      };
      var setToBREdgeXY = function(edge2, detail) {
        fireSliderChange$3(edge2, xyValue(max1X(detail), max1Y(detail)));
      };
      var setToBEdge = function(edge2, detail) {
        fireSliderChange$3(edge2, yValue(max1Y(detail)));
      };
      var setToBEdgeXY = function(edge2, detail) {
        fireSliderChange$3(edge2, xyValue(halfX(detail), max1Y(detail)));
      };
      var setToBLEdgeXY = function(edge2, detail) {
        fireSliderChange$3(edge2, xyValue(min1X(detail), max1Y(detail)));
      };
      var setToLEdge = function(edge2, detail) {
        fireSliderChange$3(edge2, xValue(min1X(detail)));
      };
      var setToLEdgeXY = function(edge2, detail) {
        fireSliderChange$3(edge2, xyValue(min1X(detail), halfY(detail)));
      };
      var reduceBy = function(value2, min2, max2, step2) {
        if (value2 < min2) {
          return value2;
        } else if (value2 > max2) {
          return max2;
        } else if (value2 === min2) {
          return min2 - 1;
        } else {
          return Math.max(min2, value2 - step2);
        }
      };
      var increaseBy = function(value2, min2, max2, step2) {
        if (value2 > max2) {
          return value2;
        } else if (value2 < min2) {
          return min2;
        } else if (value2 === max2) {
          return max2 + 1;
        } else {
          return Math.min(max2, value2 + step2);
        }
      };
      var capValue = function(value2, min2, max2) {
        return Math.max(min2, Math.min(max2, value2));
      };
      var snapValueOf = function(value2, min2, max2, step2, snapStart2) {
        return snapStart2.fold(function() {
          var initValue = value2 - min2;
          var extraValue = Math.round(initValue / step2) * step2;
          return capValue(min2 + extraValue, min2 - 1, max2 + 1);
        }, function(start) {
          var remainder = (value2 - start) % step2;
          var adjustment = Math.round(remainder / step2);
          var rawSteps = Math.floor((value2 - start) / step2);
          var maxSteps = Math.floor((max2 - start) / step2);
          var numSteps = Math.min(maxSteps, rawSteps + adjustment);
          var r2 = start + numSteps * step2;
          return Math.max(start, r2);
        });
      };
      var findOffsetOf = function(value2, min2, max2) {
        return Math.min(max2, Math.max(value2, min2)) - min2;
      };
      var findValueOf = function(args) {
        var min2 = args.min, max2 = args.max, range2 = args.range, value2 = args.value, step2 = args.step, snap2 = args.snap, snapStart2 = args.snapStart, rounded2 = args.rounded, hasMinEdge = args.hasMinEdge, hasMaxEdge = args.hasMaxEdge, minBound = args.minBound, maxBound = args.maxBound, screenRange = args.screenRange;
        var capMin = hasMinEdge ? min2 - 1 : min2;
        var capMax = hasMaxEdge ? max2 + 1 : max2;
        if (value2 < minBound) {
          return capMin;
        } else if (value2 > maxBound) {
          return capMax;
        } else {
          var offset2 = findOffsetOf(value2, minBound, maxBound);
          var newValue = capValue(offset2 / screenRange * range2 + min2, capMin, capMax);
          if (snap2 && newValue >= min2 && newValue <= max2) {
            return snapValueOf(newValue, min2, max2, step2, snapStart2);
          } else if (rounded2) {
            return Math.round(newValue);
          } else {
            return newValue;
          }
        }
      };
      var findOffsetOfValue$2 = function(args) {
        var min2 = args.min, max2 = args.max, range2 = args.range, value2 = args.value, hasMinEdge = args.hasMinEdge, hasMaxEdge = args.hasMaxEdge, maxBound = args.maxBound, maxOffset = args.maxOffset, centerMinEdge = args.centerMinEdge, centerMaxEdge = args.centerMaxEdge;
        if (value2 < min2) {
          return hasMinEdge ? 0 : centerMinEdge;
        } else if (value2 > max2) {
          return hasMaxEdge ? maxBound : centerMaxEdge;
        } else {
          return (value2 - min2) / range2 * maxOffset;
        }
      };
      var top = "top", right = "right", bottom = "bottom", left = "left", width = "width", height = "height";
      var getBounds = function(component) {
        return component.element.dom.getBoundingClientRect();
      };
      var getBoundsProperty = function(bounds2, property) {
        return bounds2[property];
      };
      var getMinXBounds = function(component) {
        var bounds2 = getBounds(component);
        return getBoundsProperty(bounds2, left);
      };
      var getMaxXBounds = function(component) {
        var bounds2 = getBounds(component);
        return getBoundsProperty(bounds2, right);
      };
      var getMinYBounds = function(component) {
        var bounds2 = getBounds(component);
        return getBoundsProperty(bounds2, top);
      };
      var getMaxYBounds = function(component) {
        var bounds2 = getBounds(component);
        return getBoundsProperty(bounds2, bottom);
      };
      var getXScreenRange = function(component) {
        var bounds2 = getBounds(component);
        return getBoundsProperty(bounds2, width);
      };
      var getYScreenRange = function(component) {
        var bounds2 = getBounds(component);
        return getBoundsProperty(bounds2, height);
      };
      var getCenterOffsetOf = function(componentMinEdge, componentMaxEdge, spectrumMinEdge) {
        return (componentMinEdge + componentMaxEdge) / 2 - spectrumMinEdge;
      };
      var getXCenterOffSetOf = function(component, spectrum) {
        var componentBounds = getBounds(component);
        var spectrumBounds = getBounds(spectrum);
        var componentMinEdge = getBoundsProperty(componentBounds, left);
        var componentMaxEdge = getBoundsProperty(componentBounds, right);
        var spectrumMinEdge = getBoundsProperty(spectrumBounds, left);
        return getCenterOffsetOf(componentMinEdge, componentMaxEdge, spectrumMinEdge);
      };
      var getYCenterOffSetOf = function(component, spectrum) {
        var componentBounds = getBounds(component);
        var spectrumBounds = getBounds(spectrum);
        var componentMinEdge = getBoundsProperty(componentBounds, top);
        var componentMaxEdge = getBoundsProperty(componentBounds, bottom);
        var spectrumMinEdge = getBoundsProperty(spectrumBounds, top);
        return getCenterOffsetOf(componentMinEdge, componentMaxEdge, spectrumMinEdge);
      };
      var fireSliderChange$2 = function(spectrum, value2) {
        emitWith(spectrum, sliderChangeEvent(), { value: value2 });
      };
      var sliderValue$2 = function(x) {
        return { x };
      };
      var findValueOfOffset$1 = function(spectrum, detail, left2) {
        var args = {
          min: minX(detail),
          max: maxX(detail),
          range: xRange(detail),
          value: left2,
          step: step(detail),
          snap: snap(detail),
          snapStart: snapStart(detail),
          rounded: rounded(detail),
          hasMinEdge: hasLEdge(detail),
          hasMaxEdge: hasREdge(detail),
          minBound: getMinXBounds(spectrum),
          maxBound: getMaxXBounds(spectrum),
          screenRange: getXScreenRange(spectrum)
        };
        return findValueOf(args);
      };
      var setValueFrom$2 = function(spectrum, detail, value2) {
        var xValue2 = findValueOfOffset$1(spectrum, detail, value2);
        var sliderVal = sliderValue$2(xValue2);
        fireSliderChange$2(spectrum, sliderVal);
        return xValue2;
      };
      var setToMin$2 = function(spectrum, detail) {
        var min2 = minX(detail);
        fireSliderChange$2(spectrum, sliderValue$2(min2));
      };
      var setToMax$2 = function(spectrum, detail) {
        var max2 = maxX(detail);
        fireSliderChange$2(spectrum, sliderValue$2(max2));
      };
      var moveBy$2 = function(direction, spectrum, detail) {
        var f = direction > 0 ? increaseBy : reduceBy;
        var xValue2 = f(currentValue(detail).x, minX(detail), maxX(detail), step(detail));
        fireSliderChange$2(spectrum, sliderValue$2(xValue2));
        return Optional.some(xValue2);
      };
      var handleMovement$2 = function(direction) {
        return function(spectrum, detail) {
          return moveBy$2(direction, spectrum, detail).map(always);
        };
      };
      var getValueFromEvent$2 = function(simulatedEvent) {
        var pos = getEventSource(simulatedEvent);
        return pos.map(function(p) {
          return p.left;
        });
      };
      var findOffsetOfValue$1 = function(spectrum, detail, value2, minEdge, maxEdge) {
        var minOffset = 0;
        var maxOffset = getXScreenRange(spectrum);
        var centerMinEdge = minEdge.bind(function(edge2) {
          return Optional.some(getXCenterOffSetOf(edge2, spectrum));
        }).getOr(minOffset);
        var centerMaxEdge = maxEdge.bind(function(edge2) {
          return Optional.some(getXCenterOffSetOf(edge2, spectrum));
        }).getOr(maxOffset);
        var args = {
          min: minX(detail),
          max: maxX(detail),
          range: xRange(detail),
          value: value2,
          hasMinEdge: hasLEdge(detail),
          hasMaxEdge: hasREdge(detail),
          minBound: getMinXBounds(spectrum),
          minOffset,
          maxBound: getMaxXBounds(spectrum),
          maxOffset,
          centerMinEdge,
          centerMaxEdge
        };
        return findOffsetOfValue$2(args);
      };
      var findPositionOfValue$1 = function(slider, spectrum, value2, minEdge, maxEdge, detail) {
        var offset2 = findOffsetOfValue$1(spectrum, detail, value2, minEdge, maxEdge);
        return getMinXBounds(spectrum) - getMinXBounds(slider) + offset2;
      };
      var setPositionFromValue$2 = function(slider, thumb, detail, edges) {
        var value2 = currentValue(detail);
        var pos = findPositionOfValue$1(slider, edges.getSpectrum(slider), value2.x, edges.getLeftEdge(slider), edges.getRightEdge(slider), detail);
        var thumbRadius = get$a(thumb.element) / 2;
        set$7(thumb.element, "left", pos - thumbRadius + "px");
      };
      var onLeft$2 = handleMovement$2(-1);
      var onRight$2 = handleMovement$2(1);
      var onUp$2 = Optional.none;
      var onDown$2 = Optional.none;
      var edgeActions$2 = {
        "top-left": Optional.none(),
        "top": Optional.none(),
        "top-right": Optional.none(),
        "right": Optional.some(setToREdge),
        "bottom-right": Optional.none(),
        "bottom": Optional.none(),
        "bottom-left": Optional.none(),
        "left": Optional.some(setToLEdge)
      };
      var HorizontalModel = Object.freeze({
        __proto__: null,
        setValueFrom: setValueFrom$2,
        setToMin: setToMin$2,
        setToMax: setToMax$2,
        findValueOfOffset: findValueOfOffset$1,
        getValueFromEvent: getValueFromEvent$2,
        findPositionOfValue: findPositionOfValue$1,
        setPositionFromValue: setPositionFromValue$2,
        onLeft: onLeft$2,
        onRight: onRight$2,
        onUp: onUp$2,
        onDown: onDown$2,
        edgeActions: edgeActions$2
      });
      var fireSliderChange$1 = function(spectrum, value2) {
        emitWith(spectrum, sliderChangeEvent(), { value: value2 });
      };
      var sliderValue$1 = function(y) {
        return { y };
      };
      var findValueOfOffset = function(spectrum, detail, top2) {
        var args = {
          min: minY(detail),
          max: maxY(detail),
          range: yRange(detail),
          value: top2,
          step: step(detail),
          snap: snap(detail),
          snapStart: snapStart(detail),
          rounded: rounded(detail),
          hasMinEdge: hasTEdge(detail),
          hasMaxEdge: hasBEdge(detail),
          minBound: getMinYBounds(spectrum),
          maxBound: getMaxYBounds(spectrum),
          screenRange: getYScreenRange(spectrum)
        };
        return findValueOf(args);
      };
      var setValueFrom$1 = function(spectrum, detail, value2) {
        var yValue2 = findValueOfOffset(spectrum, detail, value2);
        var sliderVal = sliderValue$1(yValue2);
        fireSliderChange$1(spectrum, sliderVal);
        return yValue2;
      };
      var setToMin$1 = function(spectrum, detail) {
        var min2 = minY(detail);
        fireSliderChange$1(spectrum, sliderValue$1(min2));
      };
      var setToMax$1 = function(spectrum, detail) {
        var max2 = maxY(detail);
        fireSliderChange$1(spectrum, sliderValue$1(max2));
      };
      var moveBy$1 = function(direction, spectrum, detail) {
        var f = direction > 0 ? increaseBy : reduceBy;
        var yValue2 = f(currentValue(detail).y, minY(detail), maxY(detail), step(detail));
        fireSliderChange$1(spectrum, sliderValue$1(yValue2));
        return Optional.some(yValue2);
      };
      var handleMovement$1 = function(direction) {
        return function(spectrum, detail) {
          return moveBy$1(direction, spectrum, detail).map(always);
        };
      };
      var getValueFromEvent$1 = function(simulatedEvent) {
        var pos = getEventSource(simulatedEvent);
        return pos.map(function(p) {
          return p.top;
        });
      };
      var findOffsetOfValue = function(spectrum, detail, value2, minEdge, maxEdge) {
        var minOffset = 0;
        var maxOffset = getYScreenRange(spectrum);
        var centerMinEdge = minEdge.bind(function(edge2) {
          return Optional.some(getYCenterOffSetOf(edge2, spectrum));
        }).getOr(minOffset);
        var centerMaxEdge = maxEdge.bind(function(edge2) {
          return Optional.some(getYCenterOffSetOf(edge2, spectrum));
        }).getOr(maxOffset);
        var args = {
          min: minY(detail),
          max: maxY(detail),
          range: yRange(detail),
          value: value2,
          hasMinEdge: hasTEdge(detail),
          hasMaxEdge: hasBEdge(detail),
          minBound: getMinYBounds(spectrum),
          minOffset,
          maxBound: getMaxYBounds(spectrum),
          maxOffset,
          centerMinEdge,
          centerMaxEdge
        };
        return findOffsetOfValue$2(args);
      };
      var findPositionOfValue = function(slider, spectrum, value2, minEdge, maxEdge, detail) {
        var offset2 = findOffsetOfValue(spectrum, detail, value2, minEdge, maxEdge);
        return getMinYBounds(spectrum) - getMinYBounds(slider) + offset2;
      };
      var setPositionFromValue$1 = function(slider, thumb, detail, edges) {
        var value2 = currentValue(detail);
        var pos = findPositionOfValue(slider, edges.getSpectrum(slider), value2.y, edges.getTopEdge(slider), edges.getBottomEdge(slider), detail);
        var thumbRadius = get$b(thumb.element) / 2;
        set$7(thumb.element, "top", pos - thumbRadius + "px");
      };
      var onLeft$1 = Optional.none;
      var onRight$1 = Optional.none;
      var onUp$1 = handleMovement$1(-1);
      var onDown$1 = handleMovement$1(1);
      var edgeActions$1 = {
        "top-left": Optional.none(),
        "top": Optional.some(setToTEdge),
        "top-right": Optional.none(),
        "right": Optional.none(),
        "bottom-right": Optional.none(),
        "bottom": Optional.some(setToBEdge),
        "bottom-left": Optional.none(),
        "left": Optional.none()
      };
      var VerticalModel = Object.freeze({
        __proto__: null,
        setValueFrom: setValueFrom$1,
        setToMin: setToMin$1,
        setToMax: setToMax$1,
        findValueOfOffset,
        getValueFromEvent: getValueFromEvent$1,
        findPositionOfValue,
        setPositionFromValue: setPositionFromValue$1,
        onLeft: onLeft$1,
        onRight: onRight$1,
        onUp: onUp$1,
        onDown: onDown$1,
        edgeActions: edgeActions$1
      });
      var fireSliderChange = function(spectrum, value2) {
        emitWith(spectrum, sliderChangeEvent(), { value: value2 });
      };
      var sliderValue = function(x, y) {
        return {
          x,
          y
        };
      };
      var setValueFrom = function(spectrum, detail, value2) {
        var xValue2 = findValueOfOffset$1(spectrum, detail, value2.left);
        var yValue2 = findValueOfOffset(spectrum, detail, value2.top);
        var val = sliderValue(xValue2, yValue2);
        fireSliderChange(spectrum, val);
        return val;
      };
      var moveBy = function(direction, isVerticalMovement, spectrum, detail) {
        var f = direction > 0 ? increaseBy : reduceBy;
        var xValue2 = isVerticalMovement ? currentValue(detail).x : f(currentValue(detail).x, minX(detail), maxX(detail), step(detail));
        var yValue2 = !isVerticalMovement ? currentValue(detail).y : f(currentValue(detail).y, minY(detail), maxY(detail), step(detail));
        fireSliderChange(spectrum, sliderValue(xValue2, yValue2));
        return Optional.some(xValue2);
      };
      var handleMovement = function(direction, isVerticalMovement) {
        return function(spectrum, detail) {
          return moveBy(direction, isVerticalMovement, spectrum, detail).map(always);
        };
      };
      var setToMin = function(spectrum, detail) {
        var mX = minX(detail);
        var mY = minY(detail);
        fireSliderChange(spectrum, sliderValue(mX, mY));
      };
      var setToMax = function(spectrum, detail) {
        var mX = maxX(detail);
        var mY = maxY(detail);
        fireSliderChange(spectrum, sliderValue(mX, mY));
      };
      var getValueFromEvent = function(simulatedEvent) {
        return getEventSource(simulatedEvent);
      };
      var setPositionFromValue = function(slider, thumb, detail, edges) {
        var value2 = currentValue(detail);
        var xPos = findPositionOfValue$1(slider, edges.getSpectrum(slider), value2.x, edges.getLeftEdge(slider), edges.getRightEdge(slider), detail);
        var yPos = findPositionOfValue(slider, edges.getSpectrum(slider), value2.y, edges.getTopEdge(slider), edges.getBottomEdge(slider), detail);
        var thumbXRadius = get$a(thumb.element) / 2;
        var thumbYRadius = get$b(thumb.element) / 2;
        set$7(thumb.element, "left", xPos - thumbXRadius + "px");
        set$7(thumb.element, "top", yPos - thumbYRadius + "px");
      };
      var onLeft = handleMovement(-1, false);
      var onRight = handleMovement(1, false);
      var onUp = handleMovement(-1, true);
      var onDown = handleMovement(1, true);
      var edgeActions = {
        "top-left": Optional.some(setToTLEdgeXY),
        "top": Optional.some(setToTEdgeXY),
        "top-right": Optional.some(setToTREdgeXY),
        "right": Optional.some(setToREdgeXY),
        "bottom-right": Optional.some(setToBREdgeXY),
        "bottom": Optional.some(setToBEdgeXY),
        "bottom-left": Optional.some(setToBLEdgeXY),
        "left": Optional.some(setToLEdgeXY)
      };
      var TwoDModel = Object.freeze({
        __proto__: null,
        setValueFrom,
        setToMin,
        setToMax,
        getValueFromEvent,
        setPositionFromValue,
        onLeft,
        onRight,
        onUp,
        onDown,
        edgeActions
      });
      var SliderSchema = [
        defaulted("stepSize", 1),
        defaulted("onChange", noop),
        defaulted("onChoose", noop),
        defaulted("onInit", noop),
        defaulted("onDragStart", noop),
        defaulted("onDragEnd", noop),
        defaulted("snapToGrid", false),
        defaulted("rounded", true),
        option("snapStart"),
        requiredOf("model", choose$1("mode", {
          x: [
            defaulted("minX", 0),
            defaulted("maxX", 100),
            customField("value", function(spec) {
              return Cell(spec.mode.minX);
            }),
            required$1("getInitialValue"),
            output$1("manager", HorizontalModel)
          ],
          y: [
            defaulted("minY", 0),
            defaulted("maxY", 100),
            customField("value", function(spec) {
              return Cell(spec.mode.minY);
            }),
            required$1("getInitialValue"),
            output$1("manager", VerticalModel)
          ],
          xy: [
            defaulted("minX", 0),
            defaulted("maxX", 100),
            defaulted("minY", 0),
            defaulted("maxY", 100),
            customField("value", function(spec) {
              return Cell({
                x: spec.mode.minX,
                y: spec.mode.minY
              });
            }),
            required$1("getInitialValue"),
            output$1("manager", TwoDModel)
          ]
        })),
        field("sliderBehaviours", [
          Keying,
          Representing
        ]),
        customField("mouseIsDown", function() {
          return Cell(false);
        })
      ];
      var sketch$2 = function(detail, components2, _spec, _externals) {
        var _a2;
        var getThumb = function(component) {
          return getPartOrDie(component, detail, "thumb");
        };
        var getSpectrum = function(component) {
          return getPartOrDie(component, detail, "spectrum");
        };
        var getLeftEdge = function(component) {
          return getPart(component, detail, "left-edge");
        };
        var getRightEdge = function(component) {
          return getPart(component, detail, "right-edge");
        };
        var getTopEdge = function(component) {
          return getPart(component, detail, "top-edge");
        };
        var getBottomEdge = function(component) {
          return getPart(component, detail, "bottom-edge");
        };
        var modelDetail = detail.model;
        var model = modelDetail.manager;
        var refresh2 = function(slider, thumb) {
          model.setPositionFromValue(slider, thumb, detail, {
            getLeftEdge,
            getRightEdge,
            getTopEdge,
            getBottomEdge,
            getSpectrum
          });
        };
        var setValue2 = function(slider, newValue) {
          modelDetail.value.set(newValue);
          var thumb = getThumb(slider);
          refresh2(slider, thumb);
        };
        var changeValue = function(slider, newValue) {
          setValue2(slider, newValue);
          var thumb = getThumb(slider);
          detail.onChange(slider, thumb, newValue);
          return Optional.some(true);
        };
        var resetToMin = function(slider) {
          model.setToMin(slider, detail);
        };
        var resetToMax = function(slider) {
          model.setToMax(slider, detail);
        };
        var choose2 = function(slider) {
          var fireOnChoose = function() {
            getPart(slider, detail, "thumb").each(function(thumb) {
              var value2 = modelDetail.value.get();
              detail.onChoose(slider, thumb, value2);
            });
          };
          var wasDown = detail.mouseIsDown.get();
          detail.mouseIsDown.set(false);
          if (wasDown) {
            fireOnChoose();
          }
        };
        var onDragStart = function(slider, simulatedEvent) {
          simulatedEvent.stop();
          detail.mouseIsDown.set(true);
          detail.onDragStart(slider, getThumb(slider));
        };
        var onDragEnd = function(slider, simulatedEvent) {
          simulatedEvent.stop();
          detail.onDragEnd(slider, getThumb(slider));
          choose2(slider);
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          behaviours: augment(detail.sliderBehaviours, [
            Keying.config({
              mode: "special",
              focusIn: function(slider) {
                return getPart(slider, detail, "spectrum").map(Keying.focusIn).map(always);
              }
            }),
            Representing.config({
              store: {
                mode: "manual",
                getValue: function(_) {
                  return modelDetail.value.get();
                }
              }
            }),
            Receiving.config({ channels: (_a2 = {}, _a2[mouseReleased()] = { onReceive: choose2 }, _a2) })
          ]),
          events: derive$2([
            run$1(sliderChangeEvent(), function(slider, simulatedEvent) {
              changeValue(slider, simulatedEvent.event.value);
            }),
            runOnAttached(function(slider, _simulatedEvent) {
              var getInitial = modelDetail.getInitialValue();
              modelDetail.value.set(getInitial);
              var thumb = getThumb(slider);
              refresh2(slider, thumb);
              var spectrum = getSpectrum(slider);
              detail.onInit(slider, thumb, spectrum, modelDetail.value.get());
            }),
            run$1(touchstart(), onDragStart),
            run$1(touchend(), onDragEnd),
            run$1(mousedown(), onDragStart),
            run$1(mouseup(), onDragEnd)
          ]),
          apis: {
            resetToMin,
            resetToMax,
            setValue: setValue2,
            refresh: refresh2
          },
          domModification: { styles: { position: "relative" } }
        };
      };
      var Slider = composite({
        name: "Slider",
        configFields: SliderSchema,
        partFields: SliderParts,
        factory: sketch$2,
        apis: {
          setValue: function(apis, slider, value2) {
            apis.setValue(slider, value2);
          },
          resetToMin: function(apis, slider) {
            apis.resetToMin(slider);
          },
          resetToMax: function(apis, slider) {
            apis.resetToMax(slider);
          },
          refresh: function(apis, slider) {
            apis.refresh(slider);
          }
        }
      });
      var fieldsUpdate = generate$6("rgb-hex-update");
      var sliderUpdate = generate$6("slider-update");
      var paletteUpdate = generate$6("palette-update");
      var sliderFactory = function(translate2, getClass) {
        var spectrum = Slider.parts.spectrum({
          dom: {
            tag: "div",
            classes: [getClass("hue-slider-spectrum")],
            attributes: { role: "presentation" }
          }
        });
        var thumb = Slider.parts.thumb({
          dom: {
            tag: "div",
            classes: [getClass("hue-slider-thumb")],
            attributes: { role: "presentation" }
          }
        });
        return Slider.sketch({
          dom: {
            tag: "div",
            classes: [getClass("hue-slider")],
            attributes: { role: "presentation" }
          },
          rounded: false,
          model: {
            mode: "y",
            getInitialValue: constant$1({ y: 0 })
          },
          components: [
            spectrum,
            thumb
          ],
          sliderBehaviours: derive$1([Focusing.config({})]),
          onChange: function(slider, _thumb, value2) {
            emitWith(slider, sliderUpdate, { value: value2 });
          }
        });
      };
      var owner$1 = "form";
      var schema$i = [field("formBehaviours", [Representing])];
      var getPartName$1 = function(name2) {
        return "<alloy.field." + name2 + ">";
      };
      var sketch$1 = function(fSpec) {
        var parts2 = function() {
          var record2 = [];
          var field2 = function(name2, config2) {
            record2.push(name2);
            return generateOne$1(owner$1, getPartName$1(name2), config2);
          };
          return {
            field: field2,
            record: constant$1(record2)
          };
        }();
        var spec = fSpec(parts2);
        var partNames = parts2.record();
        var fieldParts = map$2(partNames, function(n) {
          return required({
            name: n,
            pname: getPartName$1(n)
          });
        });
        return composite$1(owner$1, schema$i, fieldParts, make$4, spec);
      };
      var toResult = function(o, e) {
        return o.fold(function() {
          return Result.error(e);
        }, Result.value);
      };
      var make$4 = function(detail, components2) {
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          behaviours: augment(detail.formBehaviours, [Representing.config({
            store: {
              mode: "manual",
              getValue: function(form) {
                var resPs = getAllParts(form, detail);
                return map$1(resPs, function(resPThunk, pName) {
                  return resPThunk().bind(function(v) {
                    var opt = Composing.getCurrent(v);
                    return toResult(opt, new Error("Cannot find a current component to extract the value from for form part '" + pName + "': " + element(v.element)));
                  }).map(Representing.getValue);
                });
              },
              setValue: function(form, values2) {
                each(values2, function(newValue, key) {
                  getPart(form, detail, key).each(function(wrapper) {
                    Composing.getCurrent(wrapper).each(function(field2) {
                      Representing.setValue(field2, newValue);
                    });
                  });
                });
              }
            }
          })]),
          apis: {
            getField: function(form, key) {
              return getPart(form, detail, key).bind(Composing.getCurrent);
            }
          }
        };
      };
      var Form = {
        getField: makeApi(function(apis, component, key) {
          return apis.getField(component, key);
        }),
        sketch: sketch$1
      };
      var validInput = generate$6("valid-input");
      var invalidInput = generate$6("invalid-input");
      var validatingInput = generate$6("validating-input");
      var translatePrefix = "colorcustom.rgb.";
      var rgbFormFactory = function(translate2, getClass, onValidHexx, onInvalidHexx) {
        var invalidation = function(label, isValid) {
          return Invalidating.config({
            invalidClass: getClass("invalid"),
            notify: {
              onValidate: function(comp) {
                emitWith(comp, validatingInput, { type: label });
              },
              onValid: function(comp) {
                emitWith(comp, validInput, {
                  type: label,
                  value: Representing.getValue(comp)
                });
              },
              onInvalid: function(comp) {
                emitWith(comp, invalidInput, {
                  type: label,
                  value: Representing.getValue(comp)
                });
              }
            },
            validator: {
              validate: function(comp) {
                var value2 = Representing.getValue(comp);
                var res = isValid(value2) ? Result.value(true) : Result.error(translate2("aria.input.invalid"));
                return Future.pure(res);
              },
              validateOnLoad: false
            }
          });
        };
        var renderTextField2 = function(isValid, name2, label, description, data) {
          var helptext = translate2(translatePrefix + "range");
          var pLabel = FormField.parts.label({
            dom: {
              tag: "label",
              innerHtml: label,
              attributes: { "aria-label": description }
            }
          });
          var pField = FormField.parts.field({
            data,
            factory: Input,
            inputAttributes: __assign({ type: "text" }, name2 === "hex" ? { "aria-live": "polite" } : {}),
            inputClasses: [getClass("textfield")],
            inputBehaviours: derive$1([
              invalidation(name2, isValid),
              Tabstopping.config({})
            ]),
            onSetValue: function(input2) {
              if (Invalidating.isInvalid(input2)) {
                var run2 = Invalidating.run(input2);
                run2.get(noop);
              }
            }
          });
          var comps = [
            pLabel,
            pField
          ];
          var concats = name2 !== "hex" ? [FormField.parts["aria-descriptor"]({ text: helptext })] : [];
          var components2 = comps.concat(concats);
          return {
            dom: {
              tag: "div",
              attributes: { role: "presentation" }
            },
            components: components2
          };
        };
        var copyRgbToHex = function(form, rgba) {
          var hex = fromRgba(rgba);
          Form.getField(form, "hex").each(function(hexField) {
            if (!Focusing.isFocused(hexField)) {
              Representing.setValue(form, { hex: hex.value });
            }
          });
          return hex;
        };
        var copyRgbToForm = function(form, rgb) {
          var red2 = rgb.red;
          var green = rgb.green;
          var blue = rgb.blue;
          Representing.setValue(form, {
            red: red2,
            green,
            blue
          });
        };
        var memPreview = record({
          dom: {
            tag: "div",
            classes: [getClass("rgba-preview")],
            styles: { "background-color": "white" },
            attributes: { role: "presentation" }
          }
        });
        var updatePreview = function(anyInSystem, hex) {
          memPreview.getOpt(anyInSystem).each(function(preview) {
            set$7(preview.element, "background-color", "#" + hex.value);
          });
        };
        var factory2 = function() {
          var state = {
            red: Cell(Optional.some(255)),
            green: Cell(Optional.some(255)),
            blue: Cell(Optional.some(255)),
            hex: Cell(Optional.some("ffffff"))
          };
          var copyHexToRgb = function(form, hex) {
            var rgb = fromHex(hex);
            copyRgbToForm(form, rgb);
            setValueRgb(rgb);
          };
          var get2 = function(prop) {
            return state[prop].get();
          };
          var set2 = function(prop, value2) {
            state[prop].set(value2);
          };
          var getValueRgb = function() {
            return get2("red").bind(function(red2) {
              return get2("green").bind(function(green) {
                return get2("blue").map(function(blue) {
                  return rgbaColour(red2, green, blue, 1);
                });
              });
            });
          };
          var setValueRgb = function(rgb) {
            var red2 = rgb.red;
            var green = rgb.green;
            var blue = rgb.blue;
            set2("red", Optional.some(red2));
            set2("green", Optional.some(green));
            set2("blue", Optional.some(blue));
          };
          var onInvalidInput = function(form, simulatedEvent) {
            var data = simulatedEvent.event;
            if (data.type !== "hex") {
              set2(data.type, Optional.none());
            } else {
              onInvalidHexx(form);
            }
          };
          var onValidHex = function(form, value2) {
            onValidHexx(form);
            var hex = hexColour(value2);
            set2("hex", Optional.some(value2));
            var rgb = fromHex(hex);
            copyRgbToForm(form, rgb);
            setValueRgb(rgb);
            emitWith(form, fieldsUpdate, { hex });
            updatePreview(form, hex);
          };
          var onValidRgb = function(form, prop, value2) {
            var val = parseInt(value2, 10);
            set2(prop, Optional.some(val));
            getValueRgb().each(function(rgb) {
              var hex = copyRgbToHex(form, rgb);
              emitWith(form, fieldsUpdate, { hex });
              updatePreview(form, hex);
            });
          };
          var isHexInputEvent = function(data) {
            return data.type === "hex";
          };
          var onValidInput = function(form, simulatedEvent) {
            var data = simulatedEvent.event;
            if (isHexInputEvent(data)) {
              onValidHex(form, data.value);
            } else {
              onValidRgb(form, data.type, data.value);
            }
          };
          var formPartStrings = function(key) {
            return {
              label: translate2(translatePrefix + key + ".label"),
              description: translate2(translatePrefix + key + ".description")
            };
          };
          var redStrings = formPartStrings("red");
          var greenStrings = formPartStrings("green");
          var blueStrings = formPartStrings("blue");
          var hexStrings = formPartStrings("hex");
          return deepMerge(Form.sketch(function(parts2) {
            return {
              dom: {
                tag: "form",
                classes: [getClass("rgb-form")],
                attributes: { "aria-label": translate2("aria.color.picker") }
              },
              components: [
                parts2.field("red", FormField.sketch(renderTextField2(isRgbaComponent, "red", redStrings.label, redStrings.description, 255))),
                parts2.field("green", FormField.sketch(renderTextField2(isRgbaComponent, "green", greenStrings.label, greenStrings.description, 255))),
                parts2.field("blue", FormField.sketch(renderTextField2(isRgbaComponent, "blue", blueStrings.label, blueStrings.description, 255))),
                parts2.field("hex", FormField.sketch(renderTextField2(isHexString, "hex", hexStrings.label, hexStrings.description, "ffffff"))),
                memPreview.asSpec()
              ],
              formBehaviours: derive$1([
                Invalidating.config({ invalidClass: getClass("form-invalid") }),
                config("rgb-form-events", [
                  run$1(validInput, onValidInput),
                  run$1(invalidInput, onInvalidInput),
                  run$1(validatingInput, onInvalidInput)
                ])
              ])
            };
          }), {
            apis: {
              updateHex: function(form, hex) {
                Representing.setValue(form, { hex: hex.value });
                copyHexToRgb(form, hex);
                updatePreview(form, hex);
              }
            }
          });
        };
        var rgbFormSketcher = single({
          factory: factory2,
          name: "RgbForm",
          configFields: [],
          apis: {
            updateHex: function(apis, form, hex) {
              apis.updateHex(form, hex);
            }
          },
          extraApis: {}
        });
        return rgbFormSketcher;
      };
      var paletteFactory = function(_translate, getClass) {
        var spectrumPart2 = Slider.parts.spectrum({
          dom: {
            tag: "canvas",
            attributes: { role: "presentation" },
            classes: [getClass("sv-palette-spectrum")]
          }
        });
        var thumbPart2 = Slider.parts.thumb({
          dom: {
            tag: "div",
            attributes: { role: "presentation" },
            classes: [getClass("sv-palette-thumb")],
            innerHtml: "<div class=" + getClass("sv-palette-inner-thumb") + ' role="presentation"></div>'
          }
        });
        var setColour = function(canvas, rgba) {
          var width2 = canvas.width, height2 = canvas.height;
          var ctx = canvas.getContext("2d");
          if (ctx === null) {
            return;
          }
          ctx.fillStyle = rgba;
          ctx.fillRect(0, 0, width2, height2);
          var grdWhite = ctx.createLinearGradient(0, 0, width2, 0);
          grdWhite.addColorStop(0, "rgba(255,255,255,1)");
          grdWhite.addColorStop(1, "rgba(255,255,255,0)");
          ctx.fillStyle = grdWhite;
          ctx.fillRect(0, 0, width2, height2);
          var grdBlack = ctx.createLinearGradient(0, 0, 0, height2);
          grdBlack.addColorStop(0, "rgba(0,0,0,0)");
          grdBlack.addColorStop(1, "rgba(0,0,0,1)");
          ctx.fillStyle = grdBlack;
          ctx.fillRect(0, 0, width2, height2);
        };
        var setPaletteHue = function(slider, hue) {
          var canvas = slider.components()[0].element.dom;
          var hsv = hsvColour(hue, 100, 100);
          var rgba = fromHsv(hsv);
          setColour(canvas, toString(rgba));
        };
        var setPaletteThumb = function(slider, hex) {
          var hsv = fromRgb(fromHex(hex));
          Slider.setValue(slider, {
            x: hsv.saturation,
            y: 100 - hsv.value
          });
        };
        var factory2 = function(_detail) {
          var getInitialValue = constant$1({
            x: 0,
            y: 0
          });
          var onChange = function(slider, _thumb, value2) {
            emitWith(slider, paletteUpdate, { value: value2 });
          };
          var onInit = function(_slider, _thumb, spectrum, _value) {
            setColour(spectrum.element.dom, toString(red));
          };
          var sliderBehaviours = derive$1([
            Composing.config({ find: Optional.some }),
            Focusing.config({})
          ]);
          return Slider.sketch({
            dom: {
              tag: "div",
              attributes: { role: "presentation" },
              classes: [getClass("sv-palette")]
            },
            model: {
              mode: "xy",
              getInitialValue
            },
            rounded: false,
            components: [
              spectrumPart2,
              thumbPart2
            ],
            onChange,
            onInit,
            sliderBehaviours
          });
        };
        var saturationBrightnessPaletteSketcher = single({
          factory: factory2,
          name: "SaturationBrightnessPalette",
          configFields: [],
          apis: {
            setHue: function(_apis, slider, hue) {
              setPaletteHue(slider, hue);
            },
            setThumb: function(_apis, slider, hex) {
              setPaletteThumb(slider, hex);
            }
          },
          extraApis: {}
        });
        return saturationBrightnessPaletteSketcher;
      };
      var makeFactory = function(translate2, getClass) {
        var factory2 = function(detail) {
          var rgbForm = rgbFormFactory(translate2, getClass, detail.onValidHex, detail.onInvalidHex);
          var sbPalette = paletteFactory(translate2, getClass);
          var hueSliderToDegrees = function(hue) {
            return (100 - hue) / 100 * 360;
          };
          var hueDegreesToSlider = function(hue) {
            return 100 - hue / 360 * 100;
          };
          var state = {
            paletteRgba: Cell(red),
            paletteHue: Cell(0)
          };
          var memSlider = record(sliderFactory(translate2, getClass));
          var memPalette = record(sbPalette.sketch({}));
          var memRgb = record(rgbForm.sketch({}));
          var updatePalette = function(anyInSystem, _hex, hue) {
            memPalette.getOpt(anyInSystem).each(function(palette) {
              sbPalette.setHue(palette, hue);
            });
          };
          var updateFields = function(anyInSystem, hex) {
            memRgb.getOpt(anyInSystem).each(function(form) {
              rgbForm.updateHex(form, hex);
            });
          };
          var updateSlider = function(anyInSystem, _hex, hue) {
            memSlider.getOpt(anyInSystem).each(function(slider) {
              Slider.setValue(slider, { y: hueDegreesToSlider(hue) });
            });
          };
          var updatePaletteThumb = function(anyInSystem, hex) {
            memPalette.getOpt(anyInSystem).each(function(palette) {
              sbPalette.setThumb(palette, hex);
            });
          };
          var updateState = function(hex, hue) {
            var rgba = fromHex(hex);
            state.paletteRgba.set(rgba);
            state.paletteHue.set(hue);
          };
          var runUpdates = function(anyInSystem, hex, hue, updates) {
            updateState(hex, hue);
            each$1(updates, function(update) {
              update(anyInSystem, hex, hue);
            });
          };
          var onPaletteUpdate = function() {
            var updates = [updateFields];
            return function(form, simulatedEvent) {
              var value2 = simulatedEvent.event.value;
              var oldHue = state.paletteHue.get();
              var newHsv = hsvColour(oldHue, value2.x, 100 - value2.y);
              var newHex = hsvToHex(newHsv);
              runUpdates(form, newHex, oldHue, updates);
            };
          };
          var onSliderUpdate = function() {
            var updates = [
              updatePalette,
              updateFields
            ];
            return function(form, simulatedEvent) {
              var hue = hueSliderToDegrees(simulatedEvent.event.value.y);
              var oldRgb = state.paletteRgba.get();
              var oldHsv = fromRgb(oldRgb);
              var newHsv = hsvColour(hue, oldHsv.saturation, oldHsv.value);
              var newHex = hsvToHex(newHsv);
              runUpdates(form, newHex, hue, updates);
            };
          };
          var onFieldsUpdate = function() {
            var updates = [
              updatePalette,
              updateSlider,
              updatePaletteThumb
            ];
            return function(form, simulatedEvent) {
              var hex = simulatedEvent.event.hex;
              var hsv = hexToHsv(hex);
              runUpdates(form, hex, hsv.hue, updates);
            };
          };
          return {
            uid: detail.uid,
            dom: detail.dom,
            components: [
              memPalette.asSpec(),
              memSlider.asSpec(),
              memRgb.asSpec()
            ],
            behaviours: derive$1([
              config("colour-picker-events", [
                run$1(fieldsUpdate, onFieldsUpdate()),
                run$1(paletteUpdate, onPaletteUpdate()),
                run$1(sliderUpdate, onSliderUpdate())
              ]),
              Composing.config({
                find: function(comp) {
                  return memRgb.getOpt(comp);
                }
              }),
              Keying.config({ mode: "acyclic" })
            ])
          };
        };
        var colourPickerSketcher = single({
          name: "ColourPicker",
          configFields: [
            required$1("dom"),
            defaulted("onValidHex", noop),
            defaulted("onInvalidHex", noop)
          ],
          factory: factory2
        });
        return colourPickerSketcher;
      };
      var self$1 = function() {
        return Composing.config({ find: Optional.some });
      };
      var memento$1 = function(mem) {
        return Composing.config({ find: mem.getOpt });
      };
      var childAt = function(index) {
        return Composing.config({
          find: function(comp) {
            return child$2(comp.element, index).bind(function(element2) {
              return comp.getSystem().getByDom(element2).toOptional();
            });
          }
        });
      };
      var ComposingConfigs = {
        self: self$1,
        memento: memento$1,
        childAt
      };
      var english = {
        "colorcustom.rgb.red.label": "R",
        "colorcustom.rgb.red.description": "Red component",
        "colorcustom.rgb.green.label": "G",
        "colorcustom.rgb.green.description": "Green component",
        "colorcustom.rgb.blue.label": "B",
        "colorcustom.rgb.blue.description": "Blue component",
        "colorcustom.rgb.hex.label": "#",
        "colorcustom.rgb.hex.description": "Hex color code",
        "colorcustom.rgb.range": "Range 0 to 255",
        "colorcustom.sb.saturation": "Saturation",
        "colorcustom.sb.brightness": "Brightness",
        "colorcustom.sb.picker": "Saturation and Brightness Picker",
        "colorcustom.sb.palette": "Saturation and Brightness Palette",
        "colorcustom.sb.instructions": "Use arrow keys to select saturation and brightness, on x and y axes",
        "colorcustom.hue.hue": "Hue",
        "colorcustom.hue.slider": "Hue Slider",
        "colorcustom.hue.palette": "Hue Palette",
        "colorcustom.hue.instructions": "Use arrow keys to select a hue",
        "aria.color.picker": "Color Picker",
        "aria.input.invalid": "Invalid input"
      };
      var getEnglishText = function(key) {
        return english[key];
      };
      var translate$1 = function(key) {
        return getEnglishText(key);
      };
      var renderColorPicker = function(_spec) {
        var getClass = function(key) {
          return "tox-" + key;
        };
        var colourPickerFactory = makeFactory(translate$1, getClass);
        var onValidHex = function(form) {
          emitWith(form, formActionEvent, {
            name: "hex-valid",
            value: true
          });
        };
        var onInvalidHex = function(form) {
          emitWith(form, formActionEvent, {
            name: "hex-valid",
            value: false
          });
        };
        var memPicker = record(colourPickerFactory.sketch({
          dom: {
            tag: "div",
            classes: [getClass("color-picker-container")],
            attributes: { role: "presentation" }
          },
          onValidHex,
          onInvalidHex
        }));
        return {
          dom: { tag: "div" },
          components: [memPicker.asSpec()],
          behaviours: derive$1([
            Representing.config({
              store: {
                mode: "manual",
                getValue: function(comp) {
                  var picker = memPicker.get(comp);
                  var optRgbForm = Composing.getCurrent(picker);
                  var optHex = optRgbForm.bind(function(rgbForm) {
                    var formValues = Representing.getValue(rgbForm);
                    return formValues.hex;
                  });
                  return optHex.map(function(hex) {
                    return "#" + hex;
                  }).getOr("");
                },
                setValue: function(comp, newValue) {
                  var pattern2 = /^#([a-fA-F0-9]{3}(?:[a-fA-F0-9]{3})?)/;
                  var m = pattern2.exec(newValue);
                  var picker = memPicker.get(comp);
                  var optRgbForm = Composing.getCurrent(picker);
                  optRgbForm.fold(function() {
                    console.log("Can not find form");
                  }, function(rgbForm) {
                    Representing.setValue(rgbForm, { hex: Optional.from(m[1]).getOr("") });
                    Form.getField(rgbForm, "hex").each(function(hexField) {
                      emit(hexField, input());
                    });
                  });
                }
              }
            }),
            ComposingConfigs.self()
          ])
        };
      };
      var global$6 = tinymce.util.Tools.resolve("tinymce.Resource");
      var isOldCustomEditor = function(spec) {
        return has$2(spec, "init");
      };
      var renderCustomEditor = function(spec) {
        var editorApi = value$1();
        var memReplaced = record({ dom: { tag: spec.tag } });
        var initialValue = value$1();
        return {
          dom: {
            tag: "div",
            classes: ["tox-custom-editor"]
          },
          behaviours: derive$1([
            config("custom-editor-events", [runOnAttached(function(component) {
              memReplaced.getOpt(component).each(function(ta) {
                (isOldCustomEditor(spec) ? spec.init(ta.element.dom) : global$6.load(spec.scriptId, spec.scriptUrl).then(function(init2) {
                  return init2(ta.element.dom, spec.settings);
                })).then(function(ea) {
                  initialValue.on(function(cvalue) {
                    ea.setValue(cvalue);
                  });
                  initialValue.clear();
                  editorApi.set(ea);
                });
              });
            })]),
            Representing.config({
              store: {
                mode: "manual",
                getValue: function() {
                  return editorApi.get().fold(function() {
                    return initialValue.get().getOr("");
                  }, function(ed) {
                    return ed.getValue();
                  });
                },
                setValue: function(component, value2) {
                  editorApi.get().fold(function() {
                    initialValue.set(value2);
                  }, function(ed) {
                    return ed.setValue(value2);
                  });
                }
              }
            }),
            ComposingConfigs.self()
          ]),
          components: [memReplaced.asSpec()]
        };
      };
      var global$5 = tinymce.util.Tools.resolve("tinymce.util.Tools");
      var processors = objOf([
        defaulted("preprocess", identity$1),
        defaulted("postprocess", identity$1)
      ]);
      var memento = function(mem, rawProcessors) {
        var ps = asRawOrDie$1("RepresentingConfigs.memento processors", processors, rawProcessors);
        return Representing.config({
          store: {
            mode: "manual",
            getValue: function(comp) {
              var other = mem.get(comp);
              var rawValue = Representing.getValue(other);
              return ps.postprocess(rawValue);
            },
            setValue: function(comp, rawValue) {
              var newValue = ps.preprocess(rawValue);
              var other = mem.get(comp);
              Representing.setValue(other, newValue);
            }
          }
        });
      };
      var withComp = function(optInitialValue, getter, setter) {
        return Representing.config(deepMerge({
          store: {
            mode: "manual",
            getValue: getter,
            setValue: setter
          }
        }, optInitialValue.map(function(initialValue) {
          return { store: { initialValue } };
        }).getOr({})));
      };
      var withElement = function(initialValue, getter, setter) {
        return withComp(initialValue, function(c) {
          return getter(c.element);
        }, function(c, v) {
          return setter(c.element, v);
        });
      };
      var domValue = function(optInitialValue) {
        return withElement(optInitialValue, get$5, set$4);
      };
      var domHtml = function(optInitialValue) {
        return withElement(optInitialValue, get$7, set$5);
      };
      var memory = function(initialValue) {
        return Representing.config({
          store: {
            mode: "memory",
            initialValue
          }
        });
      };
      var RepresentingConfigs = {
        memento,
        withElement,
        withComp,
        domValue,
        domHtml,
        memory
      };
      var defaultImageFileTypes = "jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp";
      var filterByExtension = function(files, providersBackstage) {
        var allowedImageFileTypes = global$5.explode(providersBackstage.getSetting("images_file_types", defaultImageFileTypes, "string"));
        var isFileInAllowedTypes = function(file) {
          return exists(allowedImageFileTypes, function(type2) {
            return endsWith(file.name.toLowerCase(), "." + type2.toLowerCase());
          });
        };
        return filter$2(from(files), isFileInAllowedTypes);
      };
      var renderDropZone = function(spec, providersBackstage) {
        var stopper2 = function(_, se) {
          se.stop();
        };
        var sequence2 = function(actions) {
          return function(comp, se) {
            each$1(actions, function(a) {
              a(comp, se);
            });
          };
        };
        var onDrop = function(comp, se) {
          if (!Disabling.isDisabled(comp)) {
            var transferEvent = se.event.raw;
            handleFiles(comp, transferEvent.dataTransfer.files);
          }
        };
        var onSelect = function(component, simulatedEvent) {
          var input2 = simulatedEvent.event.raw.target;
          handleFiles(component, input2.files);
        };
        var handleFiles = function(component, files) {
          Representing.setValue(component, filterByExtension(files, providersBackstage));
          emitWith(component, formChangeEvent, { name: spec.name });
        };
        var memInput = record({
          dom: {
            tag: "input",
            attributes: {
              type: "file",
              accept: "image/*"
            },
            styles: { display: "none" }
          },
          behaviours: derive$1([config("input-file-events", [
            cutter(click()),
            cutter(tap())
          ])])
        });
        var renderField = function(s) {
          return {
            uid: s.uid,
            dom: {
              tag: "div",
              classes: ["tox-dropzone-container"]
            },
            behaviours: derive$1([
              RepresentingConfigs.memory([]),
              ComposingConfigs.self(),
              Disabling.config({}),
              Toggling.config({
                toggleClass: "dragenter",
                toggleOnExecute: false
              }),
              config("dropzone-events", [
                run$1("dragenter", sequence2([
                  stopper2,
                  Toggling.toggle
                ])),
                run$1("dragleave", sequence2([
                  stopper2,
                  Toggling.toggle
                ])),
                run$1("dragover", stopper2),
                run$1("drop", sequence2([
                  stopper2,
                  onDrop
                ])),
                run$1(change(), onSelect)
              ])
            ]),
            components: [{
              dom: {
                tag: "div",
                classes: ["tox-dropzone"],
                styles: {}
              },
              components: [
                {
                  dom: {
                    tag: "p",
                    innerHtml: providersBackstage.translate("Drop an image here")
                  }
                },
                Button.sketch({
                  dom: {
                    tag: "button",
                    innerHtml: providersBackstage.translate("Browse for an image"),
                    styles: { position: "relative" },
                    classes: [
                      "tox-button",
                      "tox-button--secondary"
                    ]
                  },
                  components: [memInput.asSpec()],
                  action: function(comp) {
                    var inputComp = memInput.get(comp);
                    inputComp.element.dom.click();
                  },
                  buttonBehaviours: derive$1([
                    Tabstopping.config({}),
                    DisablingConfigs.button(providersBackstage.isDisabled),
                    receivingConfig()
                  ])
                })
              ]
            }]
          };
        };
        var pLabel = spec.label.map(function(label) {
          return renderLabel$2(label, providersBackstage);
        });
        var pField = FormField.parts.field({ factory: { sketch: renderField } });
        return renderFormFieldWith(pLabel, pField, ["tox-form__group--stretched"], []);
      };
      var renderGrid = function(spec, backstage) {
        return {
          dom: {
            tag: "div",
            classes: [
              "tox-form__grid",
              "tox-form__grid--" + spec.columns + "col"
            ]
          },
          components: map$2(spec.items, backstage.interpreter)
        };
      };
      var beforeObject = generate$6("alloy-fake-before-tabstop");
      var afterObject = generate$6("alloy-fake-after-tabstop");
      var craftWithClasses = function(classes2) {
        return {
          dom: {
            tag: "div",
            styles: {
              width: "1px",
              height: "1px",
              outline: "none"
            },
            attributes: { tabindex: "0" },
            classes: classes2
          },
          behaviours: derive$1([
            Focusing.config({ ignore: true }),
            Tabstopping.config({})
          ])
        };
      };
      var craft = function(spec) {
        return {
          dom: {
            tag: "div",
            classes: ["tox-navobj"]
          },
          components: [
            craftWithClasses([beforeObject]),
            spec,
            craftWithClasses([afterObject])
          ],
          behaviours: derive$1([ComposingConfigs.childAt(1)])
        };
      };
      var triggerTab = function(placeholder2, shiftKey) {
        emitWith(placeholder2, keydown(), {
          raw: {
            which: 9,
            shiftKey
          }
        });
      };
      var onFocus = function(container, targetComp) {
        var target = targetComp.element;
        if (has(target, beforeObject)) {
          triggerTab(container, true);
        } else if (has(target, afterObject)) {
          triggerTab(container, false);
        }
      };
      var isPseudoStop = function(element2) {
        return closest(element2, [
          "." + beforeObject,
          "." + afterObject
        ].join(","), never);
      };
      var platformNeedsSandboxing = !(detect$1().browser.isIE() || detect$1().browser.isEdge());
      var getDynamicSource = function(isSandbox) {
        var cachedValue = Cell("");
        return {
          getValue: function(_frameComponent) {
            return cachedValue.get();
          },
          setValue: function(frameComponent, html) {
            if (!isSandbox) {
              set$8(frameComponent.element, "src", "javascript:''");
              var doc = frameComponent.element.dom.contentWindow.document;
              doc.open();
              doc.write(html);
              doc.close();
            } else {
              set$8(frameComponent.element, "srcdoc", html);
            }
            cachedValue.set(html);
          }
        };
      };
      var renderIFrame = function(spec, providersBackstage) {
        var isSandbox = platformNeedsSandboxing && spec.sandboxed;
        var attributes = __assign(__assign({}, spec.label.map(function(title) {
          return { title };
        }).getOr({})), isSandbox ? { sandbox: "allow-scripts allow-same-origin" } : {});
        var sourcing = getDynamicSource(isSandbox);
        var pLabel = spec.label.map(function(label) {
          return renderLabel$2(label, providersBackstage);
        });
        var factory2 = function(newSpec) {
          return craft({
            uid: newSpec.uid,
            dom: {
              tag: "iframe",
              attributes
            },
            behaviours: derive$1([
              Tabstopping.config({}),
              Focusing.config({}),
              RepresentingConfigs.withComp(Optional.none(), sourcing.getValue, sourcing.setValue)
            ])
          });
        };
        var pField = FormField.parts.field({ factory: { sketch: factory2 } });
        return renderFormFieldWith(pLabel, pField, ["tox-form__group--stretched"], []);
      };
      var create$3 = function(width2, height2) {
        return resize$3(document.createElement("canvas"), width2, height2);
      };
      var clone = function(canvas) {
        var tCanvas = create$3(canvas.width, canvas.height);
        var ctx = get2dContext(tCanvas);
        ctx.drawImage(canvas, 0, 0);
        return tCanvas;
      };
      var get2dContext = function(canvas) {
        return canvas.getContext("2d");
      };
      var resize$3 = function(canvas, width2, height2) {
        canvas.width = width2;
        canvas.height = height2;
        return canvas;
      };
      var getWidth$1 = function(image) {
        return image.naturalWidth || image.width;
      };
      var getHeight$1 = function(image) {
        return image.naturalHeight || image.height;
      };
      var blobToImage = function(blob) {
        return new Promise$1(function(resolve, reject) {
          var blobUrl = URL.createObjectURL(blob);
          var image = new Image();
          var removeListeners = function() {
            image.removeEventListener("load", loaded);
            image.removeEventListener("error", error2);
          };
          var loaded = function() {
            removeListeners();
            resolve(image);
          };
          var error2 = function() {
            removeListeners();
            reject("Unable to load data of type " + blob.type + ": " + blobUrl);
          };
          image.addEventListener("load", loaded);
          image.addEventListener("error", error2);
          image.src = blobUrl;
          if (image.complete) {
            setTimeout(loaded, 0);
          }
        });
      };
      var dataUriToBlobSync = function(uri) {
        var data = uri.split(",");
        var matches = /data:([^;]+)/.exec(data[0]);
        if (!matches) {
          return Optional.none();
        }
        var mimetype = matches[1];
        var base64 = data[1];
        var sliceSize = 1024;
        var byteCharacters = atob(base64);
        var bytesLength = byteCharacters.length;
        var slicesCount = Math.ceil(bytesLength / sliceSize);
        var byteArrays = new Array(slicesCount);
        for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
          var begin = sliceIndex * sliceSize;
          var end = Math.min(begin + sliceSize, bytesLength);
          var bytes = new Array(end - begin);
          for (var offset2 = begin, i = 0; offset2 < end; ++i, ++offset2) {
            bytes[i] = byteCharacters[offset2].charCodeAt(0);
          }
          byteArrays[sliceIndex] = new Uint8Array(bytes);
        }
        return Optional.some(new Blob(byteArrays, { type: mimetype }));
      };
      var dataUriToBlob = function(uri) {
        return new Promise$1(function(resolve, reject) {
          dataUriToBlobSync(uri).fold(function() {
            reject("uri is not base64: " + uri);
          }, resolve);
        });
      };
      var canvasToBlob = function(canvas, type2, quality) {
        type2 = type2 || "image/png";
        if (isFunction(HTMLCanvasElement.prototype.toBlob)) {
          return new Promise$1(function(resolve, reject) {
            canvas.toBlob(function(blob) {
              if (blob) {
                resolve(blob);
              } else {
                reject();
              }
            }, type2, quality);
          });
        } else {
          return dataUriToBlob(canvas.toDataURL(type2, quality));
        }
      };
      var canvasToDataURL = function(canvas, type2, quality) {
        type2 = type2 || "image/png";
        return canvas.toDataURL(type2, quality);
      };
      var blobToCanvas = function(blob) {
        return blobToImage(blob).then(function(image) {
          revokeImageUrl(image);
          var canvas = create$3(getWidth$1(image), getHeight$1(image));
          var context = get2dContext(canvas);
          context.drawImage(image, 0, 0);
          return canvas;
        });
      };
      var blobToDataUri = function(blob) {
        return new Promise$1(function(resolve) {
          var reader = new FileReader();
          reader.onloadend = function() {
            resolve(reader.result);
          };
          reader.readAsDataURL(blob);
        });
      };
      var revokeImageUrl = function(image) {
        URL.revokeObjectURL(image.src);
      };
      var create$2 = function(getCanvas, blob, uri) {
        var initialType = blob.type;
        var getType = constant$1(initialType);
        var toBlob = function() {
          return Promise$1.resolve(blob);
        };
        var toDataURL = constant$1(uri);
        var toBase64 = function() {
          return uri.split(",")[1];
        };
        var toAdjustedBlob = function(type2, quality) {
          return getCanvas.then(function(canvas) {
            return canvasToBlob(canvas, type2, quality);
          });
        };
        var toAdjustedDataURL = function(type2, quality) {
          return getCanvas.then(function(canvas) {
            return canvasToDataURL(canvas, type2, quality);
          });
        };
        var toAdjustedBase64 = function(type2, quality) {
          return toAdjustedDataURL(type2, quality).then(function(dataurl) {
            return dataurl.split(",")[1];
          });
        };
        var toCanvas = function() {
          return getCanvas.then(clone);
        };
        return {
          getType,
          toBlob,
          toDataURL,
          toBase64,
          toAdjustedBlob,
          toAdjustedDataURL,
          toAdjustedBase64,
          toCanvas
        };
      };
      var fromBlob = function(blob) {
        return blobToDataUri(blob).then(function(uri) {
          return create$2(blobToCanvas(blob), blob, uri);
        });
      };
      var fromCanvas = function(canvas, type2) {
        return canvasToBlob(canvas, type2).then(function(blob) {
          return create$2(Promise$1.resolve(canvas), blob, canvas.toDataURL());
        });
      };
      var blobToImageResult = function(blob) {
        return fromBlob(blob);
      };
      var clamp = function(value2, min2, max2) {
        var parsedValue = typeof value2 === "string" ? parseFloat(value2) : value2;
        if (parsedValue > max2) {
          parsedValue = max2;
        } else if (parsedValue < min2) {
          parsedValue = min2;
        }
        return parsedValue;
      };
      var identity = function() {
        return [
          1,
          0,
          0,
          0,
          0,
          0,
          1,
          0,
          0,
          0,
          0,
          0,
          1,
          0,
          0,
          0,
          0,
          0,
          1,
          0,
          0,
          0,
          0,
          0,
          1
        ];
      };
      var DELTA_INDEX = [
        0,
        0.01,
        0.02,
        0.04,
        0.05,
        0.06,
        0.07,
        0.08,
        0.1,
        0.11,
        0.12,
        0.14,
        0.15,
        0.16,
        0.17,
        0.18,
        0.2,
        0.21,
        0.22,
        0.24,
        0.25,
        0.27,
        0.28,
        0.3,
        0.32,
        0.34,
        0.36,
        0.38,
        0.4,
        0.42,
        0.44,
        0.46,
        0.48,
        0.5,
        0.53,
        0.56,
        0.59,
        0.62,
        0.65,
        0.68,
        0.71,
        0.74,
        0.77,
        0.8,
        0.83,
        0.86,
        0.89,
        0.92,
        0.95,
        0.98,
        1,
        1.06,
        1.12,
        1.18,
        1.24,
        1.3,
        1.36,
        1.42,
        1.48,
        1.54,
        1.6,
        1.66,
        1.72,
        1.78,
        1.84,
        1.9,
        1.96,
        2,
        2.12,
        2.25,
        2.37,
        2.5,
        2.62,
        2.75,
        2.87,
        3,
        3.2,
        3.4,
        3.6,
        3.8,
        4,
        4.3,
        4.7,
        4.9,
        5,
        5.5,
        6,
        6.5,
        6.8,
        7,
        7.3,
        7.5,
        7.8,
        8,
        8.4,
        8.7,
        9,
        9.4,
        9.6,
        9.8,
        10
      ];
      var multiply = function(matrix1, matrix2) {
        var col = [];
        var out = new Array(25);
        var val;
        for (var i = 0; i < 5; i++) {
          for (var j = 0; j < 5; j++) {
            col[j] = matrix2[j + i * 5];
          }
          for (var j = 0; j < 5; j++) {
            val = 0;
            for (var k = 0; k < 5; k++) {
              val += matrix1[j + k * 5] * col[k];
            }
            out[j + i * 5] = val;
          }
        }
        return out;
      };
      var adjustContrast = function(matrix2, value2) {
        var x;
        value2 = clamp(value2, -1, 1);
        value2 *= 100;
        if (value2 < 0) {
          x = 127 + value2 / 100 * 127;
        } else {
          x = value2 % 1;
          if (x === 0) {
            x = DELTA_INDEX[value2];
          } else {
            x = DELTA_INDEX[Math.floor(value2)] * (1 - x) + DELTA_INDEX[Math.floor(value2) + 1] * x;
          }
          x = x * 127 + 127;
        }
        return multiply(matrix2, [
          x / 127,
          0,
          0,
          0,
          0.5 * (127 - x),
          0,
          x / 127,
          0,
          0,
          0.5 * (127 - x),
          0,
          0,
          x / 127,
          0,
          0.5 * (127 - x),
          0,
          0,
          0,
          1,
          0,
          0,
          0,
          0,
          0,
          1
        ]);
      };
      var adjustBrightness = function(matrix2, value2) {
        value2 = clamp(255 * value2, -255, 255);
        return multiply(matrix2, [
          1,
          0,
          0,
          0,
          value2,
          0,
          1,
          0,
          0,
          value2,
          0,
          0,
          1,
          0,
          value2,
          0,
          0,
          0,
          1,
          0,
          0,
          0,
          0,
          0,
          1
        ]);
      };
      var adjustColors = function(matrix2, adjustR, adjustG, adjustB) {
        adjustR = clamp(adjustR, 0, 2);
        adjustG = clamp(adjustG, 0, 2);
        adjustB = clamp(adjustB, 0, 2);
        return multiply(matrix2, [
          adjustR,
          0,
          0,
          0,
          0,
          0,
          adjustG,
          0,
          0,
          0,
          0,
          0,
          adjustB,
          0,
          0,
          0,
          0,
          0,
          1,
          0,
          0,
          0,
          0,
          0,
          1
        ]);
      };
      var colorFilter = function(ir, matrix2) {
        return ir.toCanvas().then(function(canvas) {
          return applyColorFilter(canvas, ir.getType(), matrix2);
        });
      };
      var applyColorFilter = function(canvas, type2, matrix2) {
        var context = get2dContext(canvas);
        var applyMatrix = function(pixelsData, m) {
          var r2, g, b2, a;
          var data = pixelsData.data, m0 = m[0], m1 = m[1], m2 = m[2], m3 = m[3], m4 = m[4], m5 = m[5], m6 = m[6], m7 = m[7], m8 = m[8], m9 = m[9], m10 = m[10], m11 = m[11], m12 = m[12], m13 = m[13], m14 = m[14], m15 = m[15], m16 = m[16], m17 = m[17], m18 = m[18], m19 = m[19];
          for (var i = 0; i < data.length; i += 4) {
            r2 = data[i];
            g = data[i + 1];
            b2 = data[i + 2];
            a = data[i + 3];
            data[i] = r2 * m0 + g * m1 + b2 * m2 + a * m3 + m4;
            data[i + 1] = r2 * m5 + g * m6 + b2 * m7 + a * m8 + m9;
            data[i + 2] = r2 * m10 + g * m11 + b2 * m12 + a * m13 + m14;
            data[i + 3] = r2 * m15 + g * m16 + b2 * m17 + a * m18 + m19;
          }
          return pixelsData;
        };
        var pixels = applyMatrix(context.getImageData(0, 0, canvas.width, canvas.height), matrix2);
        context.putImageData(pixels, 0, 0);
        return fromCanvas(canvas, type2);
      };
      var convoluteFilter = function(ir, matrix2) {
        return ir.toCanvas().then(function(canvas) {
          return applyConvoluteFilter(canvas, ir.getType(), matrix2);
        });
      };
      var applyConvoluteFilter = function(canvas, type2, matrix2) {
        var context = get2dContext(canvas);
        var applyMatrix = function(pIn, pOut, aMatrix) {
          var clamp2 = function(value2, min2, max2) {
            if (value2 > max2) {
              value2 = max2;
            } else if (value2 < min2) {
              value2 = min2;
            }
            return value2;
          };
          var side = Math.round(Math.sqrt(aMatrix.length));
          var halfSide = Math.floor(side / 2);
          var rgba = pIn.data;
          var drgba = pOut.data;
          var w = pIn.width;
          var h = pIn.height;
          for (var y = 0; y < h; y++) {
            for (var x = 0; x < w; x++) {
              var r2 = 0;
              var g = 0;
              var b2 = 0;
              for (var cy = 0; cy < side; cy++) {
                for (var cx = 0; cx < side; cx++) {
                  var scx = clamp2(x + cx - halfSide, 0, w - 1);
                  var scy = clamp2(y + cy - halfSide, 0, h - 1);
                  var innerOffset = (scy * w + scx) * 4;
                  var wt = aMatrix[cy * side + cx];
                  r2 += rgba[innerOffset] * wt;
                  g += rgba[innerOffset + 1] * wt;
                  b2 += rgba[innerOffset + 2] * wt;
                }
              }
              var offset2 = (y * w + x) * 4;
              drgba[offset2] = clamp2(r2, 0, 255);
              drgba[offset2 + 1] = clamp2(g, 0, 255);
              drgba[offset2 + 2] = clamp2(b2, 0, 255);
            }
          }
          return pOut;
        };
        var pixelsIn = context.getImageData(0, 0, canvas.width, canvas.height);
        var pixelsOut = context.getImageData(0, 0, canvas.width, canvas.height);
        pixelsOut = applyMatrix(pixelsIn, pixelsOut, matrix2);
        context.putImageData(pixelsOut, 0, 0);
        return fromCanvas(canvas, type2);
      };
      var functionColorFilter = function(colorFn) {
        var filterImpl = function(canvas, type2, value2) {
          var context = get2dContext(canvas);
          var lookup2 = new Array(256);
          var applyLookup = function(pixelsData, lookupData) {
            var data = pixelsData.data;
            for (var i2 = 0; i2 < data.length; i2 += 4) {
              data[i2] = lookupData[data[i2]];
              data[i2 + 1] = lookupData[data[i2 + 1]];
              data[i2 + 2] = lookupData[data[i2 + 2]];
            }
            return pixelsData;
          };
          for (var i = 0; i < lookup2.length; i++) {
            lookup2[i] = colorFn(i, value2);
          }
          var pixels = applyLookup(context.getImageData(0, 0, canvas.width, canvas.height), lookup2);
          context.putImageData(pixels, 0, 0);
          return fromCanvas(canvas, type2);
        };
        return function(ir, value2) {
          return ir.toCanvas().then(function(canvas) {
            return filterImpl(canvas, ir.getType(), value2);
          });
        };
      };
      var complexAdjustableColorFilter = function(matrixAdjustFn) {
        return function(ir, adjust) {
          return colorFilter(ir, matrixAdjustFn(identity(), adjust));
        };
      };
      var basicColorFilter = function(matrix2) {
        return function(ir) {
          return colorFilter(ir, matrix2);
        };
      };
      var basicConvolutionFilter = function(kernel) {
        return function(ir) {
          return convoluteFilter(ir, kernel);
        };
      };
      var invert$1 = basicColorFilter([
        -1,
        0,
        0,
        0,
        255,
        0,
        -1,
        0,
        0,
        255,
        0,
        0,
        -1,
        0,
        255,
        0,
        0,
        0,
        1,
        0,
        0,
        0,
        0,
        0,
        1
      ]);
      var brightness$1 = complexAdjustableColorFilter(adjustBrightness);
      var contrast$1 = complexAdjustableColorFilter(adjustContrast);
      var colorize$1 = function(ir, adjustR, adjustG, adjustB) {
        return colorFilter(ir, adjustColors(identity(), adjustR, adjustG, adjustB));
      };
      var sharpen$1 = basicConvolutionFilter([
        0,
        -1,
        0,
        -1,
        5,
        -1,
        0,
        -1,
        0
      ]);
      var gamma$1 = functionColorFilter(function(color, value2) {
        return Math.pow(color / 255, 1 - value2) * 255;
      });
      var scale = function(image, dW, dH) {
        var sW = getWidth$1(image);
        var sH = getHeight$1(image);
        var wRatio = dW / sW;
        var hRatio = dH / sH;
        var scaleCapped = false;
        if (wRatio < 0.5 || wRatio > 2) {
          wRatio = wRatio < 0.5 ? 0.5 : 2;
          scaleCapped = true;
        }
        if (hRatio < 0.5 || hRatio > 2) {
          hRatio = hRatio < 0.5 ? 0.5 : 2;
          scaleCapped = true;
        }
        var scaled = _scale(image, wRatio, hRatio);
        return !scaleCapped ? scaled : scaled.then(function(tCanvas) {
          return scale(tCanvas, dW, dH);
        });
      };
      var _scale = function(image, wRatio, hRatio) {
        return new Promise$1(function(resolve) {
          var sW = getWidth$1(image);
          var sH = getHeight$1(image);
          var dW = Math.floor(sW * wRatio);
          var dH = Math.floor(sH * hRatio);
          var canvas = create$3(dW, dH);
          var context = get2dContext(canvas);
          context.drawImage(image, 0, 0, sW, sH, 0, 0, dW, dH);
          resolve(canvas);
        });
      };
      var ceilWithPrecision = function(num, precision) {
        if (precision === void 0) {
          precision = 2;
        }
        var mul = Math.pow(10, precision);
        var upper = Math.round(num * mul);
        return Math.ceil(upper / mul);
      };
      var rotate$1 = function(ir, angle) {
        return ir.toCanvas().then(function(canvas) {
          return applyRotate(canvas, ir.getType(), angle);
        });
      };
      var applyRotate = function(image, type2, angle) {
        var degrees = angle < 0 ? 360 + angle : angle;
        var rad = degrees * Math.PI / 180;
        var width2 = image.width;
        var height2 = image.height;
        var sin = Math.sin(rad);
        var cos = Math.cos(rad);
        var newWidth = ceilWithPrecision(Math.abs(width2 * cos) + Math.abs(height2 * sin));
        var newHeight = ceilWithPrecision(Math.abs(width2 * sin) + Math.abs(height2 * cos));
        var canvas = create$3(newWidth, newHeight);
        var context = get2dContext(canvas);
        context.translate(newWidth / 2, newHeight / 2);
        context.rotate(rad);
        context.drawImage(image, -width2 / 2, -height2 / 2);
        return fromCanvas(canvas, type2);
      };
      var flip$1 = function(ir, axis) {
        return ir.toCanvas().then(function(canvas) {
          return applyFlip(canvas, ir.getType(), axis);
        });
      };
      var applyFlip = function(image, type2, axis) {
        var canvas = create$3(image.width, image.height);
        var context = get2dContext(canvas);
        if (axis === "v") {
          context.scale(1, -1);
          context.drawImage(image, 0, -canvas.height);
        } else {
          context.scale(-1, 1);
          context.drawImage(image, -canvas.width, 0);
        }
        return fromCanvas(canvas, type2);
      };
      var crop$1 = function(ir, x, y, w, h) {
        return ir.toCanvas().then(function(canvas) {
          return applyCrop(canvas, ir.getType(), x, y, w, h);
        });
      };
      var applyCrop = function(image, type2, x, y, w, h) {
        var canvas = create$3(w, h);
        var context = get2dContext(canvas);
        context.drawImage(image, -x, -y);
        return fromCanvas(canvas, type2);
      };
      var resize$2 = function(ir, w, h) {
        return ir.toCanvas().then(function(canvas) {
          return scale(canvas, w, h).then(function(newCanvas) {
            return fromCanvas(newCanvas, ir.getType());
          });
        });
      };
      var invert = function(ir) {
        return invert$1(ir);
      };
      var sharpen = function(ir) {
        return sharpen$1(ir);
      };
      var gamma = function(ir, value2) {
        return gamma$1(ir, value2);
      };
      var colorize = function(ir, adjustR, adjustG, adjustB) {
        return colorize$1(ir, adjustR, adjustG, adjustB);
      };
      var brightness = function(ir, adjust) {
        return brightness$1(ir, adjust);
      };
      var contrast = function(ir, adjust) {
        return contrast$1(ir, adjust);
      };
      var flip = function(ir, axis) {
        return flip$1(ir, axis);
      };
      var crop = function(ir, x, y, w, h) {
        return crop$1(ir, x, y, w, h);
      };
      var resize$1 = function(ir, w, h) {
        return resize$2(ir, w, h);
      };
      var rotate = function(ir, angle) {
        return rotate$1(ir, angle);
      };
      var renderIcon = function(iconName, iconsProvider, behaviours2) {
        return render$3(iconName, {
          tag: "span",
          classes: [
            "tox-icon",
            "tox-tbtn__icon-wrap"
          ],
          behaviours: behaviours2
        }, iconsProvider);
      };
      var renderIconFromPack = function(iconName, iconsProvider) {
        return renderIcon(iconName, iconsProvider, []);
      };
      var renderReplacableIconFromPack = function(iconName, iconsProvider) {
        return renderIcon(iconName, iconsProvider, [Replacing.config({})]);
      };
      var renderLabel$1 = function(text2, prefix2, providersBackstage) {
        return {
          dom: {
            tag: "span",
            innerHtml: providersBackstage.translate(text2),
            classes: [prefix2 + "__select-label"]
          },
          behaviours: derive$1([Replacing.config({})])
        };
      };
      var _a;
      var internalToolbarButtonExecute = generate$6("toolbar.button.execute");
      var onToolbarButtonExecute = function(info) {
        return runOnExecute$1(function(comp, _simulatedEvent) {
          runWithApi(info, comp)(function(itemApi) {
            emitWith(comp, internalToolbarButtonExecute, { buttonApi: itemApi });
            info.onAction(itemApi);
          });
        });
      };
      var toolbarButtonEventOrder = (_a = {}, _a[execute$5()] = [
        "disabling",
        "alloy.base.behaviour",
        "toggling",
        "toolbar-button-events"
      ], _a);
      var updateMenuText = generate$6("update-menu-text");
      var updateMenuIcon = generate$6("update-menu-icon");
      var renderCommonDropdown = function(spec, prefix2, sharedBackstage) {
        var editorOffCell = Cell(noop);
        var optMemDisplayText = spec.text.map(function(text2) {
          return record(renderLabel$1(text2, prefix2, sharedBackstage.providers));
        });
        var optMemDisplayIcon = spec.icon.map(function(iconName) {
          return record(renderReplacableIconFromPack(iconName, sharedBackstage.providers.icons));
        });
        var onLeftOrRightInMenu = function(comp, se) {
          var dropdown = Representing.getValue(comp);
          Focusing.focus(dropdown);
          emitWith(dropdown, "keydown", { raw: se.event.raw });
          Dropdown.close(dropdown);
          return Optional.some(true);
        };
        var role = spec.role.fold(function() {
          return {};
        }, function(role2) {
          return { role: role2 };
        });
        var tooltipAttributes = spec.tooltip.fold(function() {
          return {};
        }, function(tooltip) {
          var translatedTooltip = sharedBackstage.providers.translate(tooltip);
          return {
            "title": translatedTooltip,
            "aria-label": translatedTooltip
          };
        });
        var iconSpec = render$3("chevron-down", {
          tag: "div",
          classes: [prefix2 + "__select-chevron"]
        }, sharedBackstage.providers.icons);
        var memDropdown = record(Dropdown.sketch(__assign(__assign(__assign({}, spec.uid ? { uid: spec.uid } : {}), role), {
          dom: {
            tag: "button",
            classes: [
              prefix2,
              prefix2 + "--select"
            ].concat(map$2(spec.classes, function(c) {
              return prefix2 + "--" + c;
            })),
            attributes: __assign({}, tooltipAttributes)
          },
          components: componentRenderPipeline([
            optMemDisplayIcon.map(function(mem) {
              return mem.asSpec();
            }),
            optMemDisplayText.map(function(mem) {
              return mem.asSpec();
            }),
            Optional.some(iconSpec)
          ]),
          matchWidth: true,
          useMinWidth: true,
          dropdownBehaviours: derive$1(__spreadArray(__spreadArray([], spec.dropdownBehaviours, true), [
            DisablingConfigs.button(function() {
              return spec.disabled || sharedBackstage.providers.isDisabled();
            }),
            receivingConfig(),
            Unselecting.config({}),
            Replacing.config({}),
            config("dropdown-events", [
              onControlAttached(spec, editorOffCell),
              onControlDetached(spec, editorOffCell)
            ]),
            config("menubutton-update-display-text", [
              run$1(updateMenuText, function(comp, se) {
                optMemDisplayText.bind(function(mem) {
                  return mem.getOpt(comp);
                }).each(function(displayText) {
                  Replacing.set(displayText, [text(sharedBackstage.providers.translate(se.event.text))]);
                });
              }),
              run$1(updateMenuIcon, function(comp, se) {
                optMemDisplayIcon.bind(function(mem) {
                  return mem.getOpt(comp);
                }).each(function(displayIcon) {
                  Replacing.set(displayIcon, [renderReplacableIconFromPack(se.event.icon, sharedBackstage.providers.icons)]);
                });
              })
            ])
          ], false)),
          eventOrder: deepMerge(toolbarButtonEventOrder, {
            mousedown: [
              "focusing",
              "alloy.base.behaviour",
              "item-type-events",
              "normal-dropdown-events"
            ]
          }),
          sandboxBehaviours: derive$1([Keying.config({
            mode: "special",
            onLeft: onLeftOrRightInMenu,
            onRight: onLeftOrRightInMenu
          })]),
          lazySink: sharedBackstage.getSink,
          toggleClass: prefix2 + "--active",
          parts: { menu: part(false, spec.columns, spec.presets) },
          fetch: function(comp) {
            return Future.nu(curry(spec.fetch, comp));
          }
        })));
        return memDropdown.asSpec();
      };
      var isMenuItemReference = function(item2) {
        return isString(item2);
      };
      var isSeparator$1 = function(item2) {
        return item2.type === "separator";
      };
      var isExpandingMenuItem = function(item2) {
        return has$2(item2, "getSubmenuItems");
      };
      var separator$2 = { type: "separator" };
      var unwrapReferences = function(items, menuItems) {
        var realItems = foldl(items, function(acc, item2) {
          if (isMenuItemReference(item2)) {
            if (item2 === "") {
              return acc;
            } else if (item2 === "|") {
              return acc.length > 0 && !isSeparator$1(acc[acc.length - 1]) ? acc.concat([separator$2]) : acc;
            } else if (has$2(menuItems, item2.toLowerCase())) {
              return acc.concat([menuItems[item2.toLowerCase()]]);
            } else {
              return acc;
            }
          } else {
            return acc.concat([item2]);
          }
        }, []);
        if (realItems.length > 0 && isSeparator$1(realItems[realItems.length - 1])) {
          realItems.pop();
        }
        return realItems;
      };
      var getFromExpandingItem = function(item2, menuItems) {
        var submenuItems = item2.getSubmenuItems();
        var rest = expand(submenuItems, menuItems);
        var newMenus = deepMerge(rest.menus, wrap$1(item2.value, rest.items));
        var newExpansions = deepMerge(rest.expansions, wrap$1(item2.value, item2.value));
        return {
          item: item2,
          menus: newMenus,
          expansions: newExpansions
        };
      };
      var getFromItem = function(item2, menuItems) {
        return isExpandingMenuItem(item2) ? getFromExpandingItem(item2, menuItems) : {
          item: item2,
          menus: {},
          expansions: {}
        };
      };
      var generateValueIfRequired = function(item2) {
        if (isSeparator$1(item2)) {
          return item2;
        } else {
          var itemValue = get$e(item2, "value").getOrThunk(function() {
            return generate$6("generated-menu-item");
          });
          return deepMerge({ value: itemValue }, item2);
        }
      };
      var expand = function(items, menuItems) {
        var realItems = unwrapReferences(isString(items) ? items.split(" ") : items, menuItems);
        return foldr(realItems, function(acc, item2) {
          var itemWithValue = generateValueIfRequired(item2);
          var newData = getFromItem(itemWithValue, menuItems);
          return {
            menus: deepMerge(acc.menus, newData.menus),
            items: [newData.item].concat(acc.items),
            expansions: deepMerge(acc.expansions, newData.expansions)
          };
        }, {
          menus: {},
          expansions: {},
          items: []
        });
      };
      var build = function(items, itemResponse, backstage, isHorizontalMenu) {
        var primary = generate$6("primary-menu");
        var data = expand(items, backstage.shared.providers.menuItems());
        if (data.items.length === 0) {
          return Optional.none();
        }
        var mainMenu = createPartialMenu(primary, data.items, itemResponse, backstage, isHorizontalMenu);
        var submenus = map$1(data.menus, function(menuItems, menuName) {
          return createPartialMenu(menuName, menuItems, itemResponse, backstage, false);
        });
        var menus = deepMerge(submenus, wrap$1(primary, mainMenu));
        return Optional.from(tieredMenu.tieredData(primary, menus, data.expansions));
      };
      var getMenuButtonApi = function(component) {
        return {
          isDisabled: function() {
            return Disabling.isDisabled(component);
          },
          setDisabled: function(state) {
            return Disabling.set(component, state);
          },
          setActive: function(state) {
            var elm = component.element;
            if (state) {
              add$2(elm, "tox-tbtn--enabled");
              set$8(elm, "aria-pressed", true);
            } else {
              remove$2(elm, "tox-tbtn--enabled");
              remove$7(elm, "aria-pressed");
            }
          },
          isActive: function() {
            return has(component.element, "tox-tbtn--enabled");
          }
        };
      };
      var renderMenuButton = function(spec, prefix2, backstage, role) {
        return renderCommonDropdown({
          text: spec.text,
          icon: spec.icon,
          tooltip: spec.tooltip,
          role,
          fetch: function(_comp, callback) {
            spec.fetch(function(items) {
              callback(build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, false));
            });
          },
          onSetup: spec.onSetup,
          getApi: getMenuButtonApi,
          columns: 1,
          presets: "normal",
          classes: [],
          dropdownBehaviours: [Tabstopping.config({})]
        }, prefix2, backstage.shared);
      };
      var getFetch = function(items, getButton, backstage) {
        var getMenuItemAction = function(item2) {
          return function(api2) {
            var newValue = !api2.isActive();
            api2.setActive(newValue);
            item2.storage.set(newValue);
            backstage.shared.getSink().each(function(sink) {
              getButton().getOpt(sink).each(function(orig) {
                focus$3(orig.element);
                emitWith(orig, formActionEvent, {
                  name: item2.name,
                  value: item2.storage.get()
                });
              });
            });
          };
        };
        var getMenuItemSetup = function(item2) {
          return function(api2) {
            api2.setActive(item2.storage.get());
          };
        };
        return function(success) {
          success(map$2(items, function(item2) {
            var text2 = item2.text.fold(function() {
              return {};
            }, function(text3) {
              return { text: text3 };
            });
            return __assign(__assign({
              type: item2.type,
              active: false
            }, text2), {
              onAction: getMenuItemAction(item2),
              onSetup: getMenuItemSetup(item2)
            });
          }));
        };
      };
      var renderCommonSpec = function(spec, actionOpt, extraBehaviours, dom2, components2, providersBackstage) {
        if (extraBehaviours === void 0) {
          extraBehaviours = [];
        }
        var action = actionOpt.fold(function() {
          return {};
        }, function(action2) {
          return { action: action2 };
        });
        var common = __assign({
          buttonBehaviours: derive$1([
            DisablingConfigs.button(function() {
              return spec.disabled || providersBackstage.isDisabled();
            }),
            receivingConfig(),
            Tabstopping.config({}),
            config("button press", [
              preventDefault("click"),
              preventDefault("mousedown")
            ])
          ].concat(extraBehaviours)),
          eventOrder: {
            click: [
              "button press",
              "alloy.base.behaviour"
            ],
            mousedown: [
              "button press",
              "alloy.base.behaviour"
            ]
          }
        }, action);
        var domFinal = deepMerge(common, { dom: dom2 });
        return deepMerge(domFinal, { components: components2 });
      };
      var renderIconButtonSpec = function(spec, action, providersBackstage, extraBehaviours) {
        if (extraBehaviours === void 0) {
          extraBehaviours = [];
        }
        var tooltipAttributes = spec.tooltip.map(function(tooltip) {
          return {
            "aria-label": providersBackstage.translate(tooltip),
            "title": providersBackstage.translate(tooltip)
          };
        }).getOr({});
        var dom2 = {
          tag: "button",
          classes: ["tox-tbtn"],
          attributes: tooltipAttributes
        };
        var icon = spec.icon.map(function(iconName) {
          return renderIconFromPack(iconName, providersBackstage.icons);
        });
        var components2 = componentRenderPipeline([icon]);
        return renderCommonSpec(spec, action, extraBehaviours, dom2, components2, providersBackstage);
      };
      var renderIconButton = function(spec, action, providersBackstage, extraBehaviours) {
        if (extraBehaviours === void 0) {
          extraBehaviours = [];
        }
        var iconButtonSpec = renderIconButtonSpec(spec, Optional.some(action), providersBackstage, extraBehaviours);
        return Button.sketch(iconButtonSpec);
      };
      var renderButtonSpec = function(spec, action, providersBackstage, extraBehaviours, extraClasses) {
        if (extraBehaviours === void 0) {
          extraBehaviours = [];
        }
        if (extraClasses === void 0) {
          extraClasses = [];
        }
        var translatedText = providersBackstage.translate(spec.text);
        var icon = spec.icon ? spec.icon.map(function(iconName) {
          return renderIconFromPack(iconName, providersBackstage.icons);
        }) : Optional.none();
        var components2 = icon.isSome() ? componentRenderPipeline([icon]) : [];
        var innerHtml = icon.isSome() ? {} : { innerHtml: translatedText };
        var classes2 = __spreadArray(__spreadArray(__spreadArray(__spreadArray([], !spec.primary && !spec.borderless ? [
          "tox-button",
          "tox-button--secondary"
        ] : ["tox-button"], true), icon.isSome() ? ["tox-button--icon"] : [], true), spec.borderless ? ["tox-button--naked"] : [], true), extraClasses, true);
        var dom2 = __assign(__assign({
          tag: "button",
          classes: classes2
        }, innerHtml), { attributes: { title: translatedText } });
        return renderCommonSpec(spec, action, extraBehaviours, dom2, components2, providersBackstage);
      };
      var renderButton = function(spec, action, providersBackstage, extraBehaviours, extraClasses) {
        if (extraBehaviours === void 0) {
          extraBehaviours = [];
        }
        if (extraClasses === void 0) {
          extraClasses = [];
        }
        var buttonSpec = renderButtonSpec(spec, Optional.some(action), providersBackstage, extraBehaviours, extraClasses);
        return Button.sketch(buttonSpec);
      };
      var getAction = function(name2, buttonType) {
        return function(comp) {
          if (buttonType === "custom") {
            emitWith(comp, formActionEvent, {
              name: name2,
              value: {}
            });
          } else if (buttonType === "submit") {
            emit(comp, formSubmitEvent);
          } else if (buttonType === "cancel") {
            emit(comp, formCancelEvent);
          } else {
            console.error("Unknown button type: ", buttonType);
          }
        };
      };
      var isMenuFooterButtonSpec = function(spec, buttonType) {
        return buttonType === "menu";
      };
      var isNormalFooterButtonSpec = function(spec, buttonType) {
        return buttonType === "custom" || buttonType === "cancel" || buttonType === "submit";
      };
      var renderFooterButton = function(spec, buttonType, backstage) {
        if (isMenuFooterButtonSpec(spec, buttonType)) {
          var getButton = function() {
            return memButton_1;
          };
          var menuButtonSpec = spec;
          var fixedSpec = __assign(__assign({}, spec), {
            onSetup: function(api2) {
              api2.setDisabled(spec.disabled);
              return noop;
            },
            fetch: getFetch(menuButtonSpec.items, getButton, backstage)
          });
          var memButton_1 = record(renderMenuButton(fixedSpec, "tox-tbtn", backstage, Optional.none()));
          return memButton_1.asSpec();
        } else if (isNormalFooterButtonSpec(spec, buttonType)) {
          var action = getAction(spec.name, buttonType);
          var buttonSpec = __assign(__assign({}, spec), { borderless: false });
          return renderButton(buttonSpec, action, backstage.shared.providers, []);
        } else {
          console.error("Unknown footer button type: ", buttonType);
        }
      };
      var renderDialogButton = function(spec, providersBackstage) {
        var action = getAction(spec.name, "custom");
        return renderFormField(Optional.none(), FormField.parts.field(__assign({ factory: Button }, renderButtonSpec(spec, Optional.some(action), providersBackstage, [
          RepresentingConfigs.memory(""),
          ComposingConfigs.self()
        ]))));
      };
      var schema$h = constant$1([
        defaulted("field1Name", "field1"),
        defaulted("field2Name", "field2"),
        onStrictHandler("onLockedChange"),
        markers$1(["lockClass"]),
        defaulted("locked", false),
        SketchBehaviours.field("coupledFieldBehaviours", [
          Composing,
          Representing
        ])
      ]);
      var getField = function(comp, detail, partName) {
        return getPart(comp, detail, partName).bind(Composing.getCurrent);
      };
      var coupledPart = function(selfName, otherName) {
        return required({
          factory: FormField,
          name: selfName,
          overrides: function(detail) {
            return {
              fieldBehaviours: derive$1([config("coupled-input-behaviour", [run$1(input(), function(me) {
                getField(me, detail, otherName).each(function(other) {
                  getPart(me, detail, "lock").each(function(lock) {
                    if (Toggling.isOn(lock)) {
                      detail.onLockedChange(me, other, lock);
                    }
                  });
                });
              })])])
            };
          }
        });
      };
      var parts$c = constant$1([
        coupledPart("field1", "field2"),
        coupledPart("field2", "field1"),
        required({
          factory: Button,
          schema: [required$1("dom")],
          name: "lock",
          overrides: function(detail) {
            return {
              buttonBehaviours: derive$1([Toggling.config({
                selected: detail.locked,
                toggleClass: detail.markers.lockClass,
                aria: { mode: "pressed" }
              })])
            };
          }
        })
      ]);
      var factory$f = function(detail, components2, _spec, _externals) {
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          behaviours: SketchBehaviours.augment(detail.coupledFieldBehaviours, [
            Composing.config({ find: Optional.some }),
            Representing.config({
              store: {
                mode: "manual",
                getValue: function(comp) {
                  var _a2;
                  var parts2 = getPartsOrDie(comp, detail, [
                    "field1",
                    "field2"
                  ]);
                  return _a2 = {}, _a2[detail.field1Name] = Representing.getValue(parts2.field1()), _a2[detail.field2Name] = Representing.getValue(parts2.field2()), _a2;
                },
                setValue: function(comp, value2) {
                  var parts2 = getPartsOrDie(comp, detail, [
                    "field1",
                    "field2"
                  ]);
                  if (hasNonNullableKey(value2, detail.field1Name)) {
                    Representing.setValue(parts2.field1(), value2[detail.field1Name]);
                  }
                  if (hasNonNullableKey(value2, detail.field2Name)) {
                    Representing.setValue(parts2.field2(), value2[detail.field2Name]);
                  }
                }
              }
            })
          ]),
          apis: {
            getField1: function(component) {
              return getPart(component, detail, "field1");
            },
            getField2: function(component) {
              return getPart(component, detail, "field2");
            },
            getLock: function(component) {
              return getPart(component, detail, "lock");
            }
          }
        };
      };
      var FormCoupledInputs = composite({
        name: "FormCoupledInputs",
        configFields: schema$h(),
        partFields: parts$c(),
        factory: factory$f,
        apis: {
          getField1: function(apis, component) {
            return apis.getField1(component);
          },
          getField2: function(apis, component) {
            return apis.getField2(component);
          },
          getLock: function(apis, component) {
            return apis.getLock(component);
          }
        }
      });
      var formatSize = function(size) {
        var unitDec = {
          "": 0,
          "px": 0,
          "pt": 1,
          "mm": 1,
          "pc": 2,
          "ex": 2,
          "em": 2,
          "ch": 2,
          "rem": 2,
          "cm": 3,
          "in": 4,
          "%": 4
        };
        var maxDecimal = function(unit) {
          return unit in unitDec ? unitDec[unit] : 1;
        };
        var numText = size.value.toFixed(maxDecimal(size.unit));
        if (numText.indexOf(".") !== -1) {
          numText = numText.replace(/\.?0*$/, "");
        }
        return numText + size.unit;
      };
      var parseSize = function(sizeText) {
        var numPattern = /^\s*(\d+(?:\.\d+)?)\s*(|cm|mm|in|px|pt|pc|em|ex|ch|rem|vw|vh|vmin|vmax|%)\s*$/;
        var match = numPattern.exec(sizeText);
        if (match !== null) {
          var value2 = parseFloat(match[1]);
          var unit = match[2];
          return Result.value({
            value: value2,
            unit
          });
        } else {
          return Result.error(sizeText);
        }
      };
      var convertUnit = function(size, unit) {
        var inInch = {
          "": 96,
          "px": 96,
          "pt": 72,
          "cm": 2.54,
          "pc": 12,
          "mm": 25.4,
          "in": 1
        };
        var supported2 = function(u) {
          return has$2(inInch, u);
        };
        if (size.unit === unit) {
          return Optional.some(size.value);
        } else if (supported2(size.unit) && supported2(unit)) {
          if (inInch[size.unit] === inInch[unit]) {
            return Optional.some(size.value);
          } else {
            return Optional.some(size.value / inInch[size.unit] * inInch[unit]);
          }
        } else {
          return Optional.none();
        }
      };
      var noSizeConversion = function(_input) {
        return Optional.none();
      };
      var ratioSizeConversion = function(scale2, unit) {
        return function(size) {
          return convertUnit(size, unit).map(function(value2) {
            return {
              value: value2 * scale2,
              unit
            };
          });
        };
      };
      var makeRatioConverter = function(currentFieldText, otherFieldText) {
        var cValue = parseSize(currentFieldText).toOptional();
        var oValue = parseSize(otherFieldText).toOptional();
        return lift2(cValue, oValue, function(cSize, oSize) {
          return convertUnit(cSize, oSize.unit).map(function(val) {
            return oSize.value / val;
          }).map(function(r2) {
            return ratioSizeConversion(r2, oSize.unit);
          }).getOr(noSizeConversion);
        }).getOr(noSizeConversion);
      };
      var renderSizeInput = function(spec, providersBackstage) {
        var converter = noSizeConversion;
        var ratioEvent = generate$6("ratio-event");
        var makeIcon = function(iconName) {
          return render$3(iconName, {
            tag: "span",
            classes: [
              "tox-icon",
              "tox-lock-icon__" + iconName
            ]
          }, providersBackstage.icons);
        };
        var pLock = FormCoupledInputs.parts.lock({
          dom: {
            tag: "button",
            classes: [
              "tox-lock",
              "tox-button",
              "tox-button--naked",
              "tox-button--icon"
            ],
            attributes: { title: providersBackstage.translate(spec.label.getOr("Constrain proportions")) }
          },
          components: [
            makeIcon("lock"),
            makeIcon("unlock")
          ],
          buttonBehaviours: derive$1([
            Disabling.config({
              disabled: function() {
                return spec.disabled || providersBackstage.isDisabled();
              }
            }),
            receivingConfig(),
            Tabstopping.config({})
          ])
        });
        var formGroup = function(components2) {
          return {
            dom: {
              tag: "div",
              classes: ["tox-form__group"]
            },
            components: components2
          };
        };
        var getFieldPart = function(isField1) {
          return FormField.parts.field({
            factory: Input,
            inputClasses: ["tox-textfield"],
            inputBehaviours: derive$1([
              Disabling.config({
                disabled: function() {
                  return spec.disabled || providersBackstage.isDisabled();
                }
              }),
              receivingConfig(),
              Tabstopping.config({}),
              config("size-input-events", [
                run$1(focusin(), function(component, _simulatedEvent) {
                  emitWith(component, ratioEvent, { isField1 });
                }),
                run$1(change(), function(component, _simulatedEvent) {
                  emitWith(component, formChangeEvent, { name: spec.name });
                })
              ])
            ]),
            selectOnFocus: false
          });
        };
        var getLabel = function(label) {
          return {
            dom: {
              tag: "label",
              classes: ["tox-label"],
              innerHtml: providersBackstage.translate(label)
            }
          };
        };
        var widthField = FormCoupledInputs.parts.field1(formGroup([
          FormField.parts.label(getLabel("Width")),
          getFieldPart(true)
        ]));
        var heightField = FormCoupledInputs.parts.field2(formGroup([
          FormField.parts.label(getLabel("Height")),
          getFieldPart(false)
        ]));
        return FormCoupledInputs.sketch({
          dom: {
            tag: "div",
            classes: ["tox-form__group"]
          },
          components: [{
            dom: {
              tag: "div",
              classes: ["tox-form__controls-h-stack"]
            },
            components: [
              widthField,
              heightField,
              formGroup([
                getLabel("&nbsp;"),
                pLock
              ])
            ]
          }],
          field1Name: "width",
          field2Name: "height",
          locked: true,
          markers: { lockClass: "tox-locked" },
          onLockedChange: function(current, other, _lock) {
            parseSize(Representing.getValue(current)).each(function(size) {
              converter(size).each(function(newSize) {
                Representing.setValue(other, formatSize(newSize));
              });
            });
          },
          coupledFieldBehaviours: derive$1([
            Disabling.config({
              disabled: function() {
                return spec.disabled || providersBackstage.isDisabled();
              },
              onDisabled: function(comp) {
                FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.disable);
                FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.disable);
                FormCoupledInputs.getLock(comp).each(Disabling.disable);
              },
              onEnabled: function(comp) {
                FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.enable);
                FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.enable);
                FormCoupledInputs.getLock(comp).each(Disabling.enable);
              }
            }),
            receivingConfig(),
            config("size-input-events2", [run$1(ratioEvent, function(component, simulatedEvent) {
              var isField1 = simulatedEvent.event.isField1;
              var optCurrent = isField1 ? FormCoupledInputs.getField1(component) : FormCoupledInputs.getField2(component);
              var optOther = isField1 ? FormCoupledInputs.getField2(component) : FormCoupledInputs.getField1(component);
              var value1 = optCurrent.map(Representing.getValue).getOr("");
              var value2 = optOther.map(Representing.getValue).getOr("");
              converter = makeRatioConverter(value1, value2);
            })])
          ])
        });
      };
      var undo = constant$1(generate$6("undo"));
      var redo = constant$1(generate$6("redo"));
      var zoom = constant$1(generate$6("zoom"));
      var back = constant$1(generate$6("back"));
      var apply = constant$1(generate$6("apply"));
      var swap = constant$1(generate$6("swap"));
      var transform$1 = constant$1(generate$6("transform"));
      var tempTransform = constant$1(generate$6("temp-transform"));
      var transformApply = constant$1(generate$6("transform-apply"));
      var internal = {
        undo,
        redo,
        zoom,
        back,
        apply,
        swap,
        transform: transform$1,
        tempTransform,
        transformApply
      };
      var saveState = constant$1("save-state");
      var disable = constant$1("disable");
      var enable = constant$1("enable");
      var external = {
        formActionEvent,
        saveState,
        disable,
        enable
      };
      var renderEditPanel = function(imagePanel, providersBackstage) {
        var createButton2 = function(text2, action, disabled, primary) {
          return record(renderButton({
            name: text2,
            text: text2,
            disabled,
            primary,
            icon: Optional.none(),
            borderless: false
          }, action, providersBackstage));
        };
        var createIconButton = function(icon, tooltip, action, disabled) {
          return record(renderIconButton({
            name: icon,
            icon: Optional.some(icon),
            tooltip: Optional.some(tooltip),
            disabled,
            primary: false,
            borderless: false
          }, action, providersBackstage));
        };
        var disableAllComponents = function(comps, eventcomp) {
          comps.map(function(mem) {
            var component = mem.get(eventcomp);
            if (component.hasConfigured(Disabling)) {
              Disabling.disable(component);
            }
          });
        };
        var enableAllComponents = function(comps, eventcomp) {
          comps.map(function(mem) {
            var component = mem.get(eventcomp);
            if (component.hasConfigured(Disabling)) {
              Disabling.enable(component);
            }
          });
        };
        var panelDom = {
          tag: "div",
          classes: [
            "tox-image-tools__toolbar",
            "tox-image-tools-edit-panel"
          ]
        };
        var noop$1 = noop;
        var emit$1 = function(comp, event, data) {
          emitWith(comp, event, data);
        };
        var emitDisable = function(component) {
          return emit(component, external.disable());
        };
        var emitEnable = function(component) {
          return emit(component, external.enable());
        };
        var emitTransform = function(comp, transform2) {
          emitDisable(comp);
          emit$1(comp, internal.transform(), { transform: transform2 });
          emitEnable(comp);
        };
        var emitTempTransform = function(comp, transform2) {
          emitDisable(comp);
          emit$1(comp, internal.tempTransform(), { transform: transform2 });
          emitEnable(comp);
        };
        var getBackSwap = function(anyInSystem) {
          return function() {
            memContainer.getOpt(anyInSystem).each(function(container2) {
              Replacing.set(container2, [ButtonPanel]);
            });
          };
        };
        var emitTransformApply = function(comp, transform2) {
          emitDisable(comp);
          emit$1(comp, internal.transformApply(), {
            transform: transform2,
            swap: getBackSwap(comp)
          });
          emitEnable(comp);
        };
        var createBackButton = function() {
          return createButton2("Back", function(button2) {
            return emit$1(button2, internal.back(), { swap: getBackSwap(button2) });
          }, false, false);
        };
        var createSpacer = function() {
          return record({
            dom: {
              tag: "div",
              classes: ["tox-spacer"]
            },
            behaviours: derive$1([Disabling.config({})])
          });
        };
        var createApplyButton = function() {
          return createButton2("Apply", function(button2) {
            return emit$1(button2, internal.apply(), { swap: getBackSwap(button2) });
          }, true, true);
        };
        var makeCropTransform = function() {
          return function(ir) {
            var rect2 = imagePanel.getRect();
            return crop(ir, rect2.x, rect2.y, rect2.w, rect2.h);
          };
        };
        var cropPanelComponents = [
          createBackButton(),
          createSpacer(),
          createButton2("Apply", function(button2) {
            var transform2 = makeCropTransform();
            emitTransformApply(button2, transform2);
            imagePanel.hideCrop();
          }, false, true)
        ];
        var CropPanel = Container.sketch({
          dom: panelDom,
          components: cropPanelComponents.map(function(mem) {
            return mem.asSpec();
          }),
          containerBehaviours: derive$1([config("image-tools-crop-buttons-events", [
            run$1(external.disable(), function(comp, _se) {
              disableAllComponents(cropPanelComponents, comp);
            }),
            run$1(external.enable(), function(comp, _se) {
              enableAllComponents(cropPanelComponents, comp);
            })
          ])])
        });
        var memSize = record(renderSizeInput({
          name: "size",
          label: Optional.none(),
          constrain: true,
          disabled: false
        }, providersBackstage));
        var makeResizeTransform = function(width2, height2) {
          return function(ir) {
            return resize$1(ir, width2, height2);
          };
        };
        var resizePanelComponents = [
          createBackButton(),
          createSpacer(),
          memSize,
          createSpacer(),
          createButton2("Apply", function(button2) {
            memSize.getOpt(button2).each(function(sizeInput) {
              var value2 = Representing.getValue(sizeInput);
              var width2 = parseInt(value2.width, 10);
              var height2 = parseInt(value2.height, 10);
              var transform2 = makeResizeTransform(width2, height2);
              emitTransformApply(button2, transform2);
            });
          }, false, true)
        ];
        var ResizePanel = Container.sketch({
          dom: panelDom,
          components: resizePanelComponents.map(function(mem) {
            return mem.asSpec();
          }),
          containerBehaviours: derive$1([config("image-tools-resize-buttons-events", [
            run$1(external.disable(), function(comp, _se) {
              disableAllComponents(resizePanelComponents, comp);
            }),
            run$1(external.enable(), function(comp, _se) {
              enableAllComponents(resizePanelComponents, comp);
            })
          ])])
        });
        var makeValueTransform = function(transform2, value2) {
          return function(ir) {
            return transform2(ir, value2);
          };
        };
        var horizontalFlip = makeValueTransform(flip, "h");
        var verticalFlip = makeValueTransform(flip, "v");
        var counterclockwiseRotate = makeValueTransform(rotate, -90);
        var clockwiseRotate = makeValueTransform(rotate, 90);
        var flipRotateOnAction = function(comp, operation) {
          emitTempTransform(comp, operation);
        };
        var flipRotateComponents = [
          createBackButton(),
          createSpacer(),
          createIconButton("flip-horizontally", "Flip horizontally", function(button2) {
            flipRotateOnAction(button2, horizontalFlip);
          }, false),
          createIconButton("flip-vertically", "Flip vertically", function(button2) {
            flipRotateOnAction(button2, verticalFlip);
          }, false),
          createIconButton("rotate-left", "Rotate counterclockwise", function(button2) {
            flipRotateOnAction(button2, counterclockwiseRotate);
          }, false),
          createIconButton("rotate-right", "Rotate clockwise", function(button2) {
            flipRotateOnAction(button2, clockwiseRotate);
          }, false),
          createSpacer(),
          createApplyButton()
        ];
        var FlipRotatePanel = Container.sketch({
          dom: panelDom,
          components: flipRotateComponents.map(function(mem) {
            return mem.asSpec();
          }),
          containerBehaviours: derive$1([config("image-tools-fliprotate-buttons-events", [
            run$1(external.disable(), function(comp, _se) {
              disableAllComponents(flipRotateComponents, comp);
            }),
            run$1(external.enable(), function(comp, _se) {
              enableAllComponents(flipRotateComponents, comp);
            })
          ])])
        });
        var makeSlider = function(label, onChoose, min2, value2, max2) {
          var labelPart2 = Slider.parts.label({
            dom: {
              tag: "label",
              classes: ["tox-label"],
              innerHtml: providersBackstage.translate(label)
            }
          });
          var spectrum = Slider.parts.spectrum({
            dom: {
              tag: "div",
              classes: ["tox-slider__rail"],
              attributes: { role: "presentation" }
            }
          });
          var thumb = Slider.parts.thumb({
            dom: {
              tag: "div",
              classes: ["tox-slider__handle"],
              attributes: { role: "presentation" }
            }
          });
          return record(Slider.sketch({
            dom: {
              tag: "div",
              classes: ["tox-slider"],
              attributes: { role: "presentation" }
            },
            model: {
              mode: "x",
              minX: min2,
              maxX: max2,
              getInitialValue: constant$1({ x: value2 })
            },
            components: [
              labelPart2,
              spectrum,
              thumb
            ],
            sliderBehaviours: derive$1([Focusing.config({})]),
            onChoose
          }));
        };
        var makeVariableSlider = function(label, transform2, min2, value2, max2) {
          var onChoose = function(slider, _thumb, value3) {
            var valTransform = makeValueTransform(transform2, value3.x / 100);
            emitTransform(slider, valTransform);
          };
          return makeSlider(label, onChoose, min2, value2, max2);
        };
        var variableFilterPanelComponents = function(label, transform2, min2, value2, max2) {
          return [
            createBackButton(),
            makeVariableSlider(label, transform2, min2, value2, max2),
            createApplyButton()
          ];
        };
        var createVariableFilterPanel = function(label, transform2, min2, value2, max2) {
          var filterPanelComponents2 = variableFilterPanelComponents(label, transform2, min2, value2, max2);
          return Container.sketch({
            dom: panelDom,
            components: filterPanelComponents2.map(function(mem) {
              return mem.asSpec();
            }),
            containerBehaviours: derive$1([config("image-tools-filter-panel-buttons-events", [
              run$1(external.disable(), function(comp, _se) {
                disableAllComponents(filterPanelComponents2, comp);
              }),
              run$1(external.enable(), function(comp, _se) {
                enableAllComponents(filterPanelComponents2, comp);
              })
            ])])
          });
        };
        var filterPanelComponents = [
          createBackButton(),
          createSpacer(),
          createApplyButton()
        ];
        var FilterPanel = Container.sketch({
          dom: panelDom,
          components: filterPanelComponents.map(function(mem) {
            return mem.asSpec();
          })
        });
        var BrightnessPanel = createVariableFilterPanel("Brightness", brightness, -100, 0, 100);
        var ContrastPanel = createVariableFilterPanel("Contrast", contrast, -100, 0, 100);
        var GammaPanel = createVariableFilterPanel("Gamma", gamma, -100, 0, 100);
        var makeColorTransform = function(red2, green, blue) {
          return function(ir) {
            return colorize(ir, red2, green, blue);
          };
        };
        var makeColorSlider = function(label) {
          var onChoose = function(slider, _thumb, _value) {
            var redOpt = memRed.getOpt(slider);
            var blueOpt = memBlue.getOpt(slider);
            var greenOpt = memGreen.getOpt(slider);
            redOpt.each(function(red2) {
              blueOpt.each(function(blue) {
                greenOpt.each(function(green) {
                  var r2 = Representing.getValue(red2).x / 100;
                  var g = Representing.getValue(green).x / 100;
                  var b2 = Representing.getValue(blue).x / 100;
                  var transform2 = makeColorTransform(r2, g, b2);
                  emitTransform(slider, transform2);
                });
              });
            });
          };
          return makeSlider(label, onChoose, 0, 100, 200);
        };
        var memRed = makeColorSlider("R");
        var memGreen = makeColorSlider("G");
        var memBlue = makeColorSlider("B");
        var colorizePanelComponents = [
          createBackButton(),
          memRed,
          memGreen,
          memBlue,
          createApplyButton()
        ];
        var ColorizePanel = Container.sketch({
          dom: panelDom,
          components: colorizePanelComponents.map(function(mem) {
            return mem.asSpec();
          })
        });
        var getTransformPanelEvent = function(panel, transform2, update) {
          return function(button2) {
            var swap2 = function() {
              memContainer.getOpt(button2).each(function(container2) {
                Replacing.set(container2, [panel]);
                update(container2);
              });
            };
            emit$1(button2, internal.swap(), {
              transform: transform2,
              swap: swap2
            });
          };
        };
        var cropPanelUpdate = function(_anyInSystem) {
          imagePanel.showCrop();
        };
        var resizePanelUpdate = function(anyInSystem) {
          memSize.getOpt(anyInSystem).each(function(sizeInput) {
            var measurements = imagePanel.getMeasurements();
            var width2 = measurements.width;
            var height2 = measurements.height;
            Representing.setValue(sizeInput, {
              width: width2,
              height: height2
            });
          });
        };
        var sharpenTransform = Optional.some(sharpen);
        var invertTransform = Optional.some(invert);
        var buttonPanelComponents = [
          createIconButton("crop", "Crop", getTransformPanelEvent(CropPanel, Optional.none(), cropPanelUpdate), false),
          createIconButton("resize", "Resize", getTransformPanelEvent(ResizePanel, Optional.none(), resizePanelUpdate), false),
          createIconButton("orientation", "Orientation", getTransformPanelEvent(FlipRotatePanel, Optional.none(), noop$1), false),
          createIconButton("brightness", "Brightness", getTransformPanelEvent(BrightnessPanel, Optional.none(), noop$1), false),
          createIconButton("sharpen", "Sharpen", getTransformPanelEvent(FilterPanel, sharpenTransform, noop$1), false),
          createIconButton("contrast", "Contrast", getTransformPanelEvent(ContrastPanel, Optional.none(), noop$1), false),
          createIconButton("color-levels", "Color levels", getTransformPanelEvent(ColorizePanel, Optional.none(), noop$1), false),
          createIconButton("gamma", "Gamma", getTransformPanelEvent(GammaPanel, Optional.none(), noop$1), false),
          createIconButton("invert", "Invert", getTransformPanelEvent(FilterPanel, invertTransform, noop$1), false)
        ];
        var ButtonPanel = Container.sketch({
          dom: panelDom,
          components: buttonPanelComponents.map(function(mem) {
            return mem.asSpec();
          })
        });
        var container = Container.sketch({
          dom: { tag: "div" },
          components: [ButtonPanel],
          containerBehaviours: derive$1([Replacing.config({})])
        });
        var memContainer = record(container);
        var getApplyButton = function(anyInSystem) {
          return memContainer.getOpt(anyInSystem).map(function(container2) {
            var panel = container2.components()[0];
            return panel.components()[panel.components().length - 1];
          });
        };
        return {
          memContainer,
          getApplyButton
        };
      };
      var global$4 = tinymce.util.Tools.resolve("tinymce.geom.Rect");
      var global$3 = tinymce.util.Tools.resolve("tinymce.util.Observable");
      var global$2 = tinymce.util.Tools.resolve("tinymce.util.VK");
      var getDocumentSize = function(doc) {
        var max2 = Math.max;
        var documentElement2 = doc.documentElement;
        var body2 = doc.body;
        var scrollWidth = max2(documentElement2.scrollWidth, body2.scrollWidth);
        var clientWidth = max2(documentElement2.clientWidth, body2.clientWidth);
        var offsetWidth = max2(documentElement2.offsetWidth, body2.offsetWidth);
        var scrollHeight = max2(documentElement2.scrollHeight, body2.scrollHeight);
        var clientHeight = max2(documentElement2.clientHeight, body2.clientHeight);
        var offsetHeight = max2(documentElement2.offsetHeight, body2.offsetHeight);
        return {
          width: scrollWidth < offsetWidth ? clientWidth : scrollWidth,
          height: scrollHeight < offsetHeight ? clientHeight : scrollHeight
        };
      };
      var isTouchEvent$1 = function(e) {
        return isNonNullable(e.changedTouches);
      };
      var updateWithTouchData = function(e) {
        if (isTouchEvent$1(e)) {
          var keys2 = "screenX screenY pageX pageY clientX clientY".split(" ");
          for (var i = 0; i < keys2.length; i++) {
            e[keys2[i]] = e.changedTouches[0][keys2[i]];
          }
        }
      };
      function DragHelper(id, settings) {
        var _a2, _b, _c;
        var eventOverlay;
        var handleEvents = [];
        var overlayEvents = [];
        var doc = (_a2 = settings.document) !== null && _a2 !== void 0 ? _a2 : document;
        var root = (_b = settings.root) !== null && _b !== void 0 ? _b : doc;
        var sugarDoc = SugarElement.fromDom(doc);
        var downButton;
        var startX;
        var startY;
        var handleElement = SugarElement.fromDom(root.getElementById((_c = settings.handle) !== null && _c !== void 0 ? _c : id));
        var start = function(e) {
          var rawEvent = e.raw;
          var docSize = getDocumentSize(doc);
          updateWithTouchData(rawEvent);
          e.prevent();
          downButton = rawEvent.button;
          startX = rawEvent.screenX;
          startY = rawEvent.screenY;
          var cursor = get$c(handleElement, "cursor");
          eventOverlay = SugarElement.fromTag("div", doc);
          setAll(eventOverlay, {
            "position": "absolute",
            "top": "0",
            "left": "0",
            "width": docSize.width + "px",
            "height": docSize.height + "px",
            "z-index": 2147483647 + "",
            "opacity": "0.0001",
            cursor
          });
          append$2(getBody(sugarDoc), eventOverlay);
          overlayEvents.push(bind(sugarDoc, "mousemove", drag), bind(sugarDoc, "touchmove", drag), bind(sugarDoc, "mouseup", stop2), bind(sugarDoc, "touchend", stop2));
          settings.start(rawEvent);
        };
        var drag = function(e) {
          var rawEvent = e.raw;
          updateWithTouchData(rawEvent);
          if (rawEvent.button !== downButton) {
            return stop2(e);
          }
          rawEvent.deltaX = rawEvent.screenX - startX;
          rawEvent.deltaY = rawEvent.screenY - startY;
          e.prevent();
          settings.drag(rawEvent);
        };
        var stop2 = function(e) {
          updateWithTouchData(e.raw);
          each$1(overlayEvents, function(e2) {
            return e2.unbind();
          });
          overlayEvents = [];
          remove$5(eventOverlay);
          if (settings.stop) {
            settings.stop(e.raw);
          }
        };
        var destroy = function() {
          each$1(overlayEvents.concat(handleEvents), function(e) {
            return e.unbind();
          });
          overlayEvents = [];
          handleEvents = [];
          if (isNonNullable(eventOverlay)) {
            remove$5(eventOverlay);
          }
        };
        handleEvents.push(bind(handleElement, "mousedown", start), bind(handleElement, "touchstart", start));
        return { destroy };
      }
      var count = 0;
      var create$1 = function(currentRect, viewPortRect, clampRect, containerElm, action) {
        var dragHelpers;
        var events2 = [];
        var prefix2 = "tox-";
        var id = prefix2 + "crid-" + count++;
        var container = SugarElement.fromDom(containerElm);
        var handles = [
          {
            name: "move",
            xMul: 0,
            yMul: 0,
            deltaX: 1,
            deltaY: 1,
            deltaW: 0,
            deltaH: 0,
            label: "Crop Mask"
          },
          {
            name: "nw",
            xMul: 0,
            yMul: 0,
            deltaX: 1,
            deltaY: 1,
            deltaW: -1,
            deltaH: -1,
            label: "Top Left Crop Handle"
          },
          {
            name: "ne",
            xMul: 1,
            yMul: 0,
            deltaX: 0,
            deltaY: 1,
            deltaW: 1,
            deltaH: -1,
            label: "Top Right Crop Handle"
          },
          {
            name: "sw",
            xMul: 0,
            yMul: 1,
            deltaX: 1,
            deltaY: 0,
            deltaW: -1,
            deltaH: 1,
            label: "Bottom Left Crop Handle"
          },
          {
            name: "se",
            xMul: 1,
            yMul: 1,
            deltaX: 0,
            deltaY: 0,
            deltaW: 1,
            deltaH: 1,
            label: "Bottom Right Crop Handle"
          }
        ];
        var blockers = [
          "top",
          "right",
          "bottom",
          "left"
        ];
        var getAbsoluteRect = function(outerRect, relativeRect) {
          return {
            x: relativeRect.x + outerRect.x,
            y: relativeRect.y + outerRect.y,
            w: relativeRect.w,
            h: relativeRect.h
          };
        };
        var getRelativeRect = function(outerRect, innerRect) {
          return {
            x: innerRect.x - outerRect.x,
            y: innerRect.y - outerRect.y,
            w: innerRect.w,
            h: innerRect.h
          };
        };
        var getInnerRect = function() {
          return getRelativeRect(clampRect, currentRect);
        };
        var moveRect = function(handle2, startRect, deltaX, deltaY) {
          var x = startRect.x + deltaX * handle2.deltaX;
          var y = startRect.y + deltaY * handle2.deltaY;
          var w = Math.max(20, startRect.w + deltaX * handle2.deltaW);
          var h = Math.max(20, startRect.h + deltaY * handle2.deltaH);
          var rect2 = currentRect = global$4.clamp({
            x,
            y,
            w,
            h
          }, clampRect, handle2.name === "move");
          rect2 = getRelativeRect(clampRect, rect2);
          instance.fire("updateRect", { rect: rect2 });
          setInnerRect(rect2);
        };
        var render2 = function() {
          var createDragHelper = function(handle2) {
            var startRect;
            return DragHelper(id, {
              document: containerElm.ownerDocument,
              root: getRootNode(container).dom,
              handle: id + "-" + handle2.name,
              start: function() {
                startRect = currentRect;
              },
              drag: function(e) {
                moveRect(handle2, startRect, e.deltaX, e.deltaY);
              }
            });
          };
          var cropContainer = SugarElement.fromTag("div");
          setAll$1(cropContainer, {
            id,
            "class": prefix2 + "croprect-container",
            "role": "grid",
            "aria-dropeffect": "execute"
          });
          append$2(container, cropContainer);
          each$1(blockers, function(blocker) {
            descendant(container, "#" + id).each(function(blockerElm) {
              var cropBlocker = SugarElement.fromTag("div");
              setAll$1(cropBlocker, {
                "id": id + "-" + blocker,
                "class": prefix2 + "croprect-block",
                "data-mce-bogus": "all"
              });
              set$7(cropBlocker, "display", "none");
              append$2(blockerElm, cropBlocker);
            });
          });
          each$1(handles, function(handle2) {
            descendant(container, "#" + id).each(function(handleElm) {
              var cropHandle = SugarElement.fromTag("div");
              setAll$1(cropHandle, {
                "id": id + "-" + handle2.name,
                "aria-label": handle2.label,
                "aria-grabbed": "false",
                "data-mce-bogus": "all",
                "role": "gridcell",
                "tabindex": "-1",
                "title": handle2.label
              });
              add$1(cropHandle, [
                prefix2 + "croprect-handle",
                prefix2 + "croprect-handle-" + handle2.name
              ]);
              set$7(cropHandle, "display", "none");
              append$2(handleElm, cropHandle);
            });
          });
          dragHelpers = map$2(handles, createDragHelper);
          repaint(currentRect);
          var handleFocus = function(e) {
            set$8(e.target, "aria-grabbed", e.raw.type === "focus" ? "true" : "false");
          };
          var handleKeydown = function(e) {
            var activeHandle;
            each$1(handles, function(handle2) {
              if (get$d(e.target, "id") === id + "-" + handle2.name) {
                activeHandle = handle2;
                return false;
              }
            });
            var moveAndBlock = function(evt, handle2, startRect, deltaX, deltaY) {
              evt.stopPropagation();
              evt.preventDefault();
              moveRect(activeHandle, startRect, deltaX, deltaY);
            };
            switch (e.raw.keyCode) {
              case global$2.LEFT:
                moveAndBlock(e, activeHandle, currentRect, -10, 0);
                break;
              case global$2.RIGHT:
                moveAndBlock(e, activeHandle, currentRect, 10, 0);
                break;
              case global$2.UP:
                moveAndBlock(e, activeHandle, currentRect, 0, -10);
                break;
              case global$2.DOWN:
                moveAndBlock(e, activeHandle, currentRect, 0, 10);
                break;
              case global$2.ENTER:
              case global$2.SPACEBAR:
                e.prevent();
                action();
                break;
            }
          };
          events2.push(bind(container, "focusin", handleFocus), bind(container, "focusout", handleFocus), bind(container, "keydown", handleKeydown));
        };
        var toggleVisibility = function(state) {
          var selectors = __spreadArray(__spreadArray([], map$2(handles, function(handle2) {
            return "#" + id + "-" + handle2.name;
          }), true), map$2(blockers, function(blocker) {
            return "#" + id + "-" + blocker;
          }), true).join(",");
          var elems = descendants(container, selectors);
          if (state) {
            each$1(elems, function(elm) {
              return remove$6(elm, "display");
            });
          } else {
            each$1(elems, function(elm) {
              return set$7(elm, "display", "none");
            });
          }
        };
        var repaint = function(rect2) {
          var updateElementRect = function(name2, newRect) {
            descendant(container, "#" + id + "-" + name2).each(function(elm) {
              setAll(elm, {
                left: newRect.x + "px",
                top: newRect.y + "px",
                width: Math.max(0, newRect.w) + "px",
                height: Math.max(0, newRect.h) + "px"
              });
            });
          };
          each$1(handles, function(handle2) {
            descendant(container, "#" + id + "-" + handle2.name).each(function(elm) {
              setAll(elm, {
                left: rect2.w * handle2.xMul + rect2.x + "px",
                top: rect2.h * handle2.yMul + rect2.y + "px"
              });
            });
          });
          updateElementRect("top", {
            x: viewPortRect.x,
            y: viewPortRect.y,
            w: viewPortRect.w,
            h: rect2.y - viewPortRect.y
          });
          updateElementRect("right", {
            x: rect2.x + rect2.w,
            y: rect2.y,
            w: viewPortRect.w - rect2.x - rect2.w + viewPortRect.x,
            h: rect2.h
          });
          updateElementRect("bottom", {
            x: viewPortRect.x,
            y: rect2.y + rect2.h,
            w: viewPortRect.w,
            h: viewPortRect.h - rect2.y - rect2.h + viewPortRect.y
          });
          updateElementRect("left", {
            x: viewPortRect.x,
            y: rect2.y,
            w: rect2.x - viewPortRect.x,
            h: rect2.h
          });
          updateElementRect("move", rect2);
        };
        var setRect = function(rect2) {
          currentRect = rect2;
          repaint(currentRect);
        };
        var setViewPortRect = function(rect2) {
          viewPortRect = rect2;
          repaint(currentRect);
        };
        var setInnerRect = function(rect2) {
          setRect(getAbsoluteRect(clampRect, rect2));
        };
        var setClampRect = function(rect2) {
          clampRect = rect2;
          repaint(currentRect);
        };
        var destroy = function() {
          each$1(dragHelpers, function(helper) {
            return helper.destroy();
          });
          dragHelpers = [];
          each$1(events2, function(e) {
            return e.unbind();
          });
          events2 = [];
        };
        render2();
        var instance = __assign(__assign({}, global$3), {
          toggleVisibility,
          setClampRect,
          setRect,
          getInnerRect,
          setInnerRect,
          setViewPortRect,
          destroy
        });
        return instance;
      };
      var CropRect = { create: create$1 };
      var loadImage = function(image) {
        return new global$c(function(resolve) {
          var loaded = function() {
            image.removeEventListener("load", loaded);
            resolve(image);
          };
          if (image.complete) {
            resolve(image);
          } else {
            image.addEventListener("load", loaded);
          }
        });
      };
      var renderImagePanel = function(initialUrl) {
        var memBg = record({
          dom: {
            tag: "div",
            classes: ["tox-image-tools__image-bg"],
            attributes: { role: "presentation" }
          }
        });
        var zoomState = Cell(1);
        var cropRect = api$1();
        var rectState = Cell({
          x: 0,
          y: 0,
          w: 1,
          h: 1
        });
        var viewRectState = Cell({
          x: 0,
          y: 0,
          w: 1,
          h: 1
        });
        var repaintImg = function(anyInSystem, img) {
          memContainer.getOpt(anyInSystem).each(function(panel) {
            var zoom3 = zoomState.get();
            var panelW = get$a(panel.element);
            var panelH = get$b(panel.element);
            var width2 = img.dom.naturalWidth * zoom3;
            var height2 = img.dom.naturalHeight * zoom3;
            var left2 = Math.max(0, panelW / 2 - width2 / 2);
            var top2 = Math.max(0, panelH / 2 - height2 / 2);
            var css = {
              left: left2.toString() + "px",
              top: top2.toString() + "px",
              width: width2.toString() + "px",
              height: height2.toString() + "px",
              position: "absolute"
            };
            setAll(img, css);
            memBg.getOpt(panel).each(function(bg) {
              setAll(bg.element, css);
            });
            cropRect.run(function(cRect) {
              var rect2 = rectState.get();
              cRect.setRect({
                x: rect2.x * zoom3 + left2,
                y: rect2.y * zoom3 + top2,
                w: rect2.w * zoom3,
                h: rect2.h * zoom3
              });
              cRect.setClampRect({
                x: left2,
                y: top2,
                w: width2,
                h: height2
              });
              cRect.setViewPortRect({
                x: 0,
                y: 0,
                w: panelW,
                h: panelH
              });
            });
          });
        };
        var zoomFit = function(anyInSystem, img) {
          memContainer.getOpt(anyInSystem).each(function(panel) {
            var panelW = get$a(panel.element);
            var panelH = get$b(panel.element);
            var width2 = img.dom.naturalWidth;
            var height2 = img.dom.naturalHeight;
            var zoom3 = Math.min(panelW / width2, panelH / height2);
            if (zoom3 >= 1) {
              zoomState.set(1);
            } else {
              zoomState.set(zoom3);
            }
          });
        };
        var updateSrc = function(anyInSystem, url) {
          var img = SugarElement.fromTag("img");
          set$8(img, "src", url);
          return loadImage(img.dom).then(function() {
            if (anyInSystem.getSystem().isConnected()) {
              memContainer.getOpt(anyInSystem).map(function(panel) {
                var aImg = external$2({ element: img });
                Replacing.replaceAt(panel, 1, Optional.some(aImg));
                var lastViewRect = viewRectState.get();
                var viewRect = {
                  x: 0,
                  y: 0,
                  w: img.dom.naturalWidth,
                  h: img.dom.naturalHeight
                };
                viewRectState.set(viewRect);
                var rect2 = global$4.inflate(viewRect, -20, -20);
                rectState.set(rect2);
                if (lastViewRect.w !== viewRect.w || lastViewRect.h !== viewRect.h) {
                  zoomFit(panel, img);
                }
                repaintImg(panel, img);
              });
            }
          });
        };
        var zoom2 = function(anyInSystem, direction) {
          var currentZoom = zoomState.get();
          var newZoom = direction > 0 ? Math.min(2, currentZoom + 0.1) : Math.max(0.1, currentZoom - 0.1);
          zoomState.set(newZoom);
          memContainer.getOpt(anyInSystem).each(function(panel) {
            var img = panel.components()[1].element;
            repaintImg(panel, img);
          });
        };
        var showCrop = function() {
          cropRect.run(function(cRect) {
            cRect.toggleVisibility(true);
          });
        };
        var hideCrop = function() {
          cropRect.run(function(cRect) {
            cRect.toggleVisibility(false);
          });
        };
        var getRect = function() {
          return rectState.get();
        };
        var container = Container.sketch({
          dom: {
            tag: "div",
            classes: ["tox-image-tools__image"]
          },
          components: [
            memBg.asSpec(),
            {
              dom: {
                tag: "img",
                attributes: { src: initialUrl }
              }
            },
            {
              dom: { tag: "div" },
              behaviours: derive$1([config("image-panel-crop-events", [
                runOnAttached(function(comp) {
                  memContainer.getOpt(comp).each(function(container2) {
                    var el = container2.element.dom;
                    var cRect = CropRect.create({
                      x: 10,
                      y: 10,
                      w: 100,
                      h: 100
                    }, {
                      x: 0,
                      y: 0,
                      w: 200,
                      h: 200
                    }, {
                      x: 0,
                      y: 0,
                      w: 200,
                      h: 200
                    }, el, noop);
                    cRect.toggleVisibility(false);
                    cRect.on("updateRect", function(e) {
                      var rect2 = e.rect;
                      var zoom3 = zoomState.get();
                      var newRect = {
                        x: Math.round(rect2.x / zoom3),
                        y: Math.round(rect2.y / zoom3),
                        w: Math.round(rect2.w / zoom3),
                        h: Math.round(rect2.h / zoom3)
                      };
                      rectState.set(newRect);
                    });
                    cropRect.set(cRect);
                  });
                }),
                runOnDetached(function() {
                  cropRect.clear();
                })
              ])])
            }
          ],
          containerBehaviours: derive$1([
            Replacing.config({}),
            config("image-panel-events", [runOnAttached(function(comp) {
              updateSrc(comp, initialUrl);
            })])
          ])
        });
        var memContainer = record(container);
        var getMeasurements = function() {
          var viewRect = viewRectState.get();
          return {
            width: viewRect.w,
            height: viewRect.h
          };
        };
        return {
          memContainer,
          updateSrc,
          zoom: zoom2,
          showCrop,
          hideCrop,
          getRect,
          getMeasurements
        };
      };
      var createButton = function(innerHtml, icon, disabled, action, providersBackstage) {
        return renderIconButton({
          name: innerHtml,
          icon: Optional.some(icon),
          disabled,
          tooltip: Optional.some(innerHtml),
          primary: false,
          borderless: false
        }, action, providersBackstage);
      };
      var setButtonEnabled = function(button2, enabled) {
        if (enabled) {
          Disabling.enable(button2);
        } else {
          Disabling.disable(button2);
        }
      };
      var renderSideBar = function(providersBackstage) {
        var updateButtonUndoStates = function(anyInSystem, undoEnabled, redoEnabled) {
          memUndo.getOpt(anyInSystem).each(function(undo2) {
            setButtonEnabled(undo2, undoEnabled);
          });
          memRedo.getOpt(anyInSystem).each(function(redo2) {
            setButtonEnabled(redo2, redoEnabled);
          });
        };
        var memUndo = record(createButton("Undo", "undo", true, function(button2) {
          emitWith(button2, internal.undo(), { direction: 1 });
        }, providersBackstage));
        var memRedo = record(createButton("Redo", "redo", true, function(button2) {
          emitWith(button2, internal.redo(), { direction: 1 });
        }, providersBackstage));
        var container = Container.sketch({
          dom: {
            tag: "div",
            classes: [
              "tox-image-tools__toolbar",
              "tox-image-tools__sidebar"
            ]
          },
          components: [
            memUndo.asSpec(),
            memRedo.asSpec(),
            createButton("Zoom in", "zoom-in", false, function(button2) {
              emitWith(button2, internal.zoom(), { direction: 1 });
            }, providersBackstage),
            createButton("Zoom out", "zoom-out", false, function(button2) {
              emitWith(button2, internal.zoom(), { direction: -1 });
            }, providersBackstage)
          ]
        });
        return {
          container,
          updateButtonUndoStates
        };
      };
      function UndoStack() {
        var data = [];
        var index = -1;
        var add2 = function(state) {
          var removed = data.splice(++index);
          data.push(state);
          return {
            state,
            removed
          };
        };
        var undo2 = function() {
          if (canUndo()) {
            return data[--index];
          }
        };
        var redo2 = function() {
          if (canRedo()) {
            return data[++index];
          }
        };
        var canUndo = function() {
          return index > 0;
        };
        var canRedo = function() {
          return index !== -1 && index < data.length - 1;
        };
        return {
          data,
          add: add2,
          undo: undo2,
          redo: redo2,
          canUndo,
          canRedo
        };
      }
      var makeState = function(initialState) {
        var blobState = Cell(initialState);
        var tempState = value$1();
        var undoStack = UndoStack();
        undoStack.add(initialState);
        var getBlobState = function() {
          return blobState.get();
        };
        var setBlobState = function(state) {
          blobState.set(state);
        };
        var getTempState = function() {
          return tempState.get().getOrThunk(blobState.get);
        };
        var updateTempState = function(blob) {
          var newTempState = createState(blob);
          destroyTempState();
          tempState.set(newTempState);
          return newTempState.url;
        };
        var createState = function(blob) {
          return {
            blob,
            url: URL.createObjectURL(blob)
          };
        };
        var destroyState = function(state) {
          URL.revokeObjectURL(state.url);
        };
        var destroyStates = function(states) {
          global$5.each(states, destroyState);
        };
        var destroyTempState = function() {
          tempState.on(destroyState);
          tempState.clear();
        };
        var addBlobState = function(blob) {
          var newState = createState(blob);
          setBlobState(newState);
          var removed = undoStack.add(newState).removed;
          destroyStates(removed);
          return newState.url;
        };
        var addTempState = function(blob) {
          var newState = createState(blob);
          tempState.set(newState);
          return newState.url;
        };
        var applyTempState = function(postApply) {
          return tempState.get().fold(noop, function(temp) {
            addBlobState(temp.blob);
            postApply();
          });
        };
        var undo2 = function() {
          var currentState = undoStack.undo();
          setBlobState(currentState);
          return currentState.url;
        };
        var redo2 = function() {
          var currentState = undoStack.redo();
          setBlobState(currentState);
          return currentState.url;
        };
        var getHistoryStates = function() {
          var undoEnabled = undoStack.canUndo();
          var redoEnabled = undoStack.canRedo();
          return {
            undoEnabled,
            redoEnabled
          };
        };
        return {
          getBlobState,
          setBlobState,
          addBlobState,
          getTempState,
          updateTempState,
          addTempState,
          applyTempState,
          destroyTempState,
          undo: undo2,
          redo: redo2,
          getHistoryStates
        };
      };
      var renderImageTools = function(detail, providersBackstage) {
        var state = makeState(detail.currentState);
        var zoom2 = function(anyInSystem, simulatedEvent) {
          var direction = simulatedEvent.event.direction;
          imagePanel.zoom(anyInSystem, direction);
        };
        var updateButtonUndoStates = function(anyInSystem) {
          var historyStates = state.getHistoryStates();
          sideBar.updateButtonUndoStates(anyInSystem, historyStates.undoEnabled, historyStates.redoEnabled);
          emitWith(anyInSystem, external.formActionEvent, {
            name: external.saveState(),
            value: historyStates.undoEnabled
          });
        };
        var disableUndoRedo = function(anyInSystem) {
          sideBar.updateButtonUndoStates(anyInSystem, false, false);
        };
        var undo2 = function(anyInSystem, _simulatedEvent) {
          var url = state.undo();
          updateSrc(anyInSystem, url).then(function(_oImg) {
            unblock2(anyInSystem);
            updateButtonUndoStates(anyInSystem);
          });
        };
        var redo2 = function(anyInSystem, _simulatedEvent) {
          var url = state.redo();
          updateSrc(anyInSystem, url).then(function(_oImg) {
            unblock2(anyInSystem);
            updateButtonUndoStates(anyInSystem);
          });
        };
        var imageResultToBlob = function(ir) {
          return ir.toBlob();
        };
        var block2 = function(anyInSystem) {
          emitWith(anyInSystem, external.formActionEvent, {
            name: external.disable(),
            value: {}
          });
        };
        var unblock2 = function(anyInSystem) {
          editPanel.getApplyButton(anyInSystem).each(function(applyButton) {
            Disabling.enable(applyButton);
          });
          emitWith(anyInSystem, external.formActionEvent, {
            name: external.enable(),
            value: {}
          });
        };
        var updateSrc = function(anyInSystem, src) {
          block2(anyInSystem);
          return imagePanel.updateSrc(anyInSystem, src);
        };
        var blobManipulate = function(anyInSystem, blob, filter2, action, swap3) {
          block2(anyInSystem);
          blobToImageResult(blob).then(filter2).then(imageResultToBlob).then(action).then(function(url) {
            return updateSrc(anyInSystem, url);
          }).then(function() {
            updateButtonUndoStates(anyInSystem);
            swap3();
            unblock2(anyInSystem);
          }).catch(function(err) {
            console.log(err);
            if (anyInSystem.getSystem().isConnected()) {
              unblock2(anyInSystem);
            }
          });
        };
        var manipulate = function(anyInSystem, filter2, swap3) {
          var blob = state.getBlobState().blob;
          var action = function(blob2) {
            return state.updateTempState(blob2);
          };
          blobManipulate(anyInSystem, blob, filter2, action, swap3);
        };
        var tempManipulate = function(anyInSystem, filter2) {
          var blob = state.getTempState().blob;
          var action = function(blob2) {
            return state.addTempState(blob2);
          };
          blobManipulate(anyInSystem, blob, filter2, action, noop);
        };
        var manipulateApply = function(anyInSystem, filter2, swap3) {
          var blob = state.getBlobState().blob;
          var action = function(blob2) {
            var url = state.addBlobState(blob2);
            destroyTempState(anyInSystem);
            return url;
          };
          blobManipulate(anyInSystem, blob, filter2, action, swap3);
        };
        var apply2 = function(anyInSystem, simulatedEvent) {
          var postApply = function() {
            destroyTempState(anyInSystem);
            var swap3 = simulatedEvent.event.swap;
            swap3();
          };
          state.applyTempState(postApply);
        };
        var destroyTempState = function(anyInSystem) {
          var currentUrl = state.getBlobState().url;
          state.destroyTempState();
          updateButtonUndoStates(anyInSystem);
          return currentUrl;
        };
        var cancel = function(anyInSystem) {
          var currentUrl = destroyTempState(anyInSystem);
          updateSrc(anyInSystem, currentUrl).then(function(_oImg) {
            unblock2(anyInSystem);
          });
        };
        var back2 = function(anyInSystem, simulatedEvent) {
          cancel(anyInSystem);
          var swap3 = simulatedEvent.event.swap;
          swap3();
          imagePanel.hideCrop();
        };
        var transform2 = function(anyInSystem, simulatedEvent) {
          return manipulate(anyInSystem, simulatedEvent.event.transform, noop);
        };
        var tempTransform2 = function(anyInSystem, simulatedEvent) {
          return tempManipulate(anyInSystem, simulatedEvent.event.transform);
        };
        var transformApply2 = function(anyInSystem, simulatedEvent) {
          return manipulateApply(anyInSystem, simulatedEvent.event.transform, simulatedEvent.event.swap);
        };
        var imagePanel = renderImagePanel(detail.currentState.url);
        var sideBar = renderSideBar(providersBackstage);
        var editPanel = renderEditPanel(imagePanel, providersBackstage);
        var swap2 = function(anyInSystem, simulatedEvent) {
          disableUndoRedo(anyInSystem);
          var transform3 = simulatedEvent.event.transform;
          var swap3 = simulatedEvent.event.swap;
          transform3.fold(function() {
            swap3();
          }, function(transform4) {
            manipulate(anyInSystem, transform4, swap3);
          });
        };
        return {
          dom: {
            tag: "div",
            attributes: { role: "presentation" }
          },
          components: [
            editPanel.memContainer.asSpec(),
            imagePanel.memContainer.asSpec(),
            sideBar.container
          ],
          behaviours: derive$1([
            Representing.config({
              store: {
                mode: "manual",
                getValue: function() {
                  return state.getBlobState();
                }
              }
            }),
            config("image-tools-events", [
              run$1(internal.undo(), undo2),
              run$1(internal.redo(), redo2),
              run$1(internal.zoom(), zoom2),
              run$1(internal.back(), back2),
              run$1(internal.apply(), apply2),
              run$1(internal.transform(), transform2),
              run$1(internal.tempTransform(), tempTransform2),
              run$1(internal.transformApply(), transformApply2),
              run$1(internal.swap(), swap2)
            ]),
            ComposingConfigs.self()
          ])
        };
      };
      var renderLabel = function(spec, backstageShared) {
        var label = {
          dom: {
            tag: "label",
            innerHtml: backstageShared.providers.translate(spec.label),
            classes: ["tox-label"]
          }
        };
        var comps = map$2(spec.items, backstageShared.interpreter);
        return {
          dom: {
            tag: "div",
            classes: ["tox-form__group"]
          },
          components: [label].concat(comps),
          behaviours: derive$1([
            ComposingConfigs.self(),
            Replacing.config({}),
            RepresentingConfigs.domHtml(Optional.none()),
            Keying.config({ mode: "acyclic" })
          ])
        };
      };
      var isSingleListItem = function(item2) {
        return !has$2(item2, "items");
      };
      var dataAttribute = "data-value";
      var fetchItems = function(dropdownComp, name2, items, selectedValue) {
        return map$2(items, function(item2) {
          if (!isSingleListItem(item2)) {
            return {
              type: "nestedmenuitem",
              text: item2.text,
              getSubmenuItems: function() {
                return fetchItems(dropdownComp, name2, item2.items, selectedValue);
              }
            };
          } else {
            return {
              type: "togglemenuitem",
              text: item2.text,
              value: item2.value,
              active: item2.value === selectedValue,
              onAction: function() {
                Representing.setValue(dropdownComp, item2.value);
                emitWith(dropdownComp, formChangeEvent, { name: name2 });
                Focusing.focus(dropdownComp);
              }
            };
          }
        });
      };
      var findItemByValue = function(items, value2) {
        return findMap(items, function(item2) {
          if (!isSingleListItem(item2)) {
            return findItemByValue(item2.items, value2);
          } else {
            return someIf(item2.value === value2, item2);
          }
        });
      };
      var renderListBox = function(spec, backstage) {
        var providersBackstage = backstage.shared.providers;
        var initialItem = head(spec.items).filter(isSingleListItem);
        var pLabel = spec.label.map(function(label) {
          return renderLabel$2(label, providersBackstage);
        });
        var pField = FormField.parts.field({
          dom: {},
          factory: {
            sketch: function(sketchSpec) {
              return renderCommonDropdown({
                uid: sketchSpec.uid,
                text: initialItem.map(function(item2) {
                  return item2.text;
                }),
                icon: Optional.none(),
                tooltip: spec.label,
                role: Optional.none(),
                fetch: function(comp, callback) {
                  var items = fetchItems(comp, spec.name, spec.items, Representing.getValue(comp));
                  callback(build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, false));
                },
                onSetup: constant$1(noop),
                getApi: constant$1({}),
                columns: 1,
                presets: "normal",
                classes: [],
                dropdownBehaviours: [
                  Tabstopping.config({}),
                  Representing.config({
                    store: {
                      mode: "manual",
                      initialValue: initialItem.map(function(item2) {
                        return item2.value;
                      }).getOr(""),
                      getValue: function(comp) {
                        return get$d(comp.element, dataAttribute);
                      },
                      setValue: function(comp, data) {
                        findItemByValue(spec.items, data).each(function(item2) {
                          set$8(comp.element, dataAttribute, item2.value);
                          emitWith(comp, updateMenuText, { text: item2.text });
                        });
                      }
                    }
                  })
                ]
              }, "tox-listbox", backstage.shared);
            }
          }
        });
        var listBoxWrap = {
          dom: {
            tag: "div",
            classes: ["tox-listboxfield"]
          },
          components: [pField]
        };
        return FormField.sketch({
          dom: {
            tag: "div",
            classes: ["tox-form__group"]
          },
          components: flatten([
            pLabel.toArray(),
            [listBoxWrap]
          ]),
          fieldBehaviours: derive$1([Disabling.config({
            disabled: constant$1(spec.disabled),
            onDisabled: function(comp) {
              FormField.getField(comp).each(Disabling.disable);
            },
            onEnabled: function(comp) {
              FormField.getField(comp).each(Disabling.enable);
            }
          })])
        });
      };
      var renderPanel = function(spec, backstage) {
        return {
          dom: {
            tag: "div",
            classes: spec.classes
          },
          components: map$2(spec.items, backstage.shared.interpreter)
        };
      };
      var factory$e = function(detail, _spec) {
        var options = map$2(detail.options, function(option2) {
          return {
            dom: {
              tag: "option",
              value: option2.value,
              innerHtml: option2.text
            }
          };
        });
        var initialValues = detail.data.map(function(v) {
          return wrap$1("initialValue", v);
        }).getOr({});
        return {
          uid: detail.uid,
          dom: {
            tag: "select",
            classes: detail.selectClasses,
            attributes: detail.selectAttributes
          },
          components: options,
          behaviours: augment(detail.selectBehaviours, [
            Focusing.config({}),
            Representing.config({
              store: __assign({
                mode: "manual",
                getValue: function(select2) {
                  return get$5(select2.element);
                },
                setValue: function(select2, newValue) {
                  var found = find$5(detail.options, function(opt) {
                    return opt.value === newValue;
                  });
                  if (found.isSome()) {
                    set$4(select2.element, newValue);
                  }
                }
              }, initialValues)
            })
          ])
        };
      };
      var HtmlSelect = single({
        name: "HtmlSelect",
        configFields: [
          required$1("options"),
          field("selectBehaviours", [
            Focusing,
            Representing
          ]),
          defaulted("selectClasses", []),
          defaulted("selectAttributes", {}),
          option("data")
        ],
        factory: factory$e
      });
      var renderSelectBox = function(spec, providersBackstage) {
        var translatedOptions = map$2(spec.items, function(item2) {
          return {
            text: providersBackstage.translate(item2.text),
            value: item2.value
          };
        });
        var pLabel = spec.label.map(function(label) {
          return renderLabel$2(label, providersBackstage);
        });
        var pField = FormField.parts.field({
          dom: {},
          selectAttributes: { size: spec.size },
          options: translatedOptions,
          factory: HtmlSelect,
          selectBehaviours: derive$1([
            Disabling.config({
              disabled: function() {
                return spec.disabled || providersBackstage.isDisabled();
              }
            }),
            Tabstopping.config({}),
            config("selectbox-change", [run$1(change(), function(component, _) {
              emitWith(component, formChangeEvent, { name: spec.name });
            })])
          ])
        });
        var chevron = spec.size > 1 ? Optional.none() : Optional.some(render$3("chevron-down", {
          tag: "div",
          classes: ["tox-selectfield__icon-js"]
        }, providersBackstage.icons));
        var selectWrap = {
          dom: {
            tag: "div",
            classes: ["tox-selectfield"]
          },
          components: flatten([
            [pField],
            chevron.toArray()
          ])
        };
        return FormField.sketch({
          dom: {
            tag: "div",
            classes: ["tox-form__group"]
          },
          components: flatten([
            pLabel.toArray(),
            [selectWrap]
          ]),
          fieldBehaviours: derive$1([
            Disabling.config({
              disabled: function() {
                return spec.disabled || providersBackstage.isDisabled();
              },
              onDisabled: function(comp) {
                FormField.getField(comp).each(Disabling.disable);
              },
              onEnabled: function(comp) {
                FormField.getField(comp).each(Disabling.enable);
              }
            }),
            receivingConfig()
          ])
        });
      };
      var renderTable = function(spec, providersBackstage) {
        var renderTh = function(text2) {
          return {
            dom: {
              tag: "th",
              innerHtml: providersBackstage.translate(text2)
            }
          };
        };
        var renderHeader2 = function(header) {
          return {
            dom: { tag: "thead" },
            components: [{
              dom: { tag: "tr" },
              components: map$2(header, renderTh)
            }]
          };
        };
        var renderTd = function(text2) {
          return {
            dom: {
              tag: "td",
              innerHtml: providersBackstage.translate(text2)
            }
          };
        };
        var renderTr = function(row) {
          return {
            dom: { tag: "tr" },
            components: map$2(row, renderTd)
          };
        };
        var renderRows = function(rows) {
          return {
            dom: { tag: "tbody" },
            components: map$2(rows, renderTr)
          };
        };
        return {
          dom: {
            tag: "table",
            classes: ["tox-dialog__table"]
          },
          components: [
            renderHeader2(spec.header),
            renderRows(spec.cells)
          ],
          behaviours: derive$1([
            Tabstopping.config({}),
            Focusing.config({})
          ])
        };
      };
      var renderTextField = function(spec, providersBackstage) {
        var pLabel = spec.label.map(function(label) {
          return renderLabel$2(label, providersBackstage);
        });
        var baseInputBehaviours = [
          Disabling.config({
            disabled: function() {
              return spec.disabled || providersBackstage.isDisabled();
            }
          }),
          receivingConfig(),
          Keying.config({
            mode: "execution",
            useEnter: spec.multiline !== true,
            useControlEnter: spec.multiline === true,
            execute: function(comp) {
              emit(comp, formSubmitEvent);
              return Optional.some(true);
            }
          }),
          config("textfield-change", [
            run$1(input(), function(component, _) {
              emitWith(component, formChangeEvent, { name: spec.name });
            }),
            run$1(postPaste(), function(component, _) {
              emitWith(component, formChangeEvent, { name: spec.name });
            })
          ]),
          Tabstopping.config({})
        ];
        var validatingBehaviours = spec.validation.map(function(vl) {
          return Invalidating.config({
            getRoot: function(input2) {
              return parent(input2.element);
            },
            invalidClass: "tox-invalid",
            validator: {
              validate: function(input2) {
                var v = Representing.getValue(input2);
                var result = vl.validator(v);
                return Future.pure(result === true ? Result.value(v) : Result.error(result));
              },
              validateOnLoad: vl.validateOnLoad
            }
          });
        }).toArray();
        var placeholder2 = spec.placeholder.fold(constant$1({}), function(p) {
          return { placeholder: providersBackstage.translate(p) };
        });
        var inputMode = spec.inputMode.fold(constant$1({}), function(mode) {
          return { inputmode: mode };
        });
        var inputAttributes = __assign(__assign({}, placeholder2), inputMode);
        var pField = FormField.parts.field({
          tag: spec.multiline === true ? "textarea" : "input",
          inputAttributes,
          inputClasses: [spec.classname],
          inputBehaviours: derive$1(flatten([
            baseInputBehaviours,
            validatingBehaviours
          ])),
          selectOnFocus: false,
          factory: Input
        });
        var extraClasses = spec.flex ? ["tox-form__group--stretched"] : [];
        var extraClasses2 = extraClasses.concat(spec.maximized ? ["tox-form-group--maximize"] : []);
        var extraBehaviours = [
          Disabling.config({
            disabled: function() {
              return spec.disabled || providersBackstage.isDisabled();
            },
            onDisabled: function(comp) {
              FormField.getField(comp).each(Disabling.disable);
            },
            onEnabled: function(comp) {
              FormField.getField(comp).each(Disabling.enable);
            }
          }),
          receivingConfig()
        ];
        return renderFormFieldWith(pLabel, pField, extraClasses2, extraBehaviours);
      };
      var renderInput = function(spec, providersBackstage) {
        return renderTextField({
          name: spec.name,
          multiline: false,
          label: spec.label,
          inputMode: spec.inputMode,
          placeholder: spec.placeholder,
          flex: false,
          disabled: spec.disabled,
          classname: "tox-textfield",
          validation: Optional.none(),
          maximized: spec.maximized
        }, providersBackstage);
      };
      var renderTextarea = function(spec, providersBackstage) {
        return renderTextField({
          name: spec.name,
          multiline: true,
          label: spec.label,
          inputMode: Optional.none(),
          placeholder: spec.placeholder,
          flex: true,
          disabled: spec.disabled,
          classname: "tox-textarea",
          validation: Optional.none(),
          maximized: spec.maximized
        }, providersBackstage);
      };
      var events$6 = function(streamConfig, streamState) {
        var streams = streamConfig.stream.streams;
        var processor = streams.setup(streamConfig, streamState);
        return derive$2([
          run$1(streamConfig.event, processor),
          runOnDetached(function() {
            return streamState.cancel();
          })
        ].concat(streamConfig.cancelEvent.map(function(e) {
          return [run$1(e, function() {
            return streamState.cancel();
          })];
        }).getOr([])));
      };
      var ActiveStreaming = Object.freeze({
        __proto__: null,
        events: events$6
      });
      var throttle = function(_config) {
        var state = Cell(null);
        var readState = function() {
          return { timer: state.get() !== null ? "set" : "unset" };
        };
        var setTimer = function(t2) {
          state.set(t2);
        };
        var cancel = function() {
          var t2 = state.get();
          if (t2 !== null) {
            t2.cancel();
          }
        };
        return nu$8({
          readState,
          setTimer,
          cancel
        });
      };
      var init$9 = function(spec) {
        return spec.stream.streams.state(spec);
      };
      var StreamingState = Object.freeze({
        __proto__: null,
        throttle,
        init: init$9
      });
      var setup$c = function(streamInfo, streamState) {
        var sInfo = streamInfo.stream;
        var throttler = last(streamInfo.onStream, sInfo.delay);
        streamState.setTimer(throttler);
        return function(component, simulatedEvent) {
          throttler.throttle(component, simulatedEvent);
          if (sInfo.stopEvent) {
            simulatedEvent.stop();
          }
        };
      };
      var StreamingSchema = [
        requiredOf("stream", choose$1("mode", {
          throttle: [
            required$1("delay"),
            defaulted("stopEvent", true),
            output$1("streams", {
              setup: setup$c,
              state: throttle
            })
          ]
        })),
        defaulted("event", "input"),
        option("cancelEvent"),
        onStrictHandler("onStream")
      ];
      var Streaming = create$7({
        fields: StreamingSchema,
        name: "streaming",
        active: ActiveStreaming,
        state: StreamingState
      });
      var setValueFromItem = function(model, input2, item2) {
        var itemData = Representing.getValue(item2);
        Representing.setValue(input2, itemData);
        setCursorAtEnd(input2);
      };
      var setSelectionOn = function(input2, f) {
        var el = input2.element;
        var value2 = get$5(el);
        var node = el.dom;
        if (get$d(el, "type") !== "number") {
          f(node, value2);
        }
      };
      var setCursorAtEnd = function(input2) {
        setSelectionOn(input2, function(node, value2) {
          return node.setSelectionRange(value2.length, value2.length);
        });
      };
      var setSelectionToEnd = function(input2, startOffset) {
        setSelectionOn(input2, function(node, value2) {
          return node.setSelectionRange(startOffset, value2.length);
        });
      };
      var attemptSelectOver = function(model, input2, item2) {
        if (!model.selectsOver) {
          return Optional.none();
        } else {
          var currentValue2 = Representing.getValue(input2);
          var inputDisplay_1 = model.getDisplayText(currentValue2);
          var itemValue = Representing.getValue(item2);
          var itemDisplay = model.getDisplayText(itemValue);
          return itemDisplay.indexOf(inputDisplay_1) === 0 ? Optional.some(function() {
            setValueFromItem(model, input2, item2);
            setSelectionToEnd(input2, inputDisplay_1.length);
          }) : Optional.none();
        }
      };
      var itemExecute = constant$1("alloy.typeahead.itemexecute");
      var make$3 = function(detail, components2, spec, externals) {
        var navigateList = function(comp, simulatedEvent, highlighter) {
          detail.previewing.set(false);
          var sandbox = Coupling.getCoupled(comp, "sandbox");
          if (Sandboxing.isOpen(sandbox)) {
            Composing.getCurrent(sandbox).each(function(menu2) {
              Highlighting.getHighlighted(menu2).fold(function() {
                highlighter(menu2);
              }, function() {
                dispatchEvent(sandbox, menu2.element, "keydown", simulatedEvent);
              });
            });
          } else {
            var onOpenSync = function(sandbox2) {
              Composing.getCurrent(sandbox2).each(highlighter);
            };
            open(detail, mapFetch(comp), comp, sandbox, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
          }
        };
        var focusBehaviours$1 = focusBehaviours(detail);
        var mapFetch = function(comp) {
          return function(tdata) {
            return tdata.map(function(data) {
              var menus = values(data.menus);
              var items = bind$3(menus, function(menu2) {
                return filter$2(menu2.items, function(item2) {
                  return item2.type === "item";
                });
              });
              var repState = Representing.getState(comp);
              repState.update(map$2(items, function(item2) {
                return item2.data;
              }));
              return data;
            });
          };
        };
        var behaviours2 = [
          Focusing.config({}),
          Representing.config({
            onSetValue: detail.onSetValue,
            store: __assign({
              mode: "dataset",
              getDataKey: function(comp) {
                return get$5(comp.element);
              },
              getFallbackEntry: function(itemString) {
                return {
                  value: itemString,
                  meta: {}
                };
              },
              setValue: function(comp, data) {
                set$4(comp.element, detail.model.getDisplayText(data));
              }
            }, detail.initialData.map(function(d) {
              return wrap$1("initialValue", d);
            }).getOr({}))
          }),
          Streaming.config({
            stream: {
              mode: "throttle",
              delay: detail.responseTime,
              stopEvent: false
            },
            onStream: function(component, _simulatedEvent) {
              var sandbox = Coupling.getCoupled(component, "sandbox");
              var focusInInput = Focusing.isFocused(component);
              if (focusInInput) {
                if (get$5(component.element).length >= detail.minChars) {
                  var previousValue_1 = Composing.getCurrent(sandbox).bind(function(menu2) {
                    return Highlighting.getHighlighted(menu2).map(Representing.getValue);
                  });
                  detail.previewing.set(true);
                  var onOpenSync = function(_sandbox) {
                    Composing.getCurrent(sandbox).each(function(menu2) {
                      previousValue_1.fold(function() {
                        if (detail.model.selectsOver) {
                          Highlighting.highlightFirst(menu2);
                        }
                      }, function(pv) {
                        Highlighting.highlightBy(menu2, function(item2) {
                          var itemData = Representing.getValue(item2);
                          return itemData.value === pv.value;
                        });
                        Highlighting.getHighlighted(menu2).orThunk(function() {
                          Highlighting.highlightFirst(menu2);
                          return Optional.none();
                        });
                      });
                    });
                  };
                  open(detail, mapFetch(component), component, sandbox, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
                }
              }
            },
            cancelEvent: typeaheadCancel()
          }),
          Keying.config({
            mode: "special",
            onDown: function(comp, simulatedEvent) {
              navigateList(comp, simulatedEvent, Highlighting.highlightFirst);
              return Optional.some(true);
            },
            onEscape: function(comp) {
              var sandbox = Coupling.getCoupled(comp, "sandbox");
              if (Sandboxing.isOpen(sandbox)) {
                Sandboxing.close(sandbox);
                return Optional.some(true);
              }
              return Optional.none();
            },
            onUp: function(comp, simulatedEvent) {
              navigateList(comp, simulatedEvent, Highlighting.highlightLast);
              return Optional.some(true);
            },
            onEnter: function(comp) {
              var sandbox = Coupling.getCoupled(comp, "sandbox");
              var sandboxIsOpen = Sandboxing.isOpen(sandbox);
              if (sandboxIsOpen && !detail.previewing.get()) {
                return Composing.getCurrent(sandbox).bind(function(menu2) {
                  return Highlighting.getHighlighted(menu2);
                }).map(function(item2) {
                  emitWith(comp, itemExecute(), { item: item2 });
                  return true;
                });
              } else {
                var currentValue2 = Representing.getValue(comp);
                emit(comp, typeaheadCancel());
                detail.onExecute(sandbox, comp, currentValue2);
                if (sandboxIsOpen) {
                  Sandboxing.close(sandbox);
                }
                return Optional.some(true);
              }
            }
          }),
          Toggling.config({
            toggleClass: detail.markers.openClass,
            aria: { mode: "expanded" }
          }),
          Coupling.config({
            others: {
              sandbox: function(hotspot) {
                return makeSandbox$1(detail, hotspot, {
                  onOpen: function() {
                    return Toggling.on(hotspot);
                  },
                  onClose: function() {
                    return Toggling.off(hotspot);
                  }
                });
              }
            }
          }),
          config("typeaheadevents", [
            runOnExecute$1(function(comp) {
              var onOpenSync = noop;
              togglePopup(detail, mapFetch(comp), comp, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
            }),
            run$1(itemExecute(), function(comp, se) {
              var sandbox = Coupling.getCoupled(comp, "sandbox");
              setValueFromItem(detail.model, comp, se.event.item);
              emit(comp, typeaheadCancel());
              detail.onItemExecute(comp, sandbox, se.event.item, Representing.getValue(comp));
              Sandboxing.close(sandbox);
              setCursorAtEnd(comp);
            })
          ].concat(detail.dismissOnBlur ? [run$1(postBlur(), function(typeahead) {
            var sandbox = Coupling.getCoupled(typeahead, "sandbox");
            if (search(sandbox.element).isNone()) {
              Sandboxing.close(sandbox);
            }
          })] : []))
        ];
        return {
          uid: detail.uid,
          dom: dom(deepMerge(detail, {
            inputAttributes: {
              "role": "combobox",
              "aria-autocomplete": "list",
              "aria-haspopup": "true"
            }
          })),
          behaviours: __assign(__assign({}, focusBehaviours$1), augment(detail.typeaheadBehaviours, behaviours2)),
          eventOrder: detail.eventOrder
        };
      };
      var schema$g = constant$1([
        option("lazySink"),
        required$1("fetch"),
        defaulted("minChars", 5),
        defaulted("responseTime", 1e3),
        onHandler("onOpen"),
        defaulted("getHotspot", Optional.some),
        defaulted("getAnchorOverrides", constant$1({})),
        defaulted("layouts", Optional.none()),
        defaulted("eventOrder", {}),
        defaultedObjOf("model", {}, [
          defaulted("getDisplayText", function(itemData) {
            return itemData.meta !== void 0 && itemData.meta.text !== void 0 ? itemData.meta.text : itemData.value;
          }),
          defaulted("selectsOver", true),
          defaulted("populateFromBrowse", true)
        ]),
        onHandler("onSetValue"),
        onKeyboardHandler("onExecute"),
        onHandler("onItemExecute"),
        defaulted("inputClasses", []),
        defaulted("inputAttributes", {}),
        defaulted("inputStyles", {}),
        defaulted("matchWidth", true),
        defaulted("useMinWidth", false),
        defaulted("dismissOnBlur", true),
        markers$1(["openClass"]),
        option("initialData"),
        field("typeaheadBehaviours", [
          Focusing,
          Representing,
          Streaming,
          Keying,
          Toggling,
          Coupling
        ]),
        customField("previewing", function() {
          return Cell(true);
        })
      ].concat(schema$k()).concat(sandboxFields()));
      var parts$b = constant$1([external$1({
        schema: [tieredMenuMarkers()],
        name: "menu",
        overrides: function(detail) {
          return {
            fakeFocus: true,
            onHighlight: function(menu2, item2) {
              if (!detail.previewing.get()) {
                menu2.getSystem().getByUid(detail.uid).each(function(input2) {
                  if (detail.model.populateFromBrowse) {
                    setValueFromItem(detail.model, input2, item2);
                  }
                });
              } else {
                menu2.getSystem().getByUid(detail.uid).each(function(input2) {
                  attemptSelectOver(detail.model, input2, item2).fold(function() {
                    return Highlighting.dehighlight(menu2, item2);
                  }, function(fn) {
                    return fn();
                  });
                });
              }
              detail.previewing.set(false);
            },
            onExecute: function(menu2, item2) {
              return menu2.getSystem().getByUid(detail.uid).toOptional().map(function(typeahead) {
                emitWith(typeahead, itemExecute(), { item: item2 });
                return true;
              });
            },
            onHover: function(menu2, item2) {
              detail.previewing.set(false);
              menu2.getSystem().getByUid(detail.uid).each(function(input2) {
                if (detail.model.populateFromBrowse) {
                  setValueFromItem(detail.model, input2, item2);
                }
              });
            }
          };
        }
      })]);
      var Typeahead = composite({
        name: "Typeahead",
        configFields: schema$g(),
        partFields: parts$b(),
        factory: make$3
      });
      var wrap = function(delegate) {
        var toCached = function() {
          return wrap(delegate.toCached());
        };
        var bindFuture = function(f) {
          return wrap(delegate.bind(function(resA) {
            return resA.fold(function(err) {
              return Future.pure(Result.error(err));
            }, function(a) {
              return f(a);
            });
          }));
        };
        var bindResult = function(f) {
          return wrap(delegate.map(function(resA) {
            return resA.bind(f);
          }));
        };
        var mapResult = function(f) {
          return wrap(delegate.map(function(resA) {
            return resA.map(f);
          }));
        };
        var mapError2 = function(f) {
          return wrap(delegate.map(function(resA) {
            return resA.mapError(f);
          }));
        };
        var foldResult = function(whenError, whenValue) {
          return delegate.map(function(res) {
            return res.fold(whenError, whenValue);
          });
        };
        var withTimeout = function(timeout, errorThunk) {
          return wrap(Future.nu(function(callback) {
            var timedOut = false;
            var timer = setTimeout(function() {
              timedOut = true;
              callback(Result.error(errorThunk()));
            }, timeout);
            delegate.get(function(result) {
              if (!timedOut) {
                clearTimeout(timer);
                callback(result);
              }
            });
          }));
        };
        return __assign(__assign({}, delegate), {
          toCached,
          bindFuture,
          bindResult,
          mapResult,
          mapError: mapError2,
          foldResult,
          withTimeout
        });
      };
      var nu$1 = function(worker) {
        return wrap(Future.nu(worker));
      };
      var value = function(value2) {
        return wrap(Future.pure(Result.value(value2)));
      };
      var error = function(error2) {
        return wrap(Future.pure(Result.error(error2)));
      };
      var fromResult = function(result) {
        return wrap(Future.pure(result));
      };
      var fromFuture = function(future) {
        return wrap(future.map(Result.value));
      };
      var fromPromise = function(promise) {
        return nu$1(function(completer) {
          promise.then(function(value2) {
            completer(Result.value(value2));
          }, function(error2) {
            completer(Result.error(error2));
          });
        });
      };
      var FutureResult = {
        nu: nu$1,
        wrap,
        pure: value,
        value,
        error,
        fromResult,
        fromFuture,
        fromPromise
      };
      var separator$1 = { type: "separator" };
      var toMenuItem = function(target) {
        return {
          type: "menuitem",
          value: target.url,
          text: target.title,
          meta: { attach: target.attach },
          onAction: noop
        };
      };
      var staticMenuItem = function(title, url) {
        return {
          type: "menuitem",
          value: url,
          text: title,
          meta: { attach: void 0 },
          onAction: noop
        };
      };
      var toMenuItems = function(targets) {
        return map$2(targets, toMenuItem);
      };
      var filterLinkTargets = function(type2, targets) {
        return filter$2(targets, function(target) {
          return target.type === type2;
        });
      };
      var filteredTargets = function(type2, targets) {
        return toMenuItems(filterLinkTargets(type2, targets));
      };
      var headerTargets = function(linkInfo) {
        return filteredTargets("header", linkInfo.targets);
      };
      var anchorTargets = function(linkInfo) {
        return filteredTargets("anchor", linkInfo.targets);
      };
      var anchorTargetTop = function(linkInfo) {
        return Optional.from(linkInfo.anchorTop).map(function(url) {
          return staticMenuItem("<top>", url);
        }).toArray();
      };
      var anchorTargetBottom = function(linkInfo) {
        return Optional.from(linkInfo.anchorBottom).map(function(url) {
          return staticMenuItem("<bottom>", url);
        }).toArray();
      };
      var historyTargets = function(history) {
        return map$2(history, function(url) {
          return staticMenuItem(url, url);
        });
      };
      var joinMenuLists = function(items) {
        return foldl(items, function(a, b2) {
          var bothEmpty = a.length === 0 || b2.length === 0;
          return bothEmpty ? a.concat(b2) : a.concat(separator$1, b2);
        }, []);
      };
      var filterByQuery = function(term, menuItems) {
        var lowerCaseTerm = term.toLowerCase();
        return filter$2(menuItems, function(item2) {
          var text2 = item2.meta !== void 0 && item2.meta.text !== void 0 ? item2.meta.text : item2.text;
          return contains$1(text2.toLowerCase(), lowerCaseTerm) || contains$1(item2.value.toLowerCase(), lowerCaseTerm);
        });
      };
      var getItems = function(fileType, input2, urlBackstage) {
        var urlInputValue = Representing.getValue(input2);
        var term = urlInputValue.meta.text !== void 0 ? urlInputValue.meta.text : urlInputValue.value;
        var info = urlBackstage.getLinkInformation();
        return info.fold(function() {
          return [];
        }, function(linkInfo) {
          var history = filterByQuery(term, historyTargets(urlBackstage.getHistory(fileType)));
          return fileType === "file" ? joinMenuLists([
            history,
            filterByQuery(term, headerTargets(linkInfo)),
            filterByQuery(term, flatten([
              anchorTargetTop(linkInfo),
              anchorTargets(linkInfo),
              anchorTargetBottom(linkInfo)
            ]))
          ]) : history;
        });
      };
      var errorId = generate$6("aria-invalid");
      var renderUrlInput = function(spec, backstage, urlBackstage) {
        var _a2;
        var providersBackstage = backstage.shared.providers;
        var updateHistory = function(component) {
          var urlEntry = Representing.getValue(component);
          urlBackstage.addToHistory(urlEntry.value, spec.filetype);
        };
        var pField = FormField.parts.field({
          factory: Typeahead,
          dismissOnBlur: true,
          inputClasses: ["tox-textfield"],
          sandboxClasses: ["tox-dialog__popups"],
          inputAttributes: {
            "aria-errormessage": errorId,
            "type": "url"
          },
          minChars: 0,
          responseTime: 0,
          fetch: function(input2) {
            var items = getItems(spec.filetype, input2, urlBackstage);
            var tdata = build(items, ItemResponse$1.BUBBLE_TO_SANDBOX, backstage, false);
            return Future.pure(tdata);
          },
          getHotspot: function(comp) {
            return memUrlBox.getOpt(comp);
          },
          onSetValue: function(comp, _newValue) {
            if (comp.hasConfigured(Invalidating)) {
              Invalidating.run(comp).get(noop);
            }
          },
          typeaheadBehaviours: derive$1(flatten([
            urlBackstage.getValidationHandler().map(function(handler) {
              return Invalidating.config({
                getRoot: function(comp) {
                  return parent(comp.element);
                },
                invalidClass: "tox-control-wrap--status-invalid",
                notify: {
                  onInvalid: function(comp, err) {
                    memInvalidIcon.getOpt(comp).each(function(invalidComp) {
                      set$8(invalidComp.element, "title", providersBackstage.translate(err));
                    });
                  }
                },
                validator: {
                  validate: function(input2) {
                    var urlEntry = Representing.getValue(input2);
                    return FutureResult.nu(function(completer) {
                      handler({
                        type: spec.filetype,
                        url: urlEntry.value
                      }, function(validation) {
                        if (validation.status === "invalid") {
                          var err = Result.error(validation.message);
                          completer(err);
                        } else {
                          var val = Result.value(validation.message);
                          completer(val);
                        }
                      });
                    });
                  },
                  validateOnLoad: false
                }
              });
            }).toArray(),
            [
              Disabling.config({
                disabled: function() {
                  return spec.disabled || providersBackstage.isDisabled();
                }
              }),
              Tabstopping.config({}),
              config("urlinput-events", flatten([
                spec.filetype === "file" ? [run$1(input(), function(comp) {
                  emitWith(comp, formChangeEvent, { name: spec.name });
                })] : [],
                [
                  run$1(change(), function(comp) {
                    emitWith(comp, formChangeEvent, { name: spec.name });
                    updateHistory(comp);
                  }),
                  run$1(postPaste(), function(comp) {
                    emitWith(comp, formChangeEvent, { name: spec.name });
                    updateHistory(comp);
                  })
                ]
              ]))
            ]
          ])),
          eventOrder: (_a2 = {}, _a2[input()] = [
            "streaming",
            "urlinput-events",
            "invalidating"
          ], _a2),
          model: {
            getDisplayText: function(itemData) {
              return itemData.value;
            },
            selectsOver: false,
            populateFromBrowse: false
          },
          markers: { openClass: "tox-textfield--popup-open" },
          lazySink: backstage.shared.getSink,
          parts: { menu: part(false, 1, "normal") },
          onExecute: function(_menu, component, _entry) {
            emitWith(component, formSubmitEvent, {});
          },
          onItemExecute: function(typeahead, _sandbox, _item, _value) {
            updateHistory(typeahead);
            emitWith(typeahead, formChangeEvent, { name: spec.name });
          }
        });
        var pLabel = spec.label.map(function(label) {
          return renderLabel$2(label, providersBackstage);
        });
        var makeIcon = function(name2, errId, icon, label) {
          if (icon === void 0) {
            icon = name2;
          }
          if (label === void 0) {
            label = name2;
          }
          return render$3(icon, {
            tag: "div",
            classes: [
              "tox-icon",
              "tox-control-wrap__status-icon-" + name2
            ],
            attributes: __assign({
              "title": providersBackstage.translate(label),
              "aria-live": "polite"
            }, errId.fold(function() {
              return {};
            }, function(id) {
              return { id };
            }))
          }, providersBackstage.icons);
        };
        var memInvalidIcon = record(makeIcon("invalid", Optional.some(errorId), "warning"));
        var memStatus = record({
          dom: {
            tag: "div",
            classes: ["tox-control-wrap__status-icon-wrap"]
          },
          components: [memInvalidIcon.asSpec()]
        });
        var optUrlPicker = urlBackstage.getUrlPicker(spec.filetype);
        var browseUrlEvent = generate$6("browser.url.event");
        var memUrlBox = record({
          dom: {
            tag: "div",
            classes: ["tox-control-wrap"]
          },
          components: [
            pField,
            memStatus.asSpec()
          ],
          behaviours: derive$1([Disabling.config({
            disabled: function() {
              return spec.disabled || providersBackstage.isDisabled();
            }
          })])
        });
        var memUrlPickerButton = record(renderButton({
          name: spec.name,
          icon: Optional.some("browse"),
          text: spec.label.getOr(""),
          disabled: spec.disabled,
          primary: false,
          borderless: true
        }, function(component) {
          return emit(component, browseUrlEvent);
        }, providersBackstage, [], ["tox-browse-url"]));
        var controlHWrapper = function() {
          return {
            dom: {
              tag: "div",
              classes: ["tox-form__controls-h-stack"]
            },
            components: flatten([
              [memUrlBox.asSpec()],
              optUrlPicker.map(function() {
                return memUrlPickerButton.asSpec();
              }).toArray()
            ])
          };
        };
        var openUrlPicker = function(comp) {
          Composing.getCurrent(comp).each(function(field2) {
            var componentData = Representing.getValue(field2);
            var urlData = __assign({ fieldname: spec.name }, componentData);
            optUrlPicker.each(function(picker) {
              picker(urlData).get(function(chosenData) {
                Representing.setValue(field2, chosenData);
                emitWith(comp, formChangeEvent, { name: spec.name });
              });
            });
          });
        };
        return FormField.sketch({
          dom: renderFormFieldDom(),
          components: pLabel.toArray().concat([controlHWrapper()]),
          fieldBehaviours: derive$1([
            Disabling.config({
              disabled: function() {
                return spec.disabled || providersBackstage.isDisabled();
              },
              onDisabled: function(comp) {
                FormField.getField(comp).each(Disabling.disable);
                memUrlPickerButton.getOpt(comp).each(Disabling.disable);
              },
              onEnabled: function(comp) {
                FormField.getField(comp).each(Disabling.enable);
                memUrlPickerButton.getOpt(comp).each(Disabling.enable);
              }
            }),
            receivingConfig(),
            config("url-input-events", [run$1(browseUrlEvent, openUrlPicker)])
          ])
        });
      };
      var renderAlertBanner = function(spec, providersBackstage) {
        return Container.sketch({
          dom: {
            tag: "div",
            attributes: { role: "alert" },
            classes: [
              "tox-notification",
              "tox-notification--in",
              "tox-notification--" + spec.level
            ]
          },
          components: [
            {
              dom: {
                tag: "div",
                classes: ["tox-notification__icon"]
              },
              components: [Button.sketch({
                dom: {
                  tag: "button",
                  classes: [
                    "tox-button",
                    "tox-button--naked",
                    "tox-button--icon"
                  ],
                  innerHtml: get$1(spec.icon, providersBackstage.icons),
                  attributes: { title: providersBackstage.translate(spec.iconTooltip) }
                },
                action: function(comp) {
                  emitWith(comp, formActionEvent, {
                    name: "alert-banner",
                    value: spec.url
                  });
                },
                buttonBehaviours: derive$1([addFocusableBehaviour()])
              })]
            },
            {
              dom: {
                tag: "div",
                classes: ["tox-notification__body"],
                innerHtml: providersBackstage.translate(spec.text)
              }
            }
          ]
        });
      };
      var renderCheckbox = function(spec, providerBackstage) {
        var repBehaviour = Representing.config({
          store: {
            mode: "manual",
            getValue: function(comp) {
              var el = comp.element.dom;
              return el.checked;
            },
            setValue: function(comp, value2) {
              var el = comp.element.dom;
              el.checked = value2;
            }
          }
        });
        var toggleCheckboxHandler = function(comp) {
          comp.element.dom.click();
          return Optional.some(true);
        };
        var pField = FormField.parts.field({
          factory: { sketch: identity$1 },
          dom: {
            tag: "input",
            classes: ["tox-checkbox__input"],
            attributes: { type: "checkbox" }
          },
          behaviours: derive$1([
            ComposingConfigs.self(),
            Disabling.config({
              disabled: function() {
                return spec.disabled || providerBackstage.isDisabled();
              }
            }),
            Tabstopping.config({}),
            Focusing.config({}),
            repBehaviour,
            Keying.config({
              mode: "special",
              onEnter: toggleCheckboxHandler,
              onSpace: toggleCheckboxHandler,
              stopSpaceKeyup: true
            }),
            config("checkbox-events", [run$1(change(), function(component, _) {
              emitWith(component, formChangeEvent, { name: spec.name });
            })])
          ])
        });
        var pLabel = FormField.parts.label({
          dom: {
            tag: "span",
            classes: ["tox-checkbox__label"],
            innerHtml: providerBackstage.translate(spec.label)
          },
          behaviours: derive$1([Unselecting.config({})])
        });
        var makeIcon = function(className) {
          var iconName = className === "checked" ? "selected" : "unselected";
          return render$3(iconName, {
            tag: "span",
            classes: [
              "tox-icon",
              "tox-checkbox-icon__" + className
            ]
          }, providerBackstage.icons);
        };
        var memIcons = record({
          dom: {
            tag: "div",
            classes: ["tox-checkbox__icons"]
          },
          components: [
            makeIcon("checked"),
            makeIcon("unchecked")
          ]
        });
        return FormField.sketch({
          dom: {
            tag: "label",
            classes: ["tox-checkbox"]
          },
          components: [
            pField,
            memIcons.asSpec(),
            pLabel
          ],
          fieldBehaviours: derive$1([
            Disabling.config({
              disabled: function() {
                return spec.disabled || providerBackstage.isDisabled();
              },
              disableClass: "tox-checkbox--disabled",
              onDisabled: function(comp) {
                FormField.getField(comp).each(Disabling.disable);
              },
              onEnabled: function(comp) {
                FormField.getField(comp).each(Disabling.enable);
              }
            }),
            receivingConfig()
          ])
        });
      };
      var renderHtmlPanel = function(spec) {
        if (spec.presets === "presentation") {
          return Container.sketch({
            dom: {
              tag: "div",
              classes: ["tox-form__group"],
              innerHtml: spec.html
            }
          });
        } else {
          return Container.sketch({
            dom: {
              tag: "div",
              classes: ["tox-form__group"],
              innerHtml: spec.html,
              attributes: { role: "document" }
            },
            containerBehaviours: derive$1([
              Tabstopping.config({}),
              Focusing.config({})
            ])
          });
        }
      };
      var make$2 = function(render2) {
        return function(parts2, spec, backstage) {
          return get$e(spec, "name").fold(function() {
            return render2(spec, backstage);
          }, function(fieldName) {
            return parts2.field(fieldName, render2(spec, backstage));
          });
        };
      };
      var makeIframe = function(render2) {
        return function(parts2, spec, backstage) {
          var iframeSpec = deepMerge(spec, { source: "dynamic" });
          return make$2(render2)(parts2, iframeSpec, backstage);
        };
      };
      var factories = {
        bar: make$2(function(spec, backstage) {
          return renderBar(spec, backstage.shared);
        }),
        collection: make$2(function(spec, backstage) {
          return renderCollection(spec, backstage.shared.providers);
        }),
        alertbanner: make$2(function(spec, backstage) {
          return renderAlertBanner(spec, backstage.shared.providers);
        }),
        input: make$2(function(spec, backstage) {
          return renderInput(spec, backstage.shared.providers);
        }),
        textarea: make$2(function(spec, backstage) {
          return renderTextarea(spec, backstage.shared.providers);
        }),
        label: make$2(function(spec, backstage) {
          return renderLabel(spec, backstage.shared);
        }),
        iframe: makeIframe(function(spec, backstage) {
          return renderIFrame(spec, backstage.shared.providers);
        }),
        button: make$2(function(spec, backstage) {
          return renderDialogButton(spec, backstage.shared.providers);
        }),
        checkbox: make$2(function(spec, backstage) {
          return renderCheckbox(spec, backstage.shared.providers);
        }),
        colorinput: make$2(function(spec, backstage) {
          return renderColorInput(spec, backstage.shared, backstage.colorinput);
        }),
        colorpicker: make$2(renderColorPicker),
        dropzone: make$2(function(spec, backstage) {
          return renderDropZone(spec, backstage.shared.providers);
        }),
        grid: make$2(function(spec, backstage) {
          return renderGrid(spec, backstage.shared);
        }),
        listbox: make$2(function(spec, backstage) {
          return renderListBox(spec, backstage);
        }),
        selectbox: make$2(function(spec, backstage) {
          return renderSelectBox(spec, backstage.shared.providers);
        }),
        sizeinput: make$2(function(spec, backstage) {
          return renderSizeInput(spec, backstage.shared.providers);
        }),
        urlinput: make$2(function(spec, backstage) {
          return renderUrlInput(spec, backstage, backstage.urlinput);
        }),
        customeditor: make$2(renderCustomEditor),
        htmlpanel: make$2(renderHtmlPanel),
        imagetools: make$2(function(spec, backstage) {
          return renderImageTools(spec, backstage.shared.providers);
        }),
        table: make$2(function(spec, backstage) {
          return renderTable(spec, backstage.shared.providers);
        }),
        panel: make$2(function(spec, backstage) {
          return renderPanel(spec, backstage);
        })
      };
      var noFormParts = {
        field: function(_name, spec) {
          return spec;
        }
      };
      var interpretInForm = function(parts2, spec, oldBackstage) {
        var newBackstage = deepMerge(oldBackstage, {
          shared: {
            interpreter: function(childSpec) {
              return interpretParts(parts2, childSpec, newBackstage);
            }
          }
        });
        return interpretParts(parts2, spec, newBackstage);
      };
      var interpretParts = function(parts2, spec, backstage) {
        return get$e(factories, spec.type).fold(function() {
          console.error('Unknown factory type "' + spec.type + '", defaulting to container: ', spec);
          return spec;
        }, function(factory2) {
          return factory2(parts2, spec, backstage);
        });
      };
      var interpretWithoutForm = function(spec, backstage) {
        var parts2 = noFormParts;
        return interpretParts(parts2, spec, backstage);
      };
      var bubbleAlignments$2 = {
        valignCentre: [],
        alignCentre: [],
        alignLeft: [],
        alignRight: [],
        right: [],
        left: [],
        bottom: [],
        top: []
      };
      var getInlineDialogAnchor = function(contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor) {
        var bubbleSize2 = 12;
        var overrides = { maxHeightFunction: expandable$1() };
        var editableAreaAnchor = function() {
          return {
            type: "node",
            root: getContentContainer(contentAreaElement()),
            node: Optional.from(contentAreaElement()),
            bubble: nu$5(bubbleSize2, bubbleSize2, bubbleAlignments$2),
            layouts: {
              onRtl: function() {
                return [northeast];
              },
              onLtr: function() {
                return [northwest];
              }
            },
            overrides
          };
        };
        var standardAnchor = function() {
          return {
            type: "hotspot",
            hotspot: lazyAnchorbar(),
            bubble: nu$5(-bubbleSize2, bubbleSize2, bubbleAlignments$2),
            layouts: {
              onRtl: function() {
                return [southeast$2];
              },
              onLtr: function() {
                return [southwest$2];
              }
            },
            overrides
          };
        };
        return function() {
          return lazyUseEditableAreaAnchor() ? editableAreaAnchor() : standardAnchor();
        };
      };
      var getBannerAnchor = function(contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor) {
        var editableAreaAnchor = function() {
          return {
            type: "node",
            root: getContentContainer(contentAreaElement()),
            node: Optional.from(contentAreaElement()),
            layouts: {
              onRtl: function() {
                return [north];
              },
              onLtr: function() {
                return [north];
              }
            }
          };
        };
        var standardAnchor = function() {
          return {
            type: "hotspot",
            hotspot: lazyAnchorbar(),
            layouts: {
              onRtl: function() {
                return [south$2];
              },
              onLtr: function() {
                return [south$2];
              }
            }
          };
        };
        return function() {
          return lazyUseEditableAreaAnchor() ? editableAreaAnchor() : standardAnchor();
        };
      };
      var getCursorAnchor = function(editor, bodyElement) {
        return function() {
          return {
            type: "selection",
            root: bodyElement(),
            getSelection: function() {
              var rng = editor.selection.getRng();
              return Optional.some(SimSelection.range(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset));
            }
          };
        };
      };
      var getNodeAnchor$1 = function(bodyElement) {
        return function(element2) {
          return {
            type: "node",
            root: bodyElement(),
            node: element2
          };
        };
      };
      var getAnchors = function(editor, lazyAnchorbar, isToolbarTop) {
        var useFixedToolbarContainer = useFixedContainer(editor);
        var bodyElement = function() {
          return SugarElement.fromDom(editor.getBody());
        };
        var contentAreaElement = function() {
          return SugarElement.fromDom(editor.getContentAreaContainer());
        };
        var lazyUseEditableAreaAnchor = function() {
          return useFixedToolbarContainer || !isToolbarTop();
        };
        return {
          inlineDialog: getInlineDialogAnchor(contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor),
          banner: getBannerAnchor(contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor),
          cursor: getCursorAnchor(editor, bodyElement),
          node: getNodeAnchor$1(bodyElement)
        };
      };
      var colorPicker = function(editor) {
        return function(callback, value2) {
          var dialog = colorPickerDialog(editor);
          dialog(callback, value2);
        };
      };
      var hasCustomColors = function(editor) {
        return function() {
          return hasCustomColors$1(editor);
        };
      };
      var getColors = function(editor) {
        return function() {
          return getColors$2(editor);
        };
      };
      var getColorCols = function(editor) {
        return function() {
          return getColorCols$1(editor);
        };
      };
      var ColorInputBackstage = function(editor) {
        return {
          colorPicker: colorPicker(editor),
          hasCustomColors: hasCustomColors(editor),
          getColors: getColors(editor),
          getColorCols: getColorCols(editor)
        };
      };
      var isDraggableModal = function(editor) {
        return function() {
          return isDraggableModal$1(editor);
        };
      };
      var DialogBackstage = function(editor) {
        return { isDraggableModal: isDraggableModal(editor) };
      };
      var HeaderBackstage = function(editor) {
        var mode = Cell(isToolbarLocationBottom(editor) ? "bottom" : "top");
        return {
          isPositionedAtTop: function() {
            return mode.get() === "top";
          },
          getDockingMode: mode.get,
          setDockingMode: mode.set
        };
      };
      var defaultStyleFormats = [
        {
          title: "Headings",
          items: [
            {
              title: "Heading 1",
              format: "h1"
            },
            {
              title: "Heading 2",
              format: "h2"
            },
            {
              title: "Heading 3",
              format: "h3"
            },
            {
              title: "Heading 4",
              format: "h4"
            },
            {
              title: "Heading 5",
              format: "h5"
            },
            {
              title: "Heading 6",
              format: "h6"
            }
          ]
        },
        {
          title: "Inline",
          items: [
            {
              title: "Bold",
              format: "bold"
            },
            {
              title: "Italic",
              format: "italic"
            },
            {
              title: "Underline",
              format: "underline"
            },
            {
              title: "Strikethrough",
              format: "strikethrough"
            },
            {
              title: "Superscript",
              format: "superscript"
            },
            {
              title: "Subscript",
              format: "subscript"
            },
            {
              title: "Code",
              format: "code"
            }
          ]
        },
        {
          title: "Blocks",
          items: [
            {
              title: "Paragraph",
              format: "p"
            },
            {
              title: "Blockquote",
              format: "blockquote"
            },
            {
              title: "Div",
              format: "div"
            },
            {
              title: "Pre",
              format: "pre"
            }
          ]
        },
        {
          title: "Align",
          items: [
            {
              title: "Left",
              format: "alignleft"
            },
            {
              title: "Center",
              format: "aligncenter"
            },
            {
              title: "Right",
              format: "alignright"
            },
            {
              title: "Justify",
              format: "alignjustify"
            }
          ]
        }
      ];
      var isNestedFormat = function(format) {
        return has$2(format, "items");
      };
      var isBlockFormat = function(format) {
        return has$2(format, "block");
      };
      var isInlineFormat = function(format) {
        return has$2(format, "inline");
      };
      var isSelectorFormat = function(format) {
        return has$2(format, "selector");
      };
      var mapFormats = function(userFormats) {
        return foldl(userFormats, function(acc, fmt) {
          if (isNestedFormat(fmt)) {
            var result = mapFormats(fmt.items);
            return {
              customFormats: acc.customFormats.concat(result.customFormats),
              formats: acc.formats.concat([{
                title: fmt.title,
                items: result.formats
              }])
            };
          } else if (isInlineFormat(fmt) || isBlockFormat(fmt) || isSelectorFormat(fmt)) {
            var formatName = isString(fmt.name) ? fmt.name : fmt.title.toLowerCase();
            var formatNameWithPrefix = "custom-" + formatName;
            return {
              customFormats: acc.customFormats.concat([{
                name: formatNameWithPrefix,
                format: fmt
              }]),
              formats: acc.formats.concat([{
                title: fmt.title,
                format: formatNameWithPrefix,
                icon: fmt.icon
              }])
            };
          } else {
            return __assign(__assign({}, acc), { formats: acc.formats.concat(fmt) });
          }
        }, {
          customFormats: [],
          formats: []
        });
      };
      var registerCustomFormats = function(editor, userFormats) {
        var result = mapFormats(userFormats);
        var registerFormats = function(customFormats) {
          each$1(customFormats, function(fmt) {
            if (!editor.formatter.has(fmt.name)) {
              editor.formatter.register(fmt.name, fmt.format);
            }
          });
        };
        if (editor.formatter) {
          registerFormats(result.customFormats);
        } else {
          editor.on("init", function() {
            registerFormats(result.customFormats);
          });
        }
        return result.formats;
      };
      var getStyleFormats = function(editor) {
        return getUserStyleFormats(editor).map(function(userFormats) {
          var registeredUserFormats = registerCustomFormats(editor, userFormats);
          return isMergeStyleFormats(editor) ? defaultStyleFormats.concat(registeredUserFormats) : registeredUserFormats;
        }).getOr(defaultStyleFormats);
      };
      var processBasic = function(item2, isSelectedFor, getPreviewFor) {
        var formatterSpec = {
          type: "formatter",
          isSelected: isSelectedFor(item2.format),
          getStylePreview: getPreviewFor(item2.format)
        };
        return deepMerge(item2, formatterSpec);
      };
      var register$8 = function(editor, formats, isSelectedFor, getPreviewFor) {
        var enrichSupported = function(item2) {
          return processBasic(item2, isSelectedFor, getPreviewFor);
        };
        var enrichMenu = function(item2) {
          var submenuSpec = { type: "submenu" };
          return deepMerge(item2, submenuSpec);
        };
        var enrichCustom = function(item2) {
          var formatName = isString(item2.name) ? item2.name : generate$6(item2.title);
          var formatNameWithPrefix = "custom-" + formatName;
          var customSpec = {
            type: "formatter",
            format: formatNameWithPrefix,
            isSelected: isSelectedFor(formatNameWithPrefix),
            getStylePreview: getPreviewFor(formatNameWithPrefix)
          };
          var newItem = deepMerge(item2, customSpec);
          editor.formatter.register(formatName, newItem);
          return newItem;
        };
        var doEnrich = function(items) {
          return map$2(items, function(item2) {
            var keys$1 = keys(item2);
            if (hasNonNullableKey(item2, "items")) {
              var newItems = doEnrich(item2.items);
              return deepMerge(enrichMenu(item2), { getStyleItems: constant$1(newItems) });
            } else if (hasNonNullableKey(item2, "format")) {
              return enrichSupported(item2);
            } else if (keys$1.length === 1 && contains$2(keys$1, "title")) {
              return deepMerge(item2, { type: "separator" });
            } else {
              return enrichCustom(item2);
            }
          });
        };
        return doEnrich(formats);
      };
      var init$8 = function(editor) {
        var isSelectedFor = function(format) {
          return function() {
            return editor.formatter.match(format);
          };
        };
        var getPreviewFor = function(format) {
          return function() {
            var fmt = editor.formatter.get(format);
            return fmt !== void 0 ? Optional.some({
              tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || "div" : "div",
              styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
            }) : Optional.none();
          };
        };
        var flatten2 = function(fmt) {
          var subs2 = fmt.items;
          return subs2 !== void 0 && subs2.length > 0 ? bind$3(subs2, flatten2) : [fmt.format];
        };
        var settingsFormats = Cell([]);
        var settingsFlattenedFormats = Cell([]);
        var eventsFormats = Cell([]);
        var eventsFlattenedFormats = Cell([]);
        var replaceSettings = Cell(false);
        editor.on("PreInit", function(_e) {
          var formats = getStyleFormats(editor);
          var enriched = register$8(editor, formats, isSelectedFor, getPreviewFor);
          settingsFormats.set(enriched);
          settingsFlattenedFormats.set(bind$3(enriched, flatten2));
        });
        editor.on("addStyleModifications", function(e) {
          var modifications = register$8(editor, e.items, isSelectedFor, getPreviewFor);
          eventsFormats.set(modifications);
          replaceSettings.set(e.replace);
          eventsFlattenedFormats.set(bind$3(modifications, flatten2));
        });
        var getData2 = function() {
          var fromSettings = replaceSettings.get() ? [] : settingsFormats.get();
          var fromEvents = eventsFormats.get();
          return fromSettings.concat(fromEvents);
        };
        var getFlattenedKeys = function() {
          var fromSettings = replaceSettings.get() ? [] : settingsFlattenedFormats.get();
          var fromEvents = eventsFlattenedFormats.get();
          return fromSettings.concat(fromEvents);
        };
        return {
          getData: getData2,
          getFlattenedKeys
        };
      };
      var isElement = function(node) {
        return isNonNullable(node) && node.nodeType === 1;
      };
      var trim = global$5.trim;
      var hasContentEditableState = function(value2) {
        return function(node) {
          if (isElement(node)) {
            if (node.contentEditable === value2) {
              return true;
            }
            if (node.getAttribute("data-mce-contenteditable") === value2) {
              return true;
            }
          }
          return false;
        };
      };
      var isContentEditableTrue = hasContentEditableState("true");
      var isContentEditableFalse = hasContentEditableState("false");
      var create = function(type2, title, url, level, attach2) {
        return {
          type: type2,
          title,
          url,
          level,
          attach: attach2
        };
      };
      var isChildOfContentEditableTrue = function(node) {
        while (node = node.parentNode) {
          var value2 = node.contentEditable;
          if (value2 && value2 !== "inherit") {
            return isContentEditableTrue(node);
          }
        }
        return false;
      };
      var select = function(selector, root) {
        return map$2(descendants(SugarElement.fromDom(root), selector), function(element2) {
          return element2.dom;
        });
      };
      var getElementText = function(elm) {
        return elm.innerText || elm.textContent;
      };
      var getOrGenerateId = function(elm) {
        return elm.id ? elm.id : generate$6("h");
      };
      var isAnchor = function(elm) {
        return elm && elm.nodeName === "A" && (elm.id || elm.name) !== void 0;
      };
      var isValidAnchor = function(elm) {
        return isAnchor(elm) && isEditable(elm);
      };
      var isHeader = function(elm) {
        return elm && /^(H[1-6])$/.test(elm.nodeName);
      };
      var isEditable = function(elm) {
        return isChildOfContentEditableTrue(elm) && !isContentEditableFalse(elm);
      };
      var isValidHeader = function(elm) {
        return isHeader(elm) && isEditable(elm);
      };
      var getLevel = function(elm) {
        return isHeader(elm) ? parseInt(elm.nodeName.substr(1), 10) : 0;
      };
      var headerTarget = function(elm) {
        var headerId = getOrGenerateId(elm);
        var attach2 = function() {
          elm.id = headerId;
        };
        return create("header", getElementText(elm), "#" + headerId, getLevel(elm), attach2);
      };
      var anchorTarget = function(elm) {
        var anchorId = elm.id || elm.name;
        var anchorText = getElementText(elm);
        return create("anchor", anchorText ? anchorText : "#" + anchorId, "#" + anchorId, 0, noop);
      };
      var getHeaderTargets = function(elms) {
        return map$2(filter$2(elms, isValidHeader), headerTarget);
      };
      var getAnchorTargets = function(elms) {
        return map$2(filter$2(elms, isValidAnchor), anchorTarget);
      };
      var getTargetElements = function(elm) {
        var elms = select("h1,h2,h3,h4,h5,h6,a:not([href])", elm);
        return elms;
      };
      var hasTitle = function(target) {
        return trim(target.title).length > 0;
      };
      var find = function(elm) {
        var elms = getTargetElements(elm);
        return filter$2(getHeaderTargets(elms).concat(getAnchorTargets(elms)), hasTitle);
      };
      var LinkTargets = { find };
      var STORAGE_KEY = "tinymce-url-history";
      var HISTORY_LENGTH = 5;
      var isHttpUrl = function(url) {
        return isString(url) && /^https?/.test(url);
      };
      var isArrayOfUrl = function(a) {
        return isArray(a) && a.length <= HISTORY_LENGTH && forall(a, isHttpUrl);
      };
      var isRecordOfUrlArray = function(r2) {
        return isObject(r2) && find$4(r2, function(value2) {
          return !isArrayOfUrl(value2);
        }).isNone();
      };
      var getAllHistory = function() {
        var unparsedHistory = global$8.getItem(STORAGE_KEY);
        if (unparsedHistory === null) {
          return {};
        }
        var history;
        try {
          history = JSON.parse(unparsedHistory);
        } catch (e) {
          if (e instanceof SyntaxError) {
            console.log("Local storage " + STORAGE_KEY + " was not valid JSON", e);
            return {};
          }
          throw e;
        }
        if (!isRecordOfUrlArray(history)) {
          console.log("Local storage " + STORAGE_KEY + " was not valid format", history);
          return {};
        }
        return history;
      };
      var setAllHistory = function(history) {
        if (!isRecordOfUrlArray(history)) {
          throw new Error("Bad format for history:\n" + JSON.stringify(history));
        }
        global$8.setItem(STORAGE_KEY, JSON.stringify(history));
      };
      var getHistory = function(fileType) {
        var history = getAllHistory();
        return get$e(history, fileType).getOr([]);
      };
      var addToHistory = function(url, fileType) {
        if (!isHttpUrl(url)) {
          return;
        }
        var history = getAllHistory();
        var items = get$e(history, fileType).getOr([]);
        var itemsWithoutUrl = filter$2(items, function(item2) {
          return item2 !== url;
        });
        history[fileType] = [url].concat(itemsWithoutUrl).slice(0, HISTORY_LENGTH);
        setAllHistory(history);
      };
      var isTruthy = function(value2) {
        return !!value2;
      };
      var makeMap = function(value2) {
        return map$1(global$5.makeMap(value2, /[, ]/), isTruthy);
      };
      var getPicker = function(editor) {
        return Optional.from(getFilePickerCallback(editor)).filter(isFunction);
      };
      var getPickerTypes = function(editor) {
        var optFileTypes = Optional.some(getFilePickerTypes(editor)).filter(isTruthy);
        var optLegacyTypes = Optional.some(getFileBrowserCallbackTypes(editor)).filter(isTruthy);
        var optTypes = optFileTypes.or(optLegacyTypes).map(makeMap);
        return getPicker(editor).fold(never, function(_picker) {
          return optTypes.fold(always, function(types2) {
            return keys(types2).length > 0 ? types2 : false;
          });
        });
      };
      var getPickerSetting = function(editor, filetype) {
        var pickerTypes = getPickerTypes(editor);
        if (isBoolean(pickerTypes)) {
          return pickerTypes ? getPicker(editor) : Optional.none();
        } else {
          return pickerTypes[filetype] ? getPicker(editor) : Optional.none();
        }
      };
      var getUrlPicker = function(editor, filetype) {
        return getPickerSetting(editor, filetype).map(function(picker) {
          return function(entry) {
            return Future.nu(function(completer) {
              var handler = function(value2, meta2) {
                if (!isString(value2)) {
                  throw new Error("Expected value to be string");
                }
                if (meta2 !== void 0 && !isObject(meta2)) {
                  throw new Error("Expected meta to be a object");
                }
                var r2 = {
                  value: value2,
                  meta: meta2
                };
                completer(r2);
              };
              var meta = __assign({
                filetype,
                fieldname: entry.fieldname
              }, Optional.from(entry.meta).getOr({}));
              picker.call(editor, handler, entry.value, meta);
            });
          };
        });
      };
      var getTextSetting = function(value2) {
        return Optional.from(value2).filter(isString).getOrUndefined();
      };
      var getLinkInformation = function(editor) {
        if (noTypeaheadUrls(editor)) {
          return Optional.none();
        }
        return Optional.some({
          targets: LinkTargets.find(editor.getBody()),
          anchorTop: getTextSetting(getAnchorTop(editor)),
          anchorBottom: getTextSetting(getAnchorBottom(editor))
        });
      };
      var getValidationHandler = function(editor) {
        return Optional.from(getFilePickerValidatorHandler(editor));
      };
      var UrlInputBackstage = function(editor) {
        return {
          getHistory,
          addToHistory,
          getLinkInformation: function() {
            return getLinkInformation(editor);
          },
          getValidationHandler: function() {
            return getValidationHandler(editor);
          },
          getUrlPicker: function(filetype) {
            return getUrlPicker(editor, filetype);
          }
        };
      };
      var init$7 = function(sink, editor, lazyAnchorbar) {
        var contextMenuState = Cell(false);
        var toolbar = HeaderBackstage(editor);
        var backstage = {
          shared: {
            providers: {
              icons: function() {
                return editor.ui.registry.getAll().icons;
              },
              menuItems: function() {
                return editor.ui.registry.getAll().menuItems;
              },
              translate: global$e.translate,
              isDisabled: function() {
                return editor.mode.isReadOnly() || editor.ui.isDisabled();
              },
              getSetting: editor.getParam.bind(editor)
            },
            interpreter: function(s) {
              return interpretWithoutForm(s, backstage);
            },
            anchors: getAnchors(editor, lazyAnchorbar, toolbar.isPositionedAtTop),
            header: toolbar,
            getSink: function() {
              return Result.value(sink);
            }
          },
          urlinput: UrlInputBackstage(editor),
          styleselect: init$8(editor),
          colorinput: ColorInputBackstage(editor),
          dialog: DialogBackstage(editor),
          isContextMenuOpen: function() {
            return contextMenuState.get();
          },
          setContextMenuState: function(state) {
            return contextMenuState.set(state);
          }
        };
        return backstage;
      };
      var setup$b = function(editor, mothership, uiMothership) {
        var broadcastEvent = function(name2, evt) {
          each$1([
            mothership,
            uiMothership
          ], function(ship) {
            ship.broadcastEvent(name2, evt);
          });
        };
        var broadcastOn = function(channel, message) {
          each$1([
            mothership,
            uiMothership
          ], function(ship) {
            ship.broadcastOn([channel], message);
          });
        };
        var fireDismissPopups = function(evt) {
          return broadcastOn(dismissPopups(), { target: evt.target });
        };
        var doc = getDocument();
        var onTouchstart = bind(doc, "touchstart", fireDismissPopups);
        var onTouchmove = bind(doc, "touchmove", function(evt) {
          return broadcastEvent(documentTouchmove(), evt);
        });
        var onTouchend = bind(doc, "touchend", function(evt) {
          return broadcastEvent(documentTouchend(), evt);
        });
        var onMousedown = bind(doc, "mousedown", fireDismissPopups);
        var onMouseup = bind(doc, "mouseup", function(evt) {
          if (evt.raw.button === 0) {
            broadcastOn(mouseReleased(), { target: evt.target });
          }
        });
        var onContentClick = function(raw) {
          return broadcastOn(dismissPopups(), { target: SugarElement.fromDom(raw.target) });
        };
        var onContentMouseup = function(raw) {
          if (raw.button === 0) {
            broadcastOn(mouseReleased(), { target: SugarElement.fromDom(raw.target) });
          }
        };
        var onContentMousedown = function() {
          each$1(editor.editorManager.get(), function(loopEditor) {
            if (editor !== loopEditor) {
              loopEditor.fire("DismissPopups", { relatedTarget: editor });
            }
          });
        };
        var onWindowScroll = function(evt) {
          return broadcastEvent(windowScroll(), fromRawEvent(evt));
        };
        var onWindowResize = function(evt) {
          broadcastOn(repositionPopups(), {});
          broadcastEvent(windowResize(), fromRawEvent(evt));
        };
        var onEditorResize = function() {
          return broadcastOn(repositionPopups(), {});
        };
        var onEditorProgress = function(evt) {
          if (evt.state) {
            broadcastOn(dismissPopups(), { target: SugarElement.fromDom(editor.getContainer()) });
          }
        };
        var onDismissPopups = function(event) {
          broadcastOn(dismissPopups(), { target: SugarElement.fromDom(event.relatedTarget.getContainer()) });
        };
        editor.on("PostRender", function() {
          editor.on("click", onContentClick);
          editor.on("tap", onContentClick);
          editor.on("mouseup", onContentMouseup);
          editor.on("mousedown", onContentMousedown);
          editor.on("ScrollWindow", onWindowScroll);
          editor.on("ResizeWindow", onWindowResize);
          editor.on("ResizeEditor", onEditorResize);
          editor.on("AfterProgressState", onEditorProgress);
          editor.on("DismissPopups", onDismissPopups);
        });
        editor.on("remove", function() {
          editor.off("click", onContentClick);
          editor.off("tap", onContentClick);
          editor.off("mouseup", onContentMouseup);
          editor.off("mousedown", onContentMousedown);
          editor.off("ScrollWindow", onWindowScroll);
          editor.off("ResizeWindow", onWindowResize);
          editor.off("ResizeEditor", onEditorResize);
          editor.off("AfterProgressState", onEditorProgress);
          editor.off("DismissPopups", onDismissPopups);
          onMousedown.unbind();
          onTouchstart.unbind();
          onTouchmove.unbind();
          onTouchend.unbind();
          onMouseup.unbind();
        });
        editor.on("detach", function() {
          detachSystem(mothership);
          detachSystem(uiMothership);
          mothership.destroy();
          uiMothership.destroy();
        });
      };
      var parts$a = AlloyParts;
      var partType = PartType;
      var schema$f = constant$1([
        defaulted("shell", false),
        required$1("makeItem"),
        defaulted("setupItem", noop),
        SketchBehaviours.field("listBehaviours", [Replacing])
      ]);
      var customListDetail = function() {
        return { behaviours: derive$1([Replacing.config({})]) };
      };
      var itemsPart = optional({
        name: "items",
        overrides: customListDetail
      });
      var parts$9 = constant$1([itemsPart]);
      var name = constant$1("CustomList");
      var factory$d = function(detail, components2, _spec, _external) {
        var setItems = function(list, items) {
          getListContainer(list).fold(function() {
            console.error("Custom List was defined to not be a shell, but no item container was specified in components");
            throw new Error("Custom List was defined to not be a shell, but no item container was specified in components");
          }, function(container) {
            var itemComps = Replacing.contents(container);
            var numListsRequired = items.length;
            var numListsToAdd = numListsRequired - itemComps.length;
            var itemsToAdd = numListsToAdd > 0 ? range$2(numListsToAdd, function() {
              return detail.makeItem();
            }) : [];
            var itemsToRemove = itemComps.slice(numListsRequired);
            each$1(itemsToRemove, function(item2) {
              return Replacing.remove(container, item2);
            });
            each$1(itemsToAdd, function(item2) {
              return Replacing.append(container, item2);
            });
            var builtLists = Replacing.contents(container);
            each$1(builtLists, function(item2, i) {
              detail.setupItem(list, item2, items[i], i);
            });
          });
        };
        var extra = detail.shell ? {
          behaviours: [Replacing.config({})],
          components: []
        } : {
          behaviours: [],
          components: components2
        };
        var getListContainer = function(component) {
          return detail.shell ? Optional.some(component) : getPart(component, detail, "items");
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: extra.components,
          behaviours: augment(detail.listBehaviours, extra.behaviours),
          apis: { setItems }
        };
      };
      var CustomList = composite({
        name: name(),
        configFields: schema$f(),
        partFields: parts$9(),
        factory: factory$d,
        apis: {
          setItems: function(apis, list, items) {
            apis.setItems(list, items);
          }
        }
      });
      var schema$e = constant$1([
        required$1("dom"),
        defaulted("shell", true),
        field("toolbarBehaviours", [Replacing])
      ]);
      var enhanceGroups = function() {
        return { behaviours: derive$1([Replacing.config({})]) };
      };
      var parts$8 = constant$1([optional({
        name: "groups",
        overrides: enhanceGroups
      })]);
      var factory$c = function(detail, components2, _spec, _externals) {
        var setGroups2 = function(toolbar, groups) {
          getGroupContainer(toolbar).fold(function() {
            console.error("Toolbar was defined to not be a shell, but no groups container was specified in components");
            throw new Error("Toolbar was defined to not be a shell, but no groups container was specified in components");
          }, function(container) {
            Replacing.set(container, groups);
          });
        };
        var getGroupContainer = function(component) {
          return detail.shell ? Optional.some(component) : getPart(component, detail, "groups");
        };
        var extra = detail.shell ? {
          behaviours: [Replacing.config({})],
          components: []
        } : {
          behaviours: [],
          components: components2
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: extra.components,
          behaviours: augment(detail.toolbarBehaviours, extra.behaviours),
          apis: { setGroups: setGroups2 },
          domModification: { attributes: { role: "group" } }
        };
      };
      var Toolbar = composite({
        name: "Toolbar",
        configFields: schema$e(),
        partFields: parts$8(),
        factory: factory$c,
        apis: {
          setGroups: function(apis, toolbar, groups) {
            apis.setGroups(toolbar, groups);
          }
        }
      });
      var setup$a = noop;
      var isDocked$2 = never;
      var getBehaviours$1 = constant$1([]);
      var StaticHeader = Object.freeze({
        __proto__: null,
        setup: setup$a,
        isDocked: isDocked$2,
        getBehaviours: getBehaviours$1
      });
      var getOffsetParent = function(element2) {
        var isFixed = is$1(getRaw(element2, "position"), "fixed");
        var offsetParent$1 = isFixed ? Optional.none() : offsetParent(element2);
        return offsetParent$1.orThunk(function() {
          var marker = SugarElement.fromTag("span");
          return parent(element2).bind(function(parent2) {
            append$2(parent2, marker);
            var offsetParent$12 = offsetParent(marker);
            remove$5(marker);
            return offsetParent$12;
          });
        });
      };
      var getOrigin = function(element2) {
        return getOffsetParent(element2).map(absolute$3).getOrThunk(function() {
          return SugarPosition(0, 0);
        });
      };
      var morphAdt = Adt.generate([
        { static: [] },
        { absolute: ["positionCss"] },
        { fixed: ["positionCss"] }
      ]);
      var appear = function(component, contextualInfo) {
        var elem = component.element;
        add$2(elem, contextualInfo.transitionClass);
        remove$2(elem, contextualInfo.fadeOutClass);
        add$2(elem, contextualInfo.fadeInClass);
        contextualInfo.onShow(component);
      };
      var disappear = function(component, contextualInfo) {
        var elem = component.element;
        add$2(elem, contextualInfo.transitionClass);
        remove$2(elem, contextualInfo.fadeInClass);
        add$2(elem, contextualInfo.fadeOutClass);
        contextualInfo.onHide(component);
      };
      var isPartiallyVisible = function(box2, viewport2) {
        return box2.y < viewport2.bottom && box2.bottom > viewport2.y;
      };
      var isTopCompletelyVisible = function(box2, viewport2) {
        return box2.y >= viewport2.y;
      };
      var isBottomCompletelyVisible = function(box2, viewport2) {
        return box2.bottom <= viewport2.bottom;
      };
      var isVisibleForModes = function(modes, box2, viewport2) {
        return forall(modes, function(mode) {
          switch (mode) {
            case "bottom":
              return isBottomCompletelyVisible(box2, viewport2);
            case "top":
              return isTopCompletelyVisible(box2, viewport2);
          }
        });
      };
      var getPrior = function(elem, state) {
        return state.getInitialPos().map(function(pos) {
          return bounds(pos.bounds.x, pos.bounds.y, get$a(elem), get$b(elem));
        });
      };
      var storePrior = function(elem, box2, state) {
        state.setInitialPos({
          style: getAllRaw(elem),
          position: get$c(elem, "position") || "static",
          bounds: box2
        });
      };
      var revertToOriginal = function(elem, box2, state) {
        return state.getInitialPos().bind(function(position2) {
          state.clearInitialPos();
          switch (position2.position) {
            case "static":
              return Optional.some(morphAdt.static());
            case "absolute":
              var offsetBox_1 = getOffsetParent(elem).map(box$1).getOrThunk(function() {
                return box$1(body());
              });
              return Optional.some(morphAdt.absolute(NuPositionCss("absolute", get$e(position2.style, "left").map(function(_left) {
                return box2.x - offsetBox_1.x;
              }), get$e(position2.style, "top").map(function(_top) {
                return box2.y - offsetBox_1.y;
              }), get$e(position2.style, "right").map(function(_right) {
                return offsetBox_1.right - box2.right;
              }), get$e(position2.style, "bottom").map(function(_bottom) {
                return offsetBox_1.bottom - box2.bottom;
              }))));
            default:
              return Optional.none();
          }
        });
      };
      var morphToOriginal = function(elem, viewport2, state) {
        return getPrior(elem, state).filter(function(box2) {
          return isVisibleForModes(state.getModes(), box2, viewport2);
        }).bind(function(box2) {
          return revertToOriginal(elem, box2, state);
        });
      };
      var morphToFixed = function(elem, viewport2, state) {
        var box2 = box$1(elem);
        if (!isVisibleForModes(state.getModes(), box2, viewport2)) {
          storePrior(elem, box2, state);
          var winBox = win();
          var left2 = box2.x - winBox.x;
          var top_1 = viewport2.y - winBox.y;
          var bottom2 = winBox.bottom - viewport2.bottom;
          var isTop = box2.y <= viewport2.y;
          return Optional.some(morphAdt.fixed(NuPositionCss("fixed", Optional.some(left2), isTop ? Optional.some(top_1) : Optional.none(), Optional.none(), !isTop ? Optional.some(bottom2) : Optional.none())));
        } else {
          return Optional.none();
        }
      };
      var getMorph = function(component, viewport2, state) {
        var elem = component.element;
        var isDocked2 = is$1(getRaw(elem, "position"), "fixed");
        return isDocked2 ? morphToOriginal(elem, viewport2, state) : morphToFixed(elem, viewport2, state);
      };
      var getMorphToOriginal = function(component, state) {
        var elem = component.element;
        return getPrior(elem, state).bind(function(box2) {
          return revertToOriginal(elem, box2, state);
        });
      };
      var morphToStatic = function(component, config2, state) {
        state.setDocked(false);
        each$1([
          "left",
          "right",
          "top",
          "bottom",
          "position"
        ], function(prop) {
          return remove$6(component.element, prop);
        });
        config2.onUndocked(component);
      };
      var morphToCoord = function(component, config2, state, position2) {
        var isDocked2 = position2.position === "fixed";
        state.setDocked(isDocked2);
        applyPositionCss(component.element, position2);
        var method = isDocked2 ? config2.onDocked : config2.onUndocked;
        method(component);
      };
      var updateVisibility = function(component, config2, state, viewport2, morphToDocked) {
        if (morphToDocked === void 0) {
          morphToDocked = false;
        }
        config2.contextual.each(function(contextInfo) {
          contextInfo.lazyContext(component).each(function(box2) {
            var isVisible2 = isPartiallyVisible(box2, viewport2);
            if (isVisible2 !== state.isVisible()) {
              state.setVisible(isVisible2);
              if (morphToDocked && !isVisible2) {
                add$1(component.element, [contextInfo.fadeOutClass]);
                contextInfo.onHide(component);
              } else {
                var method = isVisible2 ? appear : disappear;
                method(component, contextInfo);
              }
            }
          });
        });
      };
      var refreshInternal = function(component, config2, state) {
        var viewport2 = config2.lazyViewport(component);
        var isDocked2 = state.isDocked();
        if (isDocked2) {
          updateVisibility(component, config2, state, viewport2);
        }
        getMorph(component, viewport2, state).each(function(morph) {
          morph.fold(function() {
            return morphToStatic(component, config2, state);
          }, function(position2) {
            return morphToCoord(component, config2, state, position2);
          }, function(position2) {
            updateVisibility(component, config2, state, viewport2, true);
            morphToCoord(component, config2, state, position2);
          });
        });
      };
      var resetInternal = function(component, config2, state) {
        var elem = component.element;
        state.setDocked(false);
        getMorphToOriginal(component, state).each(function(morph) {
          morph.fold(function() {
            return morphToStatic(component, config2, state);
          }, function(position2) {
            return morphToCoord(component, config2, state, position2);
          }, noop);
        });
        state.setVisible(true);
        config2.contextual.each(function(contextInfo) {
          remove$1(elem, [
            contextInfo.fadeInClass,
            contextInfo.fadeOutClass,
            contextInfo.transitionClass
          ]);
          contextInfo.onShow(component);
        });
        refresh$4(component, config2, state);
      };
      var refresh$4 = function(component, config2, state) {
        if (component.getSystem().isConnected()) {
          refreshInternal(component, config2, state);
        }
      };
      var reset = function(component, config2, state) {
        if (state.isDocked()) {
          resetInternal(component, config2, state);
        }
      };
      var isDocked$1 = function(component, config2, state) {
        return state.isDocked();
      };
      var setModes = function(component, config2, state, modes) {
        return state.setModes(modes);
      };
      var getModes = function(component, config2, state) {
        return state.getModes();
      };
      var DockingApis = Object.freeze({
        __proto__: null,
        refresh: refresh$4,
        reset,
        isDocked: isDocked$1,
        getModes,
        setModes
      });
      var events$5 = function(dockInfo, dockState) {
        return derive$2([
          runOnSource(transitionend(), function(component, simulatedEvent) {
            dockInfo.contextual.each(function(contextInfo) {
              if (has(component.element, contextInfo.transitionClass)) {
                remove$1(component.element, [
                  contextInfo.transitionClass,
                  contextInfo.fadeInClass
                ]);
                var notify = dockState.isVisible() ? contextInfo.onShown : contextInfo.onHidden;
                notify(component);
              }
              simulatedEvent.stop();
            });
          }),
          run$1(windowScroll(), function(component, _) {
            refresh$4(component, dockInfo, dockState);
          }),
          run$1(windowResize(), function(component, _) {
            reset(component, dockInfo, dockState);
          })
        ]);
      };
      var ActiveDocking = Object.freeze({
        __proto__: null,
        events: events$5
      });
      var DockingSchema = [
        optionObjOf("contextual", [
          requiredString("fadeInClass"),
          requiredString("fadeOutClass"),
          requiredString("transitionClass"),
          requiredFunction("lazyContext"),
          onHandler("onShow"),
          onHandler("onShown"),
          onHandler("onHide"),
          onHandler("onHidden")
        ]),
        defaultedFunction("lazyViewport", win),
        defaultedArrayOf("modes", [
          "top",
          "bottom"
        ], string),
        onHandler("onDocked"),
        onHandler("onUndocked")
      ];
      var init$6 = function(spec) {
        var docked = Cell(false);
        var visible = Cell(true);
        var initialBounds = value$1();
        var modes = Cell(spec.modes);
        var readState = function() {
          return "docked:  " + docked.get() + ", visible: " + visible.get() + ", modes: " + modes.get().join(",");
        };
        return nu$8({
          isDocked: docked.get,
          setDocked: docked.set,
          getInitialPos: initialBounds.get,
          setInitialPos: initialBounds.set,
          clearInitialPos: initialBounds.clear,
          isVisible: visible.get,
          setVisible: visible.set,
          getModes: modes.get,
          setModes: modes.set,
          readState
        });
      };
      var DockingState = Object.freeze({
        __proto__: null,
        init: init$6
      });
      var Docking = create$7({
        fields: DockingSchema,
        name: "docking",
        active: ActiveDocking,
        apis: DockingApis,
        state: DockingState
      });
      var toolbarHeightChange = constant$1(generate$6("toolbar-height-change"));
      var visibility = {
        fadeInClass: "tox-editor-dock-fadein",
        fadeOutClass: "tox-editor-dock-fadeout",
        transitionClass: "tox-editor-dock-transition"
      };
      var editorStickyOnClass = "tox-tinymce--toolbar-sticky-on";
      var editorStickyOffClass = "tox-tinymce--toolbar-sticky-off";
      var scrollFromBehindHeader = function(e, containerHeader) {
        var doc = owner$4(containerHeader);
        var viewHeight = doc.dom.defaultView.innerHeight;
        var scrollPos = get$9(doc);
        var markerElement = SugarElement.fromDom(e.elm);
        var markerPos = absolute$2(markerElement);
        var markerHeight = get$b(markerElement);
        var markerTop = markerPos.y;
        var markerBottom = markerTop + markerHeight;
        var editorHeaderPos = absolute$3(containerHeader);
        var editorHeaderHeight = get$b(containerHeader);
        var editorHeaderTop = editorHeaderPos.top;
        var editorHeaderBottom = editorHeaderTop + editorHeaderHeight;
        var editorHeaderDockedAtTop = Math.abs(editorHeaderTop - scrollPos.top) < 2;
        var editorHeaderDockedAtBottom = Math.abs(editorHeaderBottom - (scrollPos.top + viewHeight)) < 2;
        if (editorHeaderDockedAtTop && markerTop < editorHeaderBottom) {
          to(scrollPos.left, markerTop - editorHeaderHeight, doc);
        } else if (editorHeaderDockedAtBottom && markerBottom > editorHeaderTop) {
          var y = markerTop - viewHeight + markerHeight + editorHeaderHeight;
          to(scrollPos.left, y, doc);
        }
      };
      var isDockedMode = function(header, mode) {
        return contains$2(Docking.getModes(header), mode);
      };
      var updateIframeContentFlow = function(header) {
        var getOccupiedHeight = function(elm2) {
          return getOuter$2(elm2) + (parseInt(get$c(elm2, "margin-top"), 10) || 0) + (parseInt(get$c(elm2, "margin-bottom"), 10) || 0);
        };
        var elm = header.element;
        parent(elm).each(function(parentElem) {
          var padding = "padding-" + Docking.getModes(header)[0];
          if (Docking.isDocked(header)) {
            var parentWidth = get$a(parentElem);
            set$7(elm, "width", parentWidth + "px");
            set$7(parentElem, padding, getOccupiedHeight(elm) + "px");
          } else {
            remove$6(elm, "width");
            remove$6(parentElem, padding);
          }
        });
      };
      var updateSinkVisibility = function(sinkElem, visible) {
        if (visible) {
          remove$2(sinkElem, visibility.fadeOutClass);
          add$1(sinkElem, [
            visibility.transitionClass,
            visibility.fadeInClass
          ]);
        } else {
          remove$2(sinkElem, visibility.fadeInClass);
          add$1(sinkElem, [
            visibility.fadeOutClass,
            visibility.transitionClass
          ]);
        }
      };
      var updateEditorClasses = function(editor, docked) {
        var editorContainer = SugarElement.fromDom(editor.getContainer());
        if (docked) {
          add$2(editorContainer, editorStickyOnClass);
          remove$2(editorContainer, editorStickyOffClass);
        } else {
          add$2(editorContainer, editorStickyOffClass);
          remove$2(editorContainer, editorStickyOnClass);
        }
      };
      var restoreFocus = function(headerElem, focusedElem) {
        var ownerDoc = owner$4(focusedElem);
        active(ownerDoc).filter(function(activeElm) {
          return !eq(focusedElem, activeElm);
        }).filter(function(activeElm) {
          return eq(activeElm, SugarElement.fromDom(ownerDoc.dom.body)) || contains(headerElem, activeElm);
        }).each(function() {
          return focus$3(focusedElem);
        });
      };
      var findFocusedElem = function(rootElm, lazySink) {
        return search(rootElm).orThunk(function() {
          return lazySink().toOptional().bind(function(sink) {
            return search(sink.element);
          });
        });
      };
      var setup$9 = function(editor, sharedBackstage, lazyHeader) {
        if (!editor.inline) {
          if (!sharedBackstage.header.isPositionedAtTop()) {
            editor.on("ResizeEditor", function() {
              lazyHeader().each(Docking.reset);
            });
          }
          editor.on("ResizeWindow ResizeEditor", function() {
            lazyHeader().each(updateIframeContentFlow);
          });
          editor.on("SkinLoaded", function() {
            lazyHeader().each(function(comp) {
              Docking.isDocked(comp) ? Docking.reset(comp) : Docking.refresh(comp);
            });
          });
          editor.on("FullscreenStateChanged", function() {
            lazyHeader().each(Docking.reset);
          });
        }
        editor.on("AfterScrollIntoView", function(e) {
          lazyHeader().each(function(header) {
            Docking.refresh(header);
            var headerElem = header.element;
            if (isVisible(headerElem)) {
              scrollFromBehindHeader(e, headerElem);
            }
          });
        });
        editor.on("PostRender", function() {
          updateEditorClasses(editor, false);
        });
      };
      var isDocked = function(lazyHeader) {
        return lazyHeader().map(Docking.isDocked).getOr(false);
      };
      var getIframeBehaviours = function() {
        var _a2;
        return [Receiving.config({ channels: (_a2 = {}, _a2[toolbarHeightChange()] = { onReceive: updateIframeContentFlow }, _a2) })];
      };
      var getBehaviours = function(editor, sharedBackstage) {
        var focusedElm = value$1();
        var lazySink = sharedBackstage.getSink;
        var runOnSinkElement = function(f) {
          lazySink().each(function(sink) {
            return f(sink.element);
          });
        };
        var onDockingSwitch = function(comp) {
          if (!editor.inline) {
            updateIframeContentFlow(comp);
          }
          updateEditorClasses(editor, Docking.isDocked(comp));
          comp.getSystem().broadcastOn([repositionPopups()], {});
          lazySink().each(function(sink) {
            return sink.getSystem().broadcastOn([repositionPopups()], {});
          });
        };
        var additionalBehaviours = editor.inline ? [] : getIframeBehaviours();
        return __spreadArray([
          Focusing.config({}),
          Docking.config({
            contextual: __assign({
              lazyContext: function(comp) {
                var headerHeight = getOuter$2(comp.element);
                var container = editor.inline ? editor.getContentAreaContainer() : editor.getContainer();
                var box2 = box$1(SugarElement.fromDom(container));
                var boxHeight = box2.height - headerHeight;
                var topBound = box2.y + (isDockedMode(comp, "top") ? 0 : headerHeight);
                return Optional.some(bounds(box2.x, topBound, box2.width, boxHeight));
              },
              onShow: function() {
                runOnSinkElement(function(elem) {
                  return updateSinkVisibility(elem, true);
                });
              },
              onShown: function(comp) {
                runOnSinkElement(function(elem) {
                  return remove$1(elem, [
                    visibility.transitionClass,
                    visibility.fadeInClass
                  ]);
                });
                focusedElm.get().each(function(elem) {
                  restoreFocus(comp.element, elem);
                  focusedElm.clear();
                });
              },
              onHide: function(comp) {
                findFocusedElem(comp.element, lazySink).fold(focusedElm.clear, focusedElm.set);
                runOnSinkElement(function(elem) {
                  return updateSinkVisibility(elem, false);
                });
              },
              onHidden: function() {
                runOnSinkElement(function(elem) {
                  return remove$1(elem, [visibility.transitionClass]);
                });
              }
            }, visibility),
            lazyViewport: function(comp) {
              var win$1 = win();
              var offset2 = getStickyToolbarOffset(editor);
              var top2 = win$1.y + (isDockedMode(comp, "top") ? offset2 : 0);
              var height2 = win$1.height - (isDockedMode(comp, "bottom") ? offset2 : 0);
              return bounds(win$1.x, top2, win$1.width, height2);
            },
            modes: [sharedBackstage.header.getDockingMode()],
            onDocked: onDockingSwitch,
            onUndocked: onDockingSwitch
          })
        ], additionalBehaviours, true);
      };
      var StickyHeader = Object.freeze({
        __proto__: null,
        setup: setup$9,
        isDocked,
        getBehaviours
      });
      var renderHeader = function(spec) {
        var editor = spec.editor;
        var getBehaviours$22 = spec.sticky ? getBehaviours : getBehaviours$1;
        return {
          uid: spec.uid,
          dom: spec.dom,
          components: spec.components,
          behaviours: derive$1(getBehaviours$22(editor, spec.sharedBackstage))
        };
      };
      var groupToolbarButtonSchema = objOf([
        requiredString("type"),
        requiredOf("items", oneOf([
          arrOfObj([
            requiredString("name"),
            requiredArrayOf("items", string)
          ]),
          string
        ]))
      ].concat(baseToolbarButtonFields));
      var createGroupToolbarButton = function(spec) {
        return asRaw("GroupToolbarButton", groupToolbarButtonSchema, spec);
      };
      var baseMenuButtonFields = [
        optionString("text"),
        optionString("tooltip"),
        optionString("icon"),
        requiredFunction("fetch"),
        defaultedFunction("onSetup", function() {
          return noop;
        })
      ];
      var MenuButtonSchema = objOf(__spreadArray([requiredString("type")], baseMenuButtonFields, true));
      var createMenuButton = function(spec) {
        return asRaw("menubutton", MenuButtonSchema, spec);
      };
      var splitButtonSchema = objOf([
        requiredString("type"),
        optionString("tooltip"),
        optionString("icon"),
        optionString("text"),
        optionFunction("select"),
        requiredFunction("fetch"),
        defaultedFunction("onSetup", function() {
          return noop;
        }),
        defaultedStringEnum("presets", "normal", [
          "normal",
          "color",
          "listpreview"
        ]),
        defaulted("columns", 1),
        requiredFunction("onAction"),
        requiredFunction("onItemAction")
      ]);
      var createSplitButton = function(spec) {
        return asRaw("SplitButton", splitButtonSchema, spec);
      };
      var factory$b = function(detail, spec) {
        var setMenus = function(comp, menus) {
          var newMenus = map$2(menus, function(m) {
            var buttonSpec = {
              type: "menubutton",
              text: m.text,
              fetch: function(callback) {
                callback(m.getItems());
              }
            };
            var internal2 = createMenuButton(buttonSpec).mapError(function(errInfo) {
              return formatError(errInfo);
            }).getOrDie();
            return renderMenuButton(internal2, "tox-mbtn", spec.backstage, Optional.some("menuitem"));
          });
          Replacing.set(comp, newMenus);
        };
        var apis = {
          focus: Keying.focusIn,
          setMenus
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: [],
          behaviours: derive$1([
            Replacing.config({}),
            config("menubar-events", [
              runOnAttached(function(component) {
                detail.onSetup(component);
              }),
              run$1(mouseover(), function(comp, se) {
                descendant(comp.element, ".tox-mbtn--active").each(function(activeButton) {
                  closest$1(se.event.target, ".tox-mbtn").each(function(hoveredButton) {
                    if (!eq(activeButton, hoveredButton)) {
                      comp.getSystem().getByDom(activeButton).each(function(activeComp) {
                        comp.getSystem().getByDom(hoveredButton).each(function(hoveredComp) {
                          Dropdown.expand(hoveredComp);
                          Dropdown.close(activeComp);
                          Focusing.focus(hoveredComp);
                        });
                      });
                    }
                  });
                });
              }),
              run$1(focusShifted(), function(comp, se) {
                se.event.prevFocus.bind(function(prev) {
                  return comp.getSystem().getByDom(prev).toOptional();
                }).each(function(prev) {
                  se.event.newFocus.bind(function(nu2) {
                    return comp.getSystem().getByDom(nu2).toOptional();
                  }).each(function(nu2) {
                    if (Dropdown.isOpen(prev)) {
                      Dropdown.expand(nu2);
                      Dropdown.close(prev);
                    }
                  });
                });
              })
            ]),
            Keying.config({
              mode: "flow",
              selector: ".tox-mbtn",
              onEscape: function(comp) {
                detail.onEscape(comp);
                return Optional.some(true);
              }
            }),
            Tabstopping.config({})
          ]),
          apis,
          domModification: { attributes: { role: "menubar" } }
        };
      };
      var SilverMenubar = single({
        factory: factory$b,
        name: "silver.Menubar",
        configFields: [
          required$1("dom"),
          required$1("uid"),
          required$1("onEscape"),
          required$1("backstage"),
          defaulted("onSetup", noop)
        ],
        apis: {
          focus: function(apis, comp) {
            apis.focus(comp);
          },
          setMenus: function(apis, comp, menus) {
            apis.setMenus(comp, menus);
          }
        }
      });
      var getAnimationRoot = function(component, slideConfig) {
        return slideConfig.getAnimationRoot.fold(function() {
          return component.element;
        }, function(get2) {
          return get2(component);
        });
      };
      var getDimensionProperty = function(slideConfig) {
        return slideConfig.dimension.property;
      };
      var getDimension = function(slideConfig, elem) {
        return slideConfig.dimension.getDimension(elem);
      };
      var disableTransitions = function(component, slideConfig) {
        var root = getAnimationRoot(component, slideConfig);
        remove$1(root, [
          slideConfig.shrinkingClass,
          slideConfig.growingClass
        ]);
      };
      var setShrunk = function(component, slideConfig) {
        remove$2(component.element, slideConfig.openClass);
        add$2(component.element, slideConfig.closedClass);
        set$7(component.element, getDimensionProperty(slideConfig), "0px");
        reflow(component.element);
      };
      var setGrown = function(component, slideConfig) {
        remove$2(component.element, slideConfig.closedClass);
        add$2(component.element, slideConfig.openClass);
        remove$6(component.element, getDimensionProperty(slideConfig));
      };
      var doImmediateShrink = function(component, slideConfig, slideState, _calculatedSize) {
        slideState.setCollapsed();
        set$7(component.element, getDimensionProperty(slideConfig), getDimension(slideConfig, component.element));
        reflow(component.element);
        disableTransitions(component, slideConfig);
        setShrunk(component, slideConfig);
        slideConfig.onStartShrink(component);
        slideConfig.onShrunk(component);
      };
      var doStartShrink = function(component, slideConfig, slideState, calculatedSize) {
        var size = calculatedSize.getOrThunk(function() {
          return getDimension(slideConfig, component.element);
        });
        slideState.setCollapsed();
        set$7(component.element, getDimensionProperty(slideConfig), size);
        reflow(component.element);
        var root = getAnimationRoot(component, slideConfig);
        remove$2(root, slideConfig.growingClass);
        add$2(root, slideConfig.shrinkingClass);
        setShrunk(component, slideConfig);
        slideConfig.onStartShrink(component);
      };
      var doStartSmartShrink = function(component, slideConfig, slideState) {
        var size = getDimension(slideConfig, component.element);
        var shrinker = size === "0px" ? doImmediateShrink : doStartShrink;
        shrinker(component, slideConfig, slideState, Optional.some(size));
      };
      var doStartGrow = function(component, slideConfig, slideState) {
        var root = getAnimationRoot(component, slideConfig);
        var wasShrinking = has(root, slideConfig.shrinkingClass);
        var beforeSize = getDimension(slideConfig, component.element);
        setGrown(component, slideConfig);
        var fullSize = getDimension(slideConfig, component.element);
        var startPartialGrow = function() {
          set$7(component.element, getDimensionProperty(slideConfig), beforeSize);
          reflow(component.element);
        };
        var startCompleteGrow = function() {
          setShrunk(component, slideConfig);
        };
        var setStartSize = wasShrinking ? startPartialGrow : startCompleteGrow;
        setStartSize();
        remove$2(root, slideConfig.shrinkingClass);
        add$2(root, slideConfig.growingClass);
        setGrown(component, slideConfig);
        set$7(component.element, getDimensionProperty(slideConfig), fullSize);
        slideState.setExpanded();
        slideConfig.onStartGrow(component);
      };
      var refresh$3 = function(component, slideConfig, slideState) {
        if (slideState.isExpanded()) {
          remove$6(component.element, getDimensionProperty(slideConfig));
          var fullSize = getDimension(slideConfig, component.element);
          set$7(component.element, getDimensionProperty(slideConfig), fullSize);
        }
      };
      var grow = function(component, slideConfig, slideState) {
        if (!slideState.isExpanded()) {
          doStartGrow(component, slideConfig, slideState);
        }
      };
      var shrink = function(component, slideConfig, slideState) {
        if (slideState.isExpanded()) {
          doStartSmartShrink(component, slideConfig, slideState);
        }
      };
      var immediateShrink = function(component, slideConfig, slideState) {
        if (slideState.isExpanded()) {
          doImmediateShrink(component, slideConfig, slideState);
        }
      };
      var hasGrown = function(component, slideConfig, slideState) {
        return slideState.isExpanded();
      };
      var hasShrunk = function(component, slideConfig, slideState) {
        return slideState.isCollapsed();
      };
      var isGrowing = function(component, slideConfig, _slideState) {
        var root = getAnimationRoot(component, slideConfig);
        return has(root, slideConfig.growingClass) === true;
      };
      var isShrinking = function(component, slideConfig, _slideState) {
        var root = getAnimationRoot(component, slideConfig);
        return has(root, slideConfig.shrinkingClass) === true;
      };
      var isTransitioning = function(component, slideConfig, slideState) {
        return isGrowing(component, slideConfig) || isShrinking(component, slideConfig);
      };
      var toggleGrow = function(component, slideConfig, slideState) {
        var f = slideState.isExpanded() ? doStartSmartShrink : doStartGrow;
        f(component, slideConfig, slideState);
      };
      var SlidingApis = Object.freeze({
        __proto__: null,
        refresh: refresh$3,
        grow,
        shrink,
        immediateShrink,
        hasGrown,
        hasShrunk,
        isGrowing,
        isShrinking,
        isTransitioning,
        toggleGrow,
        disableTransitions
      });
      var exhibit = function(base2, slideConfig, _slideState) {
        var expanded = slideConfig.expanded;
        return expanded ? nu$7({
          classes: [slideConfig.openClass],
          styles: {}
        }) : nu$7({
          classes: [slideConfig.closedClass],
          styles: wrap$1(slideConfig.dimension.property, "0px")
        });
      };
      var events$4 = function(slideConfig, slideState) {
        return derive$2([runOnSource(transitionend(), function(component, simulatedEvent) {
          var raw = simulatedEvent.event.raw;
          if (raw.propertyName === slideConfig.dimension.property) {
            disableTransitions(component, slideConfig);
            if (slideState.isExpanded()) {
              remove$6(component.element, slideConfig.dimension.property);
            }
            var notify = slideState.isExpanded() ? slideConfig.onGrown : slideConfig.onShrunk;
            notify(component);
          }
        })]);
      };
      var ActiveSliding = Object.freeze({
        __proto__: null,
        exhibit,
        events: events$4
      });
      var SlidingSchema = [
        required$1("closedClass"),
        required$1("openClass"),
        required$1("shrinkingClass"),
        required$1("growingClass"),
        option("getAnimationRoot"),
        onHandler("onShrunk"),
        onHandler("onStartShrink"),
        onHandler("onGrown"),
        onHandler("onStartGrow"),
        defaulted("expanded", false),
        requiredOf("dimension", choose$1("property", {
          width: [
            output$1("property", "width"),
            output$1("getDimension", function(elem) {
              return get$a(elem) + "px";
            })
          ],
          height: [
            output$1("property", "height"),
            output$1("getDimension", function(elem) {
              return get$b(elem) + "px";
            })
          ]
        }))
      ];
      var init$5 = function(spec) {
        var state = Cell(spec.expanded);
        var readState = function() {
          return "expanded: " + state.get();
        };
        return nu$8({
          isExpanded: function() {
            return state.get() === true;
          },
          isCollapsed: function() {
            return state.get() === false;
          },
          setCollapsed: curry(state.set, false),
          setExpanded: curry(state.set, true),
          readState
        });
      };
      var SlidingState = Object.freeze({
        __proto__: null,
        init: init$5
      });
      var Sliding = create$7({
        fields: SlidingSchema,
        name: "sliding",
        active: ActiveSliding,
        apis: SlidingApis,
        state: SlidingState
      });
      var owner = "container";
      var schema$d = [field("slotBehaviours", [])];
      var getPartName = function(name2) {
        return "<alloy.field." + name2 + ">";
      };
      var sketch = function(sSpec) {
        var parts2 = function() {
          var record2 = [];
          var slot = function(name2, config2) {
            record2.push(name2);
            return generateOne$1(owner, getPartName(name2), config2);
          };
          return {
            slot,
            record: constant$1(record2)
          };
        }();
        var spec = sSpec(parts2);
        var partNames = parts2.record();
        var fieldParts = map$2(partNames, function(n) {
          return required({
            name: n,
            pname: getPartName(n)
          });
        });
        return composite$1(owner, schema$d, fieldParts, make$1, spec);
      };
      var make$1 = function(detail, components2) {
        var getSlotNames = function(_) {
          return getAllPartNames(detail);
        };
        var getSlot = function(container, key) {
          return getPart(container, detail, key);
        };
        var onSlot = function(f, def) {
          return function(container, key) {
            return getPart(container, detail, key).map(function(slot) {
              return f(slot, key);
            }).getOr(def);
          };
        };
        var onSlots = function(f) {
          return function(container, keys2) {
            each$1(keys2, function(key) {
              return f(container, key);
            });
          };
        };
        var doShowing = function(comp, _key) {
          return get$d(comp.element, "aria-hidden") !== "true";
        };
        var doShow = function(comp, key) {
          if (!doShowing(comp)) {
            var element2 = comp.element;
            remove$6(element2, "display");
            remove$7(element2, "aria-hidden");
            emitWith(comp, slotVisibility(), {
              name: key,
              visible: true
            });
          }
        };
        var doHide = function(comp, key) {
          if (doShowing(comp)) {
            var element2 = comp.element;
            set$7(element2, "display", "none");
            set$8(element2, "aria-hidden", "true");
            emitWith(comp, slotVisibility(), {
              name: key,
              visible: false
            });
          }
        };
        var isShowing = onSlot(doShowing, false);
        var hideSlot = onSlot(doHide);
        var hideSlots = onSlots(hideSlot);
        var hideAllSlots = function(container) {
          return hideSlots(container, getSlotNames());
        };
        var showSlot = onSlot(doShow);
        var apis = {
          getSlotNames,
          getSlot,
          isShowing,
          hideSlot,
          hideAllSlots,
          showSlot
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          behaviours: get$2(detail.slotBehaviours),
          apis
        };
      };
      var slotApis = map$1({
        getSlotNames: function(apis, c) {
          return apis.getSlotNames(c);
        },
        getSlot: function(apis, c, key) {
          return apis.getSlot(c, key);
        },
        isShowing: function(apis, c, key) {
          return apis.isShowing(c, key);
        },
        hideSlot: function(apis, c, key) {
          return apis.hideSlot(c, key);
        },
        hideAllSlots: function(apis, c) {
          return apis.hideAllSlots(c);
        },
        showSlot: function(apis, c, key) {
          return apis.showSlot(c, key);
        }
      }, function(value2) {
        return makeApi(value2);
      });
      var SlotContainer = __assign(__assign({}, slotApis), { sketch });
      var sidebarSchema = objOf([
        optionString("icon"),
        optionString("tooltip"),
        defaultedFunction("onShow", noop),
        defaultedFunction("onHide", noop),
        defaultedFunction("onSetup", function() {
          return noop;
        })
      ]);
      var createSidebar = function(spec) {
        return asRaw("sidebar", sidebarSchema, spec);
      };
      var setup$8 = function(editor) {
        var sidebars = editor.ui.registry.getAll().sidebars;
        each$1(keys(sidebars), function(name2) {
          var spec = sidebars[name2];
          var isActive = function() {
            return is$1(Optional.from(editor.queryCommandValue("ToggleSidebar")), name2);
          };
          editor.ui.registry.addToggleButton(name2, {
            icon: spec.icon,
            tooltip: spec.tooltip,
            onAction: function(buttonApi) {
              editor.execCommand("ToggleSidebar", false, name2);
              buttonApi.setActive(isActive());
            },
            onSetup: function(buttonApi) {
              var handleToggle = function() {
                return buttonApi.setActive(isActive());
              };
              editor.on("ToggleSidebar", handleToggle);
              return function() {
                editor.off("ToggleSidebar", handleToggle);
              };
            }
          });
        });
      };
      var getApi = function(comp) {
        return {
          element: function() {
            return comp.element.dom;
          }
        };
      };
      var makePanels = function(parts2, panelConfigs) {
        var specs = map$2(keys(panelConfigs), function(name2) {
          var spec = panelConfigs[name2];
          var bridged = getOrDie(createSidebar(spec));
          return {
            name: name2,
            getApi,
            onSetup: bridged.onSetup,
            onShow: bridged.onShow,
            onHide: bridged.onHide
          };
        });
        return map$2(specs, function(spec) {
          var editorOffCell = Cell(noop);
          return parts2.slot(spec.name, {
            dom: {
              tag: "div",
              classes: ["tox-sidebar__pane"]
            },
            behaviours: SimpleBehaviours.unnamedEvents([
              onControlAttached(spec, editorOffCell),
              onControlDetached(spec, editorOffCell),
              run$1(slotVisibility(), function(sidepanel, se) {
                var data = se.event;
                var optSidePanelSpec = find$5(specs, function(config2) {
                  return config2.name === data.name;
                });
                optSidePanelSpec.each(function(sidePanelSpec) {
                  var handler = data.visible ? sidePanelSpec.onShow : sidePanelSpec.onHide;
                  handler(sidePanelSpec.getApi(sidepanel));
                });
              })
            ])
          });
        });
      };
      var makeSidebar = function(panelConfigs) {
        return SlotContainer.sketch(function(parts2) {
          return {
            dom: {
              tag: "div",
              classes: ["tox-sidebar__pane-container"]
            },
            components: makePanels(parts2, panelConfigs),
            slotBehaviours: SimpleBehaviours.unnamedEvents([runOnAttached(function(slotContainer) {
              return SlotContainer.hideAllSlots(slotContainer);
            })])
          };
        });
      };
      var setSidebar = function(sidebar, panelConfigs) {
        var optSlider = Composing.getCurrent(sidebar);
        optSlider.each(function(slider) {
          return Replacing.set(slider, [makeSidebar(panelConfigs)]);
        });
      };
      var toggleSidebar = function(sidebar, name2) {
        var optSlider = Composing.getCurrent(sidebar);
        optSlider.each(function(slider) {
          var optSlotContainer = Composing.getCurrent(slider);
          optSlotContainer.each(function(slotContainer) {
            if (Sliding.hasGrown(slider)) {
              if (SlotContainer.isShowing(slotContainer, name2)) {
                Sliding.shrink(slider);
              } else {
                SlotContainer.hideAllSlots(slotContainer);
                SlotContainer.showSlot(slotContainer, name2);
              }
            } else {
              SlotContainer.hideAllSlots(slotContainer);
              SlotContainer.showSlot(slotContainer, name2);
              Sliding.grow(slider);
            }
          });
        });
      };
      var whichSidebar = function(sidebar) {
        var optSlider = Composing.getCurrent(sidebar);
        return optSlider.bind(function(slider) {
          var sidebarOpen = Sliding.isGrowing(slider) || Sliding.hasGrown(slider);
          if (sidebarOpen) {
            var optSlotContainer = Composing.getCurrent(slider);
            return optSlotContainer.bind(function(slotContainer) {
              return find$5(SlotContainer.getSlotNames(slotContainer), function(name2) {
                return SlotContainer.isShowing(slotContainer, name2);
              });
            });
          } else {
            return Optional.none();
          }
        });
      };
      var fixSize = generate$6("FixSizeEvent");
      var autoSize = generate$6("AutoSizeEvent");
      var renderSidebar = function(spec) {
        return {
          uid: spec.uid,
          dom: {
            tag: "div",
            classes: ["tox-sidebar"],
            attributes: { role: "complementary" }
          },
          components: [{
            dom: {
              tag: "div",
              classes: ["tox-sidebar__slider"]
            },
            components: [],
            behaviours: derive$1([
              Tabstopping.config({}),
              Focusing.config({}),
              Sliding.config({
                dimension: { property: "width" },
                closedClass: "tox-sidebar--sliding-closed",
                openClass: "tox-sidebar--sliding-open",
                shrinkingClass: "tox-sidebar--sliding-shrinking",
                growingClass: "tox-sidebar--sliding-growing",
                onShrunk: function(slider) {
                  var optSlotContainer = Composing.getCurrent(slider);
                  optSlotContainer.each(SlotContainer.hideAllSlots);
                  emit(slider, autoSize);
                },
                onGrown: function(slider) {
                  emit(slider, autoSize);
                },
                onStartGrow: function(slider) {
                  emitWith(slider, fixSize, { width: getRaw(slider.element, "width").getOr("") });
                },
                onStartShrink: function(slider) {
                  emitWith(slider, fixSize, { width: get$a(slider.element) + "px" });
                }
              }),
              Replacing.config({}),
              Composing.config({
                find: function(comp) {
                  var children2 = Replacing.contents(comp);
                  return head(children2);
                }
              })
            ])
          }],
          behaviours: derive$1([
            ComposingConfigs.childAt(0),
            config("sidebar-sliding-events", [
              run$1(fixSize, function(comp, se) {
                set$7(comp.element, "width", se.event.width);
              }),
              run$1(autoSize, function(comp, _se) {
                remove$6(comp.element, "width");
              })
            ])
          ])
        };
      };
      var block = function(component, config2, state, getBusySpec2) {
        set$8(component.element, "aria-busy", true);
        var root = config2.getRoot(component).getOr(component);
        var blockerBehaviours = derive$1([
          Keying.config({
            mode: "special",
            onTab: function() {
              return Optional.some(true);
            },
            onShiftTab: function() {
              return Optional.some(true);
            }
          }),
          Focusing.config({})
        ]);
        var blockSpec = getBusySpec2(root, blockerBehaviours);
        var blocker = root.getSystem().build(blockSpec);
        Replacing.append(root, premade(blocker));
        if (blocker.hasConfigured(Keying) && config2.focus) {
          Keying.focusIn(blocker);
        }
        if (!state.isBlocked()) {
          config2.onBlock(component);
        }
        state.blockWith(function() {
          return Replacing.remove(root, blocker);
        });
      };
      var unblock = function(component, config2, state) {
        remove$7(component.element, "aria-busy");
        if (state.isBlocked()) {
          config2.onUnblock(component);
        }
        state.clear();
      };
      var BlockingApis = Object.freeze({
        __proto__: null,
        block,
        unblock
      });
      var BlockingSchema = [
        defaultedFunction("getRoot", Optional.none),
        defaultedBoolean("focus", true),
        onHandler("onBlock"),
        onHandler("onUnblock")
      ];
      var init$4 = function() {
        var blocker = destroyable();
        var blockWith = function(destroy) {
          blocker.set({ destroy });
        };
        return nu$8({
          readState: blocker.isSet,
          blockWith,
          clear: blocker.clear,
          isBlocked: blocker.isSet
        });
      };
      var BlockingState = Object.freeze({
        __proto__: null,
        init: init$4
      });
      var Blocking = create$7({
        fields: BlockingSchema,
        name: "blocking",
        apis: BlockingApis,
        state: BlockingState
      });
      var getAttrs = function(elem) {
        var attributes = elem.dom.attributes !== void 0 ? elem.dom.attributes : [];
        return foldl(attributes, function(b2, attr) {
          var _a2;
          if (attr.name === "class") {
            return b2;
          } else {
            return __assign(__assign({}, b2), (_a2 = {}, _a2[attr.name] = attr.value, _a2));
          }
        }, {});
      };
      var getClasses = function(elem) {
        return Array.prototype.slice.call(elem.dom.classList, 0);
      };
      var fromHtml = function(html) {
        var elem = SugarElement.fromHtml(html);
        var children$1 = children(elem);
        var attrs = getAttrs(elem);
        var classes2 = getClasses(elem);
        var contents2 = children$1.length === 0 ? {} : { innerHtml: get$7(elem) };
        return __assign({
          tag: name$2(elem),
          classes: classes2,
          attributes: attrs
        }, contents2);
      };
      var getBusySpec$1 = function(providerBackstage) {
        return function(_root, _behaviours) {
          return {
            dom: {
              tag: "div",
              attributes: {
                "aria-label": providerBackstage.translate("Loading..."),
                "tabindex": "0"
              },
              classes: ["tox-throbber__busy-spinner"]
            },
            components: [{ dom: fromHtml('<div class="tox-spinner"><div></div><div></div><div></div></div>') }]
          };
        };
      };
      var focusBusyComponent = function(throbber) {
        return Composing.getCurrent(throbber).each(function(comp) {
          return focus$3(comp.element);
        });
      };
      var toggleEditorTabIndex = function(editor, state) {
        var tabIndexAttr = "tabindex";
        var dataTabIndexAttr = "data-mce-" + tabIndexAttr;
        Optional.from(editor.iframeElement).map(SugarElement.fromDom).each(function(iframe2) {
          if (state) {
            getOpt(iframe2, tabIndexAttr).each(function(tabIndex) {
              return set$8(iframe2, dataTabIndexAttr, tabIndex);
            });
            set$8(iframe2, tabIndexAttr, -1);
          } else {
            remove$7(iframe2, tabIndexAttr);
            getOpt(iframe2, dataTabIndexAttr).each(function(tabIndex) {
              set$8(iframe2, tabIndexAttr, tabIndex);
              remove$7(iframe2, dataTabIndexAttr);
            });
          }
        });
      };
      var toggleThrobber = function(editor, comp, state, providerBackstage) {
        var element2 = comp.element;
        toggleEditorTabIndex(editor, state);
        if (state) {
          Blocking.block(comp, getBusySpec$1(providerBackstage));
          remove$6(element2, "display");
          remove$7(element2, "aria-hidden");
          if (editor.hasFocus()) {
            focusBusyComponent(comp);
          }
        } else {
          var throbberFocus = Composing.getCurrent(comp).exists(function(busyComp) {
            return hasFocus(busyComp.element);
          });
          Blocking.unblock(comp);
          set$7(element2, "display", "none");
          set$8(element2, "aria-hidden", "true");
          if (throbberFocus) {
            editor.focus();
          }
        }
      };
      var renderThrobber = function(spec) {
        return {
          uid: spec.uid,
          dom: {
            tag: "div",
            attributes: { "aria-hidden": "true" },
            classes: ["tox-throbber"],
            styles: { display: "none" }
          },
          behaviours: derive$1([
            Replacing.config({}),
            Blocking.config({ focus: false }),
            Composing.config({
              find: function(comp) {
                return head(comp.components());
              }
            })
          ]),
          components: []
        };
      };
      var isFocusEvent = function(event) {
        return event.type === "focusin";
      };
      var isPasteBinTarget = function(event) {
        if (isFocusEvent(event)) {
          var node = event.composed ? head(event.composedPath()) : Optional.from(event.target);
          return node.map(SugarElement.fromDom).filter(isElement$2).exists(function(targetElm) {
            return has(targetElm, "mce-pastebin");
          });
        } else {
          return false;
        }
      };
      var setup$7 = function(editor, lazyThrobber, sharedBackstage) {
        var throbberState = Cell(false);
        var timer = value$1();
        var stealFocus = function(e) {
          if (throbberState.get() && !isPasteBinTarget(e)) {
            e.preventDefault();
            focusBusyComponent(lazyThrobber());
            editor.editorManager.setActive(editor);
          }
        };
        if (!editor.inline) {
          editor.on("PreInit", function() {
            editor.dom.bind(editor.getWin(), "focusin", stealFocus);
            editor.on("BeforeExecCommand", function(e) {
              if (e.command.toLowerCase() === "mcefocus" && e.value !== true) {
                stealFocus(e);
              }
            });
          });
        }
        var toggle2 = function(state) {
          if (state !== throbberState.get()) {
            throbberState.set(state);
            toggleThrobber(editor, lazyThrobber(), state, sharedBackstage.providers);
            editor.fire("AfterProgressState", { state });
          }
        };
        editor.on("ProgressState", function(e) {
          timer.on(global$f.clearTimeout);
          if (isNumber(e.time)) {
            var timerId = global$f.setEditorTimeout(editor, function() {
              return toggle2(e.state);
            }, e.time);
            timer.set(timerId);
          } else {
            toggle2(e.state);
            timer.clear();
          }
        });
      };
      var generate$1 = function(xs, f) {
        var init2 = {
          len: 0,
          list: []
        };
        var r2 = foldl(xs, function(b2, a) {
          var value2 = f(a, b2.len);
          return value2.fold(constant$1(b2), function(v) {
            return {
              len: v.finish,
              list: b2.list.concat([v])
            };
          });
        }, init2);
        return r2.list;
      };
      var output = function(within, extra, withinWidth) {
        return {
          within,
          extra,
          withinWidth
        };
      };
      var apportion = function(units2, total, len) {
        var parray = generate$1(units2, function(unit, current) {
          var width2 = len(unit);
          return Optional.some({
            element: unit,
            start: current,
            finish: current + width2,
            width: width2
          });
        });
        var within = filter$2(parray, function(unit) {
          return unit.finish <= total;
        });
        var withinWidth = foldr(within, function(acc, el) {
          return acc + el.width;
        }, 0);
        var extra = parray.slice(within.length);
        return {
          within,
          extra,
          withinWidth
        };
      };
      var toUnit = function(parray) {
        return map$2(parray, function(unit) {
          return unit.element;
        });
      };
      var fitLast = function(within, extra, withinWidth) {
        var fits = toUnit(within.concat(extra));
        return output(fits, [], withinWidth);
      };
      var overflow = function(within, extra, overflower, withinWidth) {
        var fits = toUnit(within).concat([overflower]);
        return output(fits, toUnit(extra), withinWidth);
      };
      var fitAll = function(within, extra, withinWidth) {
        return output(toUnit(within), [], withinWidth);
      };
      var tryFit = function(total, units2, len) {
        var divide = apportion(units2, total, len);
        return divide.extra.length === 0 ? Optional.some(divide) : Optional.none();
      };
      var partition = function(total, units2, len, overflower) {
        var divide = tryFit(total, units2, len).getOrThunk(function() {
          return apportion(units2, total - len(overflower), len);
        });
        var within = divide.within;
        var extra = divide.extra;
        var withinWidth = divide.withinWidth;
        if (extra.length === 1 && extra[0].width <= len(overflower)) {
          return fitLast(within, extra, withinWidth);
        } else if (extra.length >= 1) {
          return overflow(within, extra, overflower, withinWidth);
        } else {
          return fitAll(within, extra, withinWidth);
        }
      };
      var setGroups$1 = function(toolbar, storedGroups) {
        var bGroups = map$2(storedGroups, function(g) {
          return premade(g);
        });
        Toolbar.setGroups(toolbar, bGroups);
      };
      var findFocusedComp = function(comps) {
        return findMap(comps, function(comp) {
          return search(comp.element).bind(function(focusedElm) {
            return comp.getSystem().getByDom(focusedElm).toOptional();
          });
        });
      };
      var refresh$2 = function(toolbar, detail, setOverflow) {
        var builtGroups = detail.builtGroups.get();
        if (builtGroups.length === 0) {
          return;
        }
        var primary = getPartOrDie(toolbar, detail, "primary");
        var overflowGroup = Coupling.getCoupled(toolbar, "overflowGroup");
        set$7(primary.element, "visibility", "hidden");
        var groups = builtGroups.concat([overflowGroup]);
        var focusedComp = findFocusedComp(groups);
        setOverflow([]);
        setGroups$1(primary, groups);
        var availableWidth = get$a(primary.element);
        var overflows = partition(availableWidth, detail.builtGroups.get(), function(comp) {
          return get$a(comp.element);
        }, overflowGroup);
        if (overflows.extra.length === 0) {
          Replacing.remove(primary, overflowGroup);
          setOverflow([]);
        } else {
          setGroups$1(primary, overflows.within);
          setOverflow(overflows.extra);
        }
        remove$6(primary.element, "visibility");
        reflow(primary.element);
        focusedComp.each(Focusing.focus);
      };
      var schema$c = constant$1([
        field("splitToolbarBehaviours", [Coupling]),
        customField("builtGroups", function() {
          return Cell([]);
        })
      ]);
      var schema$b = constant$1([
        markers$1(["overflowToggledClass"]),
        optionFunction("getOverflowBounds"),
        required$1("lazySink"),
        customField("overflowGroups", function() {
          return Cell([]);
        })
      ].concat(schema$c()));
      var parts$7 = constant$1([
        required({
          factory: Toolbar,
          schema: schema$e(),
          name: "primary"
        }),
        external$1({
          schema: schema$e(),
          name: "overflow"
        }),
        external$1({ name: "overflow-button" }),
        external$1({ name: "overflow-group" })
      ]);
      var expandable = constant$1(function(element2, available) {
        setMax(element2, Math.floor(available));
      });
      var schema$a = constant$1([
        markers$1(["toggledClass"]),
        required$1("lazySink"),
        requiredFunction("fetch"),
        optionFunction("getBounds"),
        optionObjOf("fireDismissalEventInstead", [defaulted("event", dismissRequested())]),
        schema$y()
      ]);
      var parts$6 = constant$1([
        external$1({
          name: "button",
          overrides: function(detail) {
            return {
              dom: { attributes: { "aria-haspopup": "true" } },
              buttonBehaviours: derive$1([Toggling.config({
                toggleClass: detail.markers.toggledClass,
                aria: { mode: "expanded" },
                toggleOnExecute: false
              })])
            };
          }
        }),
        external$1({
          factory: Toolbar,
          schema: schema$e(),
          name: "toolbar",
          overrides: function(detail) {
            return {
              toolbarBehaviours: derive$1([Keying.config({
                mode: "cyclic",
                onEscape: function(comp) {
                  getPart(comp, detail, "button").each(Focusing.focus);
                  return Optional.none();
                }
              })])
            };
          }
        })
      ]);
      var toggle = function(button2, externals) {
        var toolbarSandbox = Coupling.getCoupled(button2, "toolbarSandbox");
        if (Sandboxing.isOpen(toolbarSandbox)) {
          Sandboxing.close(toolbarSandbox);
        } else {
          Sandboxing.open(toolbarSandbox, externals.toolbar());
        }
      };
      var position = function(button2, toolbar, detail, layouts2) {
        var bounds2 = detail.getBounds.map(function(bounder) {
          return bounder();
        });
        var sink = detail.lazySink(button2).getOrDie();
        Positioning.positionWithinBounds(sink, toolbar, {
          anchor: {
            type: "hotspot",
            hotspot: button2,
            layouts: layouts2,
            overrides: { maxWidthFunction: expandable() }
          }
        }, bounds2);
      };
      var setGroups = function(button2, toolbar, detail, layouts2, groups) {
        Toolbar.setGroups(toolbar, groups);
        position(button2, toolbar, detail, layouts2);
        Toggling.on(button2);
      };
      var makeSandbox = function(button2, spec, detail) {
        var ariaOwner = manager();
        var onOpen = function(sandbox, toolbar) {
          detail.fetch().get(function(groups) {
            setGroups(button2, toolbar, detail, spec.layouts, groups);
            ariaOwner.link(button2.element);
            Keying.focusIn(toolbar);
          });
        };
        var onClose = function() {
          Toggling.off(button2);
          Focusing.focus(button2);
          ariaOwner.unlink(button2.element);
        };
        return {
          dom: {
            tag: "div",
            attributes: { id: ariaOwner.id }
          },
          behaviours: derive$1([
            Keying.config({
              mode: "special",
              onEscape: function(comp) {
                Sandboxing.close(comp);
                return Optional.some(true);
              }
            }),
            Sandboxing.config({
              onOpen,
              onClose,
              isPartOf: function(container, data, queryElem) {
                return isPartOf$1(data, queryElem) || isPartOf$1(button2, queryElem);
              },
              getAttachPoint: function() {
                return detail.lazySink(button2).getOrDie();
              }
            }),
            Receiving.config({
              channels: __assign(__assign({}, receivingChannel$1(__assign({ isExtraPart: never }, detail.fireDismissalEventInstead.map(function(fe) {
                return { fireEventInstead: { event: fe.event } };
              }).getOr({})))), receivingChannel({
                doReposition: function() {
                  Sandboxing.getState(Coupling.getCoupled(button2, "toolbarSandbox")).each(function(toolbar) {
                    position(button2, toolbar, detail, spec.layouts);
                  });
                }
              }))
            })
          ])
        };
      };
      var factory$a = function(detail, components2, spec, externals) {
        return __assign(__assign({}, Button.sketch(__assign(__assign({}, externals.button()), {
          action: function(button2) {
            toggle(button2, externals);
          },
          buttonBehaviours: SketchBehaviours.augment({ dump: externals.button().buttonBehaviours }, [Coupling.config({
            others: {
              toolbarSandbox: function(button2) {
                return makeSandbox(button2, spec, detail);
              }
            }
          })])
        }))), {
          apis: {
            setGroups: function(button2, groups) {
              Sandboxing.getState(Coupling.getCoupled(button2, "toolbarSandbox")).each(function(toolbar) {
                setGroups(button2, toolbar, detail, spec.layouts, groups);
              });
            },
            reposition: function(button2) {
              Sandboxing.getState(Coupling.getCoupled(button2, "toolbarSandbox")).each(function(toolbar) {
                position(button2, toolbar, detail, spec.layouts);
              });
            },
            toggle: function(button2) {
              toggle(button2, externals);
            },
            getToolbar: function(button2) {
              return Sandboxing.getState(Coupling.getCoupled(button2, "toolbarSandbox"));
            },
            isOpen: function(button2) {
              return Sandboxing.isOpen(Coupling.getCoupled(button2, "toolbarSandbox"));
            }
          }
        });
      };
      var FloatingToolbarButton = composite({
        name: "FloatingToolbarButton",
        factory: factory$a,
        configFields: schema$a(),
        partFields: parts$6(),
        apis: {
          setGroups: function(apis, button2, groups) {
            apis.setGroups(button2, groups);
          },
          reposition: function(apis, button2) {
            apis.reposition(button2);
          },
          toggle: function(apis, button2) {
            apis.toggle(button2);
          },
          getToolbar: function(apis, button2) {
            return apis.getToolbar(button2);
          },
          isOpen: function(apis, button2) {
            return apis.isOpen(button2);
          }
        }
      });
      var schema$9 = constant$1([
        required$1("items"),
        markers$1(["itemSelector"]),
        field("tgroupBehaviours", [Keying])
      ]);
      var parts$5 = constant$1([group({
        name: "items",
        unit: "item"
      })]);
      var factory$9 = function(detail, components2, _spec, _externals) {
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          behaviours: augment(detail.tgroupBehaviours, [Keying.config({
            mode: "flow",
            selector: detail.markers.itemSelector
          })]),
          domModification: { attributes: { role: "toolbar" } }
        };
      };
      var ToolbarGroup = composite({
        name: "ToolbarGroup",
        configFields: schema$9(),
        partFields: parts$5(),
        factory: factory$9
      });
      var buildGroups = function(comps) {
        return map$2(comps, function(g) {
          return premade(g);
        });
      };
      var refresh$1 = function(toolbar, memFloatingToolbarButton, detail) {
        refresh$2(toolbar, detail, function(overflowGroups) {
          detail.overflowGroups.set(overflowGroups);
          memFloatingToolbarButton.getOpt(toolbar).each(function(floatingToolbarButton) {
            FloatingToolbarButton.setGroups(floatingToolbarButton, buildGroups(overflowGroups));
          });
        });
      };
      var factory$8 = function(detail, components2, spec, externals) {
        var memFloatingToolbarButton = record(FloatingToolbarButton.sketch({
          fetch: function() {
            return Future.nu(function(resolve) {
              resolve(buildGroups(detail.overflowGroups.get()));
            });
          },
          layouts: {
            onLtr: function() {
              return [
                southwest$2,
                southeast$2
              ];
            },
            onRtl: function() {
              return [
                southeast$2,
                southwest$2
              ];
            },
            onBottomLtr: function() {
              return [
                northwest$2,
                northeast$2
              ];
            },
            onBottomRtl: function() {
              return [
                northeast$2,
                northwest$2
              ];
            }
          },
          getBounds: spec.getOverflowBounds,
          lazySink: detail.lazySink,
          fireDismissalEventInstead: {},
          markers: { toggledClass: detail.markers.overflowToggledClass },
          parts: {
            button: externals["overflow-button"](),
            toolbar: externals.overflow()
          }
        }));
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          behaviours: augment(detail.splitToolbarBehaviours, [Coupling.config({
            others: {
              overflowGroup: function() {
                return ToolbarGroup.sketch(__assign(__assign({}, externals["overflow-group"]()), { items: [memFloatingToolbarButton.asSpec()] }));
              }
            }
          })]),
          apis: {
            setGroups: function(toolbar, groups) {
              detail.builtGroups.set(map$2(groups, toolbar.getSystem().build));
              refresh$1(toolbar, memFloatingToolbarButton, detail);
            },
            refresh: function(toolbar) {
              return refresh$1(toolbar, memFloatingToolbarButton, detail);
            },
            toggle: function(toolbar) {
              memFloatingToolbarButton.getOpt(toolbar).each(function(floatingToolbarButton) {
                FloatingToolbarButton.toggle(floatingToolbarButton);
              });
            },
            isOpen: function(toolbar) {
              return memFloatingToolbarButton.getOpt(toolbar).map(FloatingToolbarButton.isOpen).getOr(false);
            },
            reposition: function(toolbar) {
              memFloatingToolbarButton.getOpt(toolbar).each(function(floatingToolbarButton) {
                FloatingToolbarButton.reposition(floatingToolbarButton);
              });
            },
            getOverflow: function(toolbar) {
              return memFloatingToolbarButton.getOpt(toolbar).bind(FloatingToolbarButton.getToolbar);
            }
          },
          domModification: { attributes: { role: "group" } }
        };
      };
      var SplitFloatingToolbar = composite({
        name: "SplitFloatingToolbar",
        configFields: schema$b(),
        partFields: parts$7(),
        factory: factory$8,
        apis: {
          setGroups: function(apis, toolbar, groups) {
            apis.setGroups(toolbar, groups);
          },
          refresh: function(apis, toolbar) {
            apis.refresh(toolbar);
          },
          reposition: function(apis, toolbar) {
            apis.reposition(toolbar);
          },
          toggle: function(apis, toolbar) {
            apis.toggle(toolbar);
          },
          isOpen: function(apis, toolbar) {
            return apis.isOpen(toolbar);
          },
          getOverflow: function(apis, toolbar) {
            return apis.getOverflow(toolbar);
          }
        }
      });
      var schema$8 = constant$1([
        markers$1([
          "closedClass",
          "openClass",
          "shrinkingClass",
          "growingClass",
          "overflowToggledClass"
        ]),
        onHandler("onOpened"),
        onHandler("onClosed")
      ].concat(schema$c()));
      var parts$4 = constant$1([
        required({
          factory: Toolbar,
          schema: schema$e(),
          name: "primary"
        }),
        required({
          factory: Toolbar,
          schema: schema$e(),
          name: "overflow",
          overrides: function(detail) {
            return {
              toolbarBehaviours: derive$1([
                Sliding.config({
                  dimension: { property: "height" },
                  closedClass: detail.markers.closedClass,
                  openClass: detail.markers.openClass,
                  shrinkingClass: detail.markers.shrinkingClass,
                  growingClass: detail.markers.growingClass,
                  onShrunk: function(comp) {
                    getPart(comp, detail, "overflow-button").each(function(button2) {
                      Toggling.off(button2);
                      Focusing.focus(button2);
                    });
                    detail.onClosed(comp);
                  },
                  onGrown: function(comp) {
                    Keying.focusIn(comp);
                    detail.onOpened(comp);
                  },
                  onStartGrow: function(comp) {
                    getPart(comp, detail, "overflow-button").each(Toggling.on);
                  }
                }),
                Keying.config({
                  mode: "acyclic",
                  onEscape: function(comp) {
                    getPart(comp, detail, "overflow-button").each(Focusing.focus);
                    return Optional.some(true);
                  }
                })
              ])
            };
          }
        }),
        external$1({
          name: "overflow-button",
          overrides: function(detail) {
            return {
              buttonBehaviours: derive$1([Toggling.config({
                toggleClass: detail.markers.overflowToggledClass,
                aria: { mode: "pressed" },
                toggleOnExecute: false
              })])
            };
          }
        }),
        external$1({ name: "overflow-group" })
      ]);
      var isOpen = function(toolbar, detail) {
        return getPart(toolbar, detail, "overflow").map(Sliding.hasGrown).getOr(false);
      };
      var toggleToolbar = function(toolbar, detail) {
        getPart(toolbar, detail, "overflow-button").bind(function() {
          return getPart(toolbar, detail, "overflow");
        }).each(function(overf) {
          refresh(toolbar, detail);
          Sliding.toggleGrow(overf);
        });
      };
      var refresh = function(toolbar, detail) {
        getPart(toolbar, detail, "overflow").each(function(overflow2) {
          refresh$2(toolbar, detail, function(groups) {
            var builtGroups = map$2(groups, function(g) {
              return premade(g);
            });
            Toolbar.setGroups(overflow2, builtGroups);
          });
          getPart(toolbar, detail, "overflow-button").each(function(button2) {
            if (Sliding.hasGrown(overflow2)) {
              Toggling.on(button2);
            }
          });
          Sliding.refresh(overflow2);
        });
      };
      var factory$7 = function(detail, components2, spec, externals) {
        var toolbarToggleEvent = "alloy.toolbar.toggle";
        var doSetGroups = function(toolbar, groups) {
          var built = map$2(groups, toolbar.getSystem().build);
          detail.builtGroups.set(built);
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          behaviours: augment(detail.splitToolbarBehaviours, [
            Coupling.config({
              others: {
                overflowGroup: function(toolbar) {
                  return ToolbarGroup.sketch(__assign(__assign({}, externals["overflow-group"]()), {
                    items: [Button.sketch(__assign(__assign({}, externals["overflow-button"]()), {
                      action: function(_button) {
                        emit(toolbar, toolbarToggleEvent);
                      }
                    }))]
                  }));
                }
              }
            }),
            config("toolbar-toggle-events", [run$1(toolbarToggleEvent, function(toolbar) {
              toggleToolbar(toolbar, detail);
            })])
          ]),
          apis: {
            setGroups: function(toolbar, groups) {
              doSetGroups(toolbar, groups);
              refresh(toolbar, detail);
            },
            refresh: function(toolbar) {
              return refresh(toolbar, detail);
            },
            toggle: function(toolbar) {
              return toggleToolbar(toolbar, detail);
            },
            isOpen: function(toolbar) {
              return isOpen(toolbar, detail);
            }
          },
          domModification: { attributes: { role: "group" } }
        };
      };
      var SplitSlidingToolbar = composite({
        name: "SplitSlidingToolbar",
        configFields: schema$8(),
        partFields: parts$4(),
        factory: factory$7,
        apis: {
          setGroups: function(apis, toolbar, groups) {
            apis.setGroups(toolbar, groups);
          },
          refresh: function(apis, toolbar) {
            apis.refresh(toolbar);
          },
          toggle: function(apis, toolbar) {
            apis.toggle(toolbar);
          },
          isOpen: function(apis, toolbar) {
            return apis.isOpen(toolbar);
          }
        }
      });
      var renderToolbarGroupCommon = function(toolbarGroup) {
        var attributes = toolbarGroup.title.fold(function() {
          return {};
        }, function(title) {
          return { attributes: { title } };
        });
        return {
          dom: __assign({
            tag: "div",
            classes: ["tox-toolbar__group"]
          }, attributes),
          components: [ToolbarGroup.parts.items({})],
          items: toolbarGroup.items,
          markers: { itemSelector: "*:not(.tox-split-button) > .tox-tbtn:not([disabled]), .tox-split-button:not([disabled]), .tox-toolbar-nav-js:not([disabled])" },
          tgroupBehaviours: derive$1([
            Tabstopping.config({}),
            Focusing.config({})
          ])
        };
      };
      var renderToolbarGroup = function(toolbarGroup) {
        return ToolbarGroup.sketch(renderToolbarGroupCommon(toolbarGroup));
      };
      var getToolbarbehaviours = function(toolbarSpec, modeName) {
        var onAttached = runOnAttached(function(component) {
          var groups = map$2(toolbarSpec.initGroups, renderToolbarGroup);
          Toolbar.setGroups(component, groups);
        });
        return derive$1([
          DisablingConfigs.toolbarButton(toolbarSpec.providers.isDisabled),
          receivingConfig(),
          Keying.config({
            mode: modeName,
            onEscape: toolbarSpec.onEscape,
            selector: ".tox-toolbar__group"
          }),
          config("toolbar-events", [onAttached])
        ]);
      };
      var renderMoreToolbarCommon = function(toolbarSpec) {
        var modeName = toolbarSpec.cyclicKeying ? "cyclic" : "acyclic";
        return {
          uid: toolbarSpec.uid,
          dom: {
            tag: "div",
            classes: ["tox-toolbar-overlord"]
          },
          parts: {
            "overflow-group": renderToolbarGroupCommon({
              title: Optional.none(),
              items: []
            }),
            "overflow-button": renderIconButtonSpec({
              name: "more",
              icon: Optional.some("more-drawer"),
              disabled: false,
              tooltip: Optional.some("More..."),
              primary: false,
              borderless: false
            }, Optional.none(), toolbarSpec.providers)
          },
          splitToolbarBehaviours: getToolbarbehaviours(toolbarSpec, modeName)
        };
      };
      var renderFloatingMoreToolbar = function(toolbarSpec) {
        var baseSpec = renderMoreToolbarCommon(toolbarSpec);
        var overflowXOffset = 4;
        var primary = SplitFloatingToolbar.parts.primary({
          dom: {
            tag: "div",
            classes: ["tox-toolbar__primary"]
          }
        });
        return SplitFloatingToolbar.sketch(__assign(__assign({}, baseSpec), {
          lazySink: toolbarSpec.getSink,
          getOverflowBounds: function() {
            var headerElem = toolbarSpec.moreDrawerData.lazyHeader().element;
            var headerBounds = absolute$2(headerElem);
            var docElem = documentElement(headerElem);
            var docBounds = absolute$2(docElem);
            var height2 = Math.max(docElem.dom.scrollHeight, docBounds.height);
            return bounds(headerBounds.x + overflowXOffset, docBounds.y, headerBounds.width - overflowXOffset * 2, height2);
          },
          parts: __assign(__assign({}, baseSpec.parts), {
            overflow: {
              dom: {
                tag: "div",
                classes: ["tox-toolbar__overflow"],
                attributes: toolbarSpec.attributes
              }
            }
          }),
          components: [primary],
          markers: { overflowToggledClass: "tox-tbtn--enabled" }
        }));
      };
      var renderSlidingMoreToolbar = function(toolbarSpec) {
        var primary = SplitSlidingToolbar.parts.primary({
          dom: {
            tag: "div",
            classes: ["tox-toolbar__primary"]
          }
        });
        var overflow2 = SplitSlidingToolbar.parts.overflow({
          dom: {
            tag: "div",
            classes: ["tox-toolbar__overflow"]
          }
        });
        var baseSpec = renderMoreToolbarCommon(toolbarSpec);
        return SplitSlidingToolbar.sketch(__assign(__assign({}, baseSpec), {
          components: [
            primary,
            overflow2
          ],
          markers: {
            openClass: "tox-toolbar__overflow--open",
            closedClass: "tox-toolbar__overflow--closed",
            growingClass: "tox-toolbar__overflow--growing",
            shrinkingClass: "tox-toolbar__overflow--shrinking",
            overflowToggledClass: "tox-tbtn--enabled"
          },
          onOpened: function(comp) {
            comp.getSystem().broadcastOn([toolbarHeightChange()], { type: "opened" });
          },
          onClosed: function(comp) {
            comp.getSystem().broadcastOn([toolbarHeightChange()], { type: "closed" });
          }
        }));
      };
      var renderToolbar = function(toolbarSpec) {
        var modeName = toolbarSpec.cyclicKeying ? "cyclic" : "acyclic";
        return Toolbar.sketch({
          uid: toolbarSpec.uid,
          dom: {
            tag: "div",
            classes: ["tox-toolbar"].concat(toolbarSpec.type === ToolbarMode.scrolling ? ["tox-toolbar--scrolling"] : [])
          },
          components: [Toolbar.parts.groups({})],
          toolbarBehaviours: getToolbarbehaviours(toolbarSpec, modeName)
        });
      };
      var factory$6 = function(detail, components2, _spec) {
        var apis = {
          getSocket: function(comp) {
            return parts$a.getPart(comp, detail, "socket");
          },
          setSidebar: function(comp, panelConfigs) {
            parts$a.getPart(comp, detail, "sidebar").each(function(sidebar) {
              return setSidebar(sidebar, panelConfigs);
            });
          },
          toggleSidebar: function(comp, name2) {
            parts$a.getPart(comp, detail, "sidebar").each(function(sidebar) {
              return toggleSidebar(sidebar, name2);
            });
          },
          whichSidebar: function(comp) {
            return parts$a.getPart(comp, detail, "sidebar").bind(whichSidebar).getOrNull();
          },
          getHeader: function(comp) {
            return parts$a.getPart(comp, detail, "header");
          },
          getToolbar: function(comp) {
            return parts$a.getPart(comp, detail, "toolbar");
          },
          setToolbar: function(comp, groups) {
            parts$a.getPart(comp, detail, "toolbar").each(function(toolbar) {
              toolbar.getApis().setGroups(toolbar, groups);
            });
          },
          setToolbars: function(comp, toolbars) {
            parts$a.getPart(comp, detail, "multiple-toolbar").each(function(mToolbar) {
              CustomList.setItems(mToolbar, toolbars);
            });
          },
          refreshToolbar: function(comp) {
            var toolbar = parts$a.getPart(comp, detail, "toolbar");
            toolbar.each(function(toolbar2) {
              return toolbar2.getApis().refresh(toolbar2);
            });
          },
          toggleToolbarDrawer: function(comp) {
            parts$a.getPart(comp, detail, "toolbar").each(function(toolbar) {
              mapFrom(toolbar.getApis().toggle, function(toggle2) {
                return toggle2(toolbar);
              });
            });
          },
          isToolbarDrawerToggled: function(comp) {
            return parts$a.getPart(comp, detail, "toolbar").bind(function(toolbar) {
              return Optional.from(toolbar.getApis().isOpen).map(function(isOpen2) {
                return isOpen2(toolbar);
              });
            }).getOr(false);
          },
          getThrobber: function(comp) {
            return parts$a.getPart(comp, detail, "throbber");
          },
          focusToolbar: function(comp) {
            var optToolbar = parts$a.getPart(comp, detail, "toolbar").orThunk(function() {
              return parts$a.getPart(comp, detail, "multiple-toolbar");
            });
            optToolbar.each(function(toolbar) {
              Keying.focusIn(toolbar);
            });
          },
          setMenubar: function(comp, menus) {
            parts$a.getPart(comp, detail, "menubar").each(function(menubar) {
              SilverMenubar.setMenus(menubar, menus);
            });
          },
          focusMenubar: function(comp) {
            parts$a.getPart(comp, detail, "menubar").each(function(menubar) {
              SilverMenubar.focus(menubar);
            });
          }
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          apis,
          behaviours: detail.behaviours
        };
      };
      var partMenubar = partType.optional({
        factory: SilverMenubar,
        name: "menubar",
        schema: [required$1("backstage")]
      });
      var toolbarFactory = function(spec) {
        if (spec.type === ToolbarMode.sliding) {
          return renderSlidingMoreToolbar;
        } else if (spec.type === ToolbarMode.floating) {
          return renderFloatingMoreToolbar;
        } else {
          return renderToolbar;
        }
      };
      var partMultipleToolbar = partType.optional({
        factory: {
          sketch: function(spec) {
            return CustomList.sketch({
              uid: spec.uid,
              dom: spec.dom,
              listBehaviours: derive$1([Keying.config({
                mode: "acyclic",
                selector: ".tox-toolbar"
              })]),
              makeItem: function() {
                return renderToolbar({
                  type: spec.type,
                  uid: generate$6("multiple-toolbar-item"),
                  cyclicKeying: false,
                  initGroups: [],
                  providers: spec.providers,
                  onEscape: function() {
                    spec.onEscape();
                    return Optional.some(true);
                  }
                });
              },
              setupItem: function(_mToolbar, tc, data, _index) {
                Toolbar.setGroups(tc, data);
              },
              shell: true
            });
          }
        },
        name: "multiple-toolbar",
        schema: [
          required$1("dom"),
          required$1("onEscape")
        ]
      });
      var partToolbar = partType.optional({
        factory: {
          sketch: function(spec) {
            var renderer = toolbarFactory(spec);
            var toolbarSpec = {
              type: spec.type,
              uid: spec.uid,
              onEscape: function() {
                spec.onEscape();
                return Optional.some(true);
              },
              cyclicKeying: false,
              initGroups: [],
              getSink: spec.getSink,
              providers: spec.providers,
              moreDrawerData: {
                lazyToolbar: spec.lazyToolbar,
                lazyMoreButton: spec.lazyMoreButton,
                lazyHeader: spec.lazyHeader
              },
              attributes: spec.attributes
            };
            return renderer(toolbarSpec);
          }
        },
        name: "toolbar",
        schema: [
          required$1("dom"),
          required$1("onEscape"),
          required$1("getSink")
        ]
      });
      var partHeader = partType.optional({
        factory: { sketch: renderHeader },
        name: "header",
        schema: [required$1("dom")]
      });
      var partSocket = partType.optional({
        name: "socket",
        schema: [required$1("dom")]
      });
      var partSidebar = partType.optional({
        factory: { sketch: renderSidebar },
        name: "sidebar",
        schema: [required$1("dom")]
      });
      var partThrobber = partType.optional({
        factory: { sketch: renderThrobber },
        name: "throbber",
        schema: [required$1("dom")]
      });
      var OuterContainer = composite({
        name: "OuterContainer",
        factory: factory$6,
        configFields: [
          required$1("dom"),
          required$1("behaviours")
        ],
        partFields: [
          partHeader,
          partMenubar,
          partToolbar,
          partMultipleToolbar,
          partSocket,
          partSidebar,
          partThrobber
        ],
        apis: {
          getSocket: function(apis, comp) {
            return apis.getSocket(comp);
          },
          setSidebar: function(apis, comp, panelConfigs) {
            apis.setSidebar(comp, panelConfigs);
          },
          toggleSidebar: function(apis, comp, name2) {
            apis.toggleSidebar(comp, name2);
          },
          whichSidebar: function(apis, comp) {
            return apis.whichSidebar(comp);
          },
          getHeader: function(apis, comp) {
            return apis.getHeader(comp);
          },
          getToolbar: function(apis, comp) {
            return apis.getToolbar(comp);
          },
          setToolbar: function(apis, comp, grps) {
            var groups = map$2(grps, function(grp) {
              return renderToolbarGroup(grp);
            });
            apis.setToolbar(comp, groups);
          },
          setToolbars: function(apis, comp, ts) {
            var renderedToolbars = map$2(ts, function(g) {
              return map$2(g, renderToolbarGroup);
            });
            apis.setToolbars(comp, renderedToolbars);
          },
          refreshToolbar: function(apis, comp) {
            return apis.refreshToolbar(comp);
          },
          toggleToolbarDrawer: function(apis, comp) {
            apis.toggleToolbarDrawer(comp);
          },
          isToolbarDrawerToggled: function(apis, comp) {
            return apis.isToolbarDrawerToggled(comp);
          },
          getThrobber: function(apis, comp) {
            return apis.getThrobber(comp);
          },
          setMenubar: function(apis, comp, menus) {
            apis.setMenubar(comp, menus);
          },
          focusMenubar: function(apis, comp) {
            apis.focusMenubar(comp);
          },
          focusToolbar: function(apis, comp) {
            apis.focusToolbar(comp);
          }
        }
      });
      var defaultMenubar = "file edit view insert format tools table help";
      var defaultMenus = {
        file: {
          title: "File",
          items: "newdocument restoredraft | preview | export print | deleteallconversations"
        },
        edit: {
          title: "Edit",
          items: "undo redo | cut copy paste pastetext | selectall | searchreplace"
        },
        view: {
          title: "View",
          items: "code | visualaid visualchars visualblocks | spellchecker | preview fullscreen | showcomments"
        },
        insert: {
          title: "Insert",
          items: "image link media addcomment pageembed template codesample inserttable | charmap emoticons hr | pagebreak nonbreaking anchor toc | insertdatetime"
        },
        format: {
          title: "Format",
          items: "bold italic underline strikethrough superscript subscript codeformat | formats blockformats fontformats fontsizes align lineheight | forecolor backcolor | language | removeformat"
        },
        tools: {
          title: "Tools",
          items: "spellchecker spellcheckerlanguage | a11ycheck code wordcount"
        },
        table: {
          title: "Table",
          items: "inserttable | cell row column | advtablesort | tableprops deletetable"
        },
        help: {
          title: "Help",
          items: "help"
        }
      };
      var make = function(menu2, registry, editor) {
        var removedMenuItems = getRemovedMenuItems(editor).split(/[ ,]/);
        return {
          text: menu2.title,
          getItems: function() {
            return bind$3(menu2.items, function(i) {
              var itemName = i.toLowerCase();
              if (itemName.trim().length === 0) {
                return [];
              } else if (exists(removedMenuItems, function(removedMenuItem) {
                return removedMenuItem === itemName;
              })) {
                return [];
              } else if (itemName === "separator" || itemName === "|") {
                return [{ type: "separator" }];
              } else if (registry.menuItems[itemName]) {
                return [registry.menuItems[itemName]];
              } else {
                return [];
              }
            });
          }
        };
      };
      var parseItemsString = function(items) {
        if (typeof items === "string") {
          return items.split(" ");
        }
        return items;
      };
      var identifyMenus = function(editor, registry) {
        var rawMenuData = __assign(__assign({}, defaultMenus), registry.menus);
        var userDefinedMenus = keys(registry.menus).length > 0;
        var menubar = registry.menubar === void 0 || registry.menubar === true ? parseItemsString(defaultMenubar) : parseItemsString(registry.menubar === false ? "" : registry.menubar);
        var validMenus = filter$2(menubar, function(menuName) {
          var isDefaultMenu = has$2(defaultMenus, menuName);
          if (userDefinedMenus) {
            return isDefaultMenu || get$e(registry.menus, menuName).exists(function(menu2) {
              return has$2(menu2, "items");
            });
          } else {
            return isDefaultMenu;
          }
        });
        var menus = map$2(validMenus, function(menuName) {
          var menuData = rawMenuData[menuName];
          return make({
            title: menuData.title,
            items: parseItemsString(menuData.items)
          }, registry, editor);
        });
        return filter$2(menus, function(menu2) {
          var isNotSeparator = function(item2) {
            return item2.type !== "separator";
          };
          return menu2.getItems().length > 0 && exists(menu2.getItems(), isNotSeparator);
        });
      };
      var fireSkinLoaded = function(editor) {
        var done = function() {
          editor._skinLoaded = true;
          fireSkinLoaded$1(editor);
        };
        return function() {
          if (editor.initialized) {
            done();
          } else {
            editor.on("init", done);
          }
        };
      };
      var fireSkinLoadError = function(editor, err) {
        return function() {
          return fireSkinLoadError$1(editor, { message: err });
        };
      };
      var loadStylesheet = function(editor, stylesheetUrl, styleSheetLoader) {
        return new global$c(function(resolve, reject) {
          styleSheetLoader.load(stylesheetUrl, resolve, reject);
          editor.on("remove", function() {
            return styleSheetLoader.unload(stylesheetUrl);
          });
        });
      };
      var loadUiSkins = function(editor, skinUrl) {
        var skinUiCss = skinUrl + "/skin.min.css";
        return loadStylesheet(editor, skinUiCss, editor.ui.styleSheetLoader);
      };
      var loadShadowDomUiSkins = function(editor, skinUrl) {
        var isInShadowRoot$1 = isInShadowRoot(SugarElement.fromDom(editor.getElement()));
        if (isInShadowRoot$1) {
          var shadowDomSkinCss = skinUrl + "/skin.shadowdom.min.css";
          return loadStylesheet(editor, shadowDomSkinCss, global$b.DOM.styleSheetLoader);
        } else {
          return global$c.resolve();
        }
      };
      var loadSkin = function(isInline, editor) {
        var skinUrl = getSkinUrl(editor);
        if (skinUrl) {
          editor.contentCSS.push(skinUrl + (isInline ? "/content.inline" : "/content") + ".min.css");
        }
        if (isSkinDisabled(editor) === false && isString(skinUrl)) {
          global$c.all([
            loadUiSkins(editor, skinUrl),
            loadShadowDomUiSkins(editor, skinUrl)
          ]).then(fireSkinLoaded(editor), fireSkinLoadError(editor, "Skin could not be loaded"));
        } else {
          fireSkinLoaded(editor)();
        }
      };
      var iframe = curry(loadSkin, false);
      var inline = curry(loadSkin, true);
      var onSetupFormatToggle = function(editor, name2) {
        return function(api2) {
          var boundCallback = unbindable();
          var init2 = function() {
            api2.setActive(editor.formatter.match(name2));
            var binding = editor.formatter.formatChanged(name2, api2.setActive);
            boundCallback.set(binding);
          };
          editor.initialized ? init2() : editor.once("init", init2);
          return function() {
            editor.off("init", init2);
            boundCallback.clear();
          };
        };
      };
      var onSetupEvent = function(editor, event, f) {
        return function(api2) {
          var handleEvent = function() {
            return f(api2);
          };
          var init2 = function() {
            f(api2);
            editor.on(event, handleEvent);
          };
          editor.initialized ? init2() : editor.once("init", init2);
          return function() {
            editor.off("init", init2);
            editor.off(event, handleEvent);
          };
        };
      };
      var onActionToggleFormat$1 = function(editor) {
        return function(rawItem) {
          return function() {
            editor.undoManager.transact(function() {
              editor.focus();
              editor.execCommand("mceToggleFormat", false, rawItem.format);
            });
          };
        };
      };
      var onActionExecCommand = function(editor, command) {
        return function() {
          return editor.execCommand(command);
        };
      };
      var generateSelectItems = function(_editor, backstage, spec) {
        var generateItem = function(rawItem, response, disabled, value2) {
          var translatedText = backstage.shared.providers.translate(rawItem.title);
          if (rawItem.type === "separator") {
            return Optional.some({
              type: "separator",
              text: translatedText
            });
          } else if (rawItem.type === "submenu") {
            var items = bind$3(rawItem.getStyleItems(), function(si) {
              return validate(si, response, value2);
            });
            if (response === 0 && items.length <= 0) {
              return Optional.none();
            } else {
              return Optional.some({
                type: "nestedmenuitem",
                text: translatedText,
                disabled: items.length <= 0,
                getSubmenuItems: function() {
                  return bind$3(rawItem.getStyleItems(), function(si) {
                    return validate(si, response, value2);
                  });
                }
              });
            }
          } else {
            return Optional.some(__assign({
              type: "togglemenuitem",
              text: translatedText,
              icon: rawItem.icon,
              active: rawItem.isSelected(value2),
              disabled,
              onAction: spec.onAction(rawItem)
            }, rawItem.getStylePreview().fold(function() {
              return {};
            }, function(preview) {
              return { meta: { style: preview } };
            })));
          }
        };
        var validate = function(item2, response, value2) {
          var invalid = item2.type === "formatter" && spec.isInvalid(item2);
          if (response === 0) {
            return invalid ? [] : generateItem(item2, response, false, value2).toArray();
          } else {
            return generateItem(item2, response, invalid, value2).toArray();
          }
        };
        var validateItems = function(preItems) {
          var value2 = spec.getCurrentValue();
          var response = spec.shouldHide ? 0 : 1;
          return bind$3(preItems, function(item2) {
            return validate(item2, response, value2);
          });
        };
        var getFetch2 = function(backstage2, getStyleItems) {
          return function(comp, callback) {
            var preItems = getStyleItems();
            var items = validateItems(preItems);
            var menu2 = build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage2, false);
            callback(menu2);
          };
        };
        return {
          validateItems,
          getFetch: getFetch2
        };
      };
      var createMenuItems = function(editor, backstage, spec) {
        var dataset2 = spec.dataset;
        var getStyleItems = dataset2.type === "basic" ? function() {
          return map$2(dataset2.data, function(d) {
            return processBasic(d, spec.isSelectedFor, spec.getPreviewFor);
          });
        } : dataset2.getData;
        return {
          items: generateSelectItems(editor, backstage, spec),
          getStyleItems
        };
      };
      var createSelectButton = function(editor, backstage, spec) {
        var _a2 = createMenuItems(editor, backstage, spec), items = _a2.items, getStyleItems = _a2.getStyleItems;
        var getApi2 = function(comp) {
          return { getComponent: constant$1(comp) };
        };
        var onSetup = onSetupEvent(editor, "NodeChange", function(api2) {
          var comp = api2.getComponent();
          spec.updateText(comp);
        });
        return renderCommonDropdown({
          text: spec.icon.isSome() ? Optional.none() : spec.text,
          icon: spec.icon,
          tooltip: Optional.from(spec.tooltip),
          role: Optional.none(),
          fetch: items.getFetch(backstage, getStyleItems),
          onSetup,
          getApi: getApi2,
          columns: 1,
          presets: "normal",
          classes: spec.icon.isSome() ? [] : ["bespoke"],
          dropdownBehaviours: []
        }, "tox-tbtn", backstage.shared);
      };
      var process = function(rawFormats) {
        return map$2(rawFormats, function(item2) {
          var title = item2, format = item2;
          var values2 = item2.split("=");
          if (values2.length > 1) {
            title = values2[0];
            format = values2[1];
          }
          return {
            title,
            format
          };
        });
      };
      var buildBasicStaticDataset = function(data) {
        return {
          type: "basic",
          data
        };
      };
      var Delimiter;
      (function(Delimiter2) {
        Delimiter2[Delimiter2["SemiColon"] = 0] = "SemiColon";
        Delimiter2[Delimiter2["Space"] = 1] = "Space";
      })(Delimiter || (Delimiter = {}));
      var split = function(rawFormats, delimiter) {
        if (delimiter === Delimiter.SemiColon) {
          return rawFormats.replace(/;$/, "").split(";");
        } else {
          return rawFormats.split(" ");
        }
      };
      var buildBasicSettingsDataset = function(editor, settingName, defaults, delimiter) {
        var rawFormats = editor.getParam(settingName, defaults, "string");
        var data = process(split(rawFormats, delimiter));
        return {
          type: "basic",
          data
        };
      };
      var alignMenuItems = [
        {
          title: "Left",
          icon: "align-left",
          format: "alignleft",
          command: "JustifyLeft"
        },
        {
          title: "Center",
          icon: "align-center",
          format: "aligncenter",
          command: "JustifyCenter"
        },
        {
          title: "Right",
          icon: "align-right",
          format: "alignright",
          command: "JustifyRight"
        },
        {
          title: "Justify",
          icon: "align-justify",
          format: "alignjustify",
          command: "JustifyFull"
        }
      ];
      var getSpec$4 = function(editor) {
        var getMatchingValue = function() {
          return find$5(alignMenuItems, function(item2) {
            return editor.formatter.match(item2.format);
          });
        };
        var isSelectedFor = function(format) {
          return function() {
            return editor.formatter.match(format);
          };
        };
        var getPreviewFor = function(_format) {
          return Optional.none;
        };
        var updateSelectMenuIcon = function(comp) {
          var match = getMatchingValue();
          var alignment = match.fold(constant$1("left"), function(item2) {
            return item2.title.toLowerCase();
          });
          emitWith(comp, updateMenuIcon, { icon: "align-" + alignment });
        };
        var dataset2 = buildBasicStaticDataset(alignMenuItems);
        var onAction = function(rawItem) {
          return function() {
            return find$5(alignMenuItems, function(item2) {
              return item2.format === rawItem.format;
            }).each(function(item2) {
              return editor.execCommand(item2.command);
            });
          };
        };
        return {
          tooltip: "Align",
          text: Optional.none(),
          icon: Optional.some("align-left"),
          isSelectedFor,
          getCurrentValue: Optional.none,
          getPreviewFor,
          onAction,
          updateText: updateSelectMenuIcon,
          dataset: dataset2,
          shouldHide: false,
          isInvalid: function(item2) {
            return !editor.formatter.canApply(item2.format);
          }
        };
      };
      var createAlignSelect = function(editor, backstage) {
        return createSelectButton(editor, backstage, getSpec$4(editor));
      };
      var alignSelectMenu = function(editor, backstage) {
        var menuItems = createMenuItems(editor, backstage, getSpec$4(editor));
        editor.ui.registry.addNestedMenuItem("align", {
          text: backstage.shared.providers.translate("Align"),
          getSubmenuItems: function() {
            return menuItems.items.validateItems(menuItems.getStyleItems());
          }
        });
      };
      var defaultFontsFormats = "Andale Mono=andale mono,monospace;Arial=arial,helvetica,sans-serif;Arial Black=arial black,sans-serif;Book Antiqua=book antiqua,palatino,serif;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier,monospace;Georgia=georgia,palatino,serif;Helvetica=helvetica,arial,sans-serif;Impact=impact,sans-serif;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco,monospace;Times New Roman=times new roman,times,serif;Trebuchet MS=trebuchet ms,geneva,sans-serif;Verdana=verdana,geneva,sans-serif;Webdings=webdings;Wingdings=wingdings,zapf dingbats";
      var systemStackFonts = [
        "-apple-system",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "sans-serif"
      ];
      var splitFonts = function(fontFamily) {
        var fonts = fontFamily.split(/\s*,\s*/);
        return map$2(fonts, function(font) {
          return font.replace(/^['"]+|['"]+$/g, "");
        });
      };
      var isSystemFontStack = function(fontFamily) {
        var matchesSystemStack = function() {
          var fonts = splitFonts(fontFamily.toLowerCase());
          return forall(systemStackFonts, function(font) {
            return fonts.indexOf(font.toLowerCase()) > -1;
          });
        };
        return fontFamily.indexOf("-apple-system") === 0 && matchesSystemStack();
      };
      var getSpec$3 = function(editor) {
        var systemFont = "System Font";
        var getMatchingValue = function() {
          var getFirstFont = function(fontFamily2) {
            return fontFamily2 ? splitFonts(fontFamily2)[0] : "";
          };
          var fontFamily = editor.queryCommandValue("FontName");
          var items = dataset2.data;
          var font = fontFamily ? fontFamily.toLowerCase() : "";
          var matchOpt = find$5(items, function(item2) {
            var format = item2.format;
            return format.toLowerCase() === font || getFirstFont(format).toLowerCase() === getFirstFont(font).toLowerCase();
          }).orThunk(function() {
            return someIf(isSystemFontStack(font), {
              title: systemFont,
              format: font
            });
          });
          return {
            matchOpt,
            font: fontFamily
          };
        };
        var isSelectedFor = function(item2) {
          return function(valueOpt) {
            return valueOpt.exists(function(value2) {
              return value2.format === item2;
            });
          };
        };
        var getCurrentValue = function() {
          var matchOpt = getMatchingValue().matchOpt;
          return matchOpt;
        };
        var getPreviewFor = function(item2) {
          return function() {
            return Optional.some({
              tag: "div",
              styles: item2.indexOf("dings") === -1 ? { "font-family": item2 } : {}
            });
          };
        };
        var onAction = function(rawItem) {
          return function() {
            editor.undoManager.transact(function() {
              editor.focus();
              editor.execCommand("FontName", false, rawItem.format);
            });
          };
        };
        var updateSelectMenuText = function(comp) {
          var _a2 = getMatchingValue(), matchOpt = _a2.matchOpt, font = _a2.font;
          var text2 = matchOpt.fold(constant$1(font), function(item2) {
            return item2.title;
          });
          emitWith(comp, updateMenuText, { text: text2 });
        };
        var dataset2 = buildBasicSettingsDataset(editor, "font_formats", defaultFontsFormats, Delimiter.SemiColon);
        return {
          tooltip: "Fonts",
          text: Optional.some(systemFont),
          icon: Optional.none(),
          isSelectedFor,
          getCurrentValue,
          getPreviewFor,
          onAction,
          updateText: updateSelectMenuText,
          dataset: dataset2,
          shouldHide: false,
          isInvalid: never
        };
      };
      var createFontSelect = function(editor, backstage) {
        return createSelectButton(editor, backstage, getSpec$3(editor));
      };
      var fontSelectMenu = function(editor, backstage) {
        var menuItems = createMenuItems(editor, backstage, getSpec$3(editor));
        editor.ui.registry.addNestedMenuItem("fontformats", {
          text: backstage.shared.providers.translate("Fonts"),
          getSubmenuItems: function() {
            return menuItems.items.validateItems(menuItems.getStyleItems());
          }
        });
      };
      var defaultFontsizeFormats = "8pt 10pt 12pt 14pt 18pt 24pt 36pt";
      var legacyFontSizes = {
        "8pt": "1",
        "10pt": "2",
        "12pt": "3",
        "14pt": "4",
        "18pt": "5",
        "24pt": "6",
        "36pt": "7"
      };
      var keywordFontSizes = {
        "xx-small": "7pt",
        "x-small": "8pt",
        "small": "10pt",
        "medium": "12pt",
        "large": "14pt",
        "x-large": "18pt",
        "xx-large": "24pt"
      };
      var round = function(number2, precision) {
        var factor = Math.pow(10, precision);
        return Math.round(number2 * factor) / factor;
      };
      var toPt = function(fontSize, precision) {
        if (/[0-9.]+px$/.test(fontSize)) {
          return round(parseInt(fontSize, 10) * 72 / 96, precision || 0) + "pt";
        } else {
          return get$e(keywordFontSizes, fontSize).getOr(fontSize);
        }
      };
      var toLegacy = function(fontSize) {
        return get$e(legacyFontSizes, fontSize).getOr("");
      };
      var getSpec$2 = function(editor) {
        var getMatchingValue = function() {
          var matchOpt = Optional.none();
          var items = dataset2.data;
          var fontSize = editor.queryCommandValue("FontSize");
          if (fontSize) {
            var _loop_1 = function(precision2) {
              var pt = toPt(fontSize, precision2);
              var legacy = toLegacy(pt);
              matchOpt = find$5(items, function(item2) {
                return item2.format === fontSize || item2.format === pt || item2.format === legacy;
              });
            };
            for (var precision = 3; matchOpt.isNone() && precision >= 0; precision--) {
              _loop_1(precision);
            }
          }
          return {
            matchOpt,
            size: fontSize
          };
        };
        var isSelectedFor = function(item2) {
          return function(valueOpt) {
            return valueOpt.exists(function(value2) {
              return value2.format === item2;
            });
          };
        };
        var getCurrentValue = function() {
          var matchOpt = getMatchingValue().matchOpt;
          return matchOpt;
        };
        var getPreviewFor = constant$1(Optional.none);
        var onAction = function(rawItem) {
          return function() {
            editor.undoManager.transact(function() {
              editor.focus();
              editor.execCommand("FontSize", false, rawItem.format);
            });
          };
        };
        var updateSelectMenuText = function(comp) {
          var _a2 = getMatchingValue(), matchOpt = _a2.matchOpt, size = _a2.size;
          var text2 = matchOpt.fold(constant$1(size), function(match) {
            return match.title;
          });
          emitWith(comp, updateMenuText, { text: text2 });
        };
        var dataset2 = buildBasicSettingsDataset(editor, "fontsize_formats", defaultFontsizeFormats, Delimiter.Space);
        return {
          tooltip: "Font sizes",
          text: Optional.some("12pt"),
          icon: Optional.none(),
          isSelectedFor,
          getPreviewFor,
          getCurrentValue,
          onAction,
          updateText: updateSelectMenuText,
          dataset: dataset2,
          shouldHide: false,
          isInvalid: never
        };
      };
      var createFontsizeSelect = function(editor, backstage) {
        return createSelectButton(editor, backstage, getSpec$2(editor));
      };
      var fontsizeSelectMenu = function(editor, backstage) {
        var menuItems = createMenuItems(editor, backstage, getSpec$2(editor));
        editor.ui.registry.addNestedMenuItem("fontsizes", {
          text: "Font sizes",
          getSubmenuItems: function() {
            return menuItems.items.validateItems(menuItems.getStyleItems());
          }
        });
      };
      var findNearest = function(editor, getStyles) {
        var styles = getStyles();
        var formats = map$2(styles, function(style) {
          return style.format;
        });
        return Optional.from(editor.formatter.closest(formats)).bind(function(fmt) {
          return find$5(styles, function(data) {
            return data.format === fmt;
          });
        }).orThunk(function() {
          return someIf(editor.formatter.match("p"), {
            title: "Paragraph",
            format: "p"
          });
        });
      };
      var defaultBlocks = "Paragraph=p;Heading 1=h1;Heading 2=h2;Heading 3=h3;Heading 4=h4;Heading 5=h5;Heading 6=h6;Preformatted=pre";
      var getSpec$1 = function(editor) {
        var fallbackFormat = "Paragraph";
        var isSelectedFor = function(format) {
          return function() {
            return editor.formatter.match(format);
          };
        };
        var getPreviewFor = function(format) {
          return function() {
            var fmt = editor.formatter.get(format);
            return Optional.some({
              tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || "div" : "div",
              styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
            });
          };
        };
        var updateSelectMenuText = function(comp) {
          var detectedFormat = findNearest(editor, function() {
            return dataset2.data;
          });
          var text2 = detectedFormat.fold(constant$1(fallbackFormat), function(fmt) {
            return fmt.title;
          });
          emitWith(comp, updateMenuText, { text: text2 });
        };
        var dataset2 = buildBasicSettingsDataset(editor, "block_formats", defaultBlocks, Delimiter.SemiColon);
        return {
          tooltip: "Blocks",
          text: Optional.some(fallbackFormat),
          icon: Optional.none(),
          isSelectedFor,
          getCurrentValue: Optional.none,
          getPreviewFor,
          onAction: onActionToggleFormat$1(editor),
          updateText: updateSelectMenuText,
          dataset: dataset2,
          shouldHide: false,
          isInvalid: function(item2) {
            return !editor.formatter.canApply(item2.format);
          }
        };
      };
      var createFormatSelect = function(editor, backstage) {
        return createSelectButton(editor, backstage, getSpec$1(editor));
      };
      var formatSelectMenu = function(editor, backstage) {
        var menuItems = createMenuItems(editor, backstage, getSpec$1(editor));
        editor.ui.registry.addNestedMenuItem("blockformats", {
          text: "Blocks",
          getSubmenuItems: function() {
            return menuItems.items.validateItems(menuItems.getStyleItems());
          }
        });
      };
      var getSpec = function(editor, dataset2) {
        var fallbackFormat = "Paragraph";
        var isSelectedFor = function(format) {
          return function() {
            return editor.formatter.match(format);
          };
        };
        var getPreviewFor = function(format) {
          return function() {
            var fmt = editor.formatter.get(format);
            return fmt !== void 0 ? Optional.some({
              tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || "div" : "div",
              styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
            }) : Optional.none();
          };
        };
        var updateSelectMenuText = function(comp) {
          var getFormatItems = function(fmt) {
            var subs2 = fmt.items;
            return subs2 !== void 0 && subs2.length > 0 ? bind$3(subs2, getFormatItems) : [{
              title: fmt.title,
              format: fmt.format
            }];
          };
          var flattenedItems = bind$3(getStyleFormats(editor), getFormatItems);
          var detectedFormat = findNearest(editor, constant$1(flattenedItems));
          var text2 = detectedFormat.fold(constant$1(fallbackFormat), function(fmt) {
            return fmt.title;
          });
          emitWith(comp, updateMenuText, { text: text2 });
        };
        return {
          tooltip: "Formats",
          text: Optional.some(fallbackFormat),
          icon: Optional.none(),
          isSelectedFor,
          getCurrentValue: Optional.none,
          getPreviewFor,
          onAction: onActionToggleFormat$1(editor),
          updateText: updateSelectMenuText,
          shouldHide: editor.getParam("style_formats_autohide", false, "boolean"),
          isInvalid: function(item2) {
            return !editor.formatter.canApply(item2.format);
          },
          dataset: dataset2
        };
      };
      var createStyleSelect = function(editor, backstage) {
        var dataset2 = __assign({ type: "advanced" }, backstage.styleselect);
        return createSelectButton(editor, backstage, getSpec(editor, dataset2));
      };
      var styleSelectMenu = function(editor, backstage) {
        var dataset2 = __assign({ type: "advanced" }, backstage.styleselect);
        var menuItems = createMenuItems(editor, backstage, getSpec(editor, dataset2));
        editor.ui.registry.addNestedMenuItem("formats", {
          text: "Formats",
          getSubmenuItems: function() {
            return menuItems.items.validateItems(menuItems.getStyleItems());
          }
        });
      };
      var events$3 = function(reflectingConfig, reflectingState) {
        var update = function(component, data) {
          reflectingConfig.updateState.each(function(updateState) {
            var newState = updateState(component, data);
            reflectingState.set(newState);
          });
          reflectingConfig.renderComponents.each(function(renderComponents2) {
            var newComponents = renderComponents2(data, reflectingState.get());
            var newChildren = map$2(newComponents, component.getSystem().build);
            replaceChildren(component, newChildren);
          });
        };
        return derive$2([
          run$1(receive(), function(component, message) {
            var receivingData = message;
            if (!receivingData.universal) {
              var channel = reflectingConfig.channel;
              if (contains$2(receivingData.channels, channel)) {
                update(component, receivingData.data);
              }
            }
          }),
          runOnAttached(function(comp, _se) {
            reflectingConfig.initialData.each(function(rawData) {
              update(comp, rawData);
            });
          })
        ]);
      };
      var ActiveReflecting = Object.freeze({
        __proto__: null,
        events: events$3
      });
      var getState = function(component, replaceConfig, reflectState) {
        return reflectState;
      };
      var ReflectingApis = Object.freeze({
        __proto__: null,
        getState
      });
      var ReflectingSchema = [
        required$1("channel"),
        option("renderComponents"),
        option("updateState"),
        option("initialData")
      ];
      var init$3 = function() {
        var cell = Cell(Optional.none());
        var clear2 = function() {
          return cell.set(Optional.none());
        };
        var readState = function() {
          return cell.get().getOr("none");
        };
        return {
          readState,
          get: cell.get,
          set: cell.set,
          clear: clear2
        };
      };
      var ReflectingState = Object.freeze({
        __proto__: null,
        init: init$3
      });
      var Reflecting = create$7({
        fields: ReflectingSchema,
        name: "reflecting",
        active: ActiveReflecting,
        apis: ReflectingApis,
        state: ReflectingState
      });
      var schema$7 = constant$1([
        required$1("toggleClass"),
        required$1("fetch"),
        onStrictHandler("onExecute"),
        defaulted("getHotspot", Optional.some),
        defaulted("getAnchorOverrides", constant$1({})),
        schema$y(),
        onStrictHandler("onItemExecute"),
        option("lazySink"),
        required$1("dom"),
        onHandler("onOpen"),
        field("splitDropdownBehaviours", [
          Coupling,
          Keying,
          Focusing
        ]),
        defaulted("matchWidth", false),
        defaulted("useMinWidth", false),
        defaulted("eventOrder", {}),
        option("role")
      ].concat(sandboxFields()));
      var arrowPart = required({
        factory: Button,
        schema: [required$1("dom")],
        name: "arrow",
        defaults: function() {
          return { buttonBehaviours: derive$1([Focusing.revoke()]) };
        },
        overrides: function(detail) {
          return {
            dom: {
              tag: "span",
              attributes: { role: "presentation" }
            },
            action: function(arrow) {
              arrow.getSystem().getByUid(detail.uid).each(emitExecute);
            },
            buttonBehaviours: derive$1([Toggling.config({
              toggleOnExecute: false,
              toggleClass: detail.toggleClass
            })])
          };
        }
      });
      var buttonPart = required({
        factory: Button,
        schema: [required$1("dom")],
        name: "button",
        defaults: function() {
          return { buttonBehaviours: derive$1([Focusing.revoke()]) };
        },
        overrides: function(detail) {
          return {
            dom: {
              tag: "span",
              attributes: { role: "presentation" }
            },
            action: function(btn) {
              btn.getSystem().getByUid(detail.uid).each(function(splitDropdown) {
                detail.onExecute(splitDropdown, btn);
              });
            }
          };
        }
      });
      var parts$3 = constant$1([
        arrowPart,
        buttonPart,
        optional({
          factory: {
            sketch: function(spec) {
              return {
                uid: spec.uid,
                dom: {
                  tag: "span",
                  styles: { display: "none" },
                  attributes: { "aria-hidden": "true" },
                  innerHtml: spec.text
                }
              };
            }
          },
          schema: [required$1("text")],
          name: "aria-descriptor"
        }),
        external$1({
          schema: [tieredMenuMarkers()],
          name: "menu",
          defaults: function(detail) {
            return {
              onExecute: function(tmenu, item2) {
                tmenu.getSystem().getByUid(detail.uid).each(function(splitDropdown) {
                  detail.onItemExecute(splitDropdown, tmenu, item2);
                });
              }
            };
          }
        }),
        partType$1()
      ]);
      var factory$5 = function(detail, components2, spec, externals) {
        var _a2;
        var switchToMenu = function(sandbox) {
          Composing.getCurrent(sandbox).each(function(current) {
            Highlighting.highlightFirst(current);
            Keying.focusIn(current);
          });
        };
        var action = function(component) {
          var onOpenSync = switchToMenu;
          togglePopup(detail, identity$1, component, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
        };
        var openMenu = function(comp) {
          action(comp);
          return Optional.some(true);
        };
        var executeOnButton = function(comp) {
          var button2 = getPartOrDie(comp, detail, "button");
          emitExecute(button2);
          return Optional.some(true);
        };
        var buttonEvents = __assign(__assign({}, derive$2([runOnAttached(function(component, _simulatedEvent) {
          var ariaDescriptor = getPart(component, detail, "aria-descriptor");
          ariaDescriptor.each(function(descriptor) {
            var descriptorId = generate$6("aria");
            set$8(descriptor.element, "id", descriptorId);
            set$8(component.element, "aria-describedby", descriptorId);
          });
        })])), events$a(Optional.some(action)));
        var apis = {
          repositionMenus: function(comp) {
            if (Toggling.isOn(comp)) {
              repositionMenus(comp);
            }
          }
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          apis,
          eventOrder: __assign(__assign({}, detail.eventOrder), (_a2 = {}, _a2[execute$5()] = [
            "disabling",
            "toggling",
            "alloy.base.behaviour"
          ], _a2)),
          events: buttonEvents,
          behaviours: augment(detail.splitDropdownBehaviours, [
            Coupling.config({
              others: {
                sandbox: function(hotspot) {
                  var arrow = getPartOrDie(hotspot, detail, "arrow");
                  var extras = {
                    onOpen: function() {
                      Toggling.on(arrow);
                      Toggling.on(hotspot);
                    },
                    onClose: function() {
                      Toggling.off(arrow);
                      Toggling.off(hotspot);
                    }
                  };
                  return makeSandbox$1(detail, hotspot, extras);
                }
              }
            }),
            Keying.config({
              mode: "special",
              onSpace: executeOnButton,
              onEnter: executeOnButton,
              onDown: openMenu
            }),
            Focusing.config({}),
            Toggling.config({
              toggleOnExecute: false,
              aria: { mode: "expanded" }
            })
          ]),
          domModification: {
            attributes: {
              "role": detail.role.getOr("button"),
              "aria-haspopup": true
            }
          }
        };
      };
      var SplitDropdown = composite({
        name: "SplitDropdown",
        configFields: schema$7(),
        partFields: parts$3(),
        factory: factory$5,
        apis: {
          repositionMenus: function(apis, comp) {
            return apis.repositionMenus(comp);
          }
        }
      });
      var getButtonApi = function(component) {
        return {
          isDisabled: function() {
            return Disabling.isDisabled(component);
          },
          setDisabled: function(state) {
            return Disabling.set(component, state);
          }
        };
      };
      var getToggleApi = function(component) {
        return {
          setActive: function(state) {
            Toggling.set(component, state);
          },
          isActive: function() {
            return Toggling.isOn(component);
          },
          isDisabled: function() {
            return Disabling.isDisabled(component);
          },
          setDisabled: function(state) {
            return Disabling.set(component, state);
          }
        };
      };
      var getTooltipAttributes = function(tooltip, providersBackstage) {
        return tooltip.map(function(tooltip2) {
          return {
            "aria-label": providersBackstage.translate(tooltip2),
            "title": providersBackstage.translate(tooltip2)
          };
        }).getOr({});
      };
      var focusButtonEvent = generate$6("focus-button");
      var renderCommonStructure = function(icon, text2, tooltip, receiver, behaviours2, providersBackstage) {
        var _d;
        return {
          dom: {
            tag: "button",
            classes: ["tox-tbtn"].concat(text2.isSome() ? ["tox-tbtn--select"] : []),
            attributes: getTooltipAttributes(tooltip, providersBackstage)
          },
          components: componentRenderPipeline([
            icon.map(function(iconName) {
              return renderIconFromPack(iconName, providersBackstage.icons);
            }),
            text2.map(function(text3) {
              return renderLabel$1(text3, "tox-tbtn", providersBackstage);
            })
          ]),
          eventOrder: (_d = {}, _d[mousedown()] = [
            "focusing",
            "alloy.base.behaviour",
            "common-button-display-events"
          ], _d),
          buttonBehaviours: derive$1([
            DisablingConfigs.toolbarButton(providersBackstage.isDisabled),
            receivingConfig(),
            config("common-button-display-events", [run$1(mousedown(), function(button2, se) {
              se.event.prevent();
              emit(button2, focusButtonEvent);
            })])
          ].concat(receiver.map(function(r2) {
            return Reflecting.config({
              channel: r2,
              initialData: {
                icon,
                text: text2
              },
              renderComponents: function(data, _state) {
                return componentRenderPipeline([
                  data.icon.map(function(iconName) {
                    return renderIconFromPack(iconName, providersBackstage.icons);
                  }),
                  data.text.map(function(text3) {
                    return renderLabel$1(text3, "tox-tbtn", providersBackstage);
                  })
                ]);
              }
            });
          }).toArray()).concat(behaviours2.getOr([])))
        };
      };
      var renderFloatingToolbarButton = function(spec, backstage, identifyButtons2, attributes) {
        var sharedBackstage = backstage.shared;
        return FloatingToolbarButton.sketch({
          lazySink: sharedBackstage.getSink,
          fetch: function() {
            return Future.nu(function(resolve) {
              resolve(map$2(identifyButtons2(spec.items), renderToolbarGroup));
            });
          },
          markers: { toggledClass: "tox-tbtn--enabled" },
          parts: {
            button: renderCommonStructure(spec.icon, spec.text, spec.tooltip, Optional.none(), Optional.none(), sharedBackstage.providers),
            toolbar: {
              dom: {
                tag: "div",
                classes: ["tox-toolbar__overflow"],
                attributes
              }
            }
          }
        });
      };
      var renderCommonToolbarButton = function(spec, specialisation, providersBackstage) {
        var editorOffCell = Cell(noop);
        var structure = renderCommonStructure(spec.icon, spec.text, spec.tooltip, Optional.none(), Optional.none(), providersBackstage);
        return Button.sketch({
          dom: structure.dom,
          components: structure.components,
          eventOrder: toolbarButtonEventOrder,
          buttonBehaviours: derive$1([
            config("toolbar-button-events", [
              onToolbarButtonExecute({
                onAction: spec.onAction,
                getApi: specialisation.getApi
              }),
              onControlAttached(specialisation, editorOffCell),
              onControlDetached(specialisation, editorOffCell)
            ]),
            DisablingConfigs.toolbarButton(function() {
              return spec.disabled || providersBackstage.isDisabled();
            }),
            receivingConfig()
          ].concat(specialisation.toolbarButtonBehaviours))
        });
      };
      var renderToolbarButton = function(spec, providersBackstage) {
        return renderToolbarButtonWith(spec, providersBackstage, []);
      };
      var renderToolbarButtonWith = function(spec, providersBackstage, bonusEvents) {
        return renderCommonToolbarButton(spec, {
          toolbarButtonBehaviours: [].concat(bonusEvents.length > 0 ? [config("toolbarButtonWith", bonusEvents)] : []),
          getApi: getButtonApi,
          onSetup: spec.onSetup
        }, providersBackstage);
      };
      var renderToolbarToggleButton = function(spec, providersBackstage) {
        return renderToolbarToggleButtonWith(spec, providersBackstage, []);
      };
      var renderToolbarToggleButtonWith = function(spec, providersBackstage, bonusEvents) {
        return deepMerge(renderCommonToolbarButton(spec, {
          toolbarButtonBehaviours: [
            Replacing.config({}),
            Toggling.config({
              toggleClass: "tox-tbtn--enabled",
              aria: { mode: "pressed" },
              toggleOnExecute: false
            })
          ].concat(bonusEvents.length > 0 ? [config("toolbarToggleButtonWith", bonusEvents)] : []),
          getApi: getToggleApi,
          onSetup: spec.onSetup
        }, providersBackstage));
      };
      var fetchChoices = function(getApi2, spec, providersBackstage) {
        return function(comp) {
          return Future.nu(function(callback) {
            return spec.fetch(callback);
          }).map(function(items) {
            return Optional.from(createTieredDataFrom(deepMerge(createPartialChoiceMenu(generate$6("menu-value"), items, function(value2) {
              spec.onItemAction(getApi2(comp), value2);
            }, spec.columns, spec.presets, ItemResponse$1.CLOSE_ON_EXECUTE, spec.select.getOr(never), providersBackstage), {
              movement: deriveMenuMovement(spec.columns, spec.presets),
              menuBehaviours: SimpleBehaviours.unnamedEvents(spec.columns !== "auto" ? [] : [runOnAttached(function(comp2, _se) {
                detectSize(comp2, 4, classForPreset(spec.presets)).each(function(_d) {
                  var numRows = _d.numRows, numColumns = _d.numColumns;
                  Keying.setGridSize(comp2, numRows, numColumns);
                });
              })])
            })));
          });
        };
      };
      var renderSplitButton = function(spec, sharedBackstage) {
        var _d;
        var displayChannel = generate$6("channel-update-split-dropdown-display");
        var getApi2 = function(comp) {
          return {
            isDisabled: function() {
              return Disabling.isDisabled(comp);
            },
            setDisabled: function(state) {
              return Disabling.set(comp, state);
            },
            setIconFill: function(id, value2) {
              descendant(comp.element, 'svg path[id="' + id + '"], rect[id="' + id + '"]').each(function(underlinePath) {
                set$8(underlinePath, "fill", value2);
              });
            },
            setIconStroke: function(id, value2) {
              descendant(comp.element, 'svg path[id="' + id + '"], rect[id="' + id + '"]').each(function(underlinePath) {
                set$8(underlinePath, "stroke", value2);
              });
            },
            setActive: function(state) {
              set$8(comp.element, "aria-pressed", state);
              descendant(comp.element, "span").each(function(button2) {
                comp.getSystem().getByDom(button2).each(function(buttonComp) {
                  return Toggling.set(buttonComp, state);
                });
              });
            },
            isActive: function() {
              return descendant(comp.element, "span").exists(function(button2) {
                return comp.getSystem().getByDom(button2).exists(Toggling.isOn);
              });
            }
          };
        };
        var editorOffCell = Cell(noop);
        var specialisation = {
          getApi: getApi2,
          onSetup: spec.onSetup
        };
        return SplitDropdown.sketch({
          dom: {
            tag: "div",
            classes: ["tox-split-button"],
            attributes: __assign({ "aria-pressed": false }, getTooltipAttributes(spec.tooltip, sharedBackstage.providers))
          },
          onExecute: function(button2) {
            spec.onAction(getApi2(button2));
          },
          onItemExecute: function(_a2, _b, _c) {
          },
          splitDropdownBehaviours: derive$1([
            DisablingConfigs.splitButton(sharedBackstage.providers.isDisabled),
            receivingConfig(),
            config("split-dropdown-events", [
              run$1(focusButtonEvent, Focusing.focus),
              onControlAttached(specialisation, editorOffCell),
              onControlDetached(specialisation, editorOffCell)
            ]),
            Unselecting.config({})
          ]),
          eventOrder: (_d = {}, _d[attachedToDom()] = [
            "alloy.base.behaviour",
            "split-dropdown-events"
          ], _d),
          toggleClass: "tox-tbtn--enabled",
          lazySink: sharedBackstage.getSink,
          fetch: fetchChoices(getApi2, spec, sharedBackstage.providers),
          parts: { menu: part(false, spec.columns, spec.presets) },
          components: [
            SplitDropdown.parts.button(renderCommonStructure(spec.icon, spec.text, Optional.none(), Optional.some(displayChannel), Optional.some([Toggling.config({
              toggleClass: "tox-tbtn--enabled",
              toggleOnExecute: false
            })]), sharedBackstage.providers)),
            SplitDropdown.parts.arrow({
              dom: {
                tag: "button",
                classes: [
                  "tox-tbtn",
                  "tox-split-button__chevron"
                ],
                innerHtml: get$1("chevron-down", sharedBackstage.providers.icons)
              },
              buttonBehaviours: derive$1([
                DisablingConfigs.splitButton(sharedBackstage.providers.isDisabled),
                receivingConfig(),
                addFocusableBehaviour()
              ])
            }),
            SplitDropdown.parts["aria-descriptor"]({ text: sharedBackstage.providers.translate("To open the popup, press Shift+Enter") })
          ]
        });
      };
      var defaultToolbar = [
        {
          name: "history",
          items: [
            "undo",
            "redo"
          ]
        },
        {
          name: "styles",
          items: ["styleselect"]
        },
        {
          name: "formatting",
          items: [
            "bold",
            "italic"
          ]
        },
        {
          name: "alignment",
          items: [
            "alignleft",
            "aligncenter",
            "alignright",
            "alignjustify"
          ]
        },
        {
          name: "indentation",
          items: [
            "outdent",
            "indent"
          ]
        },
        {
          name: "permanent pen",
          items: ["permanentpen"]
        },
        {
          name: "comments",
          items: ["addcomment"]
        }
      ];
      var renderFromBridge = function(bridgeBuilder, render2) {
        return function(spec, extras, editor) {
          var internal2 = bridgeBuilder(spec).mapError(function(errInfo) {
            return formatError(errInfo);
          }).getOrDie();
          return render2(internal2, extras, editor);
        };
      };
      var types = {
        button: renderFromBridge(createToolbarButton, function(s, extras) {
          return renderToolbarButton(s, extras.backstage.shared.providers);
        }),
        togglebutton: renderFromBridge(createToggleButton, function(s, extras) {
          return renderToolbarToggleButton(s, extras.backstage.shared.providers);
        }),
        menubutton: renderFromBridge(createMenuButton, function(s, extras) {
          return renderMenuButton(s, "tox-tbtn", extras.backstage, Optional.none());
        }),
        splitbutton: renderFromBridge(createSplitButton, function(s, extras) {
          return renderSplitButton(s, extras.backstage.shared);
        }),
        grouptoolbarbutton: renderFromBridge(createGroupToolbarButton, function(s, extras, editor) {
          var _a2;
          var buttons = editor.ui.registry.getAll().buttons;
          var identify = function(toolbar) {
            return identifyButtons(editor, {
              buttons,
              toolbar,
              allowToolbarGroups: false
            }, extras, Optional.none());
          };
          var attributes = (_a2 = {}, _a2[Attribute] = extras.backstage.shared.header.isPositionedAtTop() ? AttributeValue.TopToBottom : AttributeValue.BottomToTop, _a2);
          switch (getToolbarMode(editor)) {
            case ToolbarMode.floating:
              return renderFloatingToolbarButton(s, extras.backstage, identify, attributes);
            default:
              throw new Error("Toolbar groups are only supported when using floating toolbar mode");
          }
        }),
        styleSelectButton: function(editor, extras) {
          return createStyleSelect(editor, extras.backstage);
        },
        fontsizeSelectButton: function(editor, extras) {
          return createFontsizeSelect(editor, extras.backstage);
        },
        fontSelectButton: function(editor, extras) {
          return createFontSelect(editor, extras.backstage);
        },
        formatButton: function(editor, extras) {
          return createFormatSelect(editor, extras.backstage);
        },
        alignMenuButton: function(editor, extras) {
          return createAlignSelect(editor, extras.backstage);
        }
      };
      var extractFrom = function(spec, extras, editor) {
        return get$e(types, spec.type).fold(function() {
          console.error("skipping button defined by", spec);
          return Optional.none();
        }, function(render2) {
          return Optional.some(render2(spec, extras, editor));
        });
      };
      var bespokeButtons = {
        styleselect: types.styleSelectButton,
        fontsizeselect: types.fontsizeSelectButton,
        fontselect: types.fontSelectButton,
        formatselect: types.formatButton,
        align: types.alignMenuButton
      };
      var removeUnusedDefaults = function(buttons) {
        var filteredItemGroups = map$2(defaultToolbar, function(group2) {
          var items = filter$2(group2.items, function(subItem) {
            return has$2(buttons, subItem) || has$2(bespokeButtons, subItem);
          });
          return {
            name: group2.name,
            items
          };
        });
        return filter$2(filteredItemGroups, function(group2) {
          return group2.items.length > 0;
        });
      };
      var convertStringToolbar = function(strToolbar) {
        var groupsStrings = strToolbar.split("|");
        return map$2(groupsStrings, function(g) {
          return { items: g.trim().split(" ") };
        });
      };
      var isToolbarGroupSettingArray = function(toolbar) {
        return isArrayOf(toolbar, function(t2) {
          return has$2(t2, "name") && has$2(t2, "items");
        });
      };
      var createToolbar = function(toolbarConfig) {
        var toolbar = toolbarConfig.toolbar;
        var buttons = toolbarConfig.buttons;
        if (toolbar === false) {
          return [];
        } else if (toolbar === void 0 || toolbar === true) {
          return removeUnusedDefaults(buttons);
        } else if (isString(toolbar)) {
          return convertStringToolbar(toolbar);
        } else if (isToolbarGroupSettingArray(toolbar)) {
          return toolbar;
        } else {
          console.error("Toolbar type should be string, string[], boolean or ToolbarGroup[]");
          return [];
        }
      };
      var lookupButton = function(editor, buttons, toolbarItem, allowToolbarGroups, extras, prefixes) {
        return get$e(buttons, toolbarItem.toLowerCase()).orThunk(function() {
          return prefixes.bind(function(ps) {
            return findMap(ps, function(prefix2) {
              return get$e(buttons, prefix2 + toolbarItem.toLowerCase());
            });
          });
        }).fold(function() {
          return get$e(bespokeButtons, toolbarItem.toLowerCase()).map(function(r2) {
            return r2(editor, extras);
          }).orThunk(function() {
            return Optional.none();
          });
        }, function(spec) {
          if (spec.type === "grouptoolbarbutton" && !allowToolbarGroups) {
            console.warn("Ignoring the '" + toolbarItem + "' toolbar button. Group toolbar buttons are only supported when using floating toolbar mode and cannot be nested.");
            return Optional.none();
          } else {
            return extractFrom(spec, extras, editor);
          }
        });
      };
      var identifyButtons = function(editor, toolbarConfig, extras, prefixes) {
        var toolbarGroups = createToolbar(toolbarConfig);
        var groups = map$2(toolbarGroups, function(group2) {
          var items = bind$3(group2.items, function(toolbarItem) {
            return toolbarItem.trim().length === 0 ? [] : lookupButton(editor, toolbarConfig.buttons, toolbarItem, toolbarConfig.allowToolbarGroups, extras, prefixes).toArray();
          });
          return {
            title: Optional.from(editor.translate(group2.name)),
            items
          };
        });
        return filter$2(groups, function(group2) {
          return group2.items.length > 0;
        });
      };
      var setToolbar = function(editor, uiComponents, rawUiConfig, backstage) {
        var comp = uiComponents.outerContainer;
        var toolbarConfig = rawUiConfig.toolbar;
        var toolbarButtonsConfig = rawUiConfig.buttons;
        if (isArrayOf(toolbarConfig, isString)) {
          var toolbars = toolbarConfig.map(function(t2) {
            var config2 = {
              toolbar: t2,
              buttons: toolbarButtonsConfig,
              allowToolbarGroups: rawUiConfig.allowToolbarGroups
            };
            return identifyButtons(editor, config2, { backstage }, Optional.none());
          });
          OuterContainer.setToolbars(comp, toolbars);
        } else {
          OuterContainer.setToolbar(comp, identifyButtons(editor, rawUiConfig, { backstage }, Optional.none()));
        }
      };
      var detection = detect$1();
      var isiOS12 = detection.os.isiOS() && detection.os.version.major <= 12;
      var setupEvents$1 = function(editor, uiComponents) {
        var dom2 = editor.dom;
        var contentWindow = editor.getWin();
        var initialDocEle = editor.getDoc().documentElement;
        var lastWindowDimensions = Cell(SugarPosition(contentWindow.innerWidth, contentWindow.innerHeight));
        var lastDocumentDimensions = Cell(SugarPosition(initialDocEle.offsetWidth, initialDocEle.offsetHeight));
        var resizeWindow = function() {
          var outer = lastWindowDimensions.get();
          if (outer.left !== contentWindow.innerWidth || outer.top !== contentWindow.innerHeight) {
            lastWindowDimensions.set(SugarPosition(contentWindow.innerWidth, contentWindow.innerHeight));
            fireResizeContent(editor);
          }
        };
        var resizeDocument = function() {
          var docEle = editor.getDoc().documentElement;
          var inner = lastDocumentDimensions.get();
          if (inner.left !== docEle.offsetWidth || inner.top !== docEle.offsetHeight) {
            lastDocumentDimensions.set(SugarPosition(docEle.offsetWidth, docEle.offsetHeight));
            fireResizeContent(editor);
          }
        };
        var scroll = function(e) {
          return fireScrollContent(editor, e);
        };
        dom2.bind(contentWindow, "resize", resizeWindow);
        dom2.bind(contentWindow, "scroll", scroll);
        var elementLoad = capture(SugarElement.fromDom(editor.getBody()), "load", resizeDocument);
        var mothership = uiComponents.uiMothership.element;
        editor.on("hide", function() {
          set$7(mothership, "display", "none");
        });
        editor.on("show", function() {
          remove$6(mothership, "display");
        });
        editor.on("NodeChange", resizeDocument);
        editor.on("remove", function() {
          elementLoad.unbind();
          dom2.unbind(contentWindow, "resize", resizeWindow);
          dom2.unbind(contentWindow, "scroll", scroll);
          contentWindow = null;
        });
      };
      var render$1 = function(editor, uiComponents, rawUiConfig, backstage, args) {
        var lastToolbarWidth = Cell(0);
        var outerContainer = uiComponents.outerContainer;
        iframe(editor);
        var eTargetNode = SugarElement.fromDom(args.targetNode);
        var uiRoot = getContentContainer(getRootNode(eTargetNode));
        attachSystemAfter(eTargetNode, uiComponents.mothership);
        attachSystem(uiRoot, uiComponents.uiMothership);
        editor.on("PostRender", function() {
          setToolbar(editor, uiComponents, rawUiConfig, backstage);
          lastToolbarWidth.set(editor.getWin().innerWidth);
          OuterContainer.setMenubar(outerContainer, identifyMenus(editor, rawUiConfig));
          OuterContainer.setSidebar(outerContainer, rawUiConfig.sidebar);
          setupEvents$1(editor, uiComponents);
        });
        var socket = OuterContainer.getSocket(outerContainer).getOrDie("Could not find expected socket element");
        if (isiOS12) {
          setAll(socket.element, {
            "overflow": "scroll",
            "-webkit-overflow-scrolling": "touch"
          });
          var limit = first(function() {
            editor.fire("ScrollContent");
          }, 20);
          var unbinder = bind(socket.element, "scroll", limit.throttle);
          editor.on("remove", unbinder.unbind);
        }
        setupReadonlyModeSwitch(editor, uiComponents);
        editor.addCommand("ToggleSidebar", function(_ui, value2) {
          OuterContainer.toggleSidebar(outerContainer, value2);
          editor.fire("ToggleSidebar");
        });
        editor.addQueryValueHandler("ToggleSidebar", function() {
          return OuterContainer.whichSidebar(outerContainer);
        });
        var toolbarMode = getToolbarMode(editor);
        var refreshDrawer = function() {
          OuterContainer.refreshToolbar(uiComponents.outerContainer);
        };
        if (toolbarMode === ToolbarMode.sliding || toolbarMode === ToolbarMode.floating) {
          editor.on("ResizeWindow ResizeEditor ResizeContent", function() {
            var width2 = editor.getWin().innerWidth;
            if (width2 !== lastToolbarWidth.get()) {
              refreshDrawer();
              lastToolbarWidth.set(width2);
            }
          });
        }
        var api2 = {
          enable: function() {
            broadcastReadonly(uiComponents, false);
          },
          disable: function() {
            broadcastReadonly(uiComponents, true);
          },
          isDisabled: function() {
            return Disabling.isDisabled(outerContainer);
          }
        };
        return {
          iframeContainer: socket.element.dom,
          editorContainer: outerContainer.element.dom,
          api: api2
        };
      };
      var Iframe = Object.freeze({
        __proto__: null,
        render: render$1
      });
      var parseToInt = function(val) {
        var re = /^[0-9\.]+(|px)$/i;
        if (re.test("" + val)) {
          return Optional.some(parseInt("" + val, 10));
        }
        return Optional.none();
      };
      var numToPx = function(val) {
        return isNumber(val) ? val + "px" : val;
      };
      var calcCappedSize = function(size, minSize, maxSize) {
        var minOverride = minSize.filter(function(min2) {
          return size < min2;
        });
        var maxOverride = maxSize.filter(function(max2) {
          return size > max2;
        });
        return minOverride.or(maxOverride).getOr(size);
      };
      var getHeight = function(editor) {
        var baseHeight = getHeightSetting(editor);
        var minHeight = getMinHeightSetting(editor);
        var maxHeight = getMaxHeightSetting(editor);
        return parseToInt(baseHeight).map(function(height2) {
          return calcCappedSize(height2, minHeight, maxHeight);
        });
      };
      var getHeightWithFallback = function(editor) {
        var height2 = getHeight(editor);
        return height2.getOr(getHeightSetting(editor));
      };
      var getWidth = function(editor) {
        var baseWidth = getWidthSetting(editor);
        var minWidth = getMinWidthSetting(editor);
        var maxWidth = getMaxWidthSetting(editor);
        return parseToInt(baseWidth).map(function(width2) {
          return calcCappedSize(width2, minWidth, maxWidth);
        });
      };
      var getWidthWithFallback = function(editor) {
        var width2 = getWidth(editor);
        return width2.getOr(getWidthSetting(editor));
      };
      var InlineHeader = function(editor, targetElm, uiComponents, backstage, floatContainer) {
        var uiMothership = uiComponents.uiMothership, outerContainer = uiComponents.outerContainer;
        var DOM = global$b.DOM;
        var useFixedToolbarContainer = useFixedContainer(editor);
        var isSticky = isStickyToolbar(editor);
        var editorMaxWidthOpt = getMaxWidthSetting(editor).or(getWidth(editor));
        var headerBackstage = backstage.shared.header;
        var isPositionedAtTop = headerBackstage.isPositionedAtTop;
        var toolbarMode = getToolbarMode(editor);
        var isSplitToolbar = toolbarMode === ToolbarMode.sliding || toolbarMode === ToolbarMode.floating;
        var visible = Cell(false);
        var isVisible2 = function() {
          return visible.get() && !editor.removed;
        };
        var calcToolbarOffset = function(toolbar) {
          return isSplitToolbar ? toolbar.fold(constant$1(0), function(tbar) {
            return tbar.components().length > 1 ? get$b(tbar.components()[1].element) : 0;
          }) : 0;
        };
        var calcMode = function(container) {
          switch (getToolbarLocation(editor)) {
            case ToolbarLocation.auto:
              var toolbar_1 = OuterContainer.getToolbar(outerContainer);
              var offset2 = calcToolbarOffset(toolbar_1);
              var toolbarHeight = get$b(container.element) - offset2;
              var targetBounds = box$1(targetElm);
              var roomAtTop = targetBounds.y > toolbarHeight;
              if (roomAtTop) {
                return "top";
              } else {
                var doc = documentElement(targetElm);
                var docHeight = Math.max(doc.dom.scrollHeight, get$b(doc));
                var roomAtBottom = targetBounds.bottom < docHeight - toolbarHeight;
                if (roomAtBottom) {
                  return "bottom";
                } else {
                  var winBounds = win();
                  var isRoomAtBottomViewport = winBounds.bottom < targetBounds.bottom - toolbarHeight;
                  return isRoomAtBottomViewport ? "bottom" : "top";
                }
              }
            case ToolbarLocation.bottom:
              return "bottom";
            case ToolbarLocation.top:
            default:
              return "top";
          }
        };
        var setupMode = function(mode) {
          var container = floatContainer.get();
          Docking.setModes(container, [mode]);
          headerBackstage.setDockingMode(mode);
          var verticalDir = isPositionedAtTop() ? AttributeValue.TopToBottom : AttributeValue.BottomToTop;
          set$8(container.element, Attribute, verticalDir);
        };
        var updateChromeWidth = function() {
          var maxWidth = editorMaxWidthOpt.getOrThunk(function() {
            var bodyMargin = parseToInt(get$c(body(), "margin-left")).getOr(0);
            return get$a(body()) - absolute$3(targetElm).left + bodyMargin;
          });
          set$7(floatContainer.get().element, "max-width", maxWidth + "px");
        };
        var updateChromePosition = function() {
          var toolbar = OuterContainer.getToolbar(outerContainer);
          var offset2 = calcToolbarOffset(toolbar);
          var targetBounds = box$1(targetElm);
          var top2 = isPositionedAtTop() ? Math.max(targetBounds.y - get$b(floatContainer.get().element) + offset2, 0) : targetBounds.bottom;
          setAll(outerContainer.element, {
            position: "absolute",
            top: Math.round(top2) + "px",
            left: Math.round(targetBounds.x) + "px"
          });
        };
        var repositionPopups$1 = function() {
          uiMothership.broadcastOn([repositionPopups()], {});
        };
        var updateChromeUi = function(resetDocking) {
          if (resetDocking === void 0) {
            resetDocking = false;
          }
          if (!isVisible2()) {
            return;
          }
          if (!useFixedToolbarContainer) {
            updateChromeWidth();
          }
          if (isSplitToolbar) {
            OuterContainer.refreshToolbar(outerContainer);
          }
          if (!useFixedToolbarContainer) {
            updateChromePosition();
          }
          if (isSticky) {
            var floatContainerComp = floatContainer.get();
            resetDocking ? Docking.reset(floatContainerComp) : Docking.refresh(floatContainerComp);
          }
          repositionPopups$1();
        };
        var updateMode = function(updateUi) {
          if (updateUi === void 0) {
            updateUi = true;
          }
          if (useFixedToolbarContainer || !isSticky || !isVisible2()) {
            return;
          }
          var currentMode = headerBackstage.getDockingMode();
          var newMode = calcMode(floatContainer.get());
          if (newMode !== currentMode) {
            setupMode(newMode);
            if (updateUi) {
              updateChromeUi(true);
            }
          }
        };
        var show2 = function() {
          visible.set(true);
          set$7(outerContainer.element, "display", "flex");
          DOM.addClass(editor.getBody(), "mce-edit-focus");
          remove$6(uiMothership.element, "display");
          updateMode(false);
          updateChromeUi();
        };
        var hide = function() {
          visible.set(false);
          if (uiComponents.outerContainer) {
            set$7(outerContainer.element, "display", "none");
            DOM.removeClass(editor.getBody(), "mce-edit-focus");
          }
          set$7(uiMothership.element, "display", "none");
        };
        return {
          isVisible: isVisible2,
          isPositionedAtTop,
          show: show2,
          hide,
          update: updateChromeUi,
          updateMode,
          repositionPopups: repositionPopups$1
        };
      };
      var getTargetPosAndBounds = function(targetElm, isToolbarTop) {
        var bounds2 = box$1(targetElm);
        return {
          pos: isToolbarTop ? bounds2.y : bounds2.bottom,
          bounds: bounds2
        };
      };
      var setupEvents = function(editor, targetElm, ui, toolbarPersist) {
        var prevPosAndBounds = Cell(getTargetPosAndBounds(targetElm, ui.isPositionedAtTop()));
        var resizeContent = function(e) {
          var _a2 = getTargetPosAndBounds(targetElm, ui.isPositionedAtTop()), pos = _a2.pos, bounds2 = _a2.bounds;
          var _b = prevPosAndBounds.get(), prevPos = _b.pos, prevBounds = _b.bounds;
          var hasResized = bounds2.height !== prevBounds.height || bounds2.width !== prevBounds.width;
          prevPosAndBounds.set({
            pos,
            bounds: bounds2
          });
          if (hasResized) {
            fireResizeContent(editor, e);
          }
          if (ui.isVisible()) {
            if (prevPos !== pos) {
              ui.update(true);
            } else if (hasResized) {
              ui.updateMode();
              ui.repositionPopups();
            }
          }
        };
        if (!toolbarPersist) {
          editor.on("activate", ui.show);
          editor.on("deactivate", ui.hide);
        }
        editor.on("SkinLoaded ResizeWindow", function() {
          return ui.update(true);
        });
        editor.on("NodeChange keydown", function(e) {
          global$f.requestAnimationFrame(function() {
            return resizeContent(e);
          });
        });
        editor.on("ScrollWindow", function() {
          return ui.updateMode();
        });
        var elementLoad = unbindable();
        elementLoad.set(capture(SugarElement.fromDom(editor.getBody()), "load", resizeContent));
        editor.on("remove", function() {
          elementLoad.clear();
        });
      };
      var render = function(editor, uiComponents, rawUiConfig, backstage, args) {
        var mothership = uiComponents.mothership, uiMothership = uiComponents.uiMothership, outerContainer = uiComponents.outerContainer;
        var floatContainer = Cell(null);
        var targetElm = SugarElement.fromDom(args.targetNode);
        var ui = InlineHeader(editor, targetElm, uiComponents, backstage, floatContainer);
        var toolbarPersist = isToolbarPersist(editor);
        inline(editor);
        var render2 = function() {
          if (floatContainer.get()) {
            ui.show();
            return;
          }
          floatContainer.set(OuterContainer.getHeader(outerContainer).getOrDie());
          var uiContainer = getUiContainer(editor);
          attachSystem(uiContainer, mothership);
          attachSystem(uiContainer, uiMothership);
          setToolbar(editor, uiComponents, rawUiConfig, backstage);
          OuterContainer.setMenubar(outerContainer, identifyMenus(editor, rawUiConfig));
          ui.show();
          setupEvents(editor, targetElm, ui, toolbarPersist);
          editor.nodeChanged();
        };
        editor.on("show", render2);
        editor.on("hide", ui.hide);
        if (!toolbarPersist) {
          editor.on("focus", render2);
          editor.on("blur", ui.hide);
        }
        editor.on("init", function() {
          if (editor.hasFocus() || toolbarPersist) {
            render2();
          }
        });
        setupReadonlyModeSwitch(editor, uiComponents);
        var api2 = {
          show: function() {
            ui.show();
          },
          hide: function() {
            ui.hide();
          },
          enable: function() {
            broadcastReadonly(uiComponents, false);
          },
          disable: function() {
            broadcastReadonly(uiComponents, true);
          },
          isDisabled: function() {
            return Disabling.isDisabled(outerContainer);
          }
        };
        return {
          editorContainer: outerContainer.element.dom,
          api: api2
        };
      };
      var Inline = Object.freeze({
        __proto__: null,
        render
      });
      var showContextToolbarEvent = "contexttoolbar-show";
      var hideContextToolbarEvent = "contexttoolbar-hide";
      var getFormApi = function(input2) {
        return {
          hide: function() {
            return emit(input2, sandboxClose());
          },
          getValue: function() {
            return Representing.getValue(input2);
          }
        };
      };
      var runOnExecute = function(memInput, original2) {
        return run$1(internalToolbarButtonExecute, function(comp, se) {
          var input2 = memInput.get(comp);
          var formApi = getFormApi(input2);
          original2.onAction(formApi, se.event.buttonApi);
        });
      };
      var renderContextButton = function(memInput, button2, extras) {
        var _a2 = button2.original;
        _a2.primary;
        var rest = __rest(_a2, ["primary"]);
        var bridged = getOrDie(createToolbarButton(__assign(__assign({}, rest), {
          type: "button",
          onAction: noop
        })));
        return renderToolbarButtonWith(bridged, extras.backstage.shared.providers, [runOnExecute(memInput, button2)]);
      };
      var renderContextToggleButton = function(memInput, button2, extras) {
        var _a2 = button2.original;
        _a2.primary;
        var rest = __rest(_a2, ["primary"]);
        var bridged = getOrDie(createToggleButton(__assign(__assign({}, rest), {
          type: "togglebutton",
          onAction: noop
        })));
        return renderToolbarToggleButtonWith(bridged, extras.backstage.shared.providers, [runOnExecute(memInput, button2)]);
      };
      var generateOne = function(memInput, button2, providersBackstage) {
        var extras = { backstage: { shared: { providers: providersBackstage } } };
        if (button2.type === "contextformtogglebutton") {
          return renderContextToggleButton(memInput, button2, extras);
        } else {
          return renderContextButton(memInput, button2, extras);
        }
      };
      var generate = function(memInput, buttons, providersBackstage) {
        var mementos = map$2(buttons, function(button2) {
          return record(generateOne(memInput, button2, providersBackstage));
        });
        var asSpecs = function() {
          return map$2(mementos, function(mem) {
            return mem.asSpec();
          });
        };
        var findPrimary = function(compInSystem) {
          return findMap(buttons, function(button2, i) {
            if (button2.primary) {
              return Optional.from(mementos[i]).bind(function(mem) {
                return mem.getOpt(compInSystem);
              }).filter(not(Disabling.isDisabled));
            } else {
              return Optional.none();
            }
          });
        };
        return {
          asSpecs,
          findPrimary
        };
      };
      var buildInitGroups = function(ctx, providers) {
        var inputAttributes = ctx.label.fold(function() {
          return {};
        }, function(label) {
          return { "aria-label": label };
        });
        var memInput = record(Input.sketch({
          inputClasses: [
            "tox-toolbar-textfield",
            "tox-toolbar-nav-js"
          ],
          data: ctx.initValue(),
          inputAttributes,
          selectOnFocus: true,
          inputBehaviours: derive$1([Keying.config({
            mode: "special",
            onEnter: function(input2) {
              return commands.findPrimary(input2).map(function(primary) {
                emitExecute(primary);
                return true;
              });
            },
            onLeft: function(comp, se) {
              se.cut();
              return Optional.none();
            },
            onRight: function(comp, se) {
              se.cut();
              return Optional.none();
            }
          })])
        }));
        var commands = generate(memInput, ctx.commands, providers);
        return [
          {
            title: Optional.none(),
            items: [memInput.asSpec()]
          },
          {
            title: Optional.none(),
            items: commands.asSpecs()
          }
        ];
      };
      var renderContextForm = function(toolbarType, ctx, providers) {
        return renderToolbar({
          type: toolbarType,
          uid: generate$6("context-toolbar"),
          initGroups: buildInitGroups(ctx, providers),
          onEscape: Optional.none,
          cyclicKeying: true,
          providers
        });
      };
      var ContextForm = {
        renderContextForm,
        buildInitGroups
      };
      var isVerticalOverlap = function(a, b2, threshold) {
        if (threshold === void 0) {
          threshold = 0.01;
        }
        return b2.bottom - a.y >= threshold && a.bottom - b2.y >= threshold;
      };
      var getRangeRect = function(rng) {
        var rect2 = rng.getBoundingClientRect();
        if (rect2.height <= 0 && rect2.width <= 0) {
          var leaf$1 = leaf(SugarElement.fromDom(rng.startContainer), rng.startOffset).element;
          var elm = isText$1(leaf$1) ? parent(leaf$1) : Optional.some(leaf$1);
          return elm.filter(isElement$2).map(function(e) {
            return e.dom.getBoundingClientRect();
          }).getOr(rect2);
        } else {
          return rect2;
        }
      };
      var getSelectionBounds = function(editor) {
        var rng = editor.selection.getRng();
        var rect2 = getRangeRect(rng);
        if (editor.inline) {
          var scroll_1 = get$9();
          return bounds(scroll_1.left + rect2.left, scroll_1.top + rect2.top, rect2.width, rect2.height);
        } else {
          var bodyPos = absolute$2(SugarElement.fromDom(editor.getBody()));
          return bounds(bodyPos.x + rect2.left, bodyPos.y + rect2.top, rect2.width, rect2.height);
        }
      };
      var getAnchorElementBounds = function(editor, lastElement) {
        return lastElement.filter(inBody).map(absolute$2).getOrThunk(function() {
          return getSelectionBounds(editor);
        });
      };
      var getHorizontalBounds = function(contentAreaBox, viewportBounds, margin) {
        var x = Math.max(contentAreaBox.x + margin, viewportBounds.x);
        var right2 = Math.min(contentAreaBox.right - margin, viewportBounds.right);
        return {
          x,
          width: right2 - x
        };
      };
      var getVerticalBounds = function(editor, contentAreaBox, viewportBounds, isToolbarLocationTop, toolbarType, margin) {
        var container = SugarElement.fromDom(editor.getContainer());
        var header = descendant(container, ".tox-editor-header").getOr(container);
        var headerBox = box$1(header);
        var isToolbarBelowContentArea = headerBox.y >= contentAreaBox.bottom;
        var isToolbarAbove = isToolbarLocationTop && !isToolbarBelowContentArea;
        if (editor.inline && isToolbarAbove) {
          return {
            y: Math.max(headerBox.bottom + margin, viewportBounds.y),
            bottom: viewportBounds.bottom
          };
        }
        if (editor.inline && !isToolbarAbove) {
          return {
            y: viewportBounds.y,
            bottom: Math.min(headerBox.y - margin, viewportBounds.bottom)
          };
        }
        var containerBounds = toolbarType === "line" ? box$1(container) : contentAreaBox;
        if (isToolbarAbove) {
          return {
            y: Math.max(headerBox.bottom + margin, viewportBounds.y),
            bottom: Math.min(containerBounds.bottom - margin, viewportBounds.bottom)
          };
        }
        return {
          y: Math.max(containerBounds.y + margin, viewportBounds.y),
          bottom: Math.min(headerBox.y - margin, viewportBounds.bottom)
        };
      };
      var getContextToolbarBounds = function(editor, sharedBackstage, toolbarType, margin) {
        if (margin === void 0) {
          margin = 0;
        }
        var viewportBounds = getBounds$3(window);
        var contentAreaBox = box$1(SugarElement.fromDom(editor.getContentAreaContainer()));
        var toolbarOrMenubarEnabled = isMenubarEnabled(editor) || isToolbarEnabled(editor) || isMultipleToolbars(editor);
        var _a2 = getHorizontalBounds(contentAreaBox, viewportBounds, margin), x = _a2.x, width2 = _a2.width;
        if (editor.inline && !toolbarOrMenubarEnabled) {
          return bounds(x, viewportBounds.y, width2, viewportBounds.height);
        } else {
          var isToolbarTop = sharedBackstage.header.isPositionedAtTop();
          var _b = getVerticalBounds(editor, contentAreaBox, viewportBounds, isToolbarTop, toolbarType, margin), y = _b.y, bottom2 = _b.bottom;
          return bounds(x, y, width2, bottom2 - y);
        }
      };
      var bubbleSize$1 = 12;
      var bubbleAlignments$1 = {
        valignCentre: [],
        alignCentre: [],
        alignLeft: ["tox-pop--align-left"],
        alignRight: ["tox-pop--align-right"],
        right: ["tox-pop--right"],
        left: ["tox-pop--left"],
        bottom: ["tox-pop--bottom"],
        top: ["tox-pop--top"],
        inset: ["tox-pop--inset"]
      };
      var anchorOverrides = {
        maxHeightFunction: expandable$1(),
        maxWidthFunction: expandable()
      };
      var isEntireElementSelected = function(editor, elem) {
        var rng = editor.selection.getRng();
        var leaf$1 = leaf(SugarElement.fromDom(rng.startContainer), rng.startOffset);
        return rng.startContainer === rng.endContainer && rng.startOffset === rng.endOffset - 1 && eq(leaf$1.element, elem);
      };
      var preservePosition = function(elem, position2, f) {
        var currentPosition = getRaw(elem, "position");
        set$7(elem, "position", position2);
        var result = f(elem);
        currentPosition.each(function(pos) {
          return set$7(elem, "position", pos);
        });
        return result;
      };
      var shouldUseInsetLayouts = function(position2) {
        return position2 === "node";
      };
      var determineInsetLayout = function(editor, contextbar, elem, data, bounds2) {
        var selectionBounds = getSelectionBounds(editor);
        var isSameAnchorElement = data.lastElement().exists(function(prev) {
          return eq(elem, prev);
        });
        if (isEntireElementSelected(editor, elem)) {
          return isSameAnchorElement ? preserve : north;
        } else if (isSameAnchorElement) {
          return preservePosition(contextbar, data.getMode(), function() {
            var isOverlapping = isVerticalOverlap(selectionBounds, box$1(contextbar));
            return isOverlapping && !data.isReposition() ? flip$2 : preserve;
          });
        } else {
          var yBounds = data.getMode() === "fixed" ? bounds2.y + get$9().top : bounds2.y;
          var contextbarHeight = get$b(contextbar) + bubbleSize$1;
          return yBounds + contextbarHeight <= selectionBounds.y ? north : south;
        }
      };
      var getAnchorSpec$2 = function(editor, mobile, data, position2) {
        var smartInsetLayout = function(elem) {
          return function(anchor2, element2, bubbles, placee, bounds2) {
            var layout2 = determineInsetLayout(editor, placee, elem, data, bounds2);
            var newAnchor = __assign(__assign({}, anchor2), {
              y: bounds2.y,
              height: bounds2.height
            });
            return __assign(__assign({}, layout2(newAnchor, element2, bubbles, placee, bounds2)), { alwaysFit: true });
          };
        };
        var getInsetLayouts = function(elem) {
          return shouldUseInsetLayouts(position2) ? [smartInsetLayout(elem)] : [];
        };
        var desktopAnchorSpecLayouts = {
          onLtr: function(elem) {
            return [
              north$2,
              south$2,
              northeast$2,
              southeast$2,
              northwest$2,
              southwest$2
            ].concat(getInsetLayouts(elem));
          },
          onRtl: function(elem) {
            return [
              north$2,
              south$2,
              northwest$2,
              southwest$2,
              northeast$2,
              southeast$2
            ].concat(getInsetLayouts(elem));
          }
        };
        var mobileAnchorSpecLayouts = {
          onLtr: function(elem) {
            return [
              south$2,
              southeast$2,
              southwest$2,
              northeast$2,
              northwest$2,
              north$2
            ].concat(getInsetLayouts(elem));
          },
          onRtl: function(elem) {
            return [
              south$2,
              southwest$2,
              southeast$2,
              northwest$2,
              northeast$2,
              north$2
            ].concat(getInsetLayouts(elem));
          }
        };
        return mobile ? mobileAnchorSpecLayouts : desktopAnchorSpecLayouts;
      };
      var getAnchorLayout = function(editor, position2, isTouch2, data) {
        if (position2 === "line") {
          return {
            bubble: nu$5(bubbleSize$1, 0, bubbleAlignments$1),
            layouts: {
              onLtr: function() {
                return [east$2];
              },
              onRtl: function() {
                return [west$2];
              }
            },
            overrides: anchorOverrides
          };
        } else {
          return {
            bubble: nu$5(0, bubbleSize$1, bubbleAlignments$1, 1 / bubbleSize$1),
            layouts: getAnchorSpec$2(editor, isTouch2, data, position2),
            overrides: anchorOverrides
          };
        }
      };
      var matchTargetWith = function(elem, candidates) {
        var ctxs = filter$2(candidates, function(toolbarApi) {
          return toolbarApi.predicate(elem.dom);
        });
        var _a2 = partition$3(ctxs, function(t2) {
          return t2.type === "contexttoolbar";
        }), pass = _a2.pass, fail = _a2.fail;
        return {
          contextToolbars: pass,
          contextForms: fail
        };
      };
      var filterByPositionForStartNode = function(toolbars) {
        if (toolbars.length <= 1) {
          return toolbars;
        } else {
          var doesPositionExist = function(value2) {
            return exists(toolbars, function(t2) {
              return t2.position === value2;
            });
          };
          var filterToolbarsByPosition = function(value2) {
            return filter$2(toolbars, function(t2) {
              return t2.position === value2;
            });
          };
          var hasSelectionToolbars = doesPositionExist("selection");
          var hasNodeToolbars = doesPositionExist("node");
          if (hasSelectionToolbars || hasNodeToolbars) {
            if (hasNodeToolbars && hasSelectionToolbars) {
              var nodeToolbars = filterToolbarsByPosition("node");
              var selectionToolbars = map$2(filterToolbarsByPosition("selection"), function(t2) {
                return __assign(__assign({}, t2), { position: "node" });
              });
              return nodeToolbars.concat(selectionToolbars);
            } else {
              return hasSelectionToolbars ? filterToolbarsByPosition("selection") : filterToolbarsByPosition("node");
            }
          } else {
            return filterToolbarsByPosition("line");
          }
        }
      };
      var filterByPositionForAncestorNode = function(toolbars) {
        if (toolbars.length <= 1) {
          return toolbars;
        } else {
          var findPosition_1 = function(value2) {
            return find$5(toolbars, function(t2) {
              return t2.position === value2;
            });
          };
          var basePosition = findPosition_1("selection").orThunk(function() {
            return findPosition_1("node");
          }).orThunk(function() {
            return findPosition_1("line");
          }).map(function(t2) {
            return t2.position;
          });
          return basePosition.fold(function() {
            return [];
          }, function(pos) {
            return filter$2(toolbars, function(t2) {
              return t2.position === pos;
            });
          });
        }
      };
      var matchStartNode = function(elem, nodeCandidates, editorCandidates) {
        var nodeMatches = matchTargetWith(elem, nodeCandidates);
        if (nodeMatches.contextForms.length > 0) {
          return Optional.some({
            elem,
            toolbars: [nodeMatches.contextForms[0]]
          });
        } else {
          var editorMatches = matchTargetWith(elem, editorCandidates);
          if (editorMatches.contextForms.length > 0) {
            return Optional.some({
              elem,
              toolbars: [editorMatches.contextForms[0]]
            });
          } else if (nodeMatches.contextToolbars.length > 0 || editorMatches.contextToolbars.length > 0) {
            var toolbars = filterByPositionForStartNode(nodeMatches.contextToolbars.concat(editorMatches.contextToolbars));
            return Optional.some({
              elem,
              toolbars
            });
          } else {
            return Optional.none();
          }
        }
      };
      var matchAncestor = function(isRoot, startNode, scopes) {
        if (isRoot(startNode)) {
          return Optional.none();
        } else {
          return ancestor$2(startNode, function(ancestorElem) {
            if (isElement$2(ancestorElem)) {
              var _a2 = matchTargetWith(ancestorElem, scopes.inNodeScope), contextToolbars = _a2.contextToolbars, contextForms = _a2.contextForms;
              var toolbars = contextForms.length > 0 ? contextForms : filterByPositionForAncestorNode(contextToolbars);
              return toolbars.length > 0 ? Optional.some({
                elem: ancestorElem,
                toolbars
              }) : Optional.none();
            } else {
              return Optional.none();
            }
          }, isRoot);
        }
      };
      var lookup$1 = function(scopes, editor) {
        var rootElem = SugarElement.fromDom(editor.getBody());
        var isRoot = function(elem) {
          return eq(elem, rootElem);
        };
        var isOutsideRoot = function(startNode2) {
          return !isRoot(startNode2) && !contains(rootElem, startNode2);
        };
        var startNode = SugarElement.fromDom(editor.selection.getNode());
        if (isOutsideRoot(startNode)) {
          return Optional.none();
        }
        return matchStartNode(startNode, scopes.inNodeScope, scopes.inEditorScope).orThunk(function() {
          return matchAncestor(isRoot, startNode, scopes);
        });
      };
      var categorise = function(contextToolbars, navigate) {
        var forms = {};
        var inNodeScope = [];
        var inEditorScope = [];
        var formNavigators = {};
        var lookupTable = {};
        var registerForm = function(key, toolbarSpec) {
          var contextForm = getOrDie(createContextForm(toolbarSpec));
          forms[key] = contextForm;
          contextForm.launch.map(function(launch) {
            formNavigators["form:" + key] = __assign(__assign({}, toolbarSpec.launch), {
              type: launch.type === "contextformtogglebutton" ? "togglebutton" : "button",
              onAction: function() {
                navigate(contextForm);
              }
            });
          });
          if (contextForm.scope === "editor") {
            inEditorScope.push(contextForm);
          } else {
            inNodeScope.push(contextForm);
          }
          lookupTable[key] = contextForm;
        };
        var registerToolbar = function(key, toolbarSpec) {
          createContextToolbar(toolbarSpec).each(function(contextToolbar) {
            if (toolbarSpec.scope === "editor") {
              inEditorScope.push(contextToolbar);
            } else {
              inNodeScope.push(contextToolbar);
            }
            lookupTable[key] = contextToolbar;
          });
        };
        var keys$1 = keys(contextToolbars);
        each$1(keys$1, function(key) {
          var toolbarApi = contextToolbars[key];
          if (toolbarApi.type === "contextform") {
            registerForm(key, toolbarApi);
          } else if (toolbarApi.type === "contexttoolbar") {
            registerToolbar(key, toolbarApi);
          }
        });
        return {
          forms,
          inNodeScope,
          inEditorScope,
          lookupTable,
          formNavigators
        };
      };
      var forwardSlideEvent = generate$6("forward-slide");
      var backSlideEvent = generate$6("backward-slide");
      var changeSlideEvent = generate$6("change-slide-event");
      var resizingClass = "tox-pop--resizing";
      var renderContextToolbar = function(spec) {
        var stack = Cell([]);
        return InlineView.sketch({
          dom: {
            tag: "div",
            classes: ["tox-pop"]
          },
          fireDismissalEventInstead: { event: "doNotDismissYet" },
          onShow: function(comp) {
            stack.set([]);
            InlineView.getContent(comp).each(function(c) {
              remove$6(c.element, "visibility");
            });
            remove$2(comp.element, resizingClass);
            remove$6(comp.element, "width");
          },
          inlineBehaviours: derive$1([
            config("context-toolbar-events", [
              runOnSource(transitionend(), function(comp, se) {
                if (se.event.raw.propertyName === "width") {
                  remove$2(comp.element, resizingClass);
                  remove$6(comp.element, "width");
                }
              }),
              run$1(changeSlideEvent, function(comp, se) {
                var elem = comp.element;
                remove$6(elem, "width");
                var currentWidth = get$a(elem);
                InlineView.setContent(comp, se.event.contents);
                add$2(elem, resizingClass);
                var newWidth = get$a(elem);
                set$7(elem, "width", currentWidth + "px");
                InlineView.getContent(comp).each(function(newContents) {
                  se.event.focus.bind(function(f) {
                    focus$3(f);
                    return search(elem);
                  }).orThunk(function() {
                    Keying.focusIn(newContents);
                    return active(getRootNode(elem));
                  });
                });
                global$f.setTimeout(function() {
                  set$7(comp.element, "width", newWidth + "px");
                }, 0);
              }),
              run$1(forwardSlideEvent, function(comp, se) {
                InlineView.getContent(comp).each(function(oldContents) {
                  stack.set(stack.get().concat([{
                    bar: oldContents,
                    focus: active(getRootNode(comp.element))
                  }]));
                });
                emitWith(comp, changeSlideEvent, {
                  contents: se.event.forwardContents,
                  focus: Optional.none()
                });
              }),
              run$1(backSlideEvent, function(comp, _se) {
                last$2(stack.get()).each(function(last2) {
                  stack.set(stack.get().slice(0, stack.get().length - 1));
                  emitWith(comp, changeSlideEvent, {
                    contents: premade(last2.bar),
                    focus: last2.focus
                  });
                });
              })
            ]),
            Keying.config({
              mode: "special",
              onEscape: function(comp) {
                return last$2(stack.get()).fold(function() {
                  return spec.onEscape();
                }, function(_) {
                  emit(comp, backSlideEvent);
                  return Optional.some(true);
                });
              }
            })
          ]),
          lazySink: function() {
            return Result.value(spec.sink);
          }
        });
      };
      var transitionClass = "tox-pop--transition";
      var register$7 = function(editor, registryContextToolbars, sink, extras) {
        var backstage = extras.backstage;
        var sharedBackstage = backstage.shared;
        var isTouch2 = detect$1().deviceType.isTouch;
        var lastElement = value$1();
        var lastTrigger = value$1();
        var lastContextPosition = value$1();
        var contextbar = build$1(renderContextToolbar({
          sink,
          onEscape: function() {
            editor.focus();
            return Optional.some(true);
          }
        }));
        var getBounds2 = function() {
          var position2 = lastContextPosition.get().getOr("node");
          var margin = shouldUseInsetLayouts(position2) ? 1 : 0;
          return getContextToolbarBounds(editor, sharedBackstage, position2, margin);
        };
        var canLaunchToolbar = function() {
          return !editor.removed && !(isTouch2() && backstage.isContextMenuOpen());
        };
        var isSameLaunchElement = function(elem) {
          return is$1(lift2(elem, lastElement.get(), eq), true);
        };
        var shouldContextToolbarHide = function() {
          if (!canLaunchToolbar()) {
            return true;
          } else {
            var contextToolbarBounds = getBounds2();
            var anchorBounds = is$1(lastContextPosition.get(), "node") ? getAnchorElementBounds(editor, lastElement.get()) : getSelectionBounds(editor);
            return contextToolbarBounds.height <= 0 || !isVerticalOverlap(anchorBounds, contextToolbarBounds);
          }
        };
        var close2 = function() {
          lastElement.clear();
          lastTrigger.clear();
          lastContextPosition.clear();
          InlineView.hide(contextbar);
        };
        var hideOrRepositionIfNecessary = function() {
          if (InlineView.isOpen(contextbar)) {
            var contextBarEle = contextbar.element;
            remove$6(contextBarEle, "display");
            if (shouldContextToolbarHide()) {
              set$7(contextBarEle, "display", "none");
            } else {
              lastTrigger.set(0);
              InlineView.reposition(contextbar);
            }
          }
        };
        var wrapInPopDialog = function(toolbarSpec) {
          return {
            dom: {
              tag: "div",
              classes: ["tox-pop__dialog"]
            },
            components: [toolbarSpec],
            behaviours: derive$1([
              Keying.config({ mode: "acyclic" }),
              config("pop-dialog-wrap-events", [
                runOnAttached(function(comp) {
                  editor.shortcuts.add("ctrl+F9", "focus statusbar", function() {
                    return Keying.focusIn(comp);
                  });
                }),
                runOnDetached(function(_comp) {
                  editor.shortcuts.remove("ctrl+F9");
                })
              ])
            ])
          };
        };
        var getScopes = cached(function() {
          return categorise(registryContextToolbars, function(toolbarApi) {
            var alloySpec = buildToolbar([toolbarApi]);
            emitWith(contextbar, forwardSlideEvent, { forwardContents: wrapInPopDialog(alloySpec) });
          });
        });
        var buildContextToolbarGroups = function(allButtons, ctx) {
          return identifyButtons(editor, {
            buttons: allButtons,
            toolbar: ctx.items,
            allowToolbarGroups: false
          }, extras, Optional.some(["form:"]));
        };
        var buildContextFormGroups = function(ctx, providers) {
          return ContextForm.buildInitGroups(ctx, providers);
        };
        var buildToolbar = function(toolbars) {
          var buttons = editor.ui.registry.getAll().buttons;
          var scopes = getScopes();
          var allButtons = __assign(__assign({}, buttons), scopes.formNavigators);
          var toolbarType = getToolbarMode(editor) === ToolbarMode.scrolling ? ToolbarMode.scrolling : ToolbarMode.default;
          var initGroups = flatten(map$2(toolbars, function(ctx) {
            return ctx.type === "contexttoolbar" ? buildContextToolbarGroups(allButtons, ctx) : buildContextFormGroups(ctx, sharedBackstage.providers);
          }));
          return renderToolbar({
            type: toolbarType,
            uid: generate$6("context-toolbar"),
            initGroups,
            onEscape: Optional.none,
            cyclicKeying: true,
            providers: sharedBackstage.providers
          });
        };
        var getAnchor2 = function(position2, element2) {
          var anchorage = position2 === "node" ? sharedBackstage.anchors.node(element2) : sharedBackstage.anchors.cursor();
          var anchorLayout = getAnchorLayout(editor, position2, isTouch2(), {
            lastElement: lastElement.get,
            isReposition: function() {
              return is$1(lastTrigger.get(), 0);
            },
            getMode: function() {
              return Positioning.getMode(sink);
            }
          });
          return deepMerge(anchorage, anchorLayout);
        };
        var launchContext = function(toolbarApi, elem) {
          launchContextToolbar.cancel();
          if (!canLaunchToolbar()) {
            return;
          }
          var toolbarSpec = buildToolbar(toolbarApi);
          var position2 = toolbarApi[0].position;
          var anchor2 = getAnchor2(position2, elem);
          lastContextPosition.set(position2);
          lastTrigger.set(1);
          var contextBarEle = contextbar.element;
          remove$6(contextBarEle, "display");
          if (!isSameLaunchElement(elem)) {
            remove$2(contextBarEle, transitionClass);
            Positioning.reset(sink, contextbar);
          }
          InlineView.showWithinBounds(contextbar, wrapInPopDialog(toolbarSpec), {
            anchor: anchor2,
            transition: {
              classes: [transitionClass],
              mode: "placement"
            }
          }, function() {
            return Optional.some(getBounds2());
          });
          elem.fold(lastElement.clear, lastElement.set);
          if (shouldContextToolbarHide()) {
            set$7(contextBarEle, "display", "none");
          }
        };
        var launchContextToolbar = last(function() {
          if (!editor.hasFocus() || editor.removed) {
            return;
          }
          if (has(contextbar.element, transitionClass)) {
            launchContextToolbar.throttle();
          } else {
            var scopes = getScopes();
            lookup$1(scopes, editor).fold(close2, function(info) {
              launchContext(info.toolbars, Optional.some(info.elem));
            });
          }
        }, 17);
        editor.on("init", function() {
          editor.on("remove", close2);
          editor.on("ScrollContent ScrollWindow ObjectResized ResizeEditor longpress", hideOrRepositionIfNecessary);
          editor.on("click keyup focus SetContent", launchContextToolbar.throttle);
          editor.on(hideContextToolbarEvent, close2);
          editor.on(showContextToolbarEvent, function(e) {
            var scopes = getScopes();
            get$e(scopes.lookupTable, e.toolbarKey).each(function(ctx) {
              launchContext([ctx], someIf(e.target !== editor, e.target));
              InlineView.getContent(contextbar).each(Keying.focusIn);
            });
          });
          editor.on("focusout", function(_e) {
            global$f.setEditorTimeout(editor, function() {
              if (search(sink.element).isNone() && search(contextbar.element).isNone()) {
                close2();
              }
            }, 0);
          });
          editor.on("SwitchMode", function() {
            if (editor.mode.isReadOnly()) {
              close2();
            }
          });
          editor.on("AfterProgressState", function(event) {
            if (event.state) {
              close2();
            } else if (editor.hasFocus()) {
              launchContextToolbar.throttle();
            }
          });
          editor.on("NodeChange", function(_e) {
            search(contextbar.element).fold(launchContextToolbar.throttle, noop);
          });
        });
      };
      var register$6 = function(editor) {
        var alignToolbarButtons = [
          {
            name: "alignleft",
            text: "Align left",
            cmd: "JustifyLeft",
            icon: "align-left"
          },
          {
            name: "aligncenter",
            text: "Align center",
            cmd: "JustifyCenter",
            icon: "align-center"
          },
          {
            name: "alignright",
            text: "Align right",
            cmd: "JustifyRight",
            icon: "align-right"
          },
          {
            name: "alignjustify",
            text: "Justify",
            cmd: "JustifyFull",
            icon: "align-justify"
          }
        ];
        each$1(alignToolbarButtons, function(item2) {
          editor.ui.registry.addToggleButton(item2.name, {
            tooltip: item2.text,
            icon: item2.icon,
            onAction: onActionExecCommand(editor, item2.cmd),
            onSetup: onSetupFormatToggle(editor, item2.name)
          });
        });
        editor.ui.registry.addButton("alignnone", {
          tooltip: "No alignment",
          icon: "align-none",
          onAction: onActionExecCommand(editor, "JustifyNone")
        });
      };
      var units = {
        unsupportedLength: [
          "em",
          "ex",
          "cap",
          "ch",
          "ic",
          "rem",
          "lh",
          "rlh",
          "vw",
          "vh",
          "vi",
          "vb",
          "vmin",
          "vmax",
          "cm",
          "mm",
          "Q",
          "in",
          "pc",
          "pt",
          "px"
        ],
        fixed: [
          "px",
          "pt"
        ],
        relative: ["%"],
        empty: [""]
      };
      var pattern = function() {
        var decimalDigits = "[0-9]+";
        var signedInteger = "[+-]?" + decimalDigits;
        var exponentPart = "[eE]" + signedInteger;
        var dot = "\\.";
        var opt = function(input2) {
          return "(?:" + input2 + ")?";
        };
        var unsignedDecimalLiteral = [
          "Infinity",
          decimalDigits + dot + opt(decimalDigits) + opt(exponentPart),
          dot + decimalDigits + opt(exponentPart),
          decimalDigits + opt(exponentPart)
        ].join("|");
        var float = "[+-]?(?:" + unsignedDecimalLiteral + ")";
        return new RegExp("^(" + float + ")(.*)$");
      }();
      var isUnit = function(unit, accepted) {
        return exists(accepted, function(acc) {
          return exists(units[acc], function(check) {
            return unit === check;
          });
        });
      };
      var parse = function(input2, accepted) {
        var match = Optional.from(pattern.exec(input2));
        return match.bind(function(array) {
          var value2 = Number(array[1]);
          var unitRaw = array[2];
          if (isUnit(unitRaw, accepted)) {
            return Optional.some({
              value: value2,
              unit: unitRaw
            });
          } else {
            return Optional.none();
          }
        });
      };
      var normalise = function(input2, accepted) {
        return parse(input2, accepted).map(function(_a2) {
          var value2 = _a2.value, unit = _a2.unit;
          return value2 + unit;
        });
      };
      var registerController = function(editor, spec) {
        var getMenuItems2 = function() {
          var options = spec.getOptions(editor);
          var initial = spec.getCurrent(editor).map(spec.hash);
          var current = value$1();
          return map$2(options, function(value2) {
            return {
              type: "togglemenuitem",
              text: spec.display(value2),
              onSetup: function(api2) {
                var setActive = function(active2) {
                  if (active2) {
                    current.on(function(oldApi) {
                      return oldApi.setActive(false);
                    });
                    current.set(api2);
                  }
                  api2.setActive(active2);
                };
                setActive(is$1(initial, spec.hash(value2)));
                var unbindWatcher = spec.watcher(editor, value2, setActive);
                return function() {
                  current.clear();
                  unbindWatcher();
                };
              },
              onAction: function() {
                return spec.setCurrent(editor, value2);
              }
            };
          });
        };
        editor.ui.registry.addMenuButton(spec.name, {
          tooltip: spec.text,
          icon: spec.icon,
          fetch: function(callback) {
            return callback(getMenuItems2());
          },
          onSetup: spec.onToolbarSetup
        });
        editor.ui.registry.addNestedMenuItem(spec.name, {
          type: "nestedmenuitem",
          text: spec.text,
          getSubmenuItems: getMenuItems2,
          onSetup: spec.onMenuSetup
        });
      };
      var lineHeightSpec = {
        name: "lineheight",
        text: "Line height",
        icon: "line-height",
        getOptions: getLineHeightFormats,
        hash: function(input2) {
          return normalise(input2, [
            "fixed",
            "relative",
            "empty"
          ]).getOr(input2);
        },
        display: identity$1,
        watcher: function(editor, value2, callback) {
          return editor.formatter.formatChanged("lineheight", callback, false, { value: value2 }).unbind;
        },
        getCurrent: function(editor) {
          return Optional.from(editor.queryCommandValue("LineHeight"));
        },
        setCurrent: function(editor, value2) {
          return editor.execCommand("LineHeight", false, value2);
        }
      };
      var languageSpec = function(editor) {
        var settingsOpt = Optional.from(getContentLanguages(editor));
        return settingsOpt.map(function(settings) {
          return {
            name: "language",
            text: "Language",
            icon: "language",
            getOptions: constant$1(settings),
            hash: function(input2) {
              return isUndefined(input2.customCode) ? input2.code : input2.code + "/" + input2.customCode;
            },
            display: function(input2) {
              return input2.title;
            },
            watcher: function(editor2, value2, callback) {
              return editor2.formatter.formatChanged("lang", callback, false, {
                value: value2.code,
                customValue: value2.customCode
              }).unbind;
            },
            getCurrent: function(editor2) {
              var node = SugarElement.fromDom(editor2.selection.getNode());
              return closest$4(node, function(n) {
                return Optional.some(n).filter(isElement$2).bind(function(ele) {
                  var codeOpt = getOpt(ele, "lang");
                  return codeOpt.map(function(code) {
                    var customCode = getOpt(ele, "data-mce-lang").getOrUndefined();
                    return {
                      code,
                      customCode,
                      title: ""
                    };
                  });
                });
              });
            },
            setCurrent: function(editor2, lang) {
              return editor2.execCommand("Lang", false, lang);
            },
            onToolbarSetup: function(api2) {
              var unbinder = unbindable();
              api2.setActive(editor.formatter.match("lang", {}, void 0, true));
              unbinder.set(editor.formatter.formatChanged("lang", api2.setActive, true));
              return unbinder.clear;
            }
          };
        });
      };
      var register$5 = function(editor) {
        registerController(editor, lineHeightSpec);
        languageSpec(editor).each(function(spec) {
          return registerController(editor, spec);
        });
      };
      var register$4 = function(editor, backstage) {
        alignSelectMenu(editor, backstage);
        fontSelectMenu(editor, backstage);
        styleSelectMenu(editor, backstage);
        formatSelectMenu(editor, backstage);
        fontsizeSelectMenu(editor, backstage);
      };
      var onSetupOutdentState = function(editor) {
        return onSetupEvent(editor, "NodeChange", function(api2) {
          api2.setDisabled(!editor.queryCommandState("outdent"));
        });
      };
      var registerButtons$2 = function(editor) {
        editor.ui.registry.addButton("outdent", {
          tooltip: "Decrease indent",
          icon: "outdent",
          onSetup: onSetupOutdentState(editor),
          onAction: onActionExecCommand(editor, "outdent")
        });
        editor.ui.registry.addButton("indent", {
          tooltip: "Increase indent",
          icon: "indent",
          onAction: onActionExecCommand(editor, "indent")
        });
      };
      var register$3 = function(editor) {
        registerButtons$2(editor);
      };
      var onActionToggleFormat = function(editor, fmt) {
        return function() {
          editor.execCommand("mceToggleFormat", false, fmt);
        };
      };
      var registerFormatButtons = function(editor) {
        global$5.each([
          {
            name: "bold",
            text: "Bold",
            icon: "bold"
          },
          {
            name: "italic",
            text: "Italic",
            icon: "italic"
          },
          {
            name: "underline",
            text: "Underline",
            icon: "underline"
          },
          {
            name: "strikethrough",
            text: "Strikethrough",
            icon: "strike-through"
          },
          {
            name: "subscript",
            text: "Subscript",
            icon: "subscript"
          },
          {
            name: "superscript",
            text: "Superscript",
            icon: "superscript"
          }
        ], function(btn, _idx) {
          editor.ui.registry.addToggleButton(btn.name, {
            tooltip: btn.text,
            icon: btn.icon,
            onSetup: onSetupFormatToggle(editor, btn.name),
            onAction: onActionToggleFormat(editor, btn.name)
          });
        });
        for (var i = 1; i <= 6; i++) {
          var name_1 = "h" + i;
          editor.ui.registry.addToggleButton(name_1, {
            text: name_1.toUpperCase(),
            tooltip: "Heading " + i,
            onSetup: onSetupFormatToggle(editor, name_1),
            onAction: onActionToggleFormat(editor, name_1)
          });
        }
      };
      var registerCommandButtons = function(editor) {
        global$5.each([
          {
            name: "cut",
            text: "Cut",
            action: "Cut",
            icon: "cut"
          },
          {
            name: "copy",
            text: "Copy",
            action: "Copy",
            icon: "copy"
          },
          {
            name: "paste",
            text: "Paste",
            action: "Paste",
            icon: "paste"
          },
          {
            name: "help",
            text: "Help",
            action: "mceHelp",
            icon: "help"
          },
          {
            name: "selectall",
            text: "Select all",
            action: "SelectAll",
            icon: "select-all"
          },
          {
            name: "newdocument",
            text: "New document",
            action: "mceNewDocument",
            icon: "new-document"
          },
          {
            name: "removeformat",
            text: "Clear formatting",
            action: "RemoveFormat",
            icon: "remove-formatting"
          },
          {
            name: "remove",
            text: "Remove",
            action: "Delete",
            icon: "remove"
          }
        ], function(btn) {
          editor.ui.registry.addButton(btn.name, {
            tooltip: btn.text,
            icon: btn.icon,
            onAction: onActionExecCommand(editor, btn.action)
          });
        });
      };
      var registerCommandToggleButtons = function(editor) {
        global$5.each([{
          name: "blockquote",
          text: "Blockquote",
          action: "mceBlockQuote",
          icon: "quote"
        }], function(btn) {
          editor.ui.registry.addToggleButton(btn.name, {
            tooltip: btn.text,
            icon: btn.icon,
            onAction: onActionExecCommand(editor, btn.action),
            onSetup: onSetupFormatToggle(editor, btn.name)
          });
        });
      };
      var registerButtons$1 = function(editor) {
        registerFormatButtons(editor);
        registerCommandButtons(editor);
        registerCommandToggleButtons(editor);
      };
      var registerMenuItems$2 = function(editor) {
        global$5.each([
          {
            name: "bold",
            text: "Bold",
            action: "Bold",
            icon: "bold",
            shortcut: "Meta+B"
          },
          {
            name: "italic",
            text: "Italic",
            action: "Italic",
            icon: "italic",
            shortcut: "Meta+I"
          },
          {
            name: "underline",
            text: "Underline",
            action: "Underline",
            icon: "underline",
            shortcut: "Meta+U"
          },
          {
            name: "strikethrough",
            text: "Strikethrough",
            action: "Strikethrough",
            icon: "strike-through",
            shortcut: ""
          },
          {
            name: "subscript",
            text: "Subscript",
            action: "Subscript",
            icon: "subscript",
            shortcut: ""
          },
          {
            name: "superscript",
            text: "Superscript",
            action: "Superscript",
            icon: "superscript",
            shortcut: ""
          },
          {
            name: "removeformat",
            text: "Clear formatting",
            action: "RemoveFormat",
            icon: "remove-formatting",
            shortcut: ""
          },
          {
            name: "newdocument",
            text: "New document",
            action: "mceNewDocument",
            icon: "new-document",
            shortcut: ""
          },
          {
            name: "cut",
            text: "Cut",
            action: "Cut",
            icon: "cut",
            shortcut: "Meta+X"
          },
          {
            name: "copy",
            text: "Copy",
            action: "Copy",
            icon: "copy",
            shortcut: "Meta+C"
          },
          {
            name: "paste",
            text: "Paste",
            action: "Paste",
            icon: "paste",
            shortcut: "Meta+V"
          },
          {
            name: "selectall",
            text: "Select all",
            action: "SelectAll",
            icon: "select-all",
            shortcut: "Meta+A"
          }
        ], function(btn) {
          editor.ui.registry.addMenuItem(btn.name, {
            text: btn.text,
            icon: btn.icon,
            shortcut: btn.shortcut,
            onAction: onActionExecCommand(editor, btn.action)
          });
        });
        editor.ui.registry.addMenuItem("codeformat", {
          text: "Code",
          icon: "sourcecode",
          onAction: onActionToggleFormat(editor, "code")
        });
      };
      var register$2 = function(editor) {
        registerButtons$1(editor);
        registerMenuItems$2(editor);
      };
      var onSetupUndoRedoState = function(editor, type2) {
        return onSetupEvent(editor, "Undo Redo AddUndo TypingUndo ClearUndos SwitchMode", function(api2) {
          api2.setDisabled(editor.mode.isReadOnly() || !editor.undoManager[type2]());
        });
      };
      var registerMenuItems$1 = function(editor) {
        editor.ui.registry.addMenuItem("undo", {
          text: "Undo",
          icon: "undo",
          shortcut: "Meta+Z",
          onSetup: onSetupUndoRedoState(editor, "hasUndo"),
          onAction: onActionExecCommand(editor, "undo")
        });
        editor.ui.registry.addMenuItem("redo", {
          text: "Redo",
          icon: "redo",
          shortcut: "Meta+Y",
          onSetup: onSetupUndoRedoState(editor, "hasRedo"),
          onAction: onActionExecCommand(editor, "redo")
        });
      };
      var registerButtons = function(editor) {
        editor.ui.registry.addButton("undo", {
          tooltip: "Undo",
          icon: "undo",
          disabled: true,
          onSetup: onSetupUndoRedoState(editor, "hasUndo"),
          onAction: onActionExecCommand(editor, "undo")
        });
        editor.ui.registry.addButton("redo", {
          tooltip: "Redo",
          icon: "redo",
          disabled: true,
          onSetup: onSetupUndoRedoState(editor, "hasRedo"),
          onAction: onActionExecCommand(editor, "redo")
        });
      };
      var register$1 = function(editor) {
        registerMenuItems$1(editor);
        registerButtons(editor);
      };
      var onSetupVisualAidState = function(editor) {
        return onSetupEvent(editor, "VisualAid", function(api2) {
          api2.setActive(editor.hasVisual);
        });
      };
      var registerMenuItems = function(editor) {
        editor.ui.registry.addToggleMenuItem("visualaid", {
          text: "Visual aids",
          onSetup: onSetupVisualAidState(editor),
          onAction: onActionExecCommand(editor, "mceToggleVisualAid")
        });
      };
      var registerToolbarButton = function(editor) {
        editor.ui.registry.addButton("visualaid", {
          tooltip: "Visual aids",
          text: "Visual aids",
          onAction: onActionExecCommand(editor, "mceToggleVisualAid")
        });
      };
      var register = function(editor) {
        registerToolbarButton(editor);
        registerMenuItems(editor);
      };
      var setup$6 = function(editor, backstage) {
        register$6(editor);
        register$2(editor);
        register$4(editor, backstage);
        register$1(editor);
        register$a(editor);
        register(editor);
        register$3(editor);
        register$5(editor);
      };
      var nu = function(x, y) {
        return {
          type: "makeshift",
          x,
          y
        };
      };
      var transpose = function(pos, dx, dy) {
        return nu(pos.x + dx, pos.y + dy);
      };
      var isTouchEvent = function(e) {
        return e.type === "longpress" || e.type.indexOf("touch") === 0;
      };
      var fromPageXY = function(e) {
        if (isTouchEvent(e)) {
          var touch2 = e.touches[0];
          return nu(touch2.pageX, touch2.pageY);
        } else {
          return nu(e.pageX, e.pageY);
        }
      };
      var fromClientXY = function(e) {
        if (isTouchEvent(e)) {
          var touch2 = e.touches[0];
          return nu(touch2.clientX, touch2.clientY);
        } else {
          return nu(e.clientX, e.clientY);
        }
      };
      var transposeContentAreaContainer = function(element2, pos) {
        var containerPos = global$b.DOM.getPos(element2);
        return transpose(pos, containerPos.x, containerPos.y);
      };
      var getPointAnchor = function(editor, e) {
        if (e.type === "contextmenu" || e.type === "longpress") {
          if (editor.inline) {
            return fromPageXY(e);
          } else {
            return transposeContentAreaContainer(editor.getContentAreaContainer(), fromClientXY(e));
          }
        } else {
          return getSelectionAnchor(editor);
        }
      };
      var getSelectionAnchor = function(editor) {
        return {
          type: "selection",
          root: SugarElement.fromDom(editor.selection.getNode())
        };
      };
      var getNodeAnchor = function(editor) {
        return {
          type: "node",
          node: Optional.some(SugarElement.fromDom(editor.selection.getNode())),
          root: SugarElement.fromDom(editor.getBody())
        };
      };
      var getAnchorSpec$1 = function(editor, e, anchorType) {
        switch (anchorType) {
          case "node":
            return getNodeAnchor(editor);
          case "point":
            return getPointAnchor(editor, e);
          case "selection":
            return getSelectionAnchor(editor);
        }
      };
      var initAndShow$1 = function(editor, e, buildMenu, backstage, contextmenu, anchorType) {
        var items = buildMenu();
        var anchorSpec = getAnchorSpec$1(editor, e, anchorType);
        build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, false).map(function(menuData) {
          e.preventDefault();
          InlineView.showMenuAt(contextmenu, { anchor: anchorSpec }, {
            menu: { markers: markers("normal") },
            data: menuData
          });
        });
      };
      var layouts = {
        onLtr: function() {
          return [
            south$2,
            southeast$2,
            southwest$2,
            northeast$2,
            northwest$2,
            north$2,
            north,
            south,
            northeast,
            southeast,
            northwest,
            southwest
          ];
        },
        onRtl: function() {
          return [
            south$2,
            southwest$2,
            southeast$2,
            northwest$2,
            northeast$2,
            north$2,
            north,
            south,
            northwest,
            southwest,
            northeast,
            southeast
          ];
        }
      };
      var bubbleSize = 12;
      var bubbleAlignments = {
        valignCentre: [],
        alignCentre: [],
        alignLeft: ["tox-pop--align-left"],
        alignRight: ["tox-pop--align-right"],
        right: ["tox-pop--right"],
        left: ["tox-pop--left"],
        bottom: ["tox-pop--bottom"],
        top: ["tox-pop--top"]
      };
      var isTouchWithinSelection = function(editor, e) {
        var selection = editor.selection;
        if (selection.isCollapsed() || e.touches.length < 1) {
          return false;
        } else {
          var touch_1 = e.touches[0];
          var rng = selection.getRng();
          var rngRectOpt = getFirstRect(editor.getWin(), SimSelection.domRange(rng));
          return rngRectOpt.exists(function(rngRect) {
            return rngRect.left <= touch_1.clientX && rngRect.right >= touch_1.clientX && rngRect.top <= touch_1.clientY && rngRect.bottom >= touch_1.clientY;
          });
        }
      };
      var setupiOSOverrides = function(editor) {
        var originalSelection = editor.selection.getRng();
        var selectionReset = function() {
          global$f.setEditorTimeout(editor, function() {
            editor.selection.setRng(originalSelection);
          }, 10);
          unbindEventListeners();
        };
        editor.once("touchend", selectionReset);
        var preventMousedown = function(e) {
          e.preventDefault();
          e.stopImmediatePropagation();
        };
        editor.on("mousedown", preventMousedown, true);
        var clearSelectionReset = function() {
          return unbindEventListeners();
        };
        editor.once("longpresscancel", clearSelectionReset);
        var unbindEventListeners = function() {
          editor.off("touchend", selectionReset);
          editor.off("longpresscancel", clearSelectionReset);
          editor.off("mousedown", preventMousedown);
        };
      };
      var getAnchorSpec = function(editor, e, anchorType) {
        var anchorSpec = getAnchorSpec$1(editor, e, anchorType);
        var bubbleYOffset = anchorType === "point" ? bubbleSize : 0;
        return __assign({
          bubble: nu$5(0, bubbleYOffset, bubbleAlignments),
          layouts,
          overrides: {
            maxWidthFunction: expandable(),
            maxHeightFunction: expandable$1()
          }
        }, anchorSpec);
      };
      var show = function(editor, e, items, backstage, contextmenu, anchorType, highlightImmediately) {
        var anchorSpec = getAnchorSpec(editor, e, anchorType);
        build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, true).map(function(menuData) {
          e.preventDefault();
          InlineView.showMenuWithinBounds(contextmenu, { anchor: anchorSpec }, {
            menu: {
              markers: markers("normal"),
              highlightImmediately
            },
            data: menuData,
            type: "horizontal"
          }, function() {
            return Optional.some(getContextToolbarBounds(editor, backstage.shared, anchorType === "node" ? "node" : "selection"));
          });
          editor.fire(hideContextToolbarEvent);
        });
      };
      var initAndShow = function(editor, e, buildMenu, backstage, contextmenu, anchorType) {
        var detection2 = detect$1();
        var isiOS = detection2.os.isiOS();
        var isOSX = detection2.os.isOSX();
        var isAndroid = detection2.os.isAndroid();
        var isTouch2 = detection2.deviceType.isTouch();
        var shouldHighlightImmediately = function() {
          return !(isAndroid || isiOS || isOSX && isTouch2);
        };
        var open2 = function() {
          var items = buildMenu();
          show(editor, e, items, backstage, contextmenu, anchorType, shouldHighlightImmediately());
        };
        if ((isOSX || isiOS) && anchorType !== "node") {
          var openiOS_1 = function() {
            setupiOSOverrides(editor);
            open2();
          };
          if (isTouchWithinSelection(editor, e)) {
            openiOS_1();
          } else {
            editor.once("selectionchange", openiOS_1);
            editor.once("touchend", function() {
              return editor.off("selectionchange", openiOS_1);
            });
          }
        } else {
          open2();
        }
      };
      var patchPipeConfig = function(config2) {
        return typeof config2 === "string" ? config2.split(/[ ,]/) : config2;
      };
      var shouldNeverUseNative = function(editor) {
        return editor.getParam("contextmenu_never_use_native", false, "boolean");
      };
      var getMenuItems = function(editor, name2, defaultItems) {
        var contextMenus = editor.ui.registry.getAll().contextMenus;
        return Optional.from(editor.getParam(name2)).map(patchPipeConfig).getOrThunk(function() {
          return filter$2(patchPipeConfig(defaultItems), function(item2) {
            return has$2(contextMenus, item2);
          });
        });
      };
      var isContextMenuDisabled = function(editor) {
        return editor.getParam("contextmenu") === false;
      };
      var getContextMenu = function(editor) {
        return getMenuItems(editor, "contextmenu", "link linkchecker image imagetools table spellchecker configurepermanentpen");
      };
      var getAvoidOverlapSelector = function(editor) {
        return editor.getParam("contextmenu_avoid_overlap", "", "string");
      };
      var isSeparator = function(item2) {
        return isString(item2) ? item2 === "|" : item2.type === "separator";
      };
      var separator = { type: "separator" };
      var makeContextItem = function(item2) {
        var commonMenuItem = function(item3) {
          return {
            text: item3.text,
            icon: item3.icon,
            disabled: item3.disabled,
            shortcut: item3.shortcut
          };
        };
        if (isString(item2)) {
          return item2;
        } else {
          switch (item2.type) {
            case "separator":
              return separator;
            case "submenu":
              return __assign(__assign({ type: "nestedmenuitem" }, commonMenuItem(item2)), {
                getSubmenuItems: function() {
                  var items = item2.getSubmenuItems();
                  if (isString(items)) {
                    return items;
                  } else {
                    return map$2(items, makeContextItem);
                  }
                }
              });
            default:
              return __assign(__assign({ type: "menuitem" }, commonMenuItem(item2)), { onAction: noarg(item2.onAction) });
          }
        }
      };
      var addContextMenuGroup = function(xs, groupItems) {
        if (groupItems.length === 0) {
          return xs;
        }
        var lastMenuItem = last$2(xs).filter(function(item2) {
          return !isSeparator(item2);
        });
        var before2 = lastMenuItem.fold(function() {
          return [];
        }, function(_) {
          return [separator];
        });
        return xs.concat(before2).concat(groupItems).concat([separator]);
      };
      var generateContextMenu = function(contextMenus, menuConfig, selectedElement) {
        var sections = foldl(menuConfig, function(acc, name2) {
          return get$e(contextMenus, name2.toLowerCase()).map(function(menu2) {
            var items = menu2.update(selectedElement);
            if (isString(items)) {
              return addContextMenuGroup(acc, items.split(" "));
            } else if (items.length > 0) {
              var allItems = map$2(items, makeContextItem);
              return addContextMenuGroup(acc, allItems);
            } else {
              return acc;
            }
          }).getOrThunk(function() {
            return acc.concat([name2]);
          });
        }, []);
        if (sections.length > 0 && isSeparator(sections[sections.length - 1])) {
          sections.pop();
        }
        return sections;
      };
      var isNativeOverrideKeyEvent = function(editor, e) {
        return e.ctrlKey && !shouldNeverUseNative(editor);
      };
      var isTriggeredByKeyboard = function(editor, e) {
        return e.type !== "longpress" && (e.button !== 2 || e.target === editor.getBody() && e.pointerType === "");
      };
      var getSelectedElement = function(editor, e) {
        return isTriggeredByKeyboard(editor, e) ? editor.selection.getStart(true) : e.target;
      };
      var getAnchorType = function(editor, e) {
        var selector = getAvoidOverlapSelector(editor);
        var anchorType = isTriggeredByKeyboard(editor, e) ? "selection" : "point";
        if (isNotEmpty(selector)) {
          var target = getSelectedElement(editor, e);
          var selectorExists = closest(SugarElement.fromDom(target), selector);
          return selectorExists ? "node" : anchorType;
        } else {
          return anchorType;
        }
      };
      var setup$5 = function(editor, lazySink, backstage) {
        var detection2 = detect$1();
        var isTouch2 = detection2.deviceType.isTouch;
        var contextmenu = build$1(InlineView.sketch({
          dom: { tag: "div" },
          lazySink,
          onEscape: function() {
            return editor.focus();
          },
          onShow: function() {
            return backstage.setContextMenuState(true);
          },
          onHide: function() {
            return backstage.setContextMenuState(false);
          },
          fireDismissalEventInstead: {},
          inlineBehaviours: derive$1([config("dismissContextMenu", [run$1(dismissRequested(), function(comp, _se) {
            Sandboxing.close(comp);
            editor.focus();
          })])])
        }));
        var hideContextMenu = function(_e) {
          return InlineView.hide(contextmenu);
        };
        var showContextMenu = function(e) {
          if (shouldNeverUseNative(editor)) {
            e.preventDefault();
          }
          if (isNativeOverrideKeyEvent(editor, e) || isContextMenuDisabled(editor)) {
            return;
          }
          var anchorType = getAnchorType(editor, e);
          var buildMenu = function() {
            var selectedElement = getSelectedElement(editor, e);
            var registry = editor.ui.registry.getAll();
            var menuConfig = getContextMenu(editor);
            return generateContextMenu(registry.contextMenus, menuConfig, selectedElement);
          };
          var initAndShow$2 = isTouch2() ? initAndShow : initAndShow$1;
          initAndShow$2(editor, e, buildMenu, backstage, contextmenu, anchorType);
        };
        editor.on("init", function() {
          var hideEvents = "ResizeEditor ScrollContent ScrollWindow longpresscancel" + (isTouch2() ? "" : " ResizeWindow");
          editor.on(hideEvents, hideContextMenu);
          editor.on("longpress contextmenu", showContextMenu);
        });
      };
      var adt = Adt.generate([
        {
          offset: [
            "x",
            "y"
          ]
        },
        {
          absolute: [
            "x",
            "y"
          ]
        },
        {
          fixed: [
            "x",
            "y"
          ]
        }
      ]);
      var subtract = function(change2) {
        return function(point2) {
          return point2.translate(-change2.left, -change2.top);
        };
      };
      var add = function(change2) {
        return function(point2) {
          return point2.translate(change2.left, change2.top);
        };
      };
      var transform = function(changes) {
        return function(x, y) {
          return foldl(changes, function(rest, f) {
            return f(rest);
          }, SugarPosition(x, y));
        };
      };
      var asFixed = function(coord, scroll, origin) {
        return coord.fold(transform([
          add(origin),
          subtract(scroll)
        ]), transform([subtract(scroll)]), transform([]));
      };
      var asAbsolute = function(coord, scroll, origin) {
        return coord.fold(transform([add(origin)]), transform([]), transform([add(scroll)]));
      };
      var asOffset = function(coord, scroll, origin) {
        return coord.fold(transform([]), transform([subtract(origin)]), transform([
          add(scroll),
          subtract(origin)
        ]));
      };
      var withinRange = function(coord1, coord2, xRange2, yRange2, scroll, origin) {
        var a1 = asAbsolute(coord1, scroll, origin);
        var a2 = asAbsolute(coord2, scroll, origin);
        return Math.abs(a1.left - a2.left) <= xRange2 && Math.abs(a1.top - a2.top) <= yRange2;
      };
      var getDeltas = function(coord1, coord2, xRange2, yRange2, scroll, origin) {
        var a1 = asAbsolute(coord1, scroll, origin);
        var a2 = asAbsolute(coord2, scroll, origin);
        var left2 = Math.abs(a1.left - a2.left);
        var top2 = Math.abs(a1.top - a2.top);
        return SugarPosition(left2, top2);
      };
      var toStyles = function(coord, scroll, origin) {
        var stylesOpt = coord.fold(function(x, y) {
          return {
            position: Optional.some("absolute"),
            left: Optional.some(x + "px"),
            top: Optional.some(y + "px")
          };
        }, function(x, y) {
          return {
            position: Optional.some("absolute"),
            left: Optional.some(x - origin.left + "px"),
            top: Optional.some(y - origin.top + "px")
          };
        }, function(x, y) {
          return {
            position: Optional.some("fixed"),
            left: Optional.some(x + "px"),
            top: Optional.some(y + "px")
          };
        });
        return __assign({
          right: Optional.none(),
          bottom: Optional.none()
        }, stylesOpt);
      };
      var translate = function(coord, deltaX, deltaY) {
        return coord.fold(function(x, y) {
          return offset(x + deltaX, y + deltaY);
        }, function(x, y) {
          return absolute(x + deltaX, y + deltaY);
        }, function(x, y) {
          return fixed(x + deltaX, y + deltaY);
        });
      };
      var absorb = function(partialCoord, originalCoord, scroll, origin) {
        var absorbOne = function(stencil, nu2) {
          return function(optX, optY) {
            var original2 = stencil(originalCoord, scroll, origin);
            return nu2(optX.getOr(original2.left), optY.getOr(original2.top));
          };
        };
        return partialCoord.fold(absorbOne(asOffset, offset), absorbOne(asAbsolute, absolute), absorbOne(asFixed, fixed));
      };
      var offset = adt.offset;
      var absolute = adt.absolute;
      var fixed = adt.fixed;
      var parseAttrToInt = function(element2, name2) {
        var value2 = get$d(element2, name2);
        return isUndefined(value2) ? NaN : parseInt(value2, 10);
      };
      var get = function(component, snapsInfo) {
        var element2 = component.element;
        var x = parseAttrToInt(element2, snapsInfo.leftAttr);
        var y = parseAttrToInt(element2, snapsInfo.topAttr);
        return isNaN(x) || isNaN(y) ? Optional.none() : Optional.some(SugarPosition(x, y));
      };
      var set = function(component, snapsInfo, pt) {
        var element2 = component.element;
        set$8(element2, snapsInfo.leftAttr, pt.left + "px");
        set$8(element2, snapsInfo.topAttr, pt.top + "px");
      };
      var clear = function(component, snapsInfo) {
        var element2 = component.element;
        remove$7(element2, snapsInfo.leftAttr);
        remove$7(element2, snapsInfo.topAttr);
      };
      var getCoords = function(component, snapInfo, coord, delta) {
        return get(component, snapInfo).fold(function() {
          return coord;
        }, function(fixed$12) {
          return fixed(fixed$12.left + delta.left, fixed$12.top + delta.top);
        });
      };
      var moveOrSnap = function(component, snapInfo, coord, delta, scroll, origin) {
        var newCoord = getCoords(component, snapInfo, coord, delta);
        var snap2 = snapInfo.mustSnap ? findClosestSnap(component, snapInfo, newCoord, scroll, origin) : findSnap(component, snapInfo, newCoord, scroll, origin);
        var fixedCoord = asFixed(newCoord, scroll, origin);
        set(component, snapInfo, fixedCoord);
        return snap2.fold(function() {
          return {
            coord: fixed(fixedCoord.left, fixedCoord.top),
            extra: Optional.none()
          };
        }, function(spanned) {
          return {
            coord: spanned.output,
            extra: spanned.extra
          };
        });
      };
      var stopDrag = function(component, snapInfo) {
        clear(component, snapInfo);
      };
      var findMatchingSnap = function(snaps, newCoord, scroll, origin) {
        return findMap(snaps, function(snap2) {
          var sensor = snap2.sensor;
          var inRange = withinRange(newCoord, sensor, snap2.range.left, snap2.range.top, scroll, origin);
          return inRange ? Optional.some({
            output: absorb(snap2.output, newCoord, scroll, origin),
            extra: snap2.extra
          }) : Optional.none();
        });
      };
      var findClosestSnap = function(component, snapInfo, newCoord, scroll, origin) {
        var snaps = snapInfo.getSnapPoints(component);
        var matchSnap = findMatchingSnap(snaps, newCoord, scroll, origin);
        return matchSnap.orThunk(function() {
          var bestSnap = foldl(snaps, function(acc, snap2) {
            var sensor = snap2.sensor;
            var deltas = getDeltas(newCoord, sensor, snap2.range.left, snap2.range.top, scroll, origin);
            return acc.deltas.fold(function() {
              return {
                deltas: Optional.some(deltas),
                snap: Optional.some(snap2)
              };
            }, function(bestDeltas) {
              var currAvg = (deltas.left + deltas.top) / 2;
              var bestAvg = (bestDeltas.left + bestDeltas.top) / 2;
              if (currAvg <= bestAvg) {
                return {
                  deltas: Optional.some(deltas),
                  snap: Optional.some(snap2)
                };
              } else {
                return acc;
              }
            });
          }, {
            deltas: Optional.none(),
            snap: Optional.none()
          });
          return bestSnap.snap.map(function(snap2) {
            return {
              output: absorb(snap2.output, newCoord, scroll, origin),
              extra: snap2.extra
            };
          });
        });
      };
      var findSnap = function(component, snapInfo, newCoord, scroll, origin) {
        var snaps = snapInfo.getSnapPoints(component);
        return findMatchingSnap(snaps, newCoord, scroll, origin);
      };
      var snapTo$1 = function(snap2, scroll, origin) {
        return {
          coord: absorb(snap2.output, snap2.output, scroll, origin),
          extra: snap2.extra
        };
      };
      var snapTo = function(component, dragConfig, _state, snap2) {
        var target = dragConfig.getTarget(component.element);
        if (dragConfig.repositionTarget) {
          var doc = owner$4(component.element);
          var scroll_1 = get$9(doc);
          var origin_1 = getOrigin(target);
          var snapPin = snapTo$1(snap2, scroll_1, origin_1);
          var styles = toStyles(snapPin.coord, scroll_1, origin_1);
          setOptions(target, styles);
        }
      };
      var DraggingApis = Object.freeze({
        __proto__: null,
        snapTo
      });
      var initialAttribute = "data-initial-z-index";
      var resetZIndex = function(blocker) {
        parent(blocker.element).filter(isElement$2).each(function(root) {
          getOpt(root, initialAttribute).fold(function() {
            return remove$6(root, "z-index");
          }, function(zIndex) {
            return set$7(root, "z-index", zIndex);
          });
          remove$7(root, initialAttribute);
        });
      };
      var changeZIndex = function(blocker) {
        parent(blocker.element).filter(isElement$2).each(function(root) {
          getRaw(root, "z-index").each(function(zindex) {
            set$8(root, initialAttribute, zindex);
          });
          set$7(root, "z-index", get$c(blocker.element, "z-index"));
        });
      };
      var instigate = function(anyComponent, blocker) {
        anyComponent.getSystem().addToGui(blocker);
        changeZIndex(blocker);
      };
      var discard = function(blocker) {
        resetZIndex(blocker);
        blocker.getSystem().removeFromGui(blocker);
      };
      var createComponent = function(component, blockerClass, blockerEvents) {
        return component.getSystem().build(Container.sketch({
          dom: {
            styles: {
              "left": "0px",
              "top": "0px",
              "width": "100%",
              "height": "100%",
              "position": "fixed",
              "z-index": "1000000000000000"
            },
            classes: [blockerClass]
          },
          events: blockerEvents
        }));
      };
      var SnapSchema = optionObjOf("snaps", [
        required$1("getSnapPoints"),
        onHandler("onSensor"),
        required$1("leftAttr"),
        required$1("topAttr"),
        defaulted("lazyViewport", win),
        defaulted("mustSnap", false)
      ]);
      var schema$6 = [
        defaulted("useFixed", never),
        required$1("blockerClass"),
        defaulted("getTarget", identity$1),
        defaulted("onDrag", noop),
        defaulted("repositionTarget", true),
        defaulted("onDrop", noop),
        defaultedFunction("getBounds", win),
        SnapSchema
      ];
      var getCurrentCoord = function(target) {
        return lift3(getRaw(target, "left"), getRaw(target, "top"), getRaw(target, "position"), function(left2, top2, position2) {
          var nu2 = position2 === "fixed" ? fixed : offset;
          return nu2(parseInt(left2, 10), parseInt(top2, 10));
        }).getOrThunk(function() {
          var location = absolute$3(target);
          return absolute(location.left, location.top);
        });
      };
      var clampCoords = function(component, coords, scroll, origin, startData) {
        var bounds2 = startData.bounds;
        var absoluteCoord = asAbsolute(coords, scroll, origin);
        var newX = clamp$1(absoluteCoord.left, bounds2.x, bounds2.x + bounds2.width - startData.width);
        var newY = clamp$1(absoluteCoord.top, bounds2.y, bounds2.y + bounds2.height - startData.height);
        var newCoords = absolute(newX, newY);
        return coords.fold(function() {
          var offset$1 = asOffset(newCoords, scroll, origin);
          return offset(offset$1.left, offset$1.top);
        }, constant$1(newCoords), function() {
          var fixed$12 = asFixed(newCoords, scroll, origin);
          return fixed(fixed$12.left, fixed$12.top);
        });
      };
      var calcNewCoord = function(component, optSnaps, currentCoord, scroll, origin, delta, startData) {
        var newCoord = optSnaps.fold(function() {
          var translated = translate(currentCoord, delta.left, delta.top);
          var fixedCoord = asFixed(translated, scroll, origin);
          return fixed(fixedCoord.left, fixedCoord.top);
        }, function(snapInfo) {
          var snapping = moveOrSnap(component, snapInfo, currentCoord, delta, scroll, origin);
          snapping.extra.each(function(extra) {
            snapInfo.onSensor(component, extra);
          });
          return snapping.coord;
        });
        return clampCoords(component, newCoord, scroll, origin, startData);
      };
      var dragBy = function(component, dragConfig, startData, delta) {
        var target = dragConfig.getTarget(component.element);
        if (dragConfig.repositionTarget) {
          var doc = owner$4(component.element);
          var scroll_1 = get$9(doc);
          var origin_1 = getOrigin(target);
          var currentCoord = getCurrentCoord(target);
          var newCoord = calcNewCoord(component, dragConfig.snaps, currentCoord, scroll_1, origin_1, delta, startData);
          var styles = toStyles(newCoord, scroll_1, origin_1);
          setOptions(target, styles);
        }
        dragConfig.onDrag(component, target, delta);
      };
      var calcStartData = function(dragConfig, comp) {
        return {
          bounds: dragConfig.getBounds(),
          height: getOuter$2(comp.element),
          width: getOuter$1(comp.element)
        };
      };
      var move = function(component, dragConfig, dragState, dragMode, event) {
        var delta = dragState.update(dragMode, event);
        var dragStartData = dragState.getStartData().getOrThunk(function() {
          return calcStartData(dragConfig, component);
        });
        delta.each(function(dlt) {
          dragBy(component, dragConfig, dragStartData, dlt);
        });
      };
      var stop = function(component, blocker, dragConfig, dragState) {
        blocker.each(discard);
        dragConfig.snaps.each(function(snapInfo) {
          stopDrag(component, snapInfo);
        });
        var target = dragConfig.getTarget(component.element);
        dragState.reset();
        dragConfig.onDrop(component, target);
      };
      var handlers = function(events2) {
        return function(dragConfig, dragState) {
          var updateStartState = function(comp) {
            dragState.setStartData(calcStartData(dragConfig, comp));
          };
          return derive$2(__spreadArray([run$1(windowScroll(), function(comp) {
            dragState.getStartData().each(function() {
              return updateStartState(comp);
            });
          })], events2(dragConfig, dragState, updateStartState), true));
        };
      };
      var init$2 = function(dragApi) {
        return derive$2([
          run$1(mousedown(), dragApi.forceDrop),
          run$1(mouseup(), dragApi.drop),
          run$1(mousemove(), function(comp, simulatedEvent) {
            dragApi.move(simulatedEvent.event);
          }),
          run$1(mouseout(), dragApi.delayDrop)
        ]);
      };
      var getData$1 = function(event) {
        return Optional.from(SugarPosition(event.x, event.y));
      };
      var getDelta$1 = function(old, nu2) {
        return SugarPosition(nu2.left - old.left, nu2.top - old.top);
      };
      var MouseData = Object.freeze({
        __proto__: null,
        getData: getData$1,
        getDelta: getDelta$1
      });
      var events$2 = function(dragConfig, dragState, updateStartState) {
        return [run$1(mousedown(), function(component, simulatedEvent) {
          var raw = simulatedEvent.event.raw;
          if (raw.button !== 0) {
            return;
          }
          simulatedEvent.stop();
          var stop$1 = function() {
            return stop(component, Optional.some(blocker), dragConfig, dragState);
          };
          var delayDrop = DelayedFunction(stop$1, 200);
          var dragApi = {
            drop: stop$1,
            delayDrop: delayDrop.schedule,
            forceDrop: stop$1,
            move: function(event) {
              delayDrop.cancel();
              move(component, dragConfig, dragState, MouseData, event);
            }
          };
          var blocker = createComponent(component, dragConfig.blockerClass, init$2(dragApi));
          var start = function() {
            updateStartState(component);
            instigate(component, blocker);
          };
          start();
        })];
      };
      var schema$5 = __spreadArray(__spreadArray([], schema$6, true), [output$1("dragger", { handlers: handlers(events$2) })], false);
      var init$1 = function(dragApi) {
        return derive$2([
          run$1(touchstart(), dragApi.forceDrop),
          run$1(touchend(), dragApi.drop),
          run$1(touchcancel(), dragApi.drop),
          run$1(touchmove(), function(comp, simulatedEvent) {
            dragApi.move(simulatedEvent.event);
          })
        ]);
      };
      var getDataFrom = function(touches) {
        var touch2 = touches[0];
        return Optional.some(SugarPosition(touch2.clientX, touch2.clientY));
      };
      var getData = function(event) {
        var raw = event.raw;
        var touches = raw.touches;
        return touches.length === 1 ? getDataFrom(touches) : Optional.none();
      };
      var getDelta = function(old, nu2) {
        return SugarPosition(nu2.left - old.left, nu2.top - old.top);
      };
      var TouchData = Object.freeze({
        __proto__: null,
        getData,
        getDelta
      });
      var events$1 = function(dragConfig, dragState, updateStartState) {
        var blockerSingleton = value$1();
        var stopBlocking = function(component) {
          stop(component, blockerSingleton.get(), dragConfig, dragState);
          blockerSingleton.clear();
        };
        return [
          run$1(touchstart(), function(component, simulatedEvent) {
            simulatedEvent.stop();
            var stop2 = function() {
              return stopBlocking(component);
            };
            var dragApi = {
              drop: stop2,
              delayDrop: noop,
              forceDrop: stop2,
              move: function(event) {
                move(component, dragConfig, dragState, TouchData, event);
              }
            };
            var blocker = createComponent(component, dragConfig.blockerClass, init$1(dragApi));
            blockerSingleton.set(blocker);
            var start = function() {
              updateStartState(component);
              instigate(component, blocker);
            };
            start();
          }),
          run$1(touchmove(), function(component, simulatedEvent) {
            simulatedEvent.stop();
            move(component, dragConfig, dragState, TouchData, simulatedEvent.event);
          }),
          run$1(touchend(), function(component, simulatedEvent) {
            simulatedEvent.stop();
            stopBlocking(component);
          }),
          run$1(touchcancel(), stopBlocking)
        ];
      };
      var schema$4 = __spreadArray(__spreadArray([], schema$6, true), [output$1("dragger", { handlers: handlers(events$1) })], false);
      var events = function(dragConfig, dragState, updateStartState) {
        return __spreadArray(__spreadArray([], events$2(dragConfig, dragState, updateStartState), true), events$1(dragConfig, dragState, updateStartState), true);
      };
      var schema$3 = __spreadArray(__spreadArray([], schema$6, true), [output$1("dragger", { handlers: handlers(events) })], false);
      var mouse = schema$5;
      var touch = schema$4;
      var mouseOrTouch = schema$3;
      var DraggingBranches = Object.freeze({
        __proto__: null,
        mouse,
        touch,
        mouseOrTouch
      });
      var init = function() {
        var previous = Optional.none();
        var startData = Optional.none();
        var reset2 = function() {
          previous = Optional.none();
          startData = Optional.none();
        };
        var calculateDelta = function(mode, nu2) {
          var result = previous.map(function(old) {
            return mode.getDelta(old, nu2);
          });
          previous = Optional.some(nu2);
          return result;
        };
        var update = function(mode, dragEvent) {
          return mode.getData(dragEvent).bind(function(nuData) {
            return calculateDelta(mode, nuData);
          });
        };
        var setStartData = function(data) {
          startData = Optional.some(data);
        };
        var getStartData = function() {
          return startData;
        };
        var readState = constant$1({});
        return nu$8({
          readState,
          reset: reset2,
          update,
          getStartData,
          setStartData
        });
      };
      var DragState = Object.freeze({
        __proto__: null,
        init
      });
      var Dragging = createModes({
        branchKey: "mode",
        branches: DraggingBranches,
        name: "dragging",
        active: {
          events: function(dragConfig, dragState) {
            var dragger = dragConfig.dragger;
            return dragger.handlers(dragConfig, dragState);
          }
        },
        extra: {
          snap: function(sConfig) {
            return {
              sensor: sConfig.sensor,
              range: sConfig.range,
              output: sConfig.output,
              extra: Optional.from(sConfig.extra)
            };
          }
        },
        state: DragState,
        apis: DraggingApis
      });
      var snapWidth = 40;
      var snapOffset = snapWidth / 2;
      var calcSnap = function(selectorOpt, td, x, y, width2, height2) {
        return selectorOpt.fold(function() {
          return Dragging.snap({
            sensor: absolute(x - snapOffset, y - snapOffset),
            range: SugarPosition(width2, height2),
            output: absolute(Optional.some(x), Optional.some(y)),
            extra: { td }
          });
        }, function(selectorHandle) {
          var sensorLeft = x - snapOffset;
          var sensorTop = y - snapOffset;
          var sensorWidth = snapWidth;
          var sensorHeight = snapWidth;
          var rect2 = selectorHandle.element.dom.getBoundingClientRect();
          return Dragging.snap({
            sensor: absolute(sensorLeft, sensorTop),
            range: SugarPosition(sensorWidth, sensorHeight),
            output: absolute(Optional.some(x - rect2.width / 2), Optional.some(y - rect2.height / 2)),
            extra: { td }
          });
        });
      };
      var getSnapsConfig = function(getSnapPoints, cell, onChange) {
        var isSameCell = function(cellOpt, td) {
          return cellOpt.exists(function(currentTd) {
            return eq(currentTd, td);
          });
        };
        return {
          getSnapPoints,
          leftAttr: "data-drag-left",
          topAttr: "data-drag-top",
          onSensor: function(component, extra) {
            var td = extra.td;
            if (!isSameCell(cell.get(), td)) {
              cell.set(td);
              onChange(td);
            }
          },
          mustSnap: true
        };
      };
      var createSelector = function(snaps) {
        return record(Button.sketch({
          dom: {
            tag: "div",
            classes: ["tox-selector"]
          },
          buttonBehaviours: derive$1([
            Dragging.config({
              mode: "mouseOrTouch",
              blockerClass: "blocker",
              snaps
            }),
            Unselecting.config({})
          ]),
          eventOrder: {
            mousedown: [
              "dragging",
              "alloy.base.behaviour"
            ],
            touchstart: [
              "dragging",
              "alloy.base.behaviour"
            ]
          }
        }));
      };
      var setup$4 = function(editor, sink) {
        var tlTds = Cell([]);
        var brTds = Cell([]);
        var isVisible2 = Cell(false);
        var startCell = value$1();
        var finishCell = value$1();
        var getTopLeftSnap = function(td) {
          var box2 = absolute$2(td);
          return calcSnap(memTopLeft.getOpt(sink), td, box2.x, box2.y, box2.width, box2.height);
        };
        var getTopLeftSnaps = function() {
          return map$2(tlTds.get(), function(td) {
            return getTopLeftSnap(td);
          });
        };
        var getBottomRightSnap = function(td) {
          var box2 = absolute$2(td);
          return calcSnap(memBottomRight.getOpt(sink), td, box2.right, box2.bottom, box2.width, box2.height);
        };
        var getBottomRightSnaps = function() {
          return map$2(brTds.get(), function(td) {
            return getBottomRightSnap(td);
          });
        };
        var topLeftSnaps = getSnapsConfig(getTopLeftSnaps, startCell, function(start) {
          finishCell.get().each(function(finish) {
            editor.fire("TableSelectorChange", {
              start,
              finish
            });
          });
        });
        var bottomRightSnaps = getSnapsConfig(getBottomRightSnaps, finishCell, function(finish) {
          startCell.get().each(function(start) {
            editor.fire("TableSelectorChange", {
              start,
              finish
            });
          });
        });
        var memTopLeft = createSelector(topLeftSnaps);
        var memBottomRight = createSelector(bottomRightSnaps);
        var topLeft = build$1(memTopLeft.asSpec());
        var bottomRight = build$1(memBottomRight.asSpec());
        var showOrHideHandle = function(selector, cell, isAbove, isBelow) {
          var cellRect = cell.dom.getBoundingClientRect();
          remove$6(selector.element, "display");
          var viewportHeight = defaultView(SugarElement.fromDom(editor.getBody())).dom.innerHeight;
          var aboveViewport = isAbove(cellRect);
          var belowViewport = isBelow(cellRect, viewportHeight);
          if (aboveViewport || belowViewport) {
            set$7(selector.element, "display", "none");
          }
        };
        var snapTo2 = function(selector, cell, getSnapConfig, pos) {
          var snap2 = getSnapConfig(cell);
          Dragging.snapTo(selector, snap2);
          var isAbove = function(rect2) {
            return rect2[pos] < 0;
          };
          var isBelow = function(rect2, viewportHeight) {
            return rect2[pos] > viewportHeight;
          };
          showOrHideHandle(selector, cell, isAbove, isBelow);
        };
        var snapTopLeft = function(cell) {
          return snapTo2(topLeft, cell, getTopLeftSnap, "top");
        };
        var snapLastTopLeft = function() {
          return startCell.get().each(snapTopLeft);
        };
        var snapBottomRight = function(cell) {
          return snapTo2(bottomRight, cell, getBottomRightSnap, "bottom");
        };
        var snapLastBottomRight = function() {
          return finishCell.get().each(snapBottomRight);
        };
        if (detect$1().deviceType.isTouch()) {
          editor.on("TableSelectionChange", function(e) {
            if (!isVisible2.get()) {
              attach(sink, topLeft);
              attach(sink, bottomRight);
              isVisible2.set(true);
            }
            startCell.set(e.start);
            finishCell.set(e.finish);
            e.otherCells.each(function(otherCells) {
              tlTds.set(otherCells.upOrLeftCells);
              brTds.set(otherCells.downOrRightCells);
              snapTopLeft(e.start);
              snapBottomRight(e.finish);
            });
          });
          editor.on("ResizeEditor ResizeWindow ScrollContent", function() {
            snapLastTopLeft();
            snapLastBottomRight();
          });
          editor.on("TableSelectionClear", function() {
            if (isVisible2.get()) {
              detach(topLeft);
              detach(bottomRight);
              isVisible2.set(false);
            }
            startCell.clear();
            finishCell.clear();
          });
        }
      };
      var isHidden = function(elm) {
        if (elm.nodeType === 1) {
          if (elm.nodeName === "BR" || !!elm.getAttribute("data-mce-bogus")) {
            return true;
          }
          if (elm.getAttribute("data-mce-type") === "bookmark") {
            return true;
          }
        }
        return false;
      };
      var renderElementPath = function(editor, settings, providersBackstage) {
        if (!settings.delimiter) {
          settings.delimiter = "\xBB";
        }
        var getDataPath = function(data) {
          var parts2 = data || [];
          var newPathElements = map$2(parts2, function(part2, index) {
            return Button.sketch({
              dom: {
                tag: "div",
                classes: ["tox-statusbar__path-item"],
                attributes: {
                  "role": "button",
                  "data-index": index,
                  "tab-index": -1,
                  "aria-level": index + 1
                },
                innerHtml: part2.name
              },
              action: function(_btn) {
                editor.focus();
                editor.selection.select(part2.element);
                editor.nodeChanged();
              },
              buttonBehaviours: derive$1([
                DisablingConfigs.button(providersBackstage.isDisabled),
                receivingConfig()
              ])
            });
          });
          var divider = {
            dom: {
              tag: "div",
              classes: ["tox-statusbar__path-divider"],
              attributes: { "aria-hidden": true },
              innerHtml: " " + settings.delimiter + " "
            }
          };
          return foldl(newPathElements.slice(1), function(acc, element2) {
            var newAcc = acc;
            newAcc.push(divider);
            newAcc.push(element2);
            return newAcc;
          }, [newPathElements[0]]);
        };
        var updatePath = function(parents) {
          var newPath = [];
          var i = parents.length;
          while (i-- > 0) {
            var parent_1 = parents[i];
            if (parent_1.nodeType === 1 && !isHidden(parent_1)) {
              var args = editor.fire("ResolveName", {
                name: parent_1.nodeName.toLowerCase(),
                target: parent_1
              });
              if (!args.isDefaultPrevented()) {
                newPath.push({
                  name: args.name,
                  element: parent_1
                });
              }
              if (args.isPropagationStopped()) {
                break;
              }
            }
          }
          return newPath;
        };
        return {
          dom: {
            tag: "div",
            classes: ["tox-statusbar__path"],
            attributes: { role: "navigation" }
          },
          behaviours: derive$1([
            Keying.config({
              mode: "flow",
              selector: "div[role=button]"
            }),
            Disabling.config({ disabled: providersBackstage.isDisabled }),
            receivingConfig(),
            Tabstopping.config({}),
            Replacing.config({}),
            config("elementPathEvents", [runOnAttached(function(comp, _e) {
              editor.shortcuts.add("alt+F11", "focus statusbar elementpath", function() {
                return Keying.focusIn(comp);
              });
              editor.on("NodeChange", function(e) {
                var newPath = updatePath(e.parents);
                if (newPath.length > 0) {
                  Replacing.set(comp, getDataPath(newPath));
                } else {
                  Replacing.set(comp, []);
                }
              });
            })])
          ]),
          components: []
        };
      };
      var ResizeTypes;
      (function(ResizeTypes2) {
        ResizeTypes2[ResizeTypes2["None"] = 0] = "None";
        ResizeTypes2[ResizeTypes2["Both"] = 1] = "Both";
        ResizeTypes2[ResizeTypes2["Vertical"] = 2] = "Vertical";
      })(ResizeTypes || (ResizeTypes = {}));
      var getDimensions = function(editor, deltas, resizeType, originalHeight, originalWidth) {
        var dimensions = {};
        dimensions.height = calcCappedSize(originalHeight + deltas.top, getMinHeightSetting(editor), getMaxHeightSetting(editor));
        if (resizeType === ResizeTypes.Both) {
          dimensions.width = calcCappedSize(originalWidth + deltas.left, getMinWidthSetting(editor), getMaxWidthSetting(editor));
        }
        return dimensions;
      };
      var resize = function(editor, deltas, resizeType) {
        var container = SugarElement.fromDom(editor.getContainer());
        var dimensions = getDimensions(editor, deltas, resizeType, get$b(container), get$a(container));
        each(dimensions, function(val, dim) {
          return set$7(container, dim, numToPx(val));
        });
        fireResizeEditor(editor);
      };
      var getResizeType = function(editor) {
        var fallback2 = !editor.hasPlugin("autoresize");
        var resize2 = editor.getParam("resize", fallback2);
        if (resize2 === false) {
          return ResizeTypes.None;
        } else if (resize2 === "both") {
          return ResizeTypes.Both;
        } else {
          return ResizeTypes.Vertical;
        }
      };
      var keyboardHandler = function(editor, resizeType, x, y) {
        var scale2 = 20;
        var delta = SugarPosition(x * scale2, y * scale2);
        resize(editor, delta, resizeType);
        return Optional.some(true);
      };
      var renderResizeHandler = function(editor, providersBackstage) {
        var resizeType = getResizeType(editor);
        if (resizeType === ResizeTypes.None) {
          return Optional.none();
        }
        return Optional.some(render$3("resize-handle", {
          tag: "div",
          classes: ["tox-statusbar__resize-handle"],
          attributes: { title: providersBackstage.translate("Resize") },
          behaviours: [
            Dragging.config({
              mode: "mouse",
              repositionTarget: false,
              onDrag: function(_comp, _target, delta) {
                return resize(editor, delta, resizeType);
              },
              blockerClass: "tox-blocker"
            }),
            Keying.config({
              mode: "special",
              onLeft: function() {
                return keyboardHandler(editor, resizeType, -1, 0);
              },
              onRight: function() {
                return keyboardHandler(editor, resizeType, 1, 0);
              },
              onUp: function() {
                return keyboardHandler(editor, resizeType, 0, -1);
              },
              onDown: function() {
                return keyboardHandler(editor, resizeType, 0, 1);
              }
            }),
            Tabstopping.config({}),
            Focusing.config({})
          ]
        }, providersBackstage.icons));
      };
      var renderWordCount = function(editor, providersBackstage) {
        var _a2;
        var replaceCountText = function(comp, count2, mode) {
          return Replacing.set(comp, [text(providersBackstage.translate([
            "{0} " + mode,
            count2[mode]
          ]))]);
        };
        return Button.sketch({
          dom: {
            tag: "button",
            classes: ["tox-statusbar__wordcount"]
          },
          components: [],
          buttonBehaviours: derive$1([
            DisablingConfigs.button(providersBackstage.isDisabled),
            receivingConfig(),
            Tabstopping.config({}),
            Replacing.config({}),
            Representing.config({
              store: {
                mode: "memory",
                initialValue: {
                  mode: "words",
                  count: {
                    words: 0,
                    characters: 0
                  }
                }
              }
            }),
            config("wordcount-events", [
              runOnExecute$1(function(comp) {
                var currentVal = Representing.getValue(comp);
                var newMode = currentVal.mode === "words" ? "characters" : "words";
                Representing.setValue(comp, {
                  mode: newMode,
                  count: currentVal.count
                });
                replaceCountText(comp, currentVal.count, newMode);
              }),
              runOnAttached(function(comp) {
                editor.on("wordCountUpdate", function(e) {
                  var mode = Representing.getValue(comp).mode;
                  Representing.setValue(comp, {
                    mode,
                    count: e.wordCount
                  });
                  replaceCountText(comp, e.wordCount, mode);
                });
              })
            ])
          ]),
          eventOrder: (_a2 = {}, _a2[execute$5()] = [
            "disabling",
            "alloy.base.behaviour",
            "wordcount-events"
          ], _a2)
        });
      };
      var renderStatusbar = function(editor, providersBackstage) {
        var renderBranding = function() {
          var label = global$e.translate([
            "Powered by {0}",
            "Tiny"
          ]);
          var linkHtml = '<a href="https://www.tiny.cloud/?utm_campaign=editor_referral&amp;utm_medium=poweredby&amp;utm_source=tinymce&amp;utm_content=v5" rel="noopener" target="_blank" tabindex="-1" aria-label="' + label + '">' + label + "</a>";
          return {
            dom: {
              tag: "span",
              classes: ["tox-statusbar__branding"],
              innerHtml: linkHtml
            }
          };
        };
        var getTextComponents = function() {
          var components2 = [];
          if (editor.getParam("elementpath", true, "boolean")) {
            components2.push(renderElementPath(editor, {}, providersBackstage));
          }
          if (editor.hasPlugin("wordcount")) {
            components2.push(renderWordCount(editor, providersBackstage));
          }
          if (editor.getParam("branding", true, "boolean")) {
            components2.push(renderBranding());
          }
          if (components2.length > 0) {
            return [{
              dom: {
                tag: "div",
                classes: ["tox-statusbar__text-container"]
              },
              components: components2
            }];
          }
          return [];
        };
        var getComponents = function() {
          var components2 = getTextComponents();
          var resizeHandler = renderResizeHandler(editor, providersBackstage);
          return components2.concat(resizeHandler.toArray());
        };
        return {
          dom: {
            tag: "div",
            classes: ["tox-statusbar"]
          },
          components: getComponents()
        };
      };
      var setup$3 = function(editor) {
        var _a2;
        var isInline = editor.inline;
        var mode = isInline ? Inline : Iframe;
        var header = isStickyToolbar(editor) ? StickyHeader : StaticHeader;
        var lazyOuterContainer = Optional.none();
        var platform2 = detect$1();
        var isIE = platform2.browser.isIE();
        var platformClasses = isIE ? ["tox-platform-ie"] : [];
        var isTouch2 = platform2.deviceType.isTouch();
        var touchPlatformClass = "tox-platform-touch";
        var deviceClasses = isTouch2 ? [touchPlatformClass] : [];
        var isToolbarBottom = isToolbarLocationBottom(editor);
        var uiContainer = getUiContainer(editor);
        var dirAttributes = global$e.isRtl() ? { attributes: { dir: "rtl" } } : {};
        var verticalDirAttributes = { attributes: (_a2 = {}, _a2[Attribute] = isToolbarBottom ? AttributeValue.BottomToTop : AttributeValue.TopToBottom, _a2) };
        var lazyHeader = function() {
          return lazyOuterContainer.bind(OuterContainer.getHeader);
        };
        var isHeaderDocked = function() {
          return header.isDocked(lazyHeader);
        };
        var resizeUiMothership = function() {
          set$7(uiMothership.element, "width", document.body.clientWidth + "px");
        };
        var makeSinkDefinition = function() {
          var isGridUiContainer = eq(body(), uiContainer) && get$c(uiContainer, "display") === "grid";
          var sinkSpec = {
            dom: __assign({
              tag: "div",
              classes: [
                "tox",
                "tox-silver-sink",
                "tox-tinymce-aux"
              ].concat(platformClasses).concat(deviceClasses)
            }, dirAttributes),
            behaviours: derive$1([Positioning.config({
              useFixed: function() {
                return isHeaderDocked();
              }
            })])
          };
          var reactiveWidthSpec = {
            dom: { styles: { width: document.body.clientWidth + "px" } },
            events: derive$2([run$1(windowResize(), resizeUiMothership)])
          };
          return deepMerge(sinkSpec, isGridUiContainer ? reactiveWidthSpec : {});
        };
        var sink = build$1(makeSinkDefinition());
        var lazySink = function() {
          return Result.value(sink);
        };
        var memAnchorBar = record({
          dom: {
            tag: "div",
            classes: ["tox-anchorbar"]
          }
        });
        var lazyAnchorBar = function() {
          return lazyOuterContainer.bind(function(container) {
            return memAnchorBar.getOpt(container);
          }).getOrDie("Could not find a anchor bar element");
        };
        var lazyToolbar = function() {
          return lazyOuterContainer.bind(function(container) {
            return OuterContainer.getToolbar(container);
          }).getOrDie("Could not find more toolbar element");
        };
        var lazyThrobber = function() {
          return lazyOuterContainer.bind(function(container) {
            return OuterContainer.getThrobber(container);
          }).getOrDie("Could not find throbber element");
        };
        var backstage = init$7(sink, editor, lazyAnchorBar);
        var partMenubar2 = OuterContainer.parts.menubar({
          dom: {
            tag: "div",
            classes: ["tox-menubar"]
          },
          backstage,
          onEscape: function() {
            editor.focus();
          }
        });
        var toolbarMode = getToolbarMode(editor);
        var partToolbar2 = OuterContainer.parts.toolbar(__assign({
          dom: {
            tag: "div",
            classes: ["tox-toolbar"]
          },
          getSink: lazySink,
          providers: backstage.shared.providers,
          onEscape: function() {
            editor.focus();
          },
          type: toolbarMode,
          lazyToolbar,
          lazyHeader: function() {
            return lazyHeader().getOrDie("Could not find header element");
          }
        }, verticalDirAttributes));
        var partMultipleToolbar2 = OuterContainer.parts["multiple-toolbar"]({
          dom: {
            tag: "div",
            classes: ["tox-toolbar-overlord"]
          },
          providers: backstage.shared.providers,
          onEscape: function() {
            editor.focus();
          },
          type: toolbarMode
        });
        var partSocket2 = OuterContainer.parts.socket({
          dom: {
            tag: "div",
            classes: ["tox-edit-area"]
          }
        });
        var partSidebar2 = OuterContainer.parts.sidebar({
          dom: {
            tag: "div",
            classes: ["tox-sidebar"]
          }
        });
        var partThrobber2 = OuterContainer.parts.throbber({
          dom: {
            tag: "div",
            classes: ["tox-throbber"]
          },
          backstage
        });
        var sb = editor.getParam("statusbar", true, "boolean");
        var statusbar = sb && !isInline ? Optional.some(renderStatusbar(editor, backstage.shared.providers)) : Optional.none();
        var socketSidebarContainer = {
          dom: {
            tag: "div",
            classes: ["tox-sidebar-wrap"]
          },
          components: [
            partSocket2,
            partSidebar2
          ]
        };
        var hasMultipleToolbar = isMultipleToolbars(editor);
        var hasToolbar = isToolbarEnabled(editor);
        var hasMenubar = isMenubarEnabled(editor);
        var getPartToolbar = function() {
          if (hasMultipleToolbar) {
            return [partMultipleToolbar2];
          } else if (hasToolbar) {
            return [partToolbar2];
          } else {
            return [];
          }
        };
        var partHeader2 = OuterContainer.parts.header({
          dom: __assign({
            tag: "div",
            classes: ["tox-editor-header"]
          }, verticalDirAttributes),
          components: flatten([
            hasMenubar ? [partMenubar2] : [],
            getPartToolbar(),
            useFixedContainer(editor) ? [] : [memAnchorBar.asSpec()]
          ]),
          sticky: isStickyToolbar(editor),
          editor,
          sharedBackstage: backstage.shared
        });
        var editorComponents = flatten([
          isToolbarBottom ? [] : [partHeader2],
          isInline ? [] : [socketSidebarContainer],
          isToolbarBottom ? [partHeader2] : []
        ]);
        var editorContainer = {
          dom: {
            tag: "div",
            classes: ["tox-editor-container"]
          },
          components: editorComponents
        };
        var containerComponents = flatten([
          [editorContainer],
          isInline ? [] : statusbar.toArray(),
          [partThrobber2]
        ]);
        var isHidden2 = isDistractionFree(editor);
        var attributes = __assign(__assign({ role: "application" }, global$e.isRtl() ? { dir: "rtl" } : {}), isHidden2 ? { "aria-hidden": "true" } : {});
        var outerContainer = build$1(OuterContainer.sketch({
          dom: {
            tag: "div",
            classes: [
              "tox",
              "tox-tinymce"
            ].concat(isInline ? ["tox-tinymce-inline"] : []).concat(isToolbarBottom ? ["tox-tinymce--toolbar-bottom"] : []).concat(deviceClasses).concat(platformClasses),
            styles: __assign({ visibility: "hidden" }, isHidden2 ? {
              opacity: "0",
              border: "0"
            } : {}),
            attributes
          },
          components: containerComponents,
          behaviours: derive$1([
            receivingConfig(),
            Disabling.config({ disableClass: "tox-tinymce--disabled" }),
            Keying.config({
              mode: "cyclic",
              selector: ".tox-menubar, .tox-toolbar, .tox-toolbar__primary, .tox-toolbar__overflow--open, .tox-sidebar__overflow--open, .tox-statusbar__path, .tox-statusbar__wordcount, .tox-statusbar__branding a, .tox-statusbar__resize-handle"
            })
          ])
        }));
        lazyOuterContainer = Optional.some(outerContainer);
        editor.shortcuts.add("alt+F9", "focus menubar", function() {
          OuterContainer.focusMenubar(outerContainer);
        });
        editor.shortcuts.add("alt+F10", "focus toolbar", function() {
          OuterContainer.focusToolbar(outerContainer);
        });
        editor.addCommand("ToggleToolbarDrawer", function() {
          OuterContainer.toggleToolbarDrawer(outerContainer);
        });
        editor.addQueryStateHandler("ToggleToolbarDrawer", function() {
          return OuterContainer.isToolbarDrawerToggled(outerContainer);
        });
        var mothership = takeover(outerContainer);
        var uiMothership = takeover(sink);
        setup$b(editor, mothership, uiMothership);
        var getUi = function() {
          var channels = {
            broadcastAll: uiMothership.broadcast,
            broadcastOn: uiMothership.broadcastOn,
            register: noop
          };
          return { channels };
        };
        var setEditorSize = function() {
          var parsedHeight = numToPx(getHeightWithFallback(editor));
          var parsedWidth = numToPx(getWidthWithFallback(editor));
          if (!editor.inline) {
            if (isValidValue("div", "width", parsedWidth)) {
              set$7(outerContainer.element, "width", parsedWidth);
            }
            if (isValidValue("div", "height", parsedHeight)) {
              set$7(outerContainer.element, "height", parsedHeight);
            } else {
              set$7(outerContainer.element, "height", "200px");
            }
          }
          return parsedHeight;
        };
        var renderUI = function() {
          header.setup(editor, backstage.shared, lazyHeader);
          setup$6(editor, backstage);
          setup$5(editor, lazySink, backstage);
          setup$8(editor);
          setup$7(editor, lazyThrobber, backstage.shared);
          map$1(getToolbarGroups(editor), function(toolbarGroupButtonConfig, name2) {
            editor.ui.registry.addGroupToolbarButton(name2, toolbarGroupButtonConfig);
          });
          var _a3 = editor.ui.registry.getAll(), buttons = _a3.buttons, menuItems = _a3.menuItems, contextToolbars = _a3.contextToolbars, sidebars = _a3.sidebars;
          var toolbarOpt = getMultipleToolbarsSetting(editor);
          var rawUiConfig = {
            menuItems,
            menus: getMenus(editor),
            menubar: getMenubar(editor),
            toolbar: toolbarOpt.getOrThunk(function() {
              return getToolbar(editor);
            }),
            allowToolbarGroups: toolbarMode === ToolbarMode.floating,
            buttons,
            sidebar: sidebars
          };
          register$7(editor, contextToolbars, sink, { backstage });
          setup$4(editor, sink);
          var elm = editor.getElement();
          var height2 = setEditorSize();
          var uiComponents = {
            mothership,
            uiMothership,
            outerContainer
          };
          var args = {
            targetNode: elm,
            height: height2
          };
          return mode.render(editor, uiComponents, rawUiConfig, backstage, args);
        };
        return {
          mothership,
          uiMothership,
          backstage,
          renderUI,
          getUi
        };
      };
      var describedBy = function(describedElement, describeElement) {
        var describeId = Optional.from(get$d(describedElement, "id")).fold(function() {
          var id = generate$6("dialog-describe");
          set$8(describeElement, "id", id);
          return id;
        }, identity$1);
        set$8(describedElement, "aria-describedby", describeId);
      };
      var labelledBy = function(labelledElement, labelElement) {
        var labelId = getOpt(labelledElement, "id").fold(function() {
          var id = generate$6("dialog-label");
          set$8(labelElement, "id", id);
          return id;
        }, identity$1);
        set$8(labelledElement, "aria-labelledby", labelId);
      };
      var schema$2 = constant$1([
        required$1("lazySink"),
        option("dragBlockClass"),
        defaultedFunction("getBounds", win),
        defaulted("useTabstopAt", always),
        defaulted("eventOrder", {}),
        field("modalBehaviours", [Keying]),
        onKeyboardHandler("onExecute"),
        onStrictKeyboardHandler("onEscape")
      ]);
      var basic = { sketch: identity$1 };
      var parts$2 = constant$1([
        optional({
          name: "draghandle",
          overrides: function(detail, spec) {
            return {
              behaviours: derive$1([Dragging.config({
                mode: "mouse",
                getTarget: function(handle2) {
                  return ancestor(handle2, '[role="dialog"]').getOr(handle2);
                },
                blockerClass: detail.dragBlockClass.getOrDie(new Error("The drag blocker class was not specified for a dialog with a drag handle: \n" + JSON.stringify(spec, null, 2)).message),
                getBounds: detail.getDragBounds
              })])
            };
          }
        }),
        required({
          schema: [required$1("dom")],
          name: "title"
        }),
        required({
          factory: basic,
          schema: [required$1("dom")],
          name: "close"
        }),
        required({
          factory: basic,
          schema: [required$1("dom")],
          name: "body"
        }),
        optional({
          factory: basic,
          schema: [required$1("dom")],
          name: "footer"
        }),
        external$1({
          factory: {
            sketch: function(spec, detail) {
              return __assign(__assign({}, spec), {
                dom: detail.dom,
                components: detail.components
              });
            }
          },
          schema: [
            defaulted("dom", {
              tag: "div",
              styles: {
                position: "fixed",
                left: "0px",
                top: "0px",
                right: "0px",
                bottom: "0px"
              }
            }),
            defaulted("components", [])
          ],
          name: "blocker"
        })
      ]);
      var factory$4 = function(detail, components2, spec, externals) {
        var _a2;
        var dialogComp = value$1();
        var showDialog = function(dialog) {
          dialogComp.set(dialog);
          var sink = detail.lazySink(dialog).getOrDie();
          var externalBlocker = externals.blocker();
          var blocker = sink.getSystem().build(__assign(__assign({}, externalBlocker), {
            components: externalBlocker.components.concat([premade(dialog)]),
            behaviours: derive$1([
              Focusing.config({}),
              config("dialog-blocker-events", [runOnSource(focusin(), function() {
                Keying.focusIn(dialog);
              })])
            ])
          }));
          attach(sink, blocker);
          Keying.focusIn(dialog);
        };
        var hideDialog = function(dialog) {
          dialogComp.clear();
          parent(dialog.element).each(function(blockerDom) {
            dialog.getSystem().getByDom(blockerDom).each(function(blocker) {
              detach(blocker);
            });
          });
        };
        var getDialogBody = function(dialog) {
          return getPartOrDie(dialog, detail, "body");
        };
        var getDialogFooter = function(dialog) {
          return getPartOrDie(dialog, detail, "footer");
        };
        var setBusy = function(dialog, getBusySpec2) {
          Blocking.block(dialog, getBusySpec2);
        };
        var setIdle = function(dialog) {
          Blocking.unblock(dialog);
        };
        var modalEventsId = generate$6("modal-events");
        var eventOrder = __assign(__assign({}, detail.eventOrder), (_a2 = {}, _a2[attachedToDom()] = [modalEventsId].concat(detail.eventOrder["alloy.system.attached"] || []), _a2));
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          apis: {
            show: showDialog,
            hide: hideDialog,
            getBody: getDialogBody,
            getFooter: getDialogFooter,
            setIdle,
            setBusy
          },
          eventOrder,
          domModification: {
            attributes: {
              "role": "dialog",
              "aria-modal": "true"
            }
          },
          behaviours: augment(detail.modalBehaviours, [
            Replacing.config({}),
            Keying.config({
              mode: "cyclic",
              onEnter: detail.onExecute,
              onEscape: detail.onEscape,
              useTabstopAt: detail.useTabstopAt
            }),
            Blocking.config({ getRoot: dialogComp.get }),
            config(modalEventsId, [runOnAttached(function(c) {
              labelledBy(c.element, getPartOrDie(c, detail, "title").element);
              describedBy(c.element, getPartOrDie(c, detail, "body").element);
            })])
          ])
        };
      };
      var ModalDialog = composite({
        name: "ModalDialog",
        configFields: schema$2(),
        partFields: parts$2(),
        factory: factory$4,
        apis: {
          show: function(apis, dialog) {
            apis.show(dialog);
          },
          hide: function(apis, dialog) {
            apis.hide(dialog);
          },
          getBody: function(apis, dialog) {
            return apis.getBody(dialog);
          },
          getFooter: function(apis, dialog) {
            return apis.getFooter(dialog);
          },
          setBusy: function(apis, dialog, getBusySpec2) {
            apis.setBusy(dialog, getBusySpec2);
          },
          setIdle: function(apis, dialog) {
            apis.setIdle(dialog);
          }
        }
      });
      var dialogToggleMenuItemSchema = objOf([
        requiredString("type"),
        requiredString("name")
      ].concat(commonMenuItemFields));
      var dialogToggleMenuItemDataProcessor = boolean;
      var baseFooterButtonFields = [
        field$1("name", "name", defaultedThunk(function() {
          return generate$6("button-name");
        }), string),
        optionString("icon"),
        defaultedStringEnum("align", "end", [
          "start",
          "end"
        ]),
        defaultedBoolean("primary", false),
        defaultedBoolean("disabled", false)
      ];
      var dialogFooterButtonFields = __spreadArray(__spreadArray([], baseFooterButtonFields, true), [requiredString("text")], false);
      var normalFooterButtonFields = __spreadArray([requiredStringEnum("type", [
        "submit",
        "cancel",
        "custom"
      ])], dialogFooterButtonFields, true);
      var menuFooterButtonFields = __spreadArray([
        requiredStringEnum("type", ["menu"]),
        optionString("text"),
        optionString("tooltip"),
        optionString("icon"),
        requiredArrayOf("items", dialogToggleMenuItemSchema)
      ], baseFooterButtonFields, true);
      var dialogFooterButtonSchema = choose$1("type", {
        submit: normalFooterButtonFields,
        cancel: normalFooterButtonFields,
        custom: normalFooterButtonFields,
        menu: menuFooterButtonFields
      });
      var alertBannerFields = [
        requiredString("type"),
        requiredString("text"),
        requiredStringEnum("level", [
          "info",
          "warn",
          "error",
          "success"
        ]),
        requiredString("icon"),
        defaulted("url", "")
      ];
      var alertBannerSchema = objOf(alertBannerFields);
      var createBarFields = function(itemsField) {
        return [
          requiredString("type"),
          itemsField
        ];
      };
      var buttonFields = [
        requiredString("type"),
        requiredString("text"),
        defaultedBoolean("disabled", false),
        defaultedBoolean("primary", false),
        field$1("name", "name", defaultedThunk(function() {
          return generate$6("button-name");
        }), string),
        optionString("icon"),
        defaultedBoolean("borderless", false)
      ];
      var buttonSchema = objOf(buttonFields);
      var checkboxFields = [
        requiredString("type"),
        requiredString("name"),
        requiredString("label"),
        defaultedBoolean("disabled", false)
      ];
      var checkboxSchema = objOf(checkboxFields);
      var checkboxDataProcessor = boolean;
      var formComponentFields = [
        requiredString("type"),
        requiredString("name")
      ];
      var formComponentWithLabelFields = formComponentFields.concat([optionString("label")]);
      var collectionFields = formComponentWithLabelFields.concat([defaulted("columns", "auto")]);
      var collectionSchema = objOf(collectionFields);
      var collectionDataProcessor = arrOfObj([
        requiredString("value"),
        requiredString("text"),
        requiredString("icon")
      ]);
      var colorInputFields = formComponentWithLabelFields;
      var colorInputSchema = objOf(colorInputFields);
      var colorInputDataProcessor = string;
      var colorPickerFields = formComponentWithLabelFields;
      var colorPickerSchema = objOf(colorPickerFields);
      var colorPickerDataProcessor = string;
      var customEditorFields = formComponentFields.concat([
        defaultedString("tag", "textarea"),
        requiredString("scriptId"),
        requiredString("scriptUrl"),
        defaultedPostMsg("settings", void 0)
      ]);
      var customEditorFieldsOld = formComponentFields.concat([
        defaultedString("tag", "textarea"),
        requiredFunction("init")
      ]);
      var customEditorSchema = valueOf(function(v) {
        return asRaw("customeditor.old", objOfOnly(customEditorFieldsOld), v).orThunk(function() {
          return asRaw("customeditor.new", objOfOnly(customEditorFields), v);
        });
      });
      var customEditorDataProcessor = string;
      var dropZoneFields = formComponentWithLabelFields;
      var dropZoneSchema = objOf(dropZoneFields);
      var dropZoneDataProcessor = arrOfVal();
      var createGridFields = function(itemsField) {
        return [
          requiredString("type"),
          requiredNumber("columns"),
          itemsField
        ];
      };
      var htmlPanelFields = [
        requiredString("type"),
        requiredString("html"),
        defaultedStringEnum("presets", "presentation", [
          "presentation",
          "document"
        ])
      ];
      var htmlPanelSchema = objOf(htmlPanelFields);
      var iframeFields = formComponentWithLabelFields.concat([defaultedBoolean("sandboxed", true)]);
      var iframeSchema = objOf(iframeFields);
      var iframeDataProcessor = string;
      var imageToolsFields = formComponentWithLabelFields.concat([requiredOf("currentState", objOf([
        required$1("blob"),
        requiredString("url")
      ]))]);
      var imageToolsSchema = objOf(imageToolsFields);
      var inputFields = formComponentWithLabelFields.concat([
        optionString("inputMode"),
        optionString("placeholder"),
        defaultedBoolean("maximized", false),
        defaultedBoolean("disabled", false)
      ]);
      var inputSchema = objOf(inputFields);
      var inputDataProcessor = string;
      var createLabelFields = function(itemsField) {
        return [
          requiredString("type"),
          requiredString("label"),
          itemsField
        ];
      };
      var listBoxSingleItemFields = [
        requiredString("text"),
        requiredString("value")
      ];
      var listBoxNestedItemFields = [
        requiredString("text"),
        requiredArrayOf("items", thunkOf("items", function() {
          return listBoxItemSchema;
        }))
      ];
      var listBoxItemSchema = oneOf([
        objOf(listBoxSingleItemFields),
        objOf(listBoxNestedItemFields)
      ]);
      var listBoxFields = formComponentWithLabelFields.concat([
        requiredArrayOf("items", listBoxItemSchema),
        defaultedBoolean("disabled", false)
      ]);
      var listBoxSchema = objOf(listBoxFields);
      var listBoxDataProcessor = string;
      var selectBoxFields = formComponentWithLabelFields.concat([
        requiredArrayOfObj("items", [
          requiredString("text"),
          requiredString("value")
        ]),
        defaultedNumber("size", 1),
        defaultedBoolean("disabled", false)
      ]);
      var selectBoxSchema = objOf(selectBoxFields);
      var selectBoxDataProcessor = string;
      var sizeInputFields = formComponentWithLabelFields.concat([
        defaultedBoolean("constrain", true),
        defaultedBoolean("disabled", false)
      ]);
      var sizeInputSchema = objOf(sizeInputFields);
      var sizeInputDataProcessor = objOf([
        requiredString("width"),
        requiredString("height")
      ]);
      var tableFields = [
        requiredString("type"),
        requiredArrayOf("header", string),
        requiredArrayOf("cells", arrOf(string))
      ];
      var tableSchema = objOf(tableFields);
      var textAreaFields = formComponentWithLabelFields.concat([
        optionString("placeholder"),
        defaultedBoolean("maximized", false),
        defaultedBoolean("disabled", false)
      ]);
      var textAreaSchema = objOf(textAreaFields);
      var textAreaDataProcessor = string;
      var urlInputFields = formComponentWithLabelFields.concat([
        defaultedStringEnum("filetype", "file", [
          "image",
          "media",
          "file"
        ]),
        defaulted("disabled", false)
      ]);
      var urlInputSchema = objOf(urlInputFields);
      var urlInputDataProcessor = objOf([
        requiredString("value"),
        defaulted("meta", {})
      ]);
      var createItemsField = function(name2) {
        return field$1("items", "items", required$2(), arrOf(valueOf(function(v) {
          return asRaw("Checking item of " + name2, itemSchema, v).fold(function(sErr) {
            return Result.error(formatError(sErr));
          }, function(passValue) {
            return Result.value(passValue);
          });
        })));
      };
      var itemSchema = valueThunk(function() {
        return choose$2("type", {
          alertbanner: alertBannerSchema,
          bar: objOf(createBarFields(createItemsField("bar"))),
          button: buttonSchema,
          checkbox: checkboxSchema,
          colorinput: colorInputSchema,
          colorpicker: colorPickerSchema,
          dropzone: dropZoneSchema,
          grid: objOf(createGridFields(createItemsField("grid"))),
          iframe: iframeSchema,
          input: inputSchema,
          listbox: listBoxSchema,
          selectbox: selectBoxSchema,
          sizeinput: sizeInputSchema,
          textarea: textAreaSchema,
          urlinput: urlInputSchema,
          customeditor: customEditorSchema,
          htmlpanel: htmlPanelSchema,
          imagetools: imageToolsSchema,
          collection: collectionSchema,
          label: objOf(createLabelFields(createItemsField("label"))),
          table: tableSchema,
          panel: panelSchema
        });
      });
      var panelFields = [
        requiredString("type"),
        defaulted("classes", []),
        requiredArrayOf("items", itemSchema)
      ];
      var panelSchema = objOf(panelFields);
      var tabFields = [
        field$1("name", "name", defaultedThunk(function() {
          return generate$6("tab-name");
        }), string),
        requiredString("title"),
        requiredArrayOf("items", itemSchema)
      ];
      var tabPanelFields = [
        requiredString("type"),
        requiredArrayOfObj("tabs", tabFields)
      ];
      var tabPanelSchema = objOf(tabPanelFields);
      var dialogButtonFields = dialogFooterButtonFields;
      var dialogButtonSchema = dialogFooterButtonSchema;
      var dialogSchema = objOf([
        requiredString("title"),
        requiredOf("body", choose$2("type", {
          panel: panelSchema,
          tabpanel: tabPanelSchema
        })),
        defaultedString("size", "normal"),
        requiredArrayOf("buttons", dialogButtonSchema),
        defaulted("initialData", {}),
        defaultedFunction("onAction", noop),
        defaultedFunction("onChange", noop),
        defaultedFunction("onSubmit", noop),
        defaultedFunction("onClose", noop),
        defaultedFunction("onCancel", noop),
        defaulted("onTabChange", noop)
      ]);
      var createDialog = function(spec) {
        return asRaw("dialog", dialogSchema, spec);
      };
      var urlDialogButtonSchema = objOf(__spreadArray([requiredStringEnum("type", [
        "cancel",
        "custom"
      ])], dialogButtonFields, true));
      var urlDialogSchema = objOf([
        requiredString("title"),
        requiredString("url"),
        optionNumber("height"),
        optionNumber("width"),
        optionArrayOf("buttons", urlDialogButtonSchema),
        defaultedFunction("onAction", noop),
        defaultedFunction("onCancel", noop),
        defaultedFunction("onClose", noop),
        defaultedFunction("onMessage", noop)
      ]);
      var createUrlDialog = function(spec) {
        return asRaw("dialog", urlDialogSchema, spec);
      };
      var getAllObjects = function(obj) {
        if (isObject(obj)) {
          return [obj].concat(bind$3(values(obj), getAllObjects));
        } else if (isArray(obj)) {
          return bind$3(obj, getAllObjects);
        } else {
          return [];
        }
      };
      var isNamedItem = function(obj) {
        return isString(obj.type) && isString(obj.name);
      };
      var dataProcessors = {
        checkbox: checkboxDataProcessor,
        colorinput: colorInputDataProcessor,
        colorpicker: colorPickerDataProcessor,
        dropzone: dropZoneDataProcessor,
        input: inputDataProcessor,
        iframe: iframeDataProcessor,
        sizeinput: sizeInputDataProcessor,
        selectbox: selectBoxDataProcessor,
        listbox: listBoxDataProcessor,
        size: sizeInputDataProcessor,
        textarea: textAreaDataProcessor,
        urlinput: urlInputDataProcessor,
        customeditor: customEditorDataProcessor,
        collection: collectionDataProcessor,
        togglemenuitem: dialogToggleMenuItemDataProcessor
      };
      var getDataProcessor = function(item2) {
        return Optional.from(dataProcessors[item2.type]);
      };
      var getNamedItems = function(structure) {
        return filter$2(getAllObjects(structure), isNamedItem);
      };
      var createDataValidator = function(structure) {
        var namedItems = getNamedItems(structure);
        var fields = bind$3(namedItems, function(item2) {
          return getDataProcessor(item2).fold(function() {
            return [];
          }, function(schema2) {
            return [requiredOf(item2.name, schema2)];
          });
        });
        return objOf(fields);
      };
      var extract = function(structure) {
        var internalDialog = getOrDie(createDialog(structure));
        var dataValidator = createDataValidator(structure);
        var initialData = structure.initialData;
        return {
          internalDialog,
          dataValidator,
          initialData
        };
      };
      var DialogManager = {
        open: function(factory2, structure) {
          var extraction = extract(structure);
          return factory2(extraction.internalDialog, extraction.initialData, extraction.dataValidator);
        },
        openUrl: function(factory2, structure) {
          var internalDialog = getOrDie(createUrlDialog(structure));
          return factory2(internalDialog);
        },
        redial: function(structure) {
          return extract(structure);
        }
      };
      var toValidValues = function(values2) {
        var errors = [];
        var result = {};
        each(values2, function(value2, name2) {
          value2.fold(function() {
            errors.push(name2);
          }, function(v) {
            result[name2] = v;
          });
        });
        return errors.length > 0 ? Result.error(errors) : Result.value(result);
      };
      var renderBodyPanel = function(spec, backstage) {
        var memForm = record(Form.sketch(function(parts2) {
          return {
            dom: {
              tag: "div",
              classes: ["tox-form"].concat(spec.classes)
            },
            components: map$2(spec.items, function(item2) {
              return interpretInForm(parts2, item2, backstage);
            })
          };
        }));
        return {
          dom: {
            tag: "div",
            classes: ["tox-dialog__body"]
          },
          components: [{
            dom: {
              tag: "div",
              classes: ["tox-dialog__body-content"]
            },
            components: [memForm.asSpec()]
          }],
          behaviours: derive$1([
            Keying.config({
              mode: "acyclic",
              useTabstopAt: not(isPseudoStop)
            }),
            ComposingConfigs.memento(memForm),
            RepresentingConfigs.memento(memForm, {
              postprocess: function(formValue) {
                return toValidValues(formValue).fold(function(err) {
                  console.error(err);
                  return {};
                }, identity$1);
              }
            })
          ])
        };
      };
      var factory$3 = function(detail, _spec) {
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: detail.components,
          events: events$a(detail.action),
          behaviours: augment(detail.tabButtonBehaviours, [
            Focusing.config({}),
            Keying.config({
              mode: "execution",
              useSpace: true,
              useEnter: true
            }),
            Representing.config({
              store: {
                mode: "memory",
                initialValue: detail.value
              }
            })
          ]),
          domModification: detail.domModification
        };
      };
      var TabButton = single({
        name: "TabButton",
        configFields: [
          defaulted("uid", void 0),
          required$1("value"),
          field$1("dom", "dom", mergeWithThunk(function() {
            return {
              attributes: {
                "role": "tab",
                "id": generate$6("aria"),
                "aria-selected": "false"
              }
            };
          }), anyValue()),
          option("action"),
          defaulted("domModification", {}),
          field("tabButtonBehaviours", [
            Focusing,
            Keying,
            Representing
          ]),
          required$1("view")
        ],
        factory: factory$3
      });
      var schema$1 = constant$1([
        required$1("tabs"),
        required$1("dom"),
        defaulted("clickToDismiss", false),
        field("tabbarBehaviours", [
          Highlighting,
          Keying
        ]),
        markers$1([
          "tabClass",
          "selectedClass"
        ])
      ]);
      var tabsPart = group({
        factory: TabButton,
        name: "tabs",
        unit: "tab",
        overrides: function(barDetail) {
          var dismissTab$1 = function(tabbar, button2) {
            Highlighting.dehighlight(tabbar, button2);
            emitWith(tabbar, dismissTab(), {
              tabbar,
              button: button2
            });
          };
          var changeTab$1 = function(tabbar, button2) {
            Highlighting.highlight(tabbar, button2);
            emitWith(tabbar, changeTab(), {
              tabbar,
              button: button2
            });
          };
          return {
            action: function(button2) {
              var tabbar = button2.getSystem().getByUid(barDetail.uid).getOrDie();
              var activeButton = Highlighting.isHighlighted(tabbar, button2);
              var response = function() {
                if (activeButton && barDetail.clickToDismiss) {
                  return dismissTab$1;
                } else if (!activeButton) {
                  return changeTab$1;
                } else {
                  return noop;
                }
              }();
              response(tabbar, button2);
            },
            domModification: { classes: [barDetail.markers.tabClass] }
          };
        }
      });
      var parts$1 = constant$1([tabsPart]);
      var factory$2 = function(detail, components2, _spec, _externals) {
        return {
          "uid": detail.uid,
          "dom": detail.dom,
          components: components2,
          "debug.sketcher": "Tabbar",
          "domModification": { attributes: { role: "tablist" } },
          "behaviours": augment(detail.tabbarBehaviours, [
            Highlighting.config({
              highlightClass: detail.markers.selectedClass,
              itemClass: detail.markers.tabClass,
              onHighlight: function(tabbar, tab) {
                set$8(tab.element, "aria-selected", "true");
              },
              onDehighlight: function(tabbar, tab) {
                set$8(tab.element, "aria-selected", "false");
              }
            }),
            Keying.config({
              mode: "flow",
              getInitial: function(tabbar) {
                return Highlighting.getHighlighted(tabbar).map(function(tab) {
                  return tab.element;
                });
              },
              selector: "." + detail.markers.tabClass,
              executeOnMove: true
            })
          ])
        };
      };
      var Tabbar = composite({
        name: "Tabbar",
        configFields: schema$1(),
        partFields: parts$1(),
        factory: factory$2
      });
      var factory$1 = function(detail, _spec) {
        return {
          uid: detail.uid,
          dom: detail.dom,
          behaviours: augment(detail.tabviewBehaviours, [Replacing.config({})]),
          domModification: { attributes: { role: "tabpanel" } }
        };
      };
      var Tabview = single({
        name: "Tabview",
        configFields: [field("tabviewBehaviours", [Replacing])],
        factory: factory$1
      });
      var schema = constant$1([
        defaulted("selectFirst", true),
        onHandler("onChangeTab"),
        onHandler("onDismissTab"),
        defaulted("tabs", []),
        field("tabSectionBehaviours", [])
      ]);
      var barPart = required({
        factory: Tabbar,
        schema: [
          required$1("dom"),
          requiredObjOf("markers", [
            required$1("tabClass"),
            required$1("selectedClass")
          ])
        ],
        name: "tabbar",
        defaults: function(detail) {
          return { tabs: detail.tabs };
        }
      });
      var viewPart = required({
        factory: Tabview,
        name: "tabview"
      });
      var parts = constant$1([
        barPart,
        viewPart
      ]);
      var factory = function(detail, components2, _spec, _externals) {
        var changeTab$1 = function(button2) {
          var tabValue = Representing.getValue(button2);
          getPart(button2, detail, "tabview").each(function(tabview) {
            var tabWithValue = find$5(detail.tabs, function(t2) {
              return t2.value === tabValue;
            });
            tabWithValue.each(function(tabData) {
              var panel = tabData.view();
              getOpt(button2.element, "id").each(function(id) {
                set$8(tabview.element, "aria-labelledby", id);
              });
              Replacing.set(tabview, panel);
              detail.onChangeTab(tabview, button2, panel);
            });
          });
        };
        var changeTabBy = function(section, byPred) {
          getPart(section, detail, "tabbar").each(function(tabbar) {
            byPred(tabbar).each(emitExecute);
          });
        };
        return {
          uid: detail.uid,
          dom: detail.dom,
          components: components2,
          behaviours: get$2(detail.tabSectionBehaviours),
          events: derive$2(flatten([
            detail.selectFirst ? [runOnAttached(function(section, _simulatedEvent) {
              changeTabBy(section, Highlighting.getFirst);
            })] : [],
            [
              run$1(changeTab(), function(section, simulatedEvent) {
                var button2 = simulatedEvent.event.button;
                changeTab$1(button2);
              }),
              run$1(dismissTab(), function(section, simulatedEvent) {
                var button2 = simulatedEvent.event.button;
                detail.onDismissTab(section, button2);
              })
            ]
          ])),
          apis: {
            getViewItems: function(section) {
              return getPart(section, detail, "tabview").map(function(tabview) {
                return Replacing.contents(tabview);
              }).getOr([]);
            },
            showTab: function(section, tabKey) {
              var getTabIfNotActive = function(tabbar) {
                var candidates = Highlighting.getCandidates(tabbar);
                var optTab = find$5(candidates, function(c) {
                  return Representing.getValue(c) === tabKey;
                });
                return optTab.filter(function(tab) {
                  return !Highlighting.isHighlighted(tabbar, tab);
                });
              };
              changeTabBy(section, getTabIfNotActive);
            }
          }
        };
      };
      var TabSection = composite({
        name: "TabSection",
        configFields: schema(),
        partFields: parts(),
        factory,
        apis: {
          getViewItems: function(apis, component) {
            return apis.getViewItems(component);
          },
          showTab: function(apis, component, tabKey) {
            apis.showTab(component, tabKey);
          }
        }
      });
      var measureHeights = function(allTabs, tabview, tabviewComp) {
        return map$2(allTabs, function(_tab, i) {
          Replacing.set(tabviewComp, allTabs[i].view());
          var rect2 = tabview.dom.getBoundingClientRect();
          Replacing.set(tabviewComp, []);
          return rect2.height;
        });
      };
      var getMaxHeight = function(heights) {
        return head(sort(heights, function(a, b2) {
          if (a > b2) {
            return -1;
          } else if (a < b2) {
            return 1;
          } else {
            return 0;
          }
        }));
      };
      var getMaxTabviewHeight = function(dialog, tabview, tablist) {
        var documentElement$1 = documentElement(dialog).dom;
        var rootElm = ancestor(dialog, ".tox-dialog-wrap").getOr(dialog);
        var isFixed = get$c(rootElm, "position") === "fixed";
        var maxHeight;
        if (isFixed) {
          maxHeight = Math.max(documentElement$1.clientHeight, window.innerHeight);
        } else {
          maxHeight = Math.max(documentElement$1.offsetHeight, documentElement$1.scrollHeight);
        }
        var tabviewHeight = get$b(tabview);
        var isTabListBeside = tabview.dom.offsetLeft >= tablist.dom.offsetLeft + get$a(tablist);
        var currentTabHeight = isTabListBeside ? Math.max(get$b(tablist), tabviewHeight) : tabviewHeight;
        var dialogTopMargin = parseInt(get$c(dialog, "margin-top"), 10) || 0;
        var dialogBottomMargin = parseInt(get$c(dialog, "margin-bottom"), 10) || 0;
        var dialogHeight = get$b(dialog) + dialogTopMargin + dialogBottomMargin;
        var chromeHeight = dialogHeight - currentTabHeight;
        return maxHeight - chromeHeight;
      };
      var showTab = function(allTabs, comp) {
        head(allTabs).each(function(tab) {
          return TabSection.showTab(comp, tab.value);
        });
      };
      var setTabviewHeight = function(tabview, height2) {
        set$7(tabview, "height", height2 + "px");
        if (!detect$1().browser.isIE()) {
          set$7(tabview, "flex-basis", height2 + "px");
        } else {
          remove$6(tabview, "flex-basis");
        }
      };
      var updateTabviewHeight = function(dialogBody, tabview, maxTabHeight) {
        ancestor(dialogBody, '[role="dialog"]').each(function(dialog) {
          descendant(dialog, '[role="tablist"]').each(function(tablist) {
            maxTabHeight.get().map(function(height2) {
              set$7(tabview, "height", "0");
              set$7(tabview, "flex-basis", "0");
              return Math.min(height2, getMaxTabviewHeight(dialog, tabview, tablist));
            }).each(function(height2) {
              setTabviewHeight(tabview, height2);
            });
          });
        });
      };
      var getTabview = function(dialog) {
        return descendant(dialog, '[role="tabpanel"]');
      };
      var setMode = function(allTabs) {
        var smartTabHeight = function() {
          var maxTabHeight = value$1();
          var extraEvents = [
            runOnAttached(function(comp) {
              var dialog = comp.element;
              getTabview(dialog).each(function(tabview) {
                set$7(tabview, "visibility", "hidden");
                comp.getSystem().getByDom(tabview).toOptional().each(function(tabviewComp) {
                  var heights = measureHeights(allTabs, tabview, tabviewComp);
                  var maxTabHeightOpt = getMaxHeight(heights);
                  maxTabHeightOpt.fold(maxTabHeight.clear, maxTabHeight.set);
                });
                updateTabviewHeight(dialog, tabview, maxTabHeight);
                remove$6(tabview, "visibility");
                showTab(allTabs, comp);
                global$f.requestAnimationFrame(function() {
                  updateTabviewHeight(dialog, tabview, maxTabHeight);
                });
              });
            }),
            run$1(windowResize(), function(comp) {
              var dialog = comp.element;
              getTabview(dialog).each(function(tabview) {
                updateTabviewHeight(dialog, tabview, maxTabHeight);
              });
            }),
            run$1(formResizeEvent, function(comp, _se) {
              var dialog = comp.element;
              getTabview(dialog).each(function(tabview) {
                var oldFocus = active(getRootNode(tabview));
                set$7(tabview, "visibility", "hidden");
                var oldHeight = getRaw(tabview, "height").map(function(h) {
                  return parseInt(h, 10);
                });
                remove$6(tabview, "height");
                remove$6(tabview, "flex-basis");
                var newHeight = tabview.dom.getBoundingClientRect().height;
                var hasGrown2 = oldHeight.forall(function(h) {
                  return newHeight > h;
                });
                if (hasGrown2) {
                  maxTabHeight.set(newHeight);
                  updateTabviewHeight(dialog, tabview, maxTabHeight);
                } else {
                  oldHeight.each(function(h) {
                    setTabviewHeight(tabview, h);
                  });
                }
                remove$6(tabview, "visibility");
                oldFocus.each(focus$3);
              });
            })
          ];
          var selectFirst = false;
          return {
            extraEvents,
            selectFirst
          };
        }();
        var naiveTabHeight = function() {
          var extraEvents = [];
          var selectFirst = true;
          return {
            extraEvents,
            selectFirst
          };
        }();
        return {
          smartTabHeight,
          naiveTabHeight
        };
      };
      var SendDataToSectionChannel = "send-data-to-section";
      var SendDataToViewChannel = "send-data-to-view";
      var renderTabPanel = function(spec, backstage) {
        var storedValue = Cell({});
        var updateDataWithForm = function(form) {
          var formData = Representing.getValue(form);
          var validData = toValidValues(formData).getOr({});
          var currentData = storedValue.get();
          var newData = deepMerge(currentData, validData);
          storedValue.set(newData);
        };
        var setDataOnForm = function(form) {
          var tabData = storedValue.get();
          Representing.setValue(form, tabData);
        };
        var oldTab = Cell(null);
        var allTabs = map$2(spec.tabs, function(tab) {
          return {
            value: tab.name,
            dom: {
              tag: "div",
              classes: ["tox-dialog__body-nav-item"],
              innerHtml: backstage.shared.providers.translate(tab.title)
            },
            view: function() {
              return [Form.sketch(function(parts2) {
                return {
                  dom: {
                    tag: "div",
                    classes: ["tox-form"]
                  },
                  components: map$2(tab.items, function(item2) {
                    return interpretInForm(parts2, item2, backstage);
                  }),
                  formBehaviours: derive$1([
                    Keying.config({
                      mode: "acyclic",
                      useTabstopAt: not(isPseudoStop)
                    }),
                    config("TabView.form.events", [
                      runOnAttached(setDataOnForm),
                      runOnDetached(updateDataWithForm)
                    ]),
                    Receiving.config({
                      channels: wrapAll([
                        {
                          key: SendDataToSectionChannel,
                          value: { onReceive: updateDataWithForm }
                        },
                        {
                          key: SendDataToViewChannel,
                          value: { onReceive: setDataOnForm }
                        }
                      ])
                    })
                  ])
                };
              })];
            }
          };
        });
        var tabMode = setMode(allTabs).smartTabHeight;
        return TabSection.sketch({
          dom: {
            tag: "div",
            classes: ["tox-dialog__body"]
          },
          onChangeTab: function(section, button2, _viewItems) {
            var name2 = Representing.getValue(button2);
            emitWith(section, formTabChangeEvent, {
              name: name2,
              oldName: oldTab.get()
            });
            oldTab.set(name2);
          },
          tabs: allTabs,
          components: [
            TabSection.parts.tabbar({
              dom: {
                tag: "div",
                classes: ["tox-dialog__body-nav"]
              },
              components: [Tabbar.parts.tabs({})],
              markers: {
                tabClass: "tox-tab",
                selectedClass: "tox-dialog__body-nav-item--active"
              },
              tabbarBehaviours: derive$1([Tabstopping.config({})])
            }),
            TabSection.parts.tabview({
              dom: {
                tag: "div",
                classes: ["tox-dialog__body-content"]
              }
            })
          ],
          selectFirst: tabMode.selectFirst,
          tabSectionBehaviours: derive$1([
            config("tabpanel", tabMode.extraEvents),
            Keying.config({ mode: "acyclic" }),
            Composing.config({
              find: function(comp) {
                return head(TabSection.getViewItems(comp));
              }
            }),
            Representing.config({
              store: {
                mode: "manual",
                getValue: function(tsection) {
                  tsection.getSystem().broadcastOn([SendDataToSectionChannel], {});
                  return storedValue.get();
                },
                setValue: function(tsection, value2) {
                  storedValue.set(value2);
                  tsection.getSystem().broadcastOn([SendDataToViewChannel], {});
                }
              }
            })
          ])
        });
      };
      var dialogChannel = generate$6("update-dialog");
      var titleChannel = generate$6("update-title");
      var bodyChannel = generate$6("update-body");
      var footerChannel = generate$6("update-footer");
      var bodySendMessageChannel = generate$6("body-send-message");
      var renderBody = function(spec, id, backstage, ariaAttrs) {
        var renderComponents2 = function(incoming) {
          switch (incoming.body.type) {
            case "tabpanel": {
              return [renderTabPanel(incoming.body, backstage)];
            }
            default: {
              return [renderBodyPanel(incoming.body, backstage)];
            }
          }
        };
        var updateState = function(_comp, incoming) {
          return Optional.some({
            isTabPanel: function() {
              return incoming.body.type === "tabpanel";
            }
          });
        };
        var ariaAttributes = { "aria-live": "polite" };
        return {
          dom: {
            tag: "div",
            classes: ["tox-dialog__content-js"],
            attributes: __assign(__assign({}, id.map(function(x) {
              return { id: x };
            }).getOr({})), ariaAttrs ? ariaAttributes : {})
          },
          components: [],
          behaviours: derive$1([
            ComposingConfigs.childAt(0),
            Reflecting.config({
              channel: bodyChannel,
              updateState,
              renderComponents: renderComponents2,
              initialData: spec
            })
          ])
        };
      };
      var renderInlineBody = function(spec, contentId, backstage, ariaAttrs) {
        return renderBody(spec, Optional.some(contentId), backstage, ariaAttrs);
      };
      var renderModalBody = function(spec, backstage) {
        var bodySpec = renderBody(spec, Optional.none(), backstage, false);
        return ModalDialog.parts.body(bodySpec);
      };
      var renderIframeBody = function(spec) {
        var bodySpec = {
          dom: {
            tag: "div",
            classes: ["tox-dialog__content-js"]
          },
          components: [{
            dom: {
              tag: "div",
              classes: ["tox-dialog__body-iframe"]
            },
            components: [craft({
              dom: {
                tag: "iframe",
                attributes: { src: spec.url }
              },
              behaviours: derive$1([
                Tabstopping.config({}),
                Focusing.config({})
              ])
            })]
          }],
          behaviours: derive$1([Keying.config({
            mode: "acyclic",
            useTabstopAt: not(isPseudoStop)
          })])
        };
        return ModalDialog.parts.body(bodySpec);
      };
      var isTouch = global$9.deviceType.isTouch();
      var hiddenHeader = function(title, close2) {
        return {
          dom: {
            tag: "div",
            styles: { display: "none" },
            classes: ["tox-dialog__header"]
          },
          components: [
            title,
            close2
          ]
        };
      };
      var pClose = function(onClose, providersBackstage) {
        return ModalDialog.parts.close(Button.sketch({
          dom: {
            tag: "button",
            classes: [
              "tox-button",
              "tox-button--icon",
              "tox-button--naked"
            ],
            attributes: {
              "type": "button",
              "aria-label": providersBackstage.translate("Close")
            }
          },
          action: onClose,
          buttonBehaviours: derive$1([Tabstopping.config({})])
        }));
      };
      var pUntitled = function() {
        return ModalDialog.parts.title({
          dom: {
            tag: "div",
            classes: ["tox-dialog__title"],
            innerHtml: "",
            styles: { display: "none" }
          }
        });
      };
      var pBodyMessage = function(message, providersBackstage) {
        return ModalDialog.parts.body({
          dom: {
            tag: "div",
            classes: ["tox-dialog__body"]
          },
          components: [{
            dom: {
              tag: "div",
              classes: ["tox-dialog__body-content"]
            },
            components: [{ dom: fromHtml("<p>" + providersBackstage.translate(message) + "</p>") }]
          }]
        });
      };
      var pFooter = function(buttons) {
        return ModalDialog.parts.footer({
          dom: {
            tag: "div",
            classes: ["tox-dialog__footer"]
          },
          components: buttons
        });
      };
      var pFooterGroup = function(startButtons, endButtons) {
        return [
          Container.sketch({
            dom: {
              tag: "div",
              classes: ["tox-dialog__footer-start"]
            },
            components: startButtons
          }),
          Container.sketch({
            dom: {
              tag: "div",
              classes: ["tox-dialog__footer-end"]
            },
            components: endButtons
          })
        ];
      };
      var renderDialog$1 = function(spec) {
        var _a2;
        var dialogClass = "tox-dialog";
        var blockerClass = dialogClass + "-wrap";
        var blockerBackdropClass = blockerClass + "__backdrop";
        var scrollLockClass = dialogClass + "__disable-scroll";
        return ModalDialog.sketch({
          lazySink: spec.lazySink,
          onEscape: function(comp) {
            spec.onEscape(comp);
            return Optional.some(true);
          },
          useTabstopAt: function(elem) {
            return !isPseudoStop(elem);
          },
          dom: {
            tag: "div",
            classes: [dialogClass].concat(spec.extraClasses),
            styles: __assign({ position: "relative" }, spec.extraStyles)
          },
          components: __spreadArray([
            spec.header,
            spec.body
          ], spec.footer.toArray(), true),
          parts: {
            blocker: {
              dom: fromHtml('<div class="' + blockerClass + '"></div>'),
              components: [{
                dom: {
                  tag: "div",
                  classes: isTouch ? [
                    blockerBackdropClass,
                    blockerBackdropClass + "--opaque"
                  ] : [blockerBackdropClass]
                }
              }]
            }
          },
          dragBlockClass: blockerClass,
          modalBehaviours: derive$1(__spreadArray([
            Focusing.config({}),
            config("dialog-events", spec.dialogEvents.concat([runOnSource(focusin(), function(comp, _se) {
              Keying.focusIn(comp);
            })])),
            config("scroll-lock", [
              runOnAttached(function() {
                add$2(body(), scrollLockClass);
              }),
              runOnDetached(function() {
                remove$2(body(), scrollLockClass);
              })
            ])
          ], spec.extraBehaviours, true)),
          eventOrder: __assign((_a2 = {}, _a2[execute$5()] = ["dialog-events"], _a2[attachedToDom()] = [
            "scroll-lock",
            "dialog-events",
            "alloy.base.behaviour"
          ], _a2[detachedFromDom()] = [
            "alloy.base.behaviour",
            "dialog-events",
            "scroll-lock"
          ], _a2), spec.eventOrder)
        });
      };
      var renderClose = function(providersBackstage) {
        return Button.sketch({
          dom: {
            tag: "button",
            classes: [
              "tox-button",
              "tox-button--icon",
              "tox-button--naked"
            ],
            attributes: {
              "type": "button",
              "aria-label": providersBackstage.translate("Close"),
              "title": providersBackstage.translate("Close")
            }
          },
          components: [render$3("close", {
            tag: "div",
            classes: ["tox-icon"]
          }, providersBackstage.icons)],
          action: function(comp) {
            emit(comp, formCancelEvent);
          }
        });
      };
      var renderTitle = function(spec, id, providersBackstage) {
        var renderComponents2 = function(data) {
          return [text(providersBackstage.translate(data.title))];
        };
        return {
          dom: {
            tag: "div",
            classes: ["tox-dialog__title"],
            attributes: __assign({}, id.map(function(x) {
              return { id: x };
            }).getOr({}))
          },
          components: renderComponents2(spec),
          behaviours: derive$1([Reflecting.config({
            channel: titleChannel,
            renderComponents: renderComponents2
          })])
        };
      };
      var renderDragHandle = function() {
        return { dom: fromHtml('<div class="tox-dialog__draghandle"></div>') };
      };
      var renderInlineHeader = function(spec, titleId, providersBackstage) {
        return Container.sketch({
          dom: fromHtml('<div class="tox-dialog__header"></div>'),
          components: [
            renderTitle(spec, Optional.some(titleId), providersBackstage),
            renderDragHandle(),
            renderClose(providersBackstage)
          ],
          containerBehaviours: derive$1([Dragging.config({
            mode: "mouse",
            blockerClass: "blocker",
            getTarget: function(handle2) {
              return closest$1(handle2, '[role="dialog"]').getOrDie();
            },
            snaps: {
              getSnapPoints: function() {
                return [];
              },
              leftAttr: "data-drag-left",
              topAttr: "data-drag-top"
            }
          })])
        });
      };
      var renderModalHeader = function(spec, providersBackstage) {
        var pTitle = ModalDialog.parts.title(renderTitle(spec, Optional.none(), providersBackstage));
        var pHandle = ModalDialog.parts.draghandle(renderDragHandle());
        var pClose2 = ModalDialog.parts.close(renderClose(providersBackstage));
        var components2 = [pTitle].concat(spec.draggable ? [pHandle] : []).concat([pClose2]);
        return Container.sketch({
          dom: fromHtml('<div class="tox-dialog__header"></div>'),
          components: components2
        });
      };
      var getHeader = function(title, backstage) {
        return renderModalHeader({
          title: backstage.shared.providers.translate(title),
          draggable: backstage.dialog.isDraggableModal()
        }, backstage.shared.providers);
      };
      var getBusySpec = function(message, bs, providers) {
        return {
          dom: {
            tag: "div",
            classes: ["tox-dialog__busy-spinner"],
            attributes: { "aria-label": providers.translate(message) },
            styles: {
              left: "0px",
              right: "0px",
              bottom: "0px",
              top: "0px",
              position: "absolute"
            }
          },
          behaviours: bs,
          components: [{ dom: fromHtml('<div class="tox-spinner"><div></div><div></div><div></div></div>') }]
        };
      };
      var getEventExtras = function(lazyDialog, providers, extra) {
        return {
          onClose: function() {
            return extra.closeWindow();
          },
          onBlock: function(blockEvent) {
            ModalDialog.setBusy(lazyDialog(), function(_comp, bs) {
              return getBusySpec(blockEvent.message, bs, providers);
            });
          },
          onUnblock: function() {
            ModalDialog.setIdle(lazyDialog());
          }
        };
      };
      var renderModalDialog = function(spec, initialData, dialogEvents, backstage) {
        var _a2;
        var updateState = function(_comp, incoming) {
          return Optional.some(incoming);
        };
        return build$1(renderDialog$1(__assign(__assign({}, spec), {
          lazySink: backstage.shared.getSink,
          extraBehaviours: __spreadArray([
            Reflecting.config({
              channel: dialogChannel,
              updateState,
              initialData
            }),
            RepresentingConfigs.memory({})
          ], spec.extraBehaviours, true),
          onEscape: function(comp) {
            emit(comp, formCancelEvent);
          },
          dialogEvents,
          eventOrder: (_a2 = {}, _a2[receive()] = [
            Reflecting.name(),
            Receiving.name()
          ], _a2[attachedToDom()] = [
            "scroll-lock",
            Reflecting.name(),
            "messages",
            "dialog-events",
            "alloy.base.behaviour"
          ], _a2[detachedFromDom()] = [
            "alloy.base.behaviour",
            "dialog-events",
            "messages",
            Reflecting.name(),
            "scroll-lock"
          ], _a2)
        })));
      };
      var mapMenuButtons = function(buttons) {
        var mapItems = function(button2) {
          var items = map$2(button2.items, function(item2) {
            var cell = Cell(false);
            return __assign(__assign({}, item2), { storage: cell });
          });
          return __assign(__assign({}, button2), { items });
        };
        return map$2(buttons, function(button2) {
          if (button2.type === "menu") {
            return mapItems(button2);
          }
          return button2;
        });
      };
      var extractCellsToObject = function(buttons) {
        return foldl(buttons, function(acc, button2) {
          if (button2.type === "menu") {
            var menuButton = button2;
            return foldl(menuButton.items, function(innerAcc, item2) {
              innerAcc[item2.name] = item2.storage;
              return innerAcc;
            }, acc);
          }
          return acc;
        }, {});
      };
      var initCommonEvents = function(fireApiEvent, extras) {
        return [
          runWithTarget(focusin(), onFocus),
          fireApiEvent(formCloseEvent, function(_api, spec) {
            extras.onClose();
            spec.onClose();
          }),
          fireApiEvent(formCancelEvent, function(api2, spec, _event, self2) {
            spec.onCancel(api2);
            emit(self2, formCloseEvent);
          }),
          run$1(formUnblockEvent, function(_c, _se) {
            return extras.onUnblock();
          }),
          run$1(formBlockEvent, function(_c, se) {
            return extras.onBlock(se.event);
          })
        ];
      };
      var initUrlDialog = function(getInstanceApi, extras) {
        var fireApiEvent = function(eventName, f) {
          return run$1(eventName, function(c, se) {
            withSpec(c, function(spec, _c) {
              f(getInstanceApi(), spec, se.event, c);
            });
          });
        };
        var withSpec = function(c, f) {
          Reflecting.getState(c).get().each(function(currentDialog) {
            f(currentDialog, c);
          });
        };
        return __spreadArray(__spreadArray([], initCommonEvents(fireApiEvent, extras), true), [fireApiEvent(formActionEvent, function(api2, spec, event) {
          spec.onAction(api2, { name: event.name });
        })], false);
      };
      var initDialog = function(getInstanceApi, extras, getSink2) {
        var fireApiEvent = function(eventName, f) {
          return run$1(eventName, function(c, se) {
            withSpec(c, function(spec, _c) {
              f(getInstanceApi(), spec, se.event, c);
            });
          });
        };
        var withSpec = function(c, f) {
          Reflecting.getState(c).get().each(function(currentDialogInit) {
            f(currentDialogInit.internalDialog, c);
          });
        };
        return __spreadArray(__spreadArray([], initCommonEvents(fireApiEvent, extras), true), [
          fireApiEvent(formSubmitEvent, function(api2, spec) {
            return spec.onSubmit(api2);
          }),
          fireApiEvent(formChangeEvent, function(api2, spec, event) {
            spec.onChange(api2, { name: event.name });
          }),
          fireApiEvent(formActionEvent, function(api2, spec, event, component) {
            var focusIn2 = function() {
              return Keying.focusIn(component);
            };
            var isDisabled2 = function(focused) {
              return has$1(focused, "disabled") || getOpt(focused, "aria-disabled").exists(function(val) {
                return val === "true";
              });
            };
            var rootNode = getRootNode(component.element);
            var current = active(rootNode);
            spec.onAction(api2, {
              name: event.name,
              value: event.value
            });
            active(rootNode).fold(focusIn2, function(focused) {
              if (isDisabled2(focused)) {
                focusIn2();
              } else if (current.exists(function(cur) {
                return contains(focused, cur) && isDisabled2(cur);
              })) {
                focusIn2();
              } else {
                getSink2().toOptional().filter(function(sink) {
                  return !contains(sink.element, focused);
                }).each(focusIn2);
              }
            });
          }),
          fireApiEvent(formTabChangeEvent, function(api2, spec, event) {
            spec.onTabChange(api2, {
              newTabName: event.name,
              oldTabName: event.oldName
            });
          }),
          runOnDetached(function(component) {
            var api2 = getInstanceApi();
            Representing.setValue(component, api2.getData());
          })
        ], false);
      };
      var SilverDialogEvents = {
        initUrlDialog,
        initDialog
      };
      var makeButton = function(button2, backstage) {
        return renderFooterButton(button2, button2.type, backstage);
      };
      var lookup = function(compInSystem, footerButtons, buttonName) {
        return find$5(footerButtons, function(button2) {
          return button2.name === buttonName;
        }).bind(function(memButton) {
          return memButton.memento.getOpt(compInSystem);
        });
      };
      var renderComponents = function(_data, state) {
        var footerButtons = state.map(function(s) {
          return s.footerButtons;
        }).getOr([]);
        var buttonGroups = partition$3(footerButtons, function(button2) {
          return button2.align === "start";
        });
        var makeGroup = function(edge2, buttons) {
          return Container.sketch({
            dom: {
              tag: "div",
              classes: ["tox-dialog__footer-" + edge2]
            },
            components: map$2(buttons, function(button2) {
              return button2.memento.asSpec();
            })
          });
        };
        var startButtons = makeGroup("start", buttonGroups.pass);
        var endButtons = makeGroup("end", buttonGroups.fail);
        return [
          startButtons,
          endButtons
        ];
      };
      var renderFooter = function(initSpec, backstage) {
        var updateState = function(_comp, data) {
          var footerButtons = map$2(data.buttons, function(button2) {
            var memButton = record(makeButton(button2, backstage));
            return {
              name: button2.name,
              align: button2.align,
              memento: memButton
            };
          });
          var lookupByName = function(compInSystem, buttonName) {
            return lookup(compInSystem, footerButtons, buttonName);
          };
          return Optional.some({
            lookupByName,
            footerButtons
          });
        };
        return {
          dom: fromHtml('<div class="tox-dialog__footer"></div>'),
          components: [],
          behaviours: derive$1([Reflecting.config({
            channel: footerChannel,
            initialData: initSpec,
            updateState,
            renderComponents
          })])
        };
      };
      var renderInlineFooter = function(initSpec, backstage) {
        return renderFooter(initSpec, backstage);
      };
      var renderModalFooter = function(initSpec, backstage) {
        return ModalDialog.parts.footer(renderFooter(initSpec, backstage));
      };
      var getCompByName = function(access, name2) {
        var root = access.getRoot();
        if (root.getSystem().isConnected()) {
          var form_1 = Composing.getCurrent(access.getFormWrapper()).getOr(access.getFormWrapper());
          return Form.getField(form_1, name2).fold(function() {
            var footer = access.getFooter();
            var footerState = Reflecting.getState(footer);
            return footerState.get().bind(function(f) {
              return f.lookupByName(form_1, name2);
            });
          }, function(comp) {
            return Optional.some(comp);
          });
        } else {
          return Optional.none();
        }
      };
      var validateData$1 = function(access, data) {
        var root = access.getRoot();
        return Reflecting.getState(root).get().map(function(dialogState) {
          return getOrDie(asRaw("data", dialogState.dataValidator, data));
        }).getOr(data);
      };
      var getDialogApi = function(access, doRedial, menuItemStates) {
        var withRoot = function(f) {
          var root = access.getRoot();
          if (root.getSystem().isConnected()) {
            f(root);
          }
        };
        var getData2 = function() {
          var root = access.getRoot();
          var valueComp = root.getSystem().isConnected() ? access.getFormWrapper() : root;
          var representedValues = Representing.getValue(valueComp);
          var menuItemCurrentState = map$1(menuItemStates, function(cell) {
            return cell.get();
          });
          return __assign(__assign({}, representedValues), menuItemCurrentState);
        };
        var setData = function(newData) {
          withRoot(function(_) {
            var prevData = instanceApi.getData();
            var mergedData = __assign(__assign({}, prevData), newData);
            var newInternalData = validateData$1(access, mergedData);
            var form = access.getFormWrapper();
            Representing.setValue(form, newInternalData);
            each(menuItemStates, function(v, k) {
              if (has$2(mergedData, k)) {
                v.set(mergedData[k]);
              }
            });
          });
        };
        var disable2 = function(name2) {
          getCompByName(access, name2).each(Disabling.disable);
        };
        var enable2 = function(name2) {
          getCompByName(access, name2).each(Disabling.enable);
        };
        var focus2 = function(name2) {
          getCompByName(access, name2).each(Focusing.focus);
        };
        var block2 = function(message) {
          if (!isString(message)) {
            throw new Error("The dialogInstanceAPI.block function should be passed a blocking message of type string as an argument");
          }
          withRoot(function(root) {
            emitWith(root, formBlockEvent, { message });
          });
        };
        var unblock2 = function() {
          withRoot(function(root) {
            emit(root, formUnblockEvent);
          });
        };
        var showTab2 = function(name2) {
          withRoot(function(_) {
            var body2 = access.getBody();
            var bodyState = Reflecting.getState(body2);
            if (bodyState.get().exists(function(b2) {
              return b2.isTabPanel();
            })) {
              Composing.getCurrent(body2).each(function(tabSection) {
                TabSection.showTab(tabSection, name2);
              });
            }
          });
        };
        var redial = function(d) {
          withRoot(function(root) {
            var dialogInit = doRedial(d);
            root.getSystem().broadcastOn([dialogChannel], dialogInit);
            root.getSystem().broadcastOn([titleChannel], dialogInit.internalDialog);
            root.getSystem().broadcastOn([bodyChannel], dialogInit.internalDialog);
            root.getSystem().broadcastOn([footerChannel], dialogInit.internalDialog);
            instanceApi.setData(dialogInit.initialData);
          });
        };
        var close2 = function() {
          withRoot(function(root) {
            emit(root, formCloseEvent);
          });
        };
        var instanceApi = {
          getData: getData2,
          setData,
          disable: disable2,
          enable: enable2,
          focus: focus2,
          block: block2,
          unblock: unblock2,
          showTab: showTab2,
          redial,
          close: close2
        };
        return instanceApi;
      };
      var getDialogSizeClasses = function(size) {
        switch (size) {
          case "large":
            return ["tox-dialog--width-lg"];
          case "medium":
            return ["tox-dialog--width-md"];
          default:
            return [];
        }
      };
      var renderDialog = function(dialogInit, extra, backstage) {
        var header = getHeader(dialogInit.internalDialog.title, backstage);
        var body2 = renderModalBody({ body: dialogInit.internalDialog.body }, backstage);
        var storagedMenuButtons = mapMenuButtons(dialogInit.internalDialog.buttons);
        var objOfCells = extractCellsToObject(storagedMenuButtons);
        var footer = renderModalFooter({ buttons: storagedMenuButtons }, backstage);
        var dialogEvents = SilverDialogEvents.initDialog(function() {
          return instanceApi;
        }, getEventExtras(function() {
          return dialog;
        }, backstage.shared.providers, extra), backstage.shared.getSink);
        var dialogSize = getDialogSizeClasses(dialogInit.internalDialog.size);
        var spec = {
          header,
          body: body2,
          footer: Optional.some(footer),
          extraClasses: dialogSize,
          extraBehaviours: [],
          extraStyles: {}
        };
        var dialog = renderModalDialog(spec, dialogInit, dialogEvents, backstage);
        var modalAccess = function() {
          var getForm = function() {
            var outerForm = ModalDialog.getBody(dialog);
            return Composing.getCurrent(outerForm).getOr(outerForm);
          };
          return {
            getRoot: constant$1(dialog),
            getBody: function() {
              return ModalDialog.getBody(dialog);
            },
            getFooter: function() {
              return ModalDialog.getFooter(dialog);
            },
            getFormWrapper: getForm
          };
        }();
        var instanceApi = getDialogApi(modalAccess, extra.redial, objOfCells);
        return {
          dialog,
          instanceApi
        };
      };
      var renderInlineDialog = function(dialogInit, extra, backstage, ariaAttrs) {
        var _a2, _b;
        var dialogLabelId = generate$6("dialog-label");
        var dialogContentId = generate$6("dialog-content");
        var updateState = function(_comp, incoming) {
          return Optional.some(incoming);
        };
        var memHeader = record(renderInlineHeader({
          title: dialogInit.internalDialog.title,
          draggable: true
        }, dialogLabelId, backstage.shared.providers));
        var memBody = record(renderInlineBody({ body: dialogInit.internalDialog.body }, dialogContentId, backstage, ariaAttrs));
        var storagedMenuButtons = mapMenuButtons(dialogInit.internalDialog.buttons);
        var objOfCells = extractCellsToObject(storagedMenuButtons);
        var memFooter = record(renderInlineFooter({ buttons: storagedMenuButtons }, backstage));
        var dialogEvents = SilverDialogEvents.initDialog(function() {
          return instanceApi;
        }, {
          onBlock: function(event) {
            Blocking.block(dialog, function(_comp, bs) {
              return getBusySpec(event.message, bs, backstage.shared.providers);
            });
          },
          onUnblock: function() {
            Blocking.unblock(dialog);
          },
          onClose: function() {
            return extra.closeWindow();
          }
        }, backstage.shared.getSink);
        var dialog = build$1({
          dom: {
            tag: "div",
            classes: [
              "tox-dialog",
              "tox-dialog-inline"
            ],
            attributes: (_a2 = { role: "dialog" }, _a2["aria-labelledby"] = dialogLabelId, _a2["aria-describedby"] = dialogContentId, _a2)
          },
          eventOrder: (_b = {}, _b[receive()] = [
            Reflecting.name(),
            Receiving.name()
          ], _b[execute$5()] = ["execute-on-form"], _b[attachedToDom()] = [
            "reflecting",
            "execute-on-form"
          ], _b),
          behaviours: derive$1([
            Keying.config({
              mode: "cyclic",
              onEscape: function(c) {
                emit(c, formCloseEvent);
                return Optional.some(true);
              },
              useTabstopAt: function(elem) {
                return !isPseudoStop(elem) && (name$2(elem) !== "button" || get$d(elem, "disabled") !== "disabled");
              }
            }),
            Reflecting.config({
              channel: dialogChannel,
              updateState,
              initialData: dialogInit
            }),
            Focusing.config({}),
            config("execute-on-form", dialogEvents.concat([runOnSource(focusin(), function(comp, _se) {
              Keying.focusIn(comp);
            })])),
            Blocking.config({
              getRoot: function() {
                return Optional.some(dialog);
              }
            }),
            Replacing.config({}),
            RepresentingConfigs.memory({})
          ]),
          components: [
            memHeader.asSpec(),
            memBody.asSpec(),
            memFooter.asSpec()
          ]
        });
        var instanceApi = getDialogApi({
          getRoot: constant$1(dialog),
          getFooter: function() {
            return memFooter.get(dialog);
          },
          getBody: function() {
            return memBody.get(dialog);
          },
          getFormWrapper: function() {
            var body2 = memBody.get(dialog);
            return Composing.getCurrent(body2).getOr(body2);
          }
        }, extra.redial, objOfCells);
        return {
          dialog,
          instanceApi
        };
      };
      var global$1 = tinymce.util.Tools.resolve("tinymce.util.URI");
      var getUrlDialogApi = function(root) {
        var withRoot = function(f) {
          if (root.getSystem().isConnected()) {
            f(root);
          }
        };
        var block2 = function(message) {
          if (!isString(message)) {
            throw new Error("The urlDialogInstanceAPI.block function should be passed a blocking message of type string as an argument");
          }
          withRoot(function(root2) {
            emitWith(root2, formBlockEvent, { message });
          });
        };
        var unblock2 = function() {
          withRoot(function(root2) {
            emit(root2, formUnblockEvent);
          });
        };
        var close2 = function() {
          withRoot(function(root2) {
            emit(root2, formCloseEvent);
          });
        };
        var sendMessage = function(data) {
          withRoot(function(root2) {
            root2.getSystem().broadcastOn([bodySendMessageChannel], data);
          });
        };
        return {
          block: block2,
          unblock: unblock2,
          close: close2,
          sendMessage
        };
      };
      var SUPPORTED_MESSAGE_ACTIONS = [
        "insertContent",
        "setContent",
        "execCommand",
        "close",
        "block",
        "unblock"
      ];
      var isSupportedMessage = function(data) {
        return isObject(data) && SUPPORTED_MESSAGE_ACTIONS.indexOf(data.mceAction) !== -1;
      };
      var isCustomMessage = function(data) {
        return !isSupportedMessage(data) && isObject(data) && has$2(data, "mceAction");
      };
      var handleMessage = function(editor, api2, data) {
        switch (data.mceAction) {
          case "insertContent":
            editor.insertContent(data.content);
            break;
          case "setContent":
            editor.setContent(data.content);
            break;
          case "execCommand":
            var ui = isBoolean(data.ui) ? data.ui : false;
            editor.execCommand(data.cmd, ui, data.value);
            break;
          case "close":
            api2.close();
            break;
          case "block":
            api2.block(data.message);
            break;
          case "unblock":
            api2.unblock();
            break;
        }
      };
      var renderUrlDialog = function(internalDialog, extra, editor, backstage) {
        var _a2;
        var header = getHeader(internalDialog.title, backstage);
        var body2 = renderIframeBody(internalDialog);
        var footer = internalDialog.buttons.bind(function(buttons) {
          if (buttons.length === 0) {
            return Optional.none();
          } else {
            return Optional.some(renderModalFooter({ buttons }, backstage));
          }
        });
        var dialogEvents = SilverDialogEvents.initUrlDialog(function() {
          return instanceApi;
        }, getEventExtras(function() {
          return dialog;
        }, backstage.shared.providers, extra));
        var styles = __assign(__assign({}, internalDialog.height.fold(function() {
          return {};
        }, function(height2) {
          return {
            "height": height2 + "px",
            "max-height": height2 + "px"
          };
        })), internalDialog.width.fold(function() {
          return {};
        }, function(width2) {
          return {
            "width": width2 + "px",
            "max-width": width2 + "px"
          };
        }));
        var classes2 = internalDialog.width.isNone() && internalDialog.height.isNone() ? ["tox-dialog--width-lg"] : [];
        var iframeUri = new global$1(internalDialog.url, { base_uri: new global$1(window.location.href) });
        var iframeDomain = iframeUri.protocol + "://" + iframeUri.host + (iframeUri.port ? ":" + iframeUri.port : "");
        var messageHandlerUnbinder = unbindable();
        var extraBehaviours = [
          config("messages", [
            runOnAttached(function() {
              var unbind2 = bind(SugarElement.fromDom(window), "message", function(e) {
                if (iframeUri.isSameOrigin(new global$1(e.raw.origin))) {
                  var data = e.raw.data;
                  if (isSupportedMessage(data)) {
                    handleMessage(editor, instanceApi, data);
                  } else if (isCustomMessage(data)) {
                    internalDialog.onMessage(instanceApi, data);
                  }
                }
              });
              messageHandlerUnbinder.set(unbind2);
            }),
            runOnDetached(messageHandlerUnbinder.clear)
          ]),
          Receiving.config({
            channels: (_a2 = {}, _a2[bodySendMessageChannel] = {
              onReceive: function(comp, data) {
                descendant(comp.element, "iframe").each(function(iframeEle) {
                  var iframeWin = iframeEle.dom.contentWindow;
                  iframeWin.postMessage(data, iframeDomain);
                });
              }
            }, _a2)
          })
        ];
        var spec = {
          header,
          body: body2,
          footer,
          extraClasses: classes2,
          extraBehaviours,
          extraStyles: styles
        };
        var dialog = renderModalDialog(spec, internalDialog, dialogEvents, backstage);
        var instanceApi = getUrlDialogApi(dialog);
        return {
          dialog,
          instanceApi
        };
      };
      var setup$2 = function(extras) {
        var sharedBackstage = extras.backstage.shared;
        var open2 = function(message, callback) {
          var closeDialog = function() {
            ModalDialog.hide(alertDialog);
            callback();
          };
          var memFooterClose = record(renderFooterButton({
            name: "close-alert",
            text: "OK",
            primary: true,
            align: "end",
            disabled: false,
            icon: Optional.none()
          }, "cancel", extras.backstage));
          var titleSpec = pUntitled();
          var closeSpec = pClose(closeDialog, sharedBackstage.providers);
          var alertDialog = build$1(renderDialog$1({
            lazySink: function() {
              return sharedBackstage.getSink();
            },
            header: hiddenHeader(titleSpec, closeSpec),
            body: pBodyMessage(message, sharedBackstage.providers),
            footer: Optional.some(pFooter(pFooterGroup([], [memFooterClose.asSpec()]))),
            onEscape: closeDialog,
            extraClasses: ["tox-alert-dialog"],
            extraBehaviours: [],
            extraStyles: {},
            dialogEvents: [run$1(formCancelEvent, closeDialog)],
            eventOrder: {}
          }));
          ModalDialog.show(alertDialog);
          var footerCloseButton = memFooterClose.get(alertDialog);
          Focusing.focus(footerCloseButton);
        };
        return { open: open2 };
      };
      var setup$1 = function(extras) {
        var sharedBackstage = extras.backstage.shared;
        var open2 = function(message, callback) {
          var closeDialog = function(state) {
            ModalDialog.hide(confirmDialog);
            callback(state);
          };
          var memFooterYes = record(renderFooterButton({
            name: "yes",
            text: "Yes",
            primary: true,
            align: "end",
            disabled: false,
            icon: Optional.none()
          }, "submit", extras.backstage));
          var footerNo = renderFooterButton({
            name: "no",
            text: "No",
            primary: false,
            align: "end",
            disabled: false,
            icon: Optional.none()
          }, "cancel", extras.backstage);
          var titleSpec = pUntitled();
          var closeSpec = pClose(function() {
            return closeDialog(false);
          }, sharedBackstage.providers);
          var confirmDialog = build$1(renderDialog$1({
            lazySink: function() {
              return sharedBackstage.getSink();
            },
            header: hiddenHeader(titleSpec, closeSpec),
            body: pBodyMessage(message, sharedBackstage.providers),
            footer: Optional.some(pFooter(pFooterGroup([], [
              footerNo,
              memFooterYes.asSpec()
            ]))),
            onEscape: function() {
              return closeDialog(false);
            },
            extraClasses: ["tox-confirm-dialog"],
            extraBehaviours: [],
            extraStyles: {},
            dialogEvents: [
              run$1(formCancelEvent, function() {
                return closeDialog(false);
              }),
              run$1(formSubmitEvent, function() {
                return closeDialog(true);
              })
            ],
            eventOrder: {}
          }));
          ModalDialog.show(confirmDialog);
          var footerYesButton = memFooterYes.get(confirmDialog);
          Focusing.focus(footerYesButton);
        };
        return { open: open2 };
      };
      var validateData = function(data, validator) {
        return getOrDie(asRaw("data", validator, data));
      };
      var isAlertOrConfirmDialog = function(target) {
        return closest(target, ".tox-alert-dialog") || closest(target, ".tox-confirm-dialog");
      };
      var inlineAdditionalBehaviours = function(editor, isStickyToolbar2, isToolbarLocationTop) {
        if (isStickyToolbar2 && isToolbarLocationTop) {
          return [];
        } else {
          return [Docking.config({
            contextual: {
              lazyContext: function() {
                return Optional.some(box$1(SugarElement.fromDom(editor.getContentAreaContainer())));
              },
              fadeInClass: "tox-dialog-dock-fadein",
              fadeOutClass: "tox-dialog-dock-fadeout",
              transitionClass: "tox-dialog-dock-transition"
            },
            modes: ["top"]
          })];
        }
      };
      var setup = function(extras) {
        var backstage = extras.backstage;
        var editor = extras.editor;
        var isStickyToolbar$1 = isStickyToolbar(editor);
        var alertDialog = setup$2(extras);
        var confirmDialog = setup$1(extras);
        var open2 = function(config2, params, closeWindow) {
          if (params !== void 0 && params.inline === "toolbar") {
            return openInlineDialog(config2, backstage.shared.anchors.inlineDialog(), closeWindow, params.ariaAttrs);
          } else if (params !== void 0 && params.inline === "cursor") {
            return openInlineDialog(config2, backstage.shared.anchors.cursor(), closeWindow, params.ariaAttrs);
          } else {
            return openModalDialog(config2, closeWindow);
          }
        };
        var openUrl = function(config2, closeWindow) {
          return openModalUrlDialog(config2, closeWindow);
        };
        var openModalUrlDialog = function(config2, closeWindow) {
          var factory2 = function(contents2) {
            var dialog = renderUrlDialog(contents2, {
              closeWindow: function() {
                ModalDialog.hide(dialog.dialog);
                closeWindow(dialog.instanceApi);
              }
            }, editor, backstage);
            ModalDialog.show(dialog.dialog);
            return dialog.instanceApi;
          };
          return DialogManager.openUrl(factory2, config2);
        };
        var openModalDialog = function(config2, closeWindow) {
          var factory2 = function(contents2, internalInitialData, dataValidator) {
            var initialData = internalInitialData;
            var dialogInit = {
              dataValidator,
              initialData,
              internalDialog: contents2
            };
            var dialog = renderDialog(dialogInit, {
              redial: DialogManager.redial,
              closeWindow: function() {
                ModalDialog.hide(dialog.dialog);
                closeWindow(dialog.instanceApi);
              }
            }, backstage);
            ModalDialog.show(dialog.dialog);
            dialog.instanceApi.setData(initialData);
            return dialog.instanceApi;
          };
          return DialogManager.open(factory2, config2);
        };
        var openInlineDialog = function(config$1, anchor2, closeWindow, ariaAttrs) {
          var factory2 = function(contents2, internalInitialData, dataValidator) {
            var initialData = validateData(internalInitialData, dataValidator);
            var inlineDialog = value$1();
            var isToolbarLocationTop = backstage.shared.header.isPositionedAtTop();
            var dialogInit = {
              dataValidator,
              initialData,
              internalDialog: contents2
            };
            var refreshDocking = function() {
              return inlineDialog.on(function(dialog) {
                InlineView.reposition(dialog);
                Docking.refresh(dialog);
              });
            };
            var dialogUi = renderInlineDialog(dialogInit, {
              redial: DialogManager.redial,
              closeWindow: function() {
                inlineDialog.on(InlineView.hide);
                editor.off("ResizeEditor", refreshDocking);
                inlineDialog.clear();
                closeWindow(dialogUi.instanceApi);
              }
            }, backstage, ariaAttrs);
            var inlineDialogComp = build$1(InlineView.sketch(__assign(__assign({
              lazySink: backstage.shared.getSink,
              dom: {
                tag: "div",
                classes: []
              },
              fireDismissalEventInstead: {}
            }, isToolbarLocationTop ? {} : { fireRepositionEventInstead: {} }), {
              inlineBehaviours: derive$1(__spreadArray([config("window-manager-inline-events", [run$1(dismissRequested(), function(_comp, _se) {
                emit(dialogUi.dialog, formCancelEvent);
              })])], inlineAdditionalBehaviours(editor, isStickyToolbar$1, isToolbarLocationTop), true)),
              isExtraPart: function(_comp, target) {
                return isAlertOrConfirmDialog(target);
              }
            })));
            inlineDialog.set(inlineDialogComp);
            InlineView.showWithin(inlineDialogComp, premade(dialogUi.dialog), { anchor: anchor2 }, Optional.some(body()));
            if (!isStickyToolbar$1 || !isToolbarLocationTop) {
              Docking.refresh(inlineDialogComp);
              editor.on("ResizeEditor", refreshDocking);
            }
            dialogUi.instanceApi.setData(initialData);
            Keying.focusIn(dialogUi.dialog);
            return dialogUi.instanceApi;
          };
          return DialogManager.open(factory2, config$1);
        };
        var confirm = function(message, callback) {
          confirmDialog.open(message, function(state) {
            callback(state);
          });
        };
        var alert = function(message, callback) {
          alertDialog.open(message, function() {
            callback();
          });
        };
        var close2 = function(instanceApi) {
          instanceApi.close();
        };
        return {
          open: open2,
          openUrl,
          alert,
          close: close2,
          confirm
        };
      };
      function Theme() {
        global$g.add("silver", function(editor) {
          var _a2 = setup$3(editor), uiMothership = _a2.uiMothership, backstage = _a2.backstage, renderUI = _a2.renderUI, getUi = _a2.getUi;
          Autocompleter.register(editor, backstage.shared);
          var windowMgr = setup({
            editor,
            backstage
          });
          return {
            renderUI,
            getWindowManagerImpl: constant$1(windowMgr),
            getNotificationManagerImpl: function() {
              return NotificationManagerImpl(editor, { backstage }, uiMothership);
            },
            ui: getUi()
          };
        });
      }
      Theme();
    })();
  }
});

// node_modules/tinymce/themes/silver/index.js
var require_silver = __commonJS({
  "node_modules/tinymce/themes/silver/index.js"() {
    init_define_APP_INFO();
    require_theme();
  }
});

// dep:tinymce_themes_silver
init_define_APP_INFO();
var tinymce_themes_silver_default = require_silver();
export {
  tinymce_themes_silver_default as default
};
//# sourceMappingURL=tinymce_themes_silver.js.map