123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963 |
- /**
- * 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.9.1 (2021-08-27)
- */
- (function () {
- 'use strict';
- var Cell = function (initial) {
- var value = initial;
- var get = function () {
- return value;
- };
- var set = function (v) {
- value = v;
- };
- return {
- get: get,
- set: set
- };
- };
- var global$3 = tinymce.util.Tools.resolve('tinymce.PluginManager');
- var get$5 = function (fullscreenState) {
- return {
- isFullscreen: function () {
- return fullscreenState.get() !== null;
- }
- };
- };
- var typeOf = function (x) {
- var t = typeof x;
- if (x === null) {
- return 'null';
- } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
- return 'array';
- } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
- 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');
- var noop = function () {
- };
- 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 = function (value) {
- return function () {
- 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);
- return fn.apply(null, all);
- };
- }
- var never = constant(false);
- var 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 + ')';
- }
- };
- 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];
- }
- 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 });
- };
- 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];
- 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];
- 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];
- if (pred(x, i)) {
- r.push(x);
- }
- }
- return r;
- };
- var flatten = function (xs) {
- var r = [];
- 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(r, xs[i]);
- }
- 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 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];
- f(x, i);
- }
- };
- var isSupported$1 = function (dom) {
- return dom.style !== undefined && isFunction(dom.style.getPropertyValue);
- };
- var fromHtml = 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 (text, scope) {
- var doc = scope || document;
- var node = doc.createTextNode(text);
- return fromDom(node);
- };
- var fromDom = function (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
- };
- typeof window !== 'undefined' ? window : Function('return this;')();
- var DOCUMENT = 9;
- var DOCUMENT_FRAGMENT = 11;
- var ELEMENT = 1;
- var TEXT = 3;
- var type = function (element) {
- return element.dom.nodeType;
- };
- var isType = function (t) {
- return function (element) {
- return type(element) === t;
- };
- };
- var isElement = isType(ELEMENT);
- var isText = isType(TEXT);
- var isDocument = isType(DOCUMENT);
- var isDocumentFragment = isType(DOCUMENT_FRAGMENT);
- 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) {
- 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));
- }
- };
- };
- 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);
- };
- var filter = always;
- var bind$1 = function (element, event, handler) {
- return bind$2(element, event, filter, handler);
- };
- var r = function (left, top) {
- var translate = function (x, y) {
- return r(left + x, top + y);
- };
- return {
- left: left,
- top: top,
- translate: translate
- };
- };
- var 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;
- return SugarPosition(x, y);
- };
- var get = function (_win) {
- var win = _win === undefined ? window : _win;
- 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;
- 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 };
- });
- };
- var global$2 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
- var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
- var global = tinymce.util.Tools.resolve('tinymce.util.Delay');
- var fireFullscreenStateChanged = function (editor, state) {
- editor.fire('FullscreenStateChanged', { state: state });
- };
- var getFullscreenNative = function (editor) {
- return editor.getParam('fullscreen_native', false, 'boolean');
- };
- var getFullscreenRoot = function (editor) {
- var elem = SugarElement.fromDom(editor.getElement());
- return getShadowRoot(elem).map(getShadowHost).getOrThunk(function () {
- return getBody(owner(elem));
- });
- };
- var getFullscreenElement = function (root) {
- if (root.fullscreenElement !== undefined) {
- return root.fullscreenElement;
- } else if (root.msFullscreenElement !== undefined) {
- return root.msFullscreenElement;
- } else if (root.webkitFullscreenElement !== undefined) {
- return root.webkitFullscreenElement;
- } else {
- return null;
- }
- };
- var getFullscreenchangeEventName = function () {
- if (document.fullscreenElement !== undefined) {
- return 'fullscreenchange';
- } else if (document.msFullscreenElement !== undefined) {
- return 'MSFullscreenChange';
- } else if (document.webkitFullscreenElement !== undefined) {
- return 'webkitfullscreenchange';
- } else {
- return 'fullscreenchange';
- }
- };
- var requestFullscreen = function (sugarElem) {
- var elem = sugarElem.dom;
- if (elem.requestFullscreen) {
- elem.requestFullscreen();
- } else if (elem.msRequestFullscreen) {
- elem.msRequestFullscreen();
- } else if (elem.webkitRequestFullScreen) {
- elem.webkitRequestFullScreen();
- }
- };
- var exitFullscreen = function (sugarDoc) {
- var doc = sugarDoc.dom;
- if (doc.exitFullscreen) {
- doc.exitFullscreen();
- } else if (doc.msExitFullscreen) {
- doc.msExitFullscreen();
- } else if (doc.webkitCancelFullScreen) {
- doc.webkitCancelFullScreen();
- }
- };
- var isFullscreenElement = function (elem) {
- return 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);
- };
- 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);
- });
- };
- 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');
- return color !== undefined && color !== '' ? 'background-color:' + color + '!important' : bgFallback;
- };
- var clobberStyles = function (dom, container, editorBody) {
- var gatherSiblings = function (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));
- }
- };
- };
- var ancestors$1 = ancestors(container, '*');
- var siblings$1 = bind$3(ancestors$1, gatherSiblings);
- var bgColor = matchColor(editorBody);
- each$1(siblings$1, clobber(siblingStyles));
- each$1(ancestors$1, clobber(ancestorPosition + ancestorStyles + bgColor));
- var 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') {
- setAll(element, dom.parseStyle(restore));
- } else {
- remove(element, 'style');
- }
- remove(element, attr);
- });
- };
- 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 () {
- 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'
- });
- });
- });
- };
- var update = global.throttle(function () {
- refreshScroll();
- refreshVisualViewport();
- }, 50);
- var bind$1 = function (element) {
- editorContainer.set(element);
- update();
- resizeBinder.set(bind('resize', update));
- scrollBinder.set(bind('scroll', update));
- };
- var unbind = function () {
- editorContainer.on(function () {
- resizeBinder.clear();
- scrollBinder.clear();
- });
- editorContainer.clear();
- };
- return {
- bind: bind$1,
- 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) {
- handler(body, 'tox-fullscreen');
- handler(documentElement, 'tox-fullscreen');
- handler(editorContainer, 'tox-fullscreen');
- getShadowRoot(editorContainerS).map(function (root) {
- return getShadowHost(root).dom;
- }).each(function (host) {
- handler(host, 'tox-fullscreen');
- handler(host, 'tox-shadowhost');
- });
- };
- var cleanup = function () {
- if (isTouch) {
- restoreStyles(editor.dom);
- }
- handleClasses(DOM.removeClass);
- viewportUpdate.unbind();
- Optional.from(fullscreenState.get()).each(function (info) {
- return info.fullscreenChangeHandler.unbind();
- });
- };
- if (!fullscreenInfo) {
- var fullscreenChangeHandler = bind$1(owner(fullscreenRoot), getFullscreenchangeEventName(), function (_evt) {
- if (getFullscreenNative(editor)) {
- if (!isFullscreenElement(fullscreenRoot) && fullscreenState.get() !== null) {
- toggleFullscreen(editor, fullscreenState);
- }
- }
- });
- var newFullScreenInfo = {
- scrollPos: getScrollPos(),
- containerWidth: editorContainerStyle.width,
- containerHeight: editorContainerStyle.height,
- containerTop: editorContainerStyle.top,
- containerLeft: editorContainerStyle.left,
- iframeWidth: iframeStyle.width,
- iframeHeight: iframeStyle.height,
- fullscreenChangeHandler: fullscreenChangeHandler
- };
- if (isTouch) {
- clobberStyles(editor.dom, editorContainerS, editorBody);
- }
- iframeStyle.width = iframeStyle.height = '100%';
- editorContainerStyle.width = editorContainerStyle.height = '';
- handleClasses(DOM.addClass);
- viewportUpdate.bind(editorContainerS);
- editor.on('remove', cleanup);
- fullscreenState.set(newFullScreenInfo);
- if (getFullscreenNative(editor)) {
- requestFullscreen(fullscreenRoot);
- }
- fireFullscreenStateChanged(editor, true);
- } else {
- fullscreenInfo.fullscreenChangeHandler.unbind();
- if (getFullscreenNative(editor) && isFullscreenElement(fullscreenRoot)) {
- exitFullscreen(owner(fullscreenRoot));
- }
- iframeStyle.width = fullscreenInfo.iframeWidth;
- iframeStyle.height = fullscreenInfo.iframeHeight;
- editorContainerStyle.width = fullscreenInfo.containerWidth;
- editorContainerStyle.height = fullscreenInfo.containerHeight;
- editorContainerStyle.top = fullscreenInfo.containerTop;
- editorContainerStyle.left = fullscreenInfo.containerLeft;
- setScrollPos(fullscreenInfo.scrollPos);
- fullscreenState.set(null);
- fireFullscreenStateChanged(editor, false);
- cleanup();
- editor.off('remove', cleanup);
- }
- };
- var register$1 = function (editor, fullscreenState) {
- editor.addCommand('mceFullScreen', function () {
- 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');
- };
- editor.ui.registry.addToggleMenuItem('fullscreen', {
- text: 'Fullscreen',
- icon: 'fullscreen',
- shortcut: 'Meta+Shift+F',
- onAction: onAction,
- onSetup: makeSetupHandler(editor, fullscreenState)
- });
- editor.ui.registry.addToggleButton('fullscreen', {
- tooltip: 'Fullscreen',
- icon: 'fullscreen',
- onAction: onAction,
- onSetup: makeSetupHandler(editor, fullscreenState)
- });
- };
- function Plugin () {
- global$3.add('fullscreen', function (editor) {
- var fullscreenState = Cell(null);
- if (editor.inline) {
- return get$5(fullscreenState);
- }
- register$1(editor, fullscreenState);
- register(editor, fullscreenState);
- editor.addShortcut('Meta+Shift+F', '', 'mceFullScreen');
- return get$5(fullscreenState);
- });
- }
- Plugin();
- }());
|