@dangl/angular-material-shared 2.5.1-beta0012 → 2.6.0-beta0019

package/tinymce-assets/plugins/fullscreen/plugin.js

@@ -1,283 +1,206 @@
 /**
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
- * Licensed under the LGPL or a commercial license.
- * For LGPL see License.txt in the project root for license information.
- * For commercial licenses see https://www.tiny.cloud/
- *
- * Version: 5.10.9 (2023-11-15)
+ * TinyMCE version 7.0.1 (2024-04-10)
  */
+
 (function () {
     'use strict';
 
-    var Cell = function (initial) {
-      var value = initial;
-      var get = function () {
+    const Cell = initial => {
+      let value = initial;
+      const get = () => {
         return value;
       };
-      var set = function (v) {
+      const set = v => {
         value = v;
       };
       return {
-        get: get,
-        set: set
+        get,
+        set
       };
     };
 
-    var global$3 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+    var global$2 = tinymce.util.Tools.resolve('tinymce.PluginManager');
 
-    var get$5 = function (fullscreenState) {
-      return {
-        isFullscreen: function () {
-          return fullscreenState.get() !== null;
-        }
-      };
-    };
+    const get$5 = fullscreenState => ({ isFullscreen: () => fullscreenState.get() !== null });
 
-    var typeOf = function (x) {
-      var t = typeof x;
+    const hasProto = (v, constructor, predicate) => {
+      var _a;
+      if (predicate(v, constructor.prototype)) {
+        return true;
+      } else {
+        return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+      }
+    };
+    const typeOf = x => {
+      const t = typeof x;
       if (x === null) {
         return 'null';
-      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+      } else if (t === 'object' && Array.isArray(x)) {
         return 'array';
-      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+      } else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
         return 'string';
       } else {
         return t;
       }
     };
-    var isType$1 = function (type) {
-      return function (value) {
-        return typeOf(value) === type;
-      };
-    };
-    var isSimpleType = function (type) {
-      return function (value) {
-        return typeof value === type;
-      };
-    };
-    var isString = isType$1('string');
-    var isArray = isType$1('array');
-    var isBoolean = isSimpleType('boolean');
-    var isNullable = function (a) {
-      return a === null || a === undefined;
-    };
-    var isNonNullable = function (a) {
-      return !isNullable(a);
-    };
-    var isFunction = isSimpleType('function');
-    var isNumber = isSimpleType('number');
+    const isType$1 = type => value => typeOf(value) === type;
+    const isSimpleType = type => value => typeof value === type;
+    const eq$1 = t => a => t === a;
+    const isString = isType$1('string');
+    const isObject = isType$1('object');
+    const isArray = isType$1('array');
+    const isNull = eq$1(null);
+    const isBoolean = isSimpleType('boolean');
+    const isUndefined = eq$1(undefined);
+    const isNullable = a => a === null || a === undefined;
+    const isNonNullable = a => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
 
-    var noop = function () {
+    const noop = () => {
     };
-    var compose = function (fa, fb) {
-      return function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-          args[_i] = arguments[_i];
-        }
+    const compose = (fa, fb) => {
+      return (...args) => {
         return fa(fb.apply(null, args));
       };
     };
-    var compose1 = function (fbc, fab) {
-      return function (a) {
-        return fbc(fab(a));
-      };
-    };
-    var constant = function (value) {
-      return function () {
+    const compose1 = (fbc, fab) => a => fbc(fab(a));
+    const constant = value => {
+      return () => {
         return value;
       };
     };
-    var identity = function (x) {
-      return x;
-    };
-    function curry(fn) {
-      var initialArgs = [];
-      for (var _i = 1; _i < arguments.length; _i++) {
-        initialArgs[_i - 1] = arguments[_i];
-      }
-      return function () {
-        var restArgs = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-          restArgs[_i] = arguments[_i];
-        }
-        var all = initialArgs.concat(restArgs);
+    function curry(fn, ...initialArgs) {
+      return (...restArgs) => {
+        const all = initialArgs.concat(restArgs);
         return fn.apply(null, all);
       };
     }
-    var never = constant(false);
-    var always = constant(true);
+    const never = constant(false);
+    const always = constant(true);
 
-    var none = function () {
-      return NONE;
-    };
-    var NONE = function () {
-      var call = function (thunk) {
-        return thunk();
-      };
-      var id = identity;
-      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(null),
-        getOrUndefined: constant(undefined),
-        or: id,
-        orThunk: call,
-        map: none,
-        each: noop,
-        bind: none,
-        exists: never,
-        forall: always,
-        filter: function () {
-          return none();
-        },
-        toArray: function () {
-          return [];
-        },
-        toString: constant('none()')
-      };
-      return me;
-    }();
-    var some = function (a) {
-      var constant_a = constant(a);
-      var self = function () {
-        return me;
-      };
-      var bind = 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: self,
-        orThunk: self,
-        map: function (f) {
-          return some(f(a));
-        },
-        each: function (f) {
-          f(a);
-        },
-        bind: bind,
-        exists: bind,
-        forall: bind,
-        filter: function (f) {
-          return f(a) ? me : NONE;
-        },
-        toArray: function () {
-          return [a];
-        },
-        toString: function () {
-          return 'some(' + a + ')';
+    class Optional {
+      constructor(tag, value) {
+        this.tag = tag;
+        this.value = value;
+      }
+      static some(value) {
+        return new Optional(true, value);
+      }
+      static none() {
+        return Optional.singletonNone;
+      }
+      fold(onNone, onSome) {
+        if (this.tag) {
+          return onSome(this.value);
+        } else {
+          return onNone();
         }
-      };
-      return me;
-    };
-    var from = function (value) {
-      return value === null || value === undefined ? NONE : some(value);
-    };
-    var Optional = {
-      some: some,
-      none: none,
-      from: from
-    };
-
-    var __assign = function () {
-      __assign = Object.assign || function __assign(t) {
-        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))
-              t[p] = s[p];
+      }
+      isSome() {
+        return this.tag;
+      }
+      isNone() {
+        return !this.tag;
+      }
+      map(mapper) {
+        if (this.tag) {
+          return Optional.some(mapper(this.value));
+        } else {
+          return Optional.none();
         }
-        return t;
-      };
-      return __assign.apply(this, arguments);
-    };
-
-    var singleton = function (doRevoke) {
-      var subject = Cell(Optional.none());
-      var revoke = function () {
-        return subject.get().each(doRevoke);
-      };
-      var clear = function () {
-        revoke();
-        subject.set(Optional.none());
-      };
-      var isSet = function () {
-        return subject.get().isSome();
-      };
-      var get = function () {
-        return subject.get();
-      };
-      var set = function (s) {
-        revoke();
-        subject.set(Optional.some(s));
-      };
-      return {
-        clear: clear,
-        isSet: isSet,
-        get: get,
-        set: set
-      };
-    };
-    var unbindable = function () {
-      return singleton(function (s) {
-        return s.unbind();
-      });
-    };
-    var value = function () {
-      var subject = singleton(noop);
-      var on = function (f) {
-        return subject.get().each(f);
-      };
-      return __assign(__assign({}, subject), { on: on });
-    };
+      }
+      bind(binder) {
+        if (this.tag) {
+          return binder(this.value);
+        } else {
+          return Optional.none();
+        }
+      }
+      exists(predicate) {
+        return this.tag && predicate(this.value);
+      }
+      forall(predicate) {
+        return !this.tag || predicate(this.value);
+      }
+      filter(predicate) {
+        if (!this.tag || predicate(this.value)) {
+          return this;
+        } else {
+          return Optional.none();
+        }
+      }
+      getOr(replacement) {
+        return this.tag ? this.value : replacement;
+      }
+      or(replacement) {
+        return this.tag ? this : replacement;
+      }
+      getOrThunk(thunk) {
+        return this.tag ? this.value : thunk();
+      }
+      orThunk(thunk) {
+        return this.tag ? this : thunk();
+      }
+      getOrDie(message) {
+        if (!this.tag) {
+          throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+        } else {
+          return this.value;
+        }
+      }
+      static from(value) {
+        return isNonNullable(value) ? Optional.some(value) : Optional.none();
+      }
+      getOrNull() {
+        return this.tag ? this.value : null;
+      }
+      getOrUndefined() {
+        return this.value;
+      }
+      each(worker) {
+        if (this.tag) {
+          worker(this.value);
+        }
+      }
+      toArray() {
+        return this.tag ? [this.value] : [];
+      }
+      toString() {
+        return this.tag ? `some(${ this.value })` : 'none()';
+      }
+    }
+    Optional.singletonNone = new Optional(false);
 
-    var nativePush = Array.prototype.push;
-    var map = function (xs, f) {
-      var len = xs.length;
-      var r = new Array(len);
-      for (var i = 0; i < len; i++) {
-        var x = xs[i];
+    const nativePush = Array.prototype.push;
+    const map = (xs, f) => {
+      const len = xs.length;
+      const r = new Array(len);
+      for (let i = 0; i < len; i++) {
+        const x = xs[i];
         r[i] = f(x, i);
       }
       return r;
     };
-    var each$1 = function (xs, f) {
-      for (var i = 0, len = xs.length; i < len; i++) {
-        var x = xs[i];
+    const each$1 = (xs, f) => {
+      for (let i = 0, len = xs.length; i < len; i++) {
+        const x = xs[i];
         f(x, i);
       }
     };
-    var filter$1 = function (xs, pred) {
-      var r = [];
-      for (var i = 0, len = xs.length; i < len; i++) {
-        var x = xs[i];
+    const filter$1 = (xs, pred) => {
+      const r = [];
+      for (let i = 0, len = xs.length; i < len; i++) {
+        const x = xs[i];
         if (pred(x, i)) {
           r.push(x);
         }
       }
       return r;
     };
-    var findUntil = function (xs, pred, until) {
-      for (var i = 0, len = xs.length; i < len; i++) {
-        var x = xs[i];
+    const findUntil = (xs, pred, until) => {
+      for (let i = 0, len = xs.length; i < len; i++) {
+        const x = xs[i];
         if (pred(x, i)) {
           return Optional.some(x);
         } else if (until(x, i)) {
@@ -286,12 +209,12 @@
       }
       return Optional.none();
     };
-    var find$1 = function (xs, pred) {
+    const find$1 = (xs, pred) => {
       return findUntil(xs, pred, never);
     };
-    var flatten = function (xs) {
-      var r = [];
-      for (var i = 0, len = xs.length; i < len; ++i) {
+    const flatten = xs => {
+      const r = [];
+      for (let 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);
         }
@@ -299,18 +222,12 @@
       }
       return r;
     };
-    var bind$3 = function (xs, f) {
-      return flatten(map(xs, f));
-    };
-    var get$4 = function (xs, i) {
-      return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
-    };
-    var head = function (xs) {
-      return get$4(xs, 0);
-    };
-    var findMap = function (arr, f) {
-      for (var i = 0; i < arr.length; i++) {
-        var r = f(arr[i], i);
+    const bind$3 = (xs, f) => flatten(map(xs, f));
+    const get$4 = (xs, i) => i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
+    const head = xs => get$4(xs, 0);
+    const findMap = (arr, f) => {
+      for (let i = 0; i < arr.length; i++) {
+        const r = f(arr[i], i);
         if (r.isSome()) {
           return r;
         }
@@ -318,89 +235,346 @@
       return Optional.none();
     };
 
-    var keys = Object.keys;
-    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];
+    const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+
+    const singleton = doRevoke => {
+      const subject = Cell(Optional.none());
+      const revoke = () => subject.get().each(doRevoke);
+      const clear = () => {
+        revoke();
+        subject.set(Optional.none());
+      };
+      const isSet = () => subject.get().isSome();
+      const get = () => subject.get();
+      const set = s => {
+        revoke();
+        subject.set(Optional.some(s));
+      };
+      return {
+        clear,
+        isSet,
+        get,
+        set
+      };
+    };
+    const unbindable = () => singleton(s => s.unbind());
+    const value = () => {
+      const subject = singleton(noop);
+      const on = f => subject.get().each(f);
+      return {
+        ...subject,
+        on
+      };
+    };
+
+    const first = (fn, rate) => {
+      let timer = null;
+      const cancel = () => {
+        if (!isNull(timer)) {
+          clearTimeout(timer);
+          timer = null;
+        }
+      };
+      const throttle = (...args) => {
+        if (isNull(timer)) {
+          timer = setTimeout(() => {
+            timer = null;
+            fn.apply(null, args);
+          }, rate);
+        }
+      };
+      return {
+        cancel,
+        throttle
+      };
+    };
+
+    const keys = Object.keys;
+    const each = (obj, f) => {
+      const props = keys(obj);
+      for (let k = 0, len = props.length; k < len; k++) {
+        const i = props[k];
+        const x = obj[i];
         f(x, i);
       }
     };
 
-    var contains = function (str, substr) {
-      return str.indexOf(substr) !== -1;
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    const path = (parts, scope) => {
+      let o = scope !== undefined && scope !== null ? scope : Global;
+      for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
+        o = o[parts[i]];
+      }
+      return o;
+    };
+    const resolve = (p, scope) => {
+      const parts = p.split('.');
+      return path(parts, scope);
+    };
+
+    const unsafe = (name, scope) => {
+      return resolve(name, scope);
+    };
+    const getOrDie = (name, scope) => {
+      const actual = unsafe(name, scope);
+      if (actual === undefined || actual === null) {
+        throw new Error(name + ' not available on this browser');
+      }
+      return actual;
     };
 
-    var isSupported$1 = function (dom) {
-      return dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+    const getPrototypeOf = Object.getPrototypeOf;
+    const sandHTMLElement = scope => {
+      return getOrDie('HTMLElement', scope);
+    };
+    const isPrototypeOf = x => {
+      const scope = resolve('ownerDocument.defaultView', x);
+      return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name));
+    };
+
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const type = element => element.dom.nodeType;
+    const isType = t => element => type(element) === t;
+    const isHTMLElement = element => isElement(element) && isPrototypeOf(element.dom);
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocument = isType(DOCUMENT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+
+    const rawSet = (dom, key, value) => {
+      if (isString(value) || isBoolean(value) || isNumber(value)) {
+        dom.setAttribute(key, value + '');
+      } else {
+        console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+        throw new Error('Attribute value was not simple');
+      }
+    };
+    const set$1 = (element, key, value) => {
+      rawSet(element.dom, key, value);
+    };
+    const get$3 = (element, key) => {
+      const v = element.dom.getAttribute(key);
+      return v === null ? undefined : v;
+    };
+    const remove = (element, key) => {
+      element.dom.removeAttribute(key);
+    };
+
+    const supports = element => element.dom.classList !== undefined;
+
+    const has = (element, clazz) => supports(element) && element.dom.classList.contains(clazz);
+
+    const contains = (str, substr, start = 0, end) => {
+      const idx = str.indexOf(substr, start);
+      if (idx !== -1) {
+        return isUndefined(end) ? true : idx + substr.length <= end;
+      } else {
+        return false;
+      }
     };
 
-    var fromHtml = function (html, scope) {
-      var doc = scope || document;
-      var div = doc.createElement('div');
+    const isSupported$1 = dom => dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    const fromHtml = (html, scope) => {
+      const doc = scope || document;
+      const 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');
+        const message = 'HTML does not have a single root node';
+        console.error(message, html);
+        throw new Error(message);
       }
       return fromDom(div.childNodes[0]);
     };
-    var fromTag = function (tag, scope) {
-      var doc = scope || document;
-      var node = doc.createElement(tag);
+    const fromTag = (tag, scope) => {
+      const doc = scope || document;
+      const node = doc.createElement(tag);
       return fromDom(node);
     };
-    var fromText = function (text, scope) {
-      var doc = scope || document;
-      var node = doc.createTextNode(text);
+    const fromText = (text, scope) => {
+      const doc = scope || document;
+      const node = doc.createTextNode(text);
       return fromDom(node);
     };
-    var fromDom = function (node) {
+    const fromDom = node => {
       if (node === null || node === undefined) {
         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,
-      fromTag: fromTag,
-      fromText: fromText,
-      fromDom: fromDom,
-      fromPoint: fromPoint
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    const SugarElement = {
+      fromHtml,
+      fromTag,
+      fromText,
+      fromDom,
+      fromPoint
     };
 
-    typeof window !== 'undefined' ? window : Function('return this;')();
+    const is = (element, selector) => {
+      const dom = element.dom;
+      if (dom.nodeType !== ELEMENT) {
+        return false;
+      } else {
+        const elem = dom;
+        if (elem.matches !== undefined) {
+          return elem.matches(selector);
+        } else if (elem.msMatchesSelector !== undefined) {
+          return elem.msMatchesSelector(selector);
+        } else if (elem.webkitMatchesSelector !== undefined) {
+          return elem.webkitMatchesSelector(selector);
+        } else if (elem.mozMatchesSelector !== undefined) {
+          return elem.mozMatchesSelector(selector);
+        } else {
+          throw new Error('Browser lacks native selectors');
+        }
+      }
+    };
+    const bypassSelector = dom => dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT || dom.childElementCount === 0;
+    const all$1 = (selector, scope) => {
+      const base = scope === undefined ? document : scope.dom;
+      return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
 
-    var DOCUMENT = 9;
-    var DOCUMENT_FRAGMENT = 11;
-    var ELEMENT = 1;
-    var TEXT = 3;
+    const eq = (e1, e2) => e1.dom === e2.dom;
 
-    var type = function (element) {
-      return element.dom.nodeType;
+    const owner = element => SugarElement.fromDom(element.dom.ownerDocument);
+    const documentOrOwner = dos => isDocument(dos) ? dos : owner(dos);
+    const parent = element => Optional.from(element.dom.parentNode).map(SugarElement.fromDom);
+    const parents = (element, isRoot) => {
+      const stop = isFunction(isRoot) ? isRoot : never;
+      let dom = element.dom;
+      const ret = [];
+      while (dom.parentNode !== null && dom.parentNode !== undefined) {
+        const rawParent = dom.parentNode;
+        const p = SugarElement.fromDom(rawParent);
+        ret.push(p);
+        if (stop(p) === true) {
+          break;
+        } else {
+          dom = rawParent;
+        }
+      }
+      return ret;
     };
-    var isType = function (t) {
-      return function (element) {
-        return type(element) === t;
-      };
+    const siblings$2 = element => {
+      const filterSelf = elements => filter$1(elements, x => !eq(element, x));
+      return parent(element).map(children).map(filterSelf).getOr([]);
     };
-    var isElement = isType(ELEMENT);
-    var isText = isType(TEXT);
-    var isDocument = isType(DOCUMENT);
-    var isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+    const nextSibling = element => Optional.from(element.dom.nextSibling).map(SugarElement.fromDom);
+    const children = element => map(element.dom.childNodes, SugarElement.fromDom);
 
-    var cached = function (f) {
-      var called = false;
-      var r;
-      return function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-          args[_i] = arguments[_i];
+    const isShadowRoot = dos => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
+    const isSupported = constant(supported);
+    const getRootNode = supported ? e => SugarElement.fromDom(e.dom.getRootNode()) : documentOrOwner;
+    const getShadowRoot = e => {
+      const r = getRootNode(e);
+      return isShadowRoot(r) ? Optional.some(r) : Optional.none();
+    };
+    const getShadowHost = e => SugarElement.fromDom(e.dom.host);
+    const getOriginalEventTarget = event => {
+      if (isSupported() && isNonNullable(event.target)) {
+        const el = SugarElement.fromDom(event.target);
+        if (isElement(el) && isOpenShadowHost(el)) {
+          if (event.composed && event.composedPath) {
+            const composedPath = event.composedPath();
+            if (composedPath) {
+              return head(composedPath);
+            }
+          }
         }
+      }
+      return Optional.from(event.target);
+    };
+    const isOpenShadowHost = element => isNonNullable(element.dom.shadowRoot);
+
+    const inBody = element => {
+      const dom = isText(element) ? element.dom.parentNode : element.dom;
+      if (dom === undefined || dom === null || dom.ownerDocument === null) {
+        return false;
+      }
+      const doc = dom.ownerDocument;
+      return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+    const getBody = doc => {
+      const b = doc.dom.body;
+      if (b === null || b === undefined) {
+        throw new Error('Body is not available yet');
+      }
+      return SugarElement.fromDom(b);
+    };
+
+    const internalSet = (dom, property, value) => {
+      if (!isString(value)) {
+        console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+        throw new Error('CSS value must be a string: ' + value);
+      }
+      if (isSupported$1(dom)) {
+        dom.style.setProperty(property, value);
+      }
+    };
+    const set = (element, property, value) => {
+      const dom = element.dom;
+      internalSet(dom, property, value);
+    };
+    const setAll = (element, css) => {
+      const dom = element.dom;
+      each(css, (v, k) => {
+        internalSet(dom, k, v);
+      });
+    };
+    const get$2 = (element, property) => {
+      const dom = element.dom;
+      const styles = window.getComputedStyle(dom);
+      const r = styles.getPropertyValue(property);
+      return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
+    };
+    const getUnsafeProperty = (dom, property) => isSupported$1(dom) ? dom.style.getPropertyValue(property) : '';
+
+    const mkEvent = (target, x, y, stop, prevent, kill, raw) => ({
+      target,
+      x,
+      y,
+      stop,
+      prevent,
+      kill,
+      raw
+    });
+    const fromRawEvent = rawEvent => {
+      const target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
+      const stop = () => rawEvent.stopPropagation();
+      const prevent = () => rawEvent.preventDefault();
+      const kill = compose(prevent, stop);
+      return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
+    };
+    const handle = (filter, handler) => rawEvent => {
+      if (filter(rawEvent)) {
+        handler(fromRawEvent(rawEvent));
+      }
+    };
+    const binder = (element, event, filter, handler, useCapture) => {
+      const wrapped = handle(filter, handler);
+      element.dom.addEventListener(event, wrapped, useCapture);
+      return { unbind: curry(unbind, element, event, wrapped, useCapture) };
+    };
+    const bind$2 = (element, event, filter, handler) => binder(element, event, filter, handler, false);
+    const unbind = (element, event, handler, useCapture) => {
+      element.dom.removeEventListener(event, handler, useCapture);
+    };
+
+    const filter = always;
+    const bind$1 = (element, event, handler) => bind$2(element, event, filter, handler);
+
+    const cached = f => {
+      let called = false;
+      let r;
+      return (...args) => {
         if (!called) {
           called = true;
           r = f.apply(null, args);
@@ -409,15 +583,15 @@
       };
     };
 
-    var DeviceType = function (os, browser, userAgent, mediaMatch) {
-      var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
-      var isiPhone = os.isiOS() && !isiPad;
-      var isMobile = os.isiOS() || os.isAndroid();
-      var isTouch = isMobile || mediaMatch('(pointer:coarse)');
-      var isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(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;
+    const DeviceType = (os, browser, userAgent, mediaMatch) => {
+      const isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+      const isiPhone = os.isiOS() && !isiPad;
+      const isMobile = os.isiOS() || os.isAndroid();
+      const isTouch = isMobile || mediaMatch('(pointer:coarse)');
+      const isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+      const isPhone = isiPhone || isMobile && !isTablet;
+      const iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+      const isDesktop = !isPhone && !isTablet && !iOSwebview;
       return {
         isiPad: constant(isiPad),
         isiPhone: constant(isiPhone),
@@ -431,112 +605,110 @@
       };
     };
 
-    var firstMatch = function (regexes, s) {
-      for (var i = 0; i < regexes.length; i++) {
-        var x = regexes[i];
+    const firstMatch = (regexes, s) => {
+      for (let i = 0; i < regexes.length; i++) {
+        const x = regexes[i];
         if (x.test(s)) {
           return x;
         }
       }
       return undefined;
     };
-    var find = function (regexes, agent) {
-      var r = firstMatch(regexes, agent);
+    const find = (regexes, agent) => {
+      const r = firstMatch(regexes, agent);
       if (!r) {
         return {
           major: 0,
           minor: 0
         };
       }
-      var group = function (i) {
+      const group = i => {
         return Number(agent.replace(r, '$' + i));
       };
       return nu$2(group(1), group(2));
     };
-    var detect$3 = function (versionRegexes, agent) {
-      var cleanedAgent = String(agent).toLowerCase();
+    const detect$3 = (versionRegexes, agent) => {
+      const cleanedAgent = String(agent).toLowerCase();
       if (versionRegexes.length === 0) {
         return unknown$2();
       }
       return find(versionRegexes, cleanedAgent);
     };
-    var unknown$2 = function () {
+    const unknown$2 = () => {
       return nu$2(0, 0);
     };
-    var nu$2 = function (major, minor) {
+    const nu$2 = (major, minor) => {
       return {
-        major: major,
-        minor: minor
+        major,
+        minor
       };
     };
-    var Version = {
+    const Version = {
       nu: nu$2,
       detect: detect$3,
       unknown: unknown$2
     };
 
-    var detectBrowser$1 = function (browsers, userAgentData) {
-      return findMap(userAgentData.brands, function (uaBrand) {
-        var lcBrand = uaBrand.brand.toLowerCase();
-        return find$1(browsers, function (browser) {
+    const detectBrowser$1 = (browsers, userAgentData) => {
+      return findMap(userAgentData.brands, uaBrand => {
+        const lcBrand = uaBrand.brand.toLowerCase();
+        return find$1(browsers, browser => {
           var _a;
           return lcBrand === ((_a = browser.brand) === null || _a === void 0 ? void 0 : _a.toLowerCase());
-        }).map(function (info) {
-          return {
-            current: info.name,
-            version: Version.nu(parseInt(uaBrand.version, 10), 0)
-          };
-        });
+        }).map(info => ({
+          current: info.name,
+          version: Version.nu(parseInt(uaBrand.version, 10), 0)
+        }));
       });
     };
 
-    var detect$2 = function (candidates, userAgent) {
-      var agent = String(userAgent).toLowerCase();
-      return find$1(candidates, function (candidate) {
+    const detect$2 = (candidates, userAgent) => {
+      const agent = String(userAgent).toLowerCase();
+      return find$1(candidates, candidate => {
         return candidate.search(agent);
       });
     };
-    var detectBrowser = function (browsers, userAgent) {
-      return detect$2(browsers, userAgent).map(function (browser) {
-        var version = Version.detect(browser.versionRegexes, userAgent);
+    const detectBrowser = (browsers, userAgent) => {
+      return detect$2(browsers, userAgent).map(browser => {
+        const version = Version.detect(browser.versionRegexes, userAgent);
         return {
           current: browser.name,
-          version: version
+          version
         };
       });
     };
-    var detectOs = function (oses, userAgent) {
-      return detect$2(oses, userAgent).map(function (os) {
-        var version = Version.detect(os.versionRegexes, userAgent);
+    const detectOs = (oses, userAgent) => {
+      return detect$2(oses, userAgent).map(os => {
+        const version = Version.detect(os.versionRegexes, userAgent);
         return {
           current: os.name,
-          version: version
+          version
         };
       });
     };
 
-    var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
-    var checkContains = function (target) {
-      return function (uastring) {
+    const normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    const checkContains = target => {
+      return uastring => {
         return contains(uastring, target);
       };
     };
-    var browsers = [
+    const browsers = [
       {
         name: 'Edge',
         versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
-        search: function (uastring) {
+        search: uastring => {
           return contains(uastring, 'edge/') && contains(uastring, 'chrome') && contains(uastring, 'safari') && contains(uastring, 'applewebkit');
         }
       },
       {
-        name: 'Chrome',
+        name: 'Chromium',
         brand: 'Chromium',
         versionRegexes: [
           /.*?chrome\/([0-9]+)\.([0-9]+).*/,
           normalVersionRegex
         ],
-        search: function (uastring) {
+        search: uastring => {
           return contains(uastring, 'chrome') && !contains(uastring, 'chromeframe');
         }
       },
@@ -546,7 +718,7 @@
           /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
           /.*?rv:([0-9]+)\.([0-9]+).*/
         ],
-        search: function (uastring) {
+        search: uastring => {
           return contains(uastring, 'msie') || contains(uastring, 'trident');
         }
       },
@@ -569,12 +741,12 @@
           normalVersionRegex,
           /.*?cpu os ([0-9]+)_([0-9]+).*/
         ],
-        search: function (uastring) {
+        search: uastring => {
           return (contains(uastring, 'safari') || contains(uastring, 'mobile/')) && contains(uastring, 'applewebkit');
         }
       }
     ];
-    var oses = [
+    const oses = [
       {
         name: 'Windows',
         search: checkContains('win'),
@@ -582,7 +754,7 @@
       },
       {
         name: 'iOS',
-        search: function (uastring) {
+        search: uastring => {
           return contains(uastring, 'iphone') || contains(uastring, 'ipad');
         },
         versionRegexes: [
@@ -597,7 +769,7 @@
         versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
       },
       {
-        name: 'OSX',
+        name: 'macOS',
         search: checkContains('mac os x'),
         versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
       },
@@ -622,426 +794,185 @@
         versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
       }
     ];
-    var PlatformInfo = {
+    const PlatformInfo = {
       browsers: constant(browsers),
       oses: constant(oses)
     };
 
-    var edge = 'Edge';
-    var chrome = 'Chrome';
-    var ie = 'IE';
-    var opera = 'Opera';
-    var firefox = 'Firefox';
-    var safari = 'Safari';
-    var unknown$1 = function () {
+    const edge = 'Edge';
+    const chromium = 'Chromium';
+    const ie = 'IE';
+    const opera = 'Opera';
+    const firefox = 'Firefox';
+    const safari = 'Safari';
+    const unknown$1 = () => {
       return nu$1({
         current: undefined,
         version: Version.unknown()
       });
     };
-    var nu$1 = function (info) {
-      var current = info.current;
-      var version = info.version;
-      var isBrowser = function (name) {
-        return function () {
-          return current === name;
-        };
-      };
+    const nu$1 = info => {
+      const current = info.current;
+      const version = info.version;
+      const isBrowser = name => () => current === name;
       return {
-        current: current,
-        version: version,
+        current,
+        version,
         isEdge: isBrowser(edge),
-        isChrome: isBrowser(chrome),
+        isChromium: isBrowser(chromium),
         isIE: isBrowser(ie),
         isOpera: isBrowser(opera),
         isFirefox: isBrowser(firefox),
         isSafari: isBrowser(safari)
       };
     };
-    var Browser = {
+    const Browser = {
       unknown: unknown$1,
       nu: nu$1,
       edge: constant(edge),
-      chrome: constant(chrome),
+      chromium: constant(chromium),
       ie: constant(ie),
       opera: constant(opera),
       firefox: constant(firefox),
       safari: constant(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 = function () {
+    const windows = 'Windows';
+    const ios = 'iOS';
+    const android = 'Android';
+    const linux = 'Linux';
+    const macos = 'macOS';
+    const solaris = 'Solaris';
+    const freebsd = 'FreeBSD';
+    const chromeos = 'ChromeOS';
+    const unknown = () => {
       return nu({
         current: undefined,
         version: Version.unknown()
       });
     };
-    var nu = function (info) {
-      var current = info.current;
-      var version = info.version;
-      var isOS = function (name) {
-        return function () {
-          return current === name;
-        };
-      };
+    const nu = info => {
+      const current = info.current;
+      const version = info.version;
+      const isOS = name => () => current === name;
       return {
-        current: current,
-        version: version,
+        current,
+        version,
         isWindows: isOS(windows),
         isiOS: isOS(ios),
         isAndroid: isOS(android),
-        isOSX: isOS(osx),
+        isMacOS: isOS(macos),
         isLinux: isOS(linux),
         isSolaris: isOS(solaris),
         isFreeBSD: isOS(freebsd),
         isChromeOS: isOS(chromeos)
       };
     };
-    var OperatingSystem = {
-      unknown: unknown,
-      nu: nu,
+    const OperatingSystem = {
+      unknown,
+      nu,
       windows: constant(windows),
       ios: constant(ios),
       android: constant(android),
       linux: constant(linux),
-      osx: constant(osx),
+      macos: constant(macos),
       solaris: constant(solaris),
       freebsd: constant(freebsd),
       chromeos: constant(chromeos)
     };
 
-    var detect$1 = function (userAgent, userAgentDataOpt, mediaMatch) {
-      var browsers = PlatformInfo.browsers();
-      var oses = PlatformInfo.oses();
-      var browser = userAgentDataOpt.bind(function (userAgentData) {
-        return detectBrowser$1(browsers, userAgentData);
-      }).orThunk(function () {
-        return detectBrowser(browsers, userAgent);
-      }).fold(Browser.unknown, Browser.nu);
-      var os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
-      var deviceType = DeviceType(os, browser, userAgent, mediaMatch);
-      return {
-        browser: browser,
-        os: os,
-        deviceType: deviceType
-      };
-    };
-    var PlatformDetection = { detect: detect$1 };
-
-    var mediaMatch = function (query) {
-      return window.matchMedia(query).matches;
-    };
-    var platform = cached(function () {
-      return PlatformDetection.detect(navigator.userAgent, Optional.from(navigator.userAgentData), mediaMatch);
-    });
-    var detect = function () {
-      return platform();
-    };
-
-    var is = function (element, selector) {
-      var dom = element.dom;
-      if (dom.nodeType !== ELEMENT) {
-        return false;
-      } else {
-        var elem = dom;
-        if (elem.matches !== undefined) {
-          return elem.matches(selector);
-        } else if (elem.msMatchesSelector !== undefined) {
-          return elem.msMatchesSelector(selector);
-        } else if (elem.webkitMatchesSelector !== undefined) {
-          return elem.webkitMatchesSelector(selector);
-        } else if (elem.mozMatchesSelector !== undefined) {
-          return elem.mozMatchesSelector(selector);
-        } else {
-          throw new Error('Browser lacks native selectors');
-        }
-      }
-    };
-    var bypassSelector = function (dom) {
-      return dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT || dom.childElementCount === 0;
-    };
-    var all$1 = function (selector, scope) {
-      var base = scope === undefined ? document : scope.dom;
-      return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
-    };
-
-    var eq = function (e1, e2) {
-      return e1.dom === e2.dom;
-    };
-
-    var owner = function (element) {
-      return SugarElement.fromDom(element.dom.ownerDocument);
-    };
-    var documentOrOwner = function (dos) {
-      return isDocument(dos) ? dos : owner(dos);
-    };
-    var parent = function (element) {
-      return Optional.from(element.dom.parentNode).map(SugarElement.fromDom);
-    };
-    var parents = function (element, isRoot) {
-      var stop = isFunction(isRoot) ? isRoot : never;
-      var dom = element.dom;
-      var ret = [];
-      while (dom.parentNode !== null && dom.parentNode !== undefined) {
-        var rawParent = dom.parentNode;
-        var p = SugarElement.fromDom(rawParent);
-        ret.push(p);
-        if (stop(p) === true) {
-          break;
-        } else {
-          dom = rawParent;
-        }
-      }
-      return ret;
-    };
-    var siblings$2 = function (element) {
-      var filterSelf = function (elements) {
-        return filter$1(elements, function (x) {
-          return !eq(element, x);
-        });
-      };
-      return parent(element).map(children).map(filterSelf).getOr([]);
-    };
-    var children = function (element) {
-      return map(element.dom.childNodes, SugarElement.fromDom);
-    };
-
-    var isShadowRoot = function (dos) {
-      return isDocumentFragment(dos) && isNonNullable(dos.dom.host);
-    };
-    var supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
-    var isSupported = constant(supported);
-    var getRootNode = supported ? function (e) {
-      return SugarElement.fromDom(e.dom.getRootNode());
-    } : documentOrOwner;
-    var getShadowRoot = function (e) {
-      var r = getRootNode(e);
-      return isShadowRoot(r) ? Optional.some(r) : 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(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 (element) {
-      return isNonNullable(element.dom.shadowRoot);
-    };
-
-    var inBody = function (element) {
-      var dom = isText(element) ? element.dom.parentNode : element.dom;
-      if (dom === undefined || dom === null || dom.ownerDocument === null) {
-        return false;
-      }
-      var doc = dom.ownerDocument;
-      return getShadowRoot(SugarElement.fromDom(dom)).fold(function () {
-        return doc.body.contains(dom);
-      }, compose1(inBody, getShadowHost));
-    };
-    var getBody = function (doc) {
-      var b = doc.dom.body;
-      if (b === null || b === undefined) {
-        throw new Error('Body is not available yet');
-      }
-      return SugarElement.fromDom(b);
-    };
-
-    var rawSet = function (dom, key, value) {
-      if (isString(value) || isBoolean(value) || isNumber(value)) {
-        dom.setAttribute(key, value + '');
-      } else {
-        console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
-        throw new Error('Attribute value was not simple');
-      }
-    };
-    var set = function (element, key, value) {
-      rawSet(element.dom, key, value);
-    };
-    var get$3 = function (element, key) {
-      var v = element.dom.getAttribute(key);
-      return v === null ? undefined : v;
-    };
-    var remove = function (element, key) {
-      element.dom.removeAttribute(key);
-    };
-
-    var internalSet = function (dom, property, value) {
-      if (!isString(value)) {
-        console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
-        throw new Error('CSS value must be a string: ' + value);
-      }
-      if (isSupported$1(dom)) {
-        dom.style.setProperty(property, value);
-      }
-    };
-    var setAll = function (element, css) {
-      var dom = element.dom;
-      each(css, function (v, k) {
-        internalSet(dom, k, v);
-      });
-    };
-    var get$2 = function (element, property) {
-      var dom = element.dom;
-      var styles = window.getComputedStyle(dom);
-      var r = styles.getPropertyValue(property);
-      return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
-    };
-    var getUnsafeProperty = function (dom, property) {
-      return isSupported$1(dom) ? dom.style.getPropertyValue(property) : '';
-    };
-
-    var mkEvent = function (target, x, y, stop, prevent, kill, raw) {
+    const detect$1 = (userAgent, userAgentDataOpt, mediaMatch) => {
+      const browsers = PlatformInfo.browsers();
+      const oses = PlatformInfo.oses();
+      const browser = userAgentDataOpt.bind(userAgentData => detectBrowser$1(browsers, userAgentData)).orThunk(() => detectBrowser(browsers, userAgent)).fold(Browser.unknown, Browser.nu);
+      const os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+      const deviceType = DeviceType(os, browser, userAgent, mediaMatch);
       return {
-        target: target,
-        x: x,
-        y: y,
-        stop: stop,
-        prevent: prevent,
-        kill: kill,
-        raw: raw
-      };
-    };
-    var fromRawEvent = function (rawEvent) {
-      var target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
-      var stop = function () {
-        return rawEvent.stopPropagation();
-      };
-      var prevent = function () {
-        return rawEvent.preventDefault();
-      };
-      var kill = compose(prevent, stop);
-      return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
-    };
-    var handle = function (filter, handler) {
-      return function (rawEvent) {
-        if (filter(rawEvent)) {
-          handler(fromRawEvent(rawEvent));
-        }
+        browser,
+        os,
+        deviceType
       };
     };
-    var binder = function (element, event, filter, handler, useCapture) {
-      var wrapped = handle(filter, handler);
-      element.dom.addEventListener(event, wrapped, useCapture);
-      return { unbind: curry(unbind, element, event, wrapped, useCapture) };
-    };
-    var bind$2 = function (element, event, filter, handler) {
-      return binder(element, event, filter, handler, false);
-    };
-    var unbind = function (element, event, handler, useCapture) {
-      element.dom.removeEventListener(event, handler, useCapture);
-    };
+    const PlatformDetection = { detect: detect$1 };
 
-    var filter = always;
-    var bind$1 = function (element, event, handler) {
-      return bind$2(element, event, filter, handler);
-    };
+    const mediaMatch = query => window.matchMedia(query).matches;
+    let platform = cached(() => PlatformDetection.detect(navigator.userAgent, Optional.from(navigator.userAgentData), mediaMatch));
+    const detect = () => platform();
 
-    var r = function (left, top) {
-      var translate = function (x, y) {
-        return r(left + x, top + y);
-      };
+    const r = (left, top) => {
+      const translate = (x, y) => r(left + x, top + y);
       return {
-        left: left,
-        top: top,
-        translate: translate
+        left,
+        top,
+        translate
       };
     };
-    var SugarPosition = r;
+    const SugarPosition = r;
 
-    var get$1 = function (_DOC) {
-      var doc = _DOC !== undefined ? _DOC.dom : document;
-      var x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
-      var y = doc.body.scrollTop || doc.documentElement.scrollTop;
+    const get$1 = _DOC => {
+      const doc = _DOC !== undefined ? _DOC.dom : document;
+      const x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
+      const y = doc.body.scrollTop || doc.documentElement.scrollTop;
       return SugarPosition(x, y);
     };
 
-    var get = function (_win) {
-      var win = _win === undefined ? window : _win;
+    const get = _win => {
+      const win = _win === undefined ? window : _win;
       if (detect().browser.isFirefox()) {
         return Optional.none();
       } else {
-        return Optional.from(win['visualViewport']);
+        return Optional.from(win.visualViewport);
       }
     };
-    var bounds = function (x, y, width, height) {
-      return {
-        x: x,
-        y: y,
-        width: width,
-        height: height,
-        right: x + width,
-        bottom: y + height
-      };
-    };
-    var getBounds = function (_win) {
-      var win = _win === undefined ? window : _win;
-      var doc = win.document;
-      var scroll = get$1(SugarElement.fromDom(doc));
-      return get(win).fold(function () {
-        var html = win.document.documentElement;
-        var width = html.clientWidth;
-        var height = html.clientHeight;
+    const bounds = (x, y, width, height) => ({
+      x,
+      y,
+      width,
+      height,
+      right: x + width,
+      bottom: y + height
+    });
+    const getBounds = _win => {
+      const win = _win === undefined ? window : _win;
+      const doc = win.document;
+      const scroll = get$1(SugarElement.fromDom(doc));
+      return get(win).fold(() => {
+        const html = win.document.documentElement;
+        const width = html.clientWidth;
+        const height = html.clientHeight;
         return bounds(scroll.left, scroll.top, width, height);
-      }, function (visualViewport) {
-        return bounds(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height);
-      });
-    };
-    var bind = function (name, callback, _win) {
-      return get(_win).map(function (visualViewport) {
-        var handler = function (e) {
-          return callback(fromRawEvent(e));
-        };
-        visualViewport.addEventListener(name, handler);
-        return {
-          unbind: function () {
-            return visualViewport.removeEventListener(name, handler);
-          }
-        };
-      }).getOrThunk(function () {
-        return { unbind: noop };
-      });
+      }, visualViewport => bounds(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height));
     };
+    const bind = (name, callback, _win) => get(_win).map(visualViewport => {
+      const handler = e => callback(fromRawEvent(e));
+      visualViewport.addEventListener(name, handler);
+      return { unbind: () => visualViewport.removeEventListener(name, handler) };
+    }).getOrThunk(() => ({ unbind: noop }));
 
-    var global$2 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
-
-    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
 
-    var global = tinymce.util.Tools.resolve('tinymce.util.Delay');
+    var global = tinymce.util.Tools.resolve('tinymce.Env');
 
-    var fireFullscreenStateChanged = function (editor, state) {
-      editor.fire('FullscreenStateChanged', { state: state });
-      editor.fire('ResizeEditor');
+    const fireFullscreenStateChanged = (editor, state) => {
+      editor.dispatch('FullscreenStateChanged', { state });
+      editor.dispatch('ResizeEditor');
     };
 
-    var getFullscreenNative = function (editor) {
-      return editor.getParam('fullscreen_native', false, 'boolean');
+    const option = name => editor => editor.options.get(name);
+    const register$2 = editor => {
+      const registerOption = editor.options.register;
+      registerOption('fullscreen_native', {
+        processor: 'boolean',
+        default: false
+      });
     };
+    const getFullscreenNative = option('fullscreen_native');
 
-    var getFullscreenRoot = function (editor) {
-      var elem = SugarElement.fromDom(editor.getElement());
-      return getShadowRoot(elem).map(getShadowHost).getOrThunk(function () {
-        return getBody(owner(elem));
-      });
+    const getFullscreenRoot = editor => {
+      const elem = SugarElement.fromDom(editor.getElement());
+      return getShadowRoot(elem).map(getShadowHost).getOrThunk(() => getBody(owner(elem)));
     };
-    var getFullscreenElement = function (root) {
+    const getFullscreenElement = root => {
       if (root.fullscreenElement !== undefined) {
         return root.fullscreenElement;
       } else if (root.msFullscreenElement !== undefined) {
@@ -1052,7 +983,7 @@
         return null;
       }
     };
-    var getFullscreenchangeEventName = function () {
+    const getFullscreenchangeEventName = () => {
       if (document.fullscreenElement !== undefined) {
         return 'fullscreenchange';
       } else if (document.msFullscreenElement !== undefined) {
@@ -1063,8 +994,8 @@
         return 'fullscreenchange';
       }
     };
-    var requestFullscreen = function (sugarElem) {
-      var elem = sugarElem.dom;
+    const requestFullscreen = sugarElem => {
+      const elem = sugarElem.dom;
       if (elem.requestFullscreen) {
         elem.requestFullscreen();
       } else if (elem.msRequestFullscreen) {
@@ -1073,8 +1004,8 @@
         elem.webkitRequestFullScreen();
       }
     };
-    var exitFullscreen = function (sugarDoc) {
-      var doc = sugarDoc.dom;
+    const exitFullscreen = sugarDoc => {
+      const doc = sugarDoc.dom;
       if (doc.exitFullscreen) {
         doc.exitFullscreen();
       } else if (doc.msExitFullscreen) {
@@ -1083,70 +1014,52 @@
         doc.webkitCancelFullScreen();
       }
     };
-    var isFullscreenElement = function (elem) {
-      return elem.dom === getFullscreenElement(owner(elem).dom);
-    };
+    const isFullscreenElement = elem => elem.dom === getFullscreenElement(owner(elem).dom);
 
-    var ancestors$1 = function (scope, predicate, isRoot) {
-      return filter$1(parents(scope, isRoot), predicate);
-    };
-    var siblings$1 = function (scope, predicate) {
-      return filter$1(siblings$2(scope), predicate);
-    };
+    const ancestors$1 = (scope, predicate, isRoot) => filter$1(parents(scope, isRoot), predicate);
+    const siblings$1 = (scope, predicate) => filter$1(siblings$2(scope), predicate);
 
-    var all = function (selector) {
-      return all$1(selector);
-    };
-    var ancestors = function (scope, selector, isRoot) {
-      return ancestors$1(scope, function (e) {
-        return is(e, selector);
-      }, isRoot);
-    };
-    var siblings = function (scope, selector) {
-      return siblings$1(scope, function (e) {
-        return is(e, selector);
-      });
-    };
+    const all = selector => all$1(selector);
+    const ancestors = (scope, selector, isRoot) => ancestors$1(scope, e => is(e, selector), isRoot);
+    const siblings = (scope, selector) => siblings$1(scope, e => is(e, selector));
 
-    var attr = 'data-ephox-mobile-fullscreen-style';
-    var siblingStyles = 'display:none!important;';
-    var ancestorPosition = 'position:absolute!important;';
-    var ancestorStyles = 'top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important;';
-    var bgFallback = 'background-color:rgb(255,255,255)!important;';
-    var isAndroid = global$1.os.isAndroid();
-    var matchColor = function (editorBody) {
-      var color = get$2(editorBody, 'background-color');
+    const attr = 'data-ephox-mobile-fullscreen-style';
+    const siblingStyles = 'display:none!important;';
+    const ancestorPosition = 'position:absolute!important;';
+    const ancestorStyles = 'top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important;';
+    const bgFallback = 'background-color:rgb(255,255,255)!important;';
+    const isAndroid = global.os.isAndroid();
+    const matchColor = editorBody => {
+      const color = get$2(editorBody, 'background-color');
       return color !== undefined && color !== '' ? 'background-color:' + color + '!important' : bgFallback;
     };
-    var clobberStyles = function (dom, container, editorBody) {
-      var gatherSiblings = function (element) {
+    const clobberStyles = (dom, container, editorBody) => {
+      const gatherSiblings = element => {
         return siblings(element, '*:not(.tox-silver-sink)');
       };
-      var clobber = function (clobberStyle) {
-        return function (element) {
-          var styles = get$3(element, 'style');
-          var backup = styles === undefined ? 'no-styles' : styles.trim();
-          if (backup === clobberStyle) {
-            return;
-          } else {
-            set(element, attr, backup);
-            setAll(element, dom.parseStyle(clobberStyle));
-          }
-        };
+      const clobber = clobberStyle => element => {
+        const styles = get$3(element, 'style');
+        const backup = styles === undefined ? 'no-styles' : styles.trim();
+        if (backup === clobberStyle) {
+          return;
+        } else {
+          set$1(element, attr, backup);
+          setAll(element, dom.parseStyle(clobberStyle));
+        }
       };
-      var ancestors$1 = ancestors(container, '*');
-      var siblings$1 = bind$3(ancestors$1, gatherSiblings);
-      var bgColor = matchColor(editorBody);
+      const ancestors$1 = ancestors(container, '*');
+      const siblings$1 = bind$3(ancestors$1, gatherSiblings);
+      const bgColor = matchColor(editorBody);
       each$1(siblings$1, clobber(siblingStyles));
       each$1(ancestors$1, clobber(ancestorPosition + ancestorStyles + bgColor));
-      var containerStyles = isAndroid === true ? '' : ancestorPosition;
+      const containerStyles = isAndroid === true ? '' : ancestorPosition;
       clobber(containerStyles + ancestorStyles + bgColor)(container);
     };
-    var restoreStyles = function (dom) {
-      var clobberedEls = all('[' + attr + ']');
-      each$1(clobberedEls, function (element) {
-        var restore = get$3(element, attr);
-        if (restore !== 'no-styles') {
+    const restoreStyles = dom => {
+      const clobberedEls = all('[' + attr + ']');
+      each$1(clobberedEls, element => {
+        const restore = get$3(element, attr);
+        if (restore && restore !== 'no-styles') {
           setAll(element, dom.parseStyle(restore));
         } else {
           remove(element, 'style');
@@ -1155,50 +1068,42 @@
       });
     };
 
-    var DOM = global$2.DOM;
-    var getScrollPos = function () {
-      return getBounds(window);
-    };
-    var setScrollPos = function (pos) {
-      return window.scrollTo(pos.x, pos.y);
-    };
-    var viewportUpdate = get().fold(function () {
-      return {
-        bind: noop,
-        unbind: noop
-      };
-    }, function (visualViewport) {
-      var editorContainer = value();
-      var resizeBinder = unbindable();
-      var scrollBinder = unbindable();
-      var refreshScroll = function () {
+    const DOM = global$1.DOM;
+    const getScrollPos = () => getBounds(window);
+    const setScrollPos = pos => window.scrollTo(pos.x, pos.y);
+    const viewportUpdate = get().fold(() => ({
+      bind: noop,
+      unbind: noop
+    }), visualViewport => {
+      const editorContainer = value();
+      const resizeBinder = unbindable();
+      const scrollBinder = unbindable();
+      const refreshScroll = () => {
         document.body.scrollTop = 0;
         document.documentElement.scrollTop = 0;
       };
-      var refreshVisualViewport = function () {
-        window.requestAnimationFrame(function () {
-          editorContainer.on(function (container) {
-            return setAll(container, {
-              top: visualViewport.offsetTop + 'px',
-              left: visualViewport.offsetLeft + 'px',
-              height: visualViewport.height + 'px',
-              width: visualViewport.width + 'px'
-            });
-          });
+      const refreshVisualViewport = () => {
+        window.requestAnimationFrame(() => {
+          editorContainer.on(container => setAll(container, {
+            top: visualViewport.offsetTop + 'px',
+            left: visualViewport.offsetLeft + 'px',
+            height: visualViewport.height + 'px',
+            width: visualViewport.width + 'px'
+          }));
         });
       };
-      var update = global.throttle(function () {
+      const update = first(() => {
         refreshScroll();
         refreshVisualViewport();
       }, 50);
-      var bind$1 = function (element) {
+      const bind$1 = element => {
         editorContainer.set(element);
-        update();
-        resizeBinder.set(bind('resize', update));
-        scrollBinder.set(bind('scroll', update));
+        update.throttle();
+        resizeBinder.set(bind('resize', update.throttle));
+        scrollBinder.set(bind('scroll', update.throttle));
       };
-      var unbind = function () {
-        editorContainer.on(function () {
+      const unbind = () => {
+        editorContainer.on(() => {
           resizeBinder.clear();
           scrollBinder.clear();
         });
@@ -1206,51 +1111,48 @@
       };
       return {
         bind: bind$1,
-        unbind: unbind
+        unbind
       };
     });
-    var toggleFullscreen = function (editor, fullscreenState) {
-      var body = document.body;
-      var documentElement = document.documentElement;
-      var editorContainer = editor.getContainer();
-      var editorContainerS = SugarElement.fromDom(editorContainer);
-      var fullscreenRoot = getFullscreenRoot(editor);
-      var fullscreenInfo = fullscreenState.get();
-      var editorBody = SugarElement.fromDom(editor.getBody());
-      var isTouch = global$1.deviceType.isTouch();
-      var editorContainerStyle = editorContainer.style;
-      var iframe = editor.iframeElement;
-      var iframeStyle = iframe.style;
-      var handleClasses = function (handler) {
+    const toggleFullscreen = (editor, fullscreenState) => {
+      const body = document.body;
+      const documentElement = document.documentElement;
+      const editorContainer = editor.getContainer();
+      const editorContainerS = SugarElement.fromDom(editorContainer);
+      const sinkContainerS = nextSibling(editorContainerS).filter(elm => isHTMLElement(elm) && has(elm, 'tox-silver-sink'));
+      const fullscreenRoot = getFullscreenRoot(editor);
+      const fullscreenInfo = fullscreenState.get();
+      const editorBody = SugarElement.fromDom(editor.getBody());
+      const isTouch = global.deviceType.isTouch();
+      const editorContainerStyle = editorContainer.style;
+      const iframe = editor.iframeElement;
+      const iframeStyle = iframe === null || iframe === void 0 ? void 0 : iframe.style;
+      const handleClasses = handler => {
         handler(body, 'tox-fullscreen');
         handler(documentElement, 'tox-fullscreen');
         handler(editorContainer, 'tox-fullscreen');
-        getShadowRoot(editorContainerS).map(function (root) {
-          return getShadowHost(root).dom;
-        }).each(function (host) {
+        getShadowRoot(editorContainerS).map(root => getShadowHost(root).dom).each(host => {
           handler(host, 'tox-fullscreen');
           handler(host, 'tox-shadowhost');
         });
       };
-      var cleanup = function () {
+      const cleanup = () => {
         if (isTouch) {
           restoreStyles(editor.dom);
         }
         handleClasses(DOM.removeClass);
         viewportUpdate.unbind();
-        Optional.from(fullscreenState.get()).each(function (info) {
-          return info.fullscreenChangeHandler.unbind();
-        });
+        Optional.from(fullscreenState.get()).each(info => info.fullscreenChangeHandler.unbind());
       };
       if (!fullscreenInfo) {
-        var fullscreenChangeHandler = bind$1(owner(fullscreenRoot), getFullscreenchangeEventName(), function (_evt) {
+        const fullscreenChangeHandler = bind$1(owner(fullscreenRoot), getFullscreenchangeEventName(), _evt => {
           if (getFullscreenNative(editor)) {
             if (!isFullscreenElement(fullscreenRoot) && fullscreenState.get() !== null) {
               toggleFullscreen(editor, fullscreenState);
             }
           }
         });
-        var newFullScreenInfo = {
+        const newFullScreenInfo = {
           scrollPos: getScrollPos(),
           containerWidth: editorContainerStyle.width,
           containerHeight: editorContainerStyle.height,
@@ -1258,7 +1160,8 @@
           containerLeft: editorContainerStyle.left,
           iframeWidth: iframeStyle.width,
           iframeHeight: iframeStyle.height,
-          fullscreenChangeHandler: fullscreenChangeHandler
+          fullscreenChangeHandler,
+          sinkCssPosition: sinkContainerS.map(elm => get$2(elm, 'position'))
         };
         if (isTouch) {
           clobberStyles(editor.dom, editorContainerS, editorBody);
@@ -1266,6 +1169,9 @@
         iframeStyle.width = iframeStyle.height = '100%';
         editorContainerStyle.width = editorContainerStyle.height = '';
         handleClasses(DOM.addClass);
+        sinkContainerS.each(elm => {
+          set(elm, 'position', 'fixed');
+        });
         viewportUpdate.bind(editorContainerS);
         editor.on('remove', cleanup);
         fullscreenState.set(newFullScreenInfo);
@@ -1284,6 +1190,9 @@
         editorContainerStyle.height = fullscreenInfo.containerHeight;
         editorContainerStyle.top = fullscreenInfo.containerTop;
         editorContainerStyle.left = fullscreenInfo.containerLeft;
+        lift2(sinkContainerS, fullscreenInfo.sinkCssPosition, (elm, val) => {
+          set(elm, 'position', val);
+        });
         cleanup();
         setScrollPos(fullscreenInfo.scrollPos);
         fullscreenState.set(null);
@@ -1292,56 +1201,50 @@
       }
     };
 
-    var register$1 = function (editor, fullscreenState) {
-      editor.addCommand('mceFullScreen', function () {
+    const register$1 = (editor, fullscreenState) => {
+      editor.addCommand('mceFullScreen', () => {
         toggleFullscreen(editor, fullscreenState);
       });
     };
 
-    var makeSetupHandler = function (editor, fullscreenState) {
-      return function (api) {
-        api.setActive(fullscreenState.get() !== null);
-        var editorEventCallback = function (e) {
-          return api.setActive(e.state);
-        };
-        editor.on('FullscreenStateChanged', editorEventCallback);
-        return function () {
-          return editor.off('FullscreenStateChanged', editorEventCallback);
-        };
-      };
-    };
-    var register = function (editor, fullscreenState) {
-      var onAction = function () {
-        return editor.execCommand('mceFullScreen');
-      };
+    const makeSetupHandler = (editor, fullscreenState) => api => {
+      api.setActive(fullscreenState.get() !== null);
+      const editorEventCallback = e => api.setActive(e.state);
+      editor.on('FullscreenStateChanged', editorEventCallback);
+      return () => editor.off('FullscreenStateChanged', editorEventCallback);
+    };
+    const register = (editor, fullscreenState) => {
+      const onAction = () => editor.execCommand('mceFullScreen');
       editor.ui.registry.addToggleMenuItem('fullscreen', {
         text: 'Fullscreen',
         icon: 'fullscreen',
         shortcut: 'Meta+Shift+F',
-        onAction: onAction,
+        onAction,
         onSetup: makeSetupHandler(editor, fullscreenState)
       });
       editor.ui.registry.addToggleButton('fullscreen', {
         tooltip: 'Fullscreen',
         icon: 'fullscreen',
-        onAction: onAction,
-        onSetup: makeSetupHandler(editor, fullscreenState)
+        onAction,
+        onSetup: makeSetupHandler(editor, fullscreenState),
+        shortcut: 'Meta+Shift+F'
       });
     };
 
-    function Plugin () {
-      global$3.add('fullscreen', function (editor) {
-        var fullscreenState = Cell(null);
+    var Plugin = () => {
+      global$2.add('fullscreen', editor => {
+        const fullscreenState = Cell(null);
         if (editor.inline) {
           return get$5(fullscreenState);
         }
+        register$2(editor);
         register$1(editor, fullscreenState);
         register(editor, fullscreenState);
         editor.addShortcut('Meta+Shift+F', '', 'mceFullScreen');
         return get$5(fullscreenState);
       });
-    }
+    };
 
     Plugin();
 
-}());
+})();