integarting admin dashboard
This commit is contained in:
7
public/Dashboard/vendors/tinymce/plugins/fullscreen/index.js
vendored
Normal file
7
public/Dashboard/vendors/tinymce/plugins/fullscreen/index.js
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
// Exports the "fullscreen" plugin for usage with module loaders
|
||||
// Usage:
|
||||
// CommonJS:
|
||||
// require('tinymce/plugins/fullscreen')
|
||||
// ES2015:
|
||||
// import 'tinymce/plugins/fullscreen'
|
||||
require('./plugin.js');
|
979
public/Dashboard/vendors/tinymce/plugins/fullscreen/plugin.js
vendored
Normal file
979
public/Dashboard/vendors/tinymce/plugins/fullscreen/plugin.js
vendored
Normal file
@ -0,0 +1,979 @@
|
||||
/**
|
||||
* 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.7.0 (2021-02-10)
|
||||
*/
|
||||
(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 = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
||||
|
||||
var get = function (fullscreenState) {
|
||||
return {
|
||||
isFullscreen: function () {
|
||||
return fullscreenState.get() !== null;
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
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;
|
||||
};
|
||||
};
|
||||
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 eq = function (o) {
|
||||
return o.isNone();
|
||||
};
|
||||
var call = function (thunk) {
|
||||
return thunk();
|
||||
};
|
||||
var id = function (n) {
|
||||
return n;
|
||||
};
|
||||
var me = {
|
||||
fold: function (n, _s) {
|
||||
return n();
|
||||
},
|
||||
is: never,
|
||||
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: none,
|
||||
equals: eq,
|
||||
equals_: eq,
|
||||
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);
|
||||
},
|
||||
is: function (v) {
|
||||
return a === v;
|
||||
},
|
||||
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 + ')';
|
||||
},
|
||||
equals: function (o) {
|
||||
return o.is(a);
|
||||
},
|
||||
equals_: function (o, elementEq) {
|
||||
return o.fold(never, function (b) {
|
||||
return elementEq(a, b);
|
||||
});
|
||||
}
|
||||
};
|
||||
return me;
|
||||
};
|
||||
var from = function (value) {
|
||||
return value === null || value === undefined ? NONE : some(value);
|
||||
};
|
||||
var Optional = {
|
||||
some: some,
|
||||
none: none,
|
||||
from: from
|
||||
};
|
||||
|
||||
var revocable = 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 set = function (s) {
|
||||
revoke();
|
||||
subject.set(Optional.some(s));
|
||||
};
|
||||
return {
|
||||
clear: clear,
|
||||
isSet: isSet,
|
||||
set: set
|
||||
};
|
||||
};
|
||||
var unbindable = function () {
|
||||
return revocable(function (s) {
|
||||
return s.unbind();
|
||||
});
|
||||
};
|
||||
var value = function () {
|
||||
var subject = Cell(Optional.none());
|
||||
var clear = function () {
|
||||
return subject.set(Optional.none());
|
||||
};
|
||||
var set = function (s) {
|
||||
return subject.set(Optional.some(s));
|
||||
};
|
||||
var isSet = function () {
|
||||
return subject.get().isSome();
|
||||
};
|
||||
var on = function (f) {
|
||||
return subject.get().each(f);
|
||||
};
|
||||
return {
|
||||
clear: clear,
|
||||
set: set,
|
||||
isSet: isSet,
|
||||
on: on
|
||||
};
|
||||
};
|
||||
|
||||
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 = function (type) {
|
||||
return function (value) {
|
||||
return typeOf(value) === type;
|
||||
};
|
||||
};
|
||||
var isSimpleType = function (type) {
|
||||
return function (value) {
|
||||
return typeof value === type;
|
||||
};
|
||||
};
|
||||
var isString = isType('string');
|
||||
var isArray = isType('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 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 = function (xs, f) {
|
||||
for (var i = 0, len = xs.length; i < len; i++) {
|
||||
var x = xs[i];
|
||||
f(x, i);
|
||||
}
|
||||
};
|
||||
var filter = 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 = function (xs, f) {
|
||||
return flatten(map(xs, f));
|
||||
};
|
||||
var get$1 = function (xs, i) {
|
||||
return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
|
||||
};
|
||||
var head = function (xs) {
|
||||
return get$1(xs, 0);
|
||||
};
|
||||
|
||||
var keys = Object.keys;
|
||||
var each$1 = 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 = 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
|
||||
};
|
||||
|
||||
var Global = 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$1 = function (t) {
|
||||
return function (element) {
|
||||
return type(element) === t;
|
||||
};
|
||||
};
|
||||
var isElement = isType$1(ELEMENT);
|
||||
var isText = isType$1(TEXT);
|
||||
var isDocument = isType$1(DOCUMENT);
|
||||
var isDocumentFragment = isType$1(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 = 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 = function (element) {
|
||||
var filterSelf = function (elements) {
|
||||
return filter(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$1 = 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$1() && 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$2 = 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(dom)) {
|
||||
dom.style.setProperty(property, value);
|
||||
}
|
||||
};
|
||||
var setAll = function (element, css) {
|
||||
var dom = element.dom;
|
||||
each$1(css, function (v, k) {
|
||||
internalSet(dom, k, v);
|
||||
});
|
||||
};
|
||||
var get$3 = 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(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$1 = 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$1 = always;
|
||||
var bind$2 = function (element, event, handler) {
|
||||
return bind$1(element, event, filter$1, 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$4 = 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$5 = 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$4(SugarElement.fromDom(doc));
|
||||
return get$5(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$3 = function (name, callback, _win) {
|
||||
return get$5(_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$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
|
||||
|
||||
var global$2 = tinymce.util.Tools.resolve('tinymce.Env');
|
||||
|
||||
var global$3 = 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 = function (scope, predicate, isRoot) {
|
||||
return filter(parents(scope, isRoot), predicate);
|
||||
};
|
||||
var siblings$1 = function (scope, predicate) {
|
||||
return filter(siblings(scope), predicate);
|
||||
};
|
||||
|
||||
var all$1 = function (selector) {
|
||||
return all(selector);
|
||||
};
|
||||
var ancestors$1 = function (scope, selector, isRoot) {
|
||||
return ancestors(scope, function (e) {
|
||||
return is(e, selector);
|
||||
}, isRoot);
|
||||
};
|
||||
var siblings$2 = 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$2.os.isAndroid();
|
||||
var matchColor = function (editorBody) {
|
||||
var color = get$3(editorBody, 'background-color');
|
||||
return color !== undefined && color !== '' ? 'background-color:' + color + '!important' : bgFallback;
|
||||
};
|
||||
var clobberStyles = function (dom, container, editorBody) {
|
||||
var gatherSiblings = function (element) {
|
||||
return siblings$2(element, '*:not(.tox-silver-sink)');
|
||||
};
|
||||
var clobber = function (clobberStyle) {
|
||||
return function (element) {
|
||||
var styles = get$2(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 = ancestors$1(container, '*');
|
||||
var siblings = bind(ancestors, gatherSiblings);
|
||||
var bgColor = matchColor(editorBody);
|
||||
each(siblings, clobber(siblingStyles));
|
||||
each(ancestors, clobber(ancestorPosition + ancestorStyles + bgColor));
|
||||
var containerStyles = isAndroid === true ? '' : ancestorPosition;
|
||||
clobber(containerStyles + ancestorStyles + bgColor)(container);
|
||||
};
|
||||
var restoreStyles = function (dom) {
|
||||
var clobberedEls = all$1('[' + attr + ']');
|
||||
each(clobberedEls, function (element) {
|
||||
var restore = get$2(element, attr);
|
||||
if (restore !== 'no-styles') {
|
||||
setAll(element, dom.parseStyle(restore));
|
||||
} else {
|
||||
remove(element, 'style');
|
||||
}
|
||||
remove(element, attr);
|
||||
});
|
||||
};
|
||||
|
||||
var DOM = global$1.DOM;
|
||||
var getScrollPos = function () {
|
||||
var vp = getBounds(window);
|
||||
return {
|
||||
x: vp.x,
|
||||
y: vp.y
|
||||
};
|
||||
};
|
||||
var setScrollPos = function (pos) {
|
||||
window.scrollTo(pos.x, pos.y);
|
||||
};
|
||||
var viewportUpdate = get$5().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$3.throttle(function () {
|
||||
refreshScroll();
|
||||
refreshVisualViewport();
|
||||
}, 50);
|
||||
var bind = function (element) {
|
||||
editorContainer.set(element);
|
||||
update();
|
||||
resizeBinder.set(bind$3('resize', update));
|
||||
scrollBinder.set(bind$3('scroll', update));
|
||||
};
|
||||
var unbind = function () {
|
||||
editorContainer.on(function () {
|
||||
resizeBinder.clear();
|
||||
scrollBinder.clear();
|
||||
});
|
||||
editorContainer.clear();
|
||||
};
|
||||
return {
|
||||
bind: bind,
|
||||
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$2.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$2(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 = 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$1 = function (editor, fullscreenState) {
|
||||
editor.ui.registry.addToggleMenuItem('fullscreen', {
|
||||
text: 'Fullscreen',
|
||||
icon: 'fullscreen',
|
||||
shortcut: 'Meta+Shift+F',
|
||||
onAction: function () {
|
||||
return editor.execCommand('mceFullScreen');
|
||||
},
|
||||
onSetup: makeSetupHandler(editor, fullscreenState)
|
||||
});
|
||||
editor.ui.registry.addToggleButton('fullscreen', {
|
||||
tooltip: 'Fullscreen',
|
||||
icon: 'fullscreen',
|
||||
onAction: function () {
|
||||
return editor.execCommand('mceFullScreen');
|
||||
},
|
||||
onSetup: makeSetupHandler(editor, fullscreenState)
|
||||
});
|
||||
};
|
||||
|
||||
function Plugin () {
|
||||
global.add('fullscreen', function (editor) {
|
||||
var fullscreenState = Cell(null);
|
||||
if (editor.inline) {
|
||||
return get(fullscreenState);
|
||||
}
|
||||
register(editor, fullscreenState);
|
||||
register$1(editor, fullscreenState);
|
||||
editor.addShortcut('Meta+Shift+F', '', 'mceFullScreen');
|
||||
return get(fullscreenState);
|
||||
});
|
||||
}
|
||||
|
||||
Plugin();
|
||||
|
||||
}());
|
9
public/Dashboard/vendors/tinymce/plugins/fullscreen/plugin.min.js
vendored
Normal file
9
public/Dashboard/vendors/tinymce/plugins/fullscreen/plugin.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user