| Current File : //var/www/prestashop/js/tiny_mce/themes/mobile/theme.js |
(function () {
var mobile = (function (domGlobals) {
'use strict';
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 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 not = function (f) {
return function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
return !f.apply(null, args);
};
};
var die = function (msg) {
return function () {
throw new Error(msg);
};
};
var apply = function (f) {
return f();
};
var never = constant(false);
var always = constant(true);
var typeOf = function (x) {
if (x === null) {
return 'null';
}
var t = typeof x;
if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
return 'array';
}
if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
return 'string';
}
return t;
};
var isType = function (type) {
return function (value) {
return typeOf(value) === type;
};
};
var isString = isType('string');
var isObject = isType('object');
var isArray = isType('array');
var isBoolean = isType('boolean');
var isFunction = isType('function');
var isNumber = isType('number');
var hasOwnProperty = Object.prototype.hasOwnProperty;
var shallow = function (old, nu) {
return nu;
};
var deep = function (old, nu) {
var bothObjects = isObject(old) && isObject(nu);
return bothObjects ? deepMerge(old, nu) : nu;
};
var baseMerge = function (merger) {
return function () {
var objects = new Array(arguments.length);
for (var i = 0; i < objects.length; i++) {
objects[i] = arguments[i];
}
if (objects.length === 0) {
throw new Error('Can\'t merge zero objects');
}
var ret = {};
for (var j = 0; j < objects.length; j++) {
var curObject = objects[j];
for (var key in curObject) {
if (hasOwnProperty.call(curObject, key)) {
ret[key] = merger(ret[key], curObject[key]);
}
}
}
return ret;
};
};
var deepMerge = baseMerge(deep);
var merge = baseMerge(shallow);
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()')
};
if (Object.freeze) {
Object.freeze(me);
}
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 Option = {
some: some,
none: none,
from: from
};
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 map = function (obj, f) {
return tupleMap(obj, function (x, i) {
return {
k: i,
v: f(x, i)
};
});
};
var tupleMap = function (obj, f) {
var r = {};
each(obj, function (x, i) {
var tuple = f(x, i);
r[tuple.k] = tuple.v;
});
return r;
};
var mapToArray = function (obj, f) {
var r = [];
each(obj, function (value, name) {
r.push(f(value, name));
});
return r;
};
var touchstart = constant('touchstart');
var touchmove = constant('touchmove');
var touchend = constant('touchend');
var mousedown = constant('mousedown');
var mousemove = constant('mousemove');
var mouseup = constant('mouseup');
var mouseover = constant('mouseover');
var keydown = constant('keydown');
var input = constant('input');
var change = constant('change');
var click = constant('click');
var transitionend = constant('transitionend');
var selectstart = constant('selectstart');
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];
}
if (!called) {
called = true;
r = f.apply(null, args);
}
return r;
};
};
var firstMatch = function (regexes, s) {
for (var i = 0; i < regexes.length; i++) {
var x = regexes[i];
if (x.test(s)) {
return x;
}
}
return undefined;
};
var find = function (regexes, agent) {
var r = firstMatch(regexes, agent);
if (!r) {
return {
major: 0,
minor: 0
};
}
var group = function (i) {
return Number(agent.replace(r, '$' + i));
};
return nu(group(1), group(2));
};
var detect = function (versionRegexes, agent) {
var cleanedAgent = String(agent).toLowerCase();
if (versionRegexes.length === 0) {
return unknown();
}
return find(versionRegexes, cleanedAgent);
};
var unknown = function () {
return nu(0, 0);
};
var nu = function (major, minor) {
return {
major: major,
minor: minor
};
};
var Version = {
nu: nu,
detect: detect,
unknown: unknown
};
var edge = 'Edge';
var chrome = 'Chrome';
var ie = 'IE';
var opera = 'Opera';
var firefox = 'Firefox';
var safari = 'Safari';
var isBrowser = function (name, current) {
return function () {
return current === name;
};
};
var unknown$1 = function () {
return nu$1({
current: undefined,
version: Version.unknown()
});
};
var nu$1 = function (info) {
var current = info.current;
var version = info.version;
return {
current: current,
version: version,
isEdge: isBrowser(edge, current),
isChrome: isBrowser(chrome, current),
isIE: isBrowser(ie, current),
isOpera: isBrowser(opera, current),
isFirefox: isBrowser(firefox, current),
isSafari: isBrowser(safari, current)
};
};
var Browser = {
unknown: unknown$1,
nu: nu$1,
edge: constant(edge),
chrome: constant(chrome),
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 isOS = function (name, current) {
return function () {
return current === name;
};
};
var unknown$2 = function () {
return nu$2({
current: undefined,
version: Version.unknown()
});
};
var nu$2 = function (info) {
var current = info.current;
var version = info.version;
return {
current: current,
version: version,
isWindows: isOS(windows, current),
isiOS: isOS(ios, current),
isAndroid: isOS(android, current),
isOSX: isOS(osx, current),
isLinux: isOS(linux, current),
isSolaris: isOS(solaris, current),
isFreeBSD: isOS(freebsd, current)
};
};
var OperatingSystem = {
unknown: unknown$2,
nu: nu$2,
windows: constant(windows),
ios: constant(ios),
android: constant(android),
linux: constant(linux),
osx: constant(osx),
solaris: constant(solaris),
freebsd: constant(freebsd)
};
var DeviceType = function (os, browser, userAgent) {
var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
var isiPhone = os.isiOS() && !isiPad;
var isAndroid3 = os.isAndroid() && os.version.major === 3;
var isAndroid4 = os.isAndroid() && os.version.major === 4;
var isTablet = isiPad || isAndroid3 || isAndroid4 && /mobile/i.test(userAgent) === true;
var isTouch = os.isiOS() || os.isAndroid();
var isPhone = isTouch && !isTablet;
var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
return {
isiPad: constant(isiPad),
isiPhone: constant(isiPhone),
isTablet: constant(isTablet),
isPhone: constant(isPhone),
isTouch: constant(isTouch),
isAndroid: os.isAndroid,
isiOS: os.isiOS,
isWebView: constant(iOSwebview)
};
};
var nativeSlice = Array.prototype.slice;
var nativeIndexOf = Array.prototype.indexOf;
var nativePush = Array.prototype.push;
var rawIndexOf = function (ts, t) {
return nativeIndexOf.call(ts, t);
};
var contains = function (xs, x) {
return rawIndexOf(xs, x) > -1;
};
var exists = function (xs, pred) {
for (var i = 0, len = xs.length; i < len; i++) {
var x = xs[i];
if (pred(x, i)) {
return true;
}
}
return false;
};
var map$1 = 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 eachr = function (xs, f) {
for (var i = xs.length - 1; i >= 0; 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 foldr = function (xs, f, acc) {
eachr(xs, function (x) {
acc = f(acc, x);
});
return acc;
};
var foldl = function (xs, f, acc) {
each$1(xs, function (x) {
acc = f(acc, x);
});
return acc;
};
var find$1 = function (xs, pred) {
for (var i = 0, len = xs.length; i < len; i++) {
var x = xs[i];
if (pred(x, i)) {
return Option.some(x);
}
}
return Option.none();
};
var findIndex = function (xs, pred) {
for (var i = 0, len = xs.length; i < len; i++) {
var x = xs[i];
if (pred(x, i)) {
return Option.some(i);
}
}
return Option.none();
};
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) {
var output = map$1(xs, f);
return flatten(output);
};
var forall = function (xs, pred) {
for (var i = 0, len = xs.length; i < len; ++i) {
var x = xs[i];
if (pred(x, i) !== true) {
return false;
}
}
return true;
};
var reverse = function (xs) {
var r = nativeSlice.call(xs, 0);
r.reverse();
return r;
};
var difference = function (a1, a2) {
return filter(a1, function (x) {
return !contains(a2, x);
});
};
var pure = function (x) {
return [x];
};
var from$1 = isFunction(Array.from) ? Array.from : function (x) {
return nativeSlice.call(x);
};
var detect$1 = function (candidates, userAgent) {
var agent = String(userAgent).toLowerCase();
return find$1(candidates, function (candidate) {
return candidate.search(agent);
});
};
var detectBrowser = function (browsers, userAgent) {
return detect$1(browsers, userAgent).map(function (browser) {
var version = Version.detect(browser.versionRegexes, userAgent);
return {
current: browser.name,
version: version
};
});
};
var detectOs = function (oses, userAgent) {
return detect$1(oses, userAgent).map(function (os) {
var version = Version.detect(os.versionRegexes, userAgent);
return {
current: os.name,
version: version
};
});
};
var UaString = {
detectBrowser: detectBrowser,
detectOs: detectOs
};
var checkRange = function (str, substr, start) {
if (substr === '') {
return true;
}
if (str.length < substr.length) {
return false;
}
var x = str.substr(start, start + substr.length);
return x === substr;
};
var supplant = function (str, obj) {
var isStringOrNumber = function (a) {
var t = typeof a;
return t === 'string' || t === 'number';
};
return str.replace(/\$\{([^{}]*)\}/g, function (fullMatch, key) {
var value = obj[key];
return isStringOrNumber(value) ? value.toString() : fullMatch;
});
};
var contains$1 = function (str, substr) {
return str.indexOf(substr) !== -1;
};
var endsWith = function (str, suffix) {
return checkRange(str, suffix, str.length - suffix.length);
};
var trim = function (str) {
return str.replace(/^\s+|\s+$/g, '');
};
var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
var checkContains = function (target) {
return function (uastring) {
return contains$1(uastring, target);
};
};
var browsers = [
{
name: 'Edge',
versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
search: function (uastring) {
return contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
}
},
{
name: 'Chrome',
versionRegexes: [
/.*?chrome\/([0-9]+)\.([0-9]+).*/,
normalVersionRegex
],
search: function (uastring) {
return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
}
},
{
name: 'IE',
versionRegexes: [
/.*?msie\ ?([0-9]+)\.([0-9]+).*/,
/.*?rv:([0-9]+)\.([0-9]+).*/
],
search: function (uastring) {
return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
}
},
{
name: 'Opera',
versionRegexes: [
normalVersionRegex,
/.*?opera\/([0-9]+)\.([0-9]+).*/
],
search: checkContains('opera')
},
{
name: 'Firefox',
versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
search: checkContains('firefox')
},
{
name: 'Safari',
versionRegexes: [
normalVersionRegex,
/.*?cpu os ([0-9]+)_([0-9]+).*/
],
search: function (uastring) {
return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
}
}
];
var oses = [
{
name: 'Windows',
search: checkContains('win'),
versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
},
{
name: 'iOS',
search: function (uastring) {
return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
},
versionRegexes: [
/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
/.*cpu os ([0-9]+)_([0-9]+).*/,
/.*cpu iphone os ([0-9]+)_([0-9]+).*/
]
},
{
name: 'Android',
search: checkContains('android'),
versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
},
{
name: 'OSX',
search: checkContains('os x'),
versionRegexes: [/.*?os\ x\ ?([0-9]+)_([0-9]+).*/]
},
{
name: 'Linux',
search: checkContains('linux'),
versionRegexes: []
},
{
name: 'Solaris',
search: checkContains('sunos'),
versionRegexes: []
},
{
name: 'FreeBSD',
search: checkContains('freebsd'),
versionRegexes: []
}
];
var PlatformInfo = {
browsers: constant(browsers),
oses: constant(oses)
};
var detect$2 = function (userAgent) {
var browsers = PlatformInfo.browsers();
var oses = PlatformInfo.oses();
var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu);
var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
var deviceType = DeviceType(os, browser, userAgent);
return {
browser: browser,
os: os,
deviceType: deviceType
};
};
var PlatformDetection = { detect: detect$2 };
var detect$3 = cached(function () {
var userAgent = domGlobals.navigator.userAgent;
return PlatformDetection.detect(userAgent);
});
var PlatformDetection$1 = { detect: detect$3 };
var alloy = { tap: constant('alloy.tap') };
var focus = constant('alloy.focus');
var postBlur = constant('alloy.blur.post');
var receive = constant('alloy.receive');
var execute = constant('alloy.execute');
var focusItem = constant('alloy.focus.item');
var tap = alloy.tap;
var tapOrClick = PlatformDetection$1.detect().deviceType.isTouch() ? alloy.tap : click;
var longpress = constant('alloy.longpress');
var systemInit = constant('alloy.system.init');
var windowScroll = constant('alloy.system.scroll');
var attachedToDom = constant('alloy.system.attached');
var detachedFromDom = constant('alloy.system.detached');
var emit = function (component, event) {
dispatchWith(component, component.element(), event, {});
};
var emitWith = function (component, event, properties) {
dispatchWith(component, component.element(), event, properties);
};
var emitExecute = function (component) {
emit(component, execute());
};
var dispatch = function (component, target, event) {
dispatchWith(component, target, event, {});
};
var dispatchWith = function (component, target, event, properties) {
var data = deepMerge({ target: target }, properties);
component.getSystem().triggerEvent(event, target, map(data, constant));
};
var dispatchEvent = function (component, target, event, simulatedEvent) {
component.getSystem().triggerEvent(event, target, simulatedEvent.event());
};
var dispatchFocus = function (component, target) {
component.getSystem().triggerFocus(target, component.element());
};
var fromHtml = function (html, scope) {
var doc = scope || domGlobals.document;
var div = doc.createElement('div');
div.innerHTML = html;
if (!div.hasChildNodes() || div.childNodes.length > 1) {
domGlobals.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 || domGlobals.document;
var node = doc.createElement(tag);
return fromDom(node);
};
var fromText = function (text, scope) {
var doc = scope || domGlobals.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: constant(node) };
};
var fromPoint = function (docElm, x, y) {
var doc = docElm.dom();
return Option.from(doc.elementFromPoint(x, y)).map(fromDom);
};
var Element = {
fromHtml: fromHtml,
fromTag: fromTag,
fromText: fromText,
fromDom: fromDom,
fromPoint: fromPoint
};
var ATTRIBUTE = domGlobals.Node.ATTRIBUTE_NODE;
var CDATA_SECTION = domGlobals.Node.CDATA_SECTION_NODE;
var COMMENT = domGlobals.Node.COMMENT_NODE;
var DOCUMENT = domGlobals.Node.DOCUMENT_NODE;
var DOCUMENT_TYPE = domGlobals.Node.DOCUMENT_TYPE_NODE;
var DOCUMENT_FRAGMENT = domGlobals.Node.DOCUMENT_FRAGMENT_NODE;
var ELEMENT = domGlobals.Node.ELEMENT_NODE;
var TEXT = domGlobals.Node.TEXT_NODE;
var PROCESSING_INSTRUCTION = domGlobals.Node.PROCESSING_INSTRUCTION_NODE;
var ENTITY_REFERENCE = domGlobals.Node.ENTITY_REFERENCE_NODE;
var ENTITY = domGlobals.Node.ENTITY_NODE;
var NOTATION = domGlobals.Node.NOTATION_NODE;
var Global = typeof domGlobals.window !== 'undefined' ? domGlobals.window : Function('return this;')();
var path = function (parts, scope) {
var o = scope !== undefined && scope !== null ? scope : Global;
for (var i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
o = o[parts[i]];
}
return o;
};
var resolve = function (p, scope) {
var parts = p.split('.');
return path(parts, scope);
};
var unsafe = function (name, scope) {
return resolve(name, scope);
};
var getOrDie = function (name, scope) {
var actual = unsafe(name, scope);
if (actual === undefined || actual === null) {
throw new Error(name + ' not available on this browser');
}
return actual;
};
var Global$1 = { getOrDie: getOrDie };
var name = function (element) {
var r = element.dom().nodeName;
return r.toLowerCase();
};
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 inBody = function (element) {
var dom = isText(element) ? element.dom().parentNode : element.dom();
return dom !== undefined && dom !== null && dom.ownerDocument.body.contains(dom);
};
var body = cached(function () {
return getBody(Element.fromDom(domGlobals.document));
});
var getBody = function (doc) {
var b = doc.dom().body;
if (b === null || b === undefined) {
throw new Error('Body is not available yet');
}
return Element.fromDom(b);
};
var Immutable = function () {
var fields = [];
for (var _i = 0; _i < arguments.length; _i++) {
fields[_i] = arguments[_i];
}
return function () {
var values = [];
for (var _i = 0; _i < arguments.length; _i++) {
values[_i] = arguments[_i];
}
if (fields.length !== values.length) {
throw new Error('Wrong number of arguments to struct. Expected "[' + fields.length + ']", got ' + values.length + ' arguments');
}
var struct = {};
each$1(fields, function (name, i) {
struct[name] = constant(values[i]);
});
return struct;
};
};
var sort = function (arr) {
return arr.slice(0).sort();
};
var reqMessage = function (required, keys) {
throw new Error('All required keys (' + sort(required).join(', ') + ') were not specified. Specified keys were: ' + sort(keys).join(', ') + '.');
};
var unsuppMessage = function (unsupported) {
throw new Error('Unsupported keys for object: ' + sort(unsupported).join(', '));
};
var validateStrArr = function (label, array) {
if (!isArray(array)) {
throw new Error('The ' + label + ' fields must be an array. Was: ' + array + '.');
}
each$1(array, function (a) {
if (!isString(a)) {
throw new Error('The value ' + a + ' in the ' + label + ' fields was not a string.');
}
});
};
var invalidTypeMessage = function (incorrect, type) {
throw new Error('All values need to be of type: ' + type + '. Keys (' + sort(incorrect).join(', ') + ') were not.');
};
var checkDupes = function (everything) {
var sorted = sort(everything);
var dupe = find$1(sorted, function (s, i) {
return i < sorted.length - 1 && s === sorted[i + 1];
});
dupe.each(function (d) {
throw new Error('The field: ' + d + ' occurs more than once in the combined fields: [' + sorted.join(', ') + '].');
});
};
var MixedBag = function (required, optional) {
var everything = required.concat(optional);
if (everything.length === 0) {
throw new Error('You must specify at least one required or optional field.');
}
validateStrArr('required', required);
validateStrArr('optional', optional);
checkDupes(everything);
return function (obj) {
var keys$1 = keys(obj);
var allReqd = forall(required, function (req) {
return contains(keys$1, req);
});
if (!allReqd) {
reqMessage(required, keys$1);
}
var unsupported = filter(keys$1, function (key) {
return !contains(everything, key);
});
if (unsupported.length > 0) {
unsuppMessage(unsupported);
}
var r = {};
each$1(required, function (req) {
r[req] = constant(obj[req]);
});
each$1(optional, function (opt) {
r[opt] = constant(Object.prototype.hasOwnProperty.call(obj, opt) ? Option.some(obj[opt]) : Option.none());
});
return r;
};
};
var node = function () {
var f = Global$1.getOrDie('Node');
return f;
};
var compareDocumentPosition = function (a, b, match) {
return (a.compareDocumentPosition(b) & match) !== 0;
};
var documentPositionPreceding = function (a, b) {
return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_PRECEDING);
};
var documentPositionContainedBy = function (a, b) {
return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_CONTAINED_BY);
};
var Node = {
documentPositionPreceding: documentPositionPreceding,
documentPositionContainedBy: documentPositionContainedBy
};
var ELEMENT$1 = ELEMENT;
var DOCUMENT$1 = DOCUMENT;
var is = function (element, selector) {
var dom = element.dom();
if (dom.nodeType !== ELEMENT$1) {
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$1 && dom.nodeType !== DOCUMENT$1 || dom.childElementCount === 0;
};
var all = function (selector, scope) {
var base = scope === undefined ? domGlobals.document : scope.dom();
return bypassSelector(base) ? [] : map$1(base.querySelectorAll(selector), Element.fromDom);
};
var one = function (selector, scope) {
var base = scope === undefined ? domGlobals.document : scope.dom();
return bypassSelector(base) ? Option.none() : Option.from(base.querySelector(selector)).map(Element.fromDom);
};
var eq = function (e1, e2) {
return e1.dom() === e2.dom();
};
var regularContains = function (e1, e2) {
var d1 = e1.dom();
var d2 = e2.dom();
return d1 === d2 ? false : d1.contains(d2);
};
var ieContains = function (e1, e2) {
return Node.documentPositionContainedBy(e1.dom(), e2.dom());
};
var browser = PlatformDetection$1.detect().browser;
var contains$2 = browser.isIE() ? ieContains : regularContains;
var owner = function (element) {
return Element.fromDom(element.dom().ownerDocument);
};
var defaultView = function (element) {
return Element.fromDom(element.dom().ownerDocument.defaultView);
};
var parent = function (element) {
return Option.from(element.dom().parentNode).map(Element.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 = Element.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 nextSibling = function (element) {
return Option.from(element.dom().nextSibling).map(Element.fromDom);
};
var children = function (element) {
return map$1(element.dom().childNodes, Element.fromDom);
};
var child = function (element, index) {
var cs = element.dom().childNodes;
return Option.from(cs[index]).map(Element.fromDom);
};
var firstChild = function (element) {
return child(element, 0);
};
var spot = Immutable('element', 'offset');
var before = function (marker, element) {
var parent$1 = parent(marker);
parent$1.each(function (v) {
v.dom().insertBefore(element.dom(), marker.dom());
});
};
var after = function (marker, element) {
var sibling = nextSibling(marker);
sibling.fold(function () {
var parent$1 = parent(marker);
parent$1.each(function (v) {
append(v, element);
});
}, function (v) {
before(v, element);
});
};
var prepend = function (parent, element) {
var firstChild$1 = firstChild(parent);
firstChild$1.fold(function () {
append(parent, element);
}, function (v) {
parent.dom().insertBefore(element.dom(), v.dom());
});
};
var append = function (parent, element) {
parent.dom().appendChild(element.dom());
};
var append$1 = function (parent, elements) {
each$1(elements, function (x) {
append(parent, x);
});
};
var empty = function (element) {
element.dom().textContent = '';
each$1(children(element), function (rogue) {
remove(rogue);
});
};
var remove = function (element) {
var dom = element.dom();
if (dom.parentNode !== null) {
dom.parentNode.removeChild(dom);
}
};
var fireDetaching = function (component) {
emit(component, detachedFromDom());
var children = component.components();
each$1(children, fireDetaching);
};
var fireAttaching = function (component) {
var children = component.components();
each$1(children, fireAttaching);
emit(component, attachedToDom());
};
var attach = function (parent, child) {
attachWith(parent, child, append);
};
var attachWith = function (parent, child, insertion) {
parent.getSystem().addToWorld(child);
insertion(parent.element(), child.element());
if (inBody(parent.element())) {
fireAttaching(child);
}
parent.syncComponents();
};
var doDetach = function (component) {
fireDetaching(component);
remove(component.element());
component.getSystem().removeFromWorld(component);
};
var detach = function (component) {
var parent$1 = parent(component.element()).bind(function (p) {
return component.getSystem().getByDom(p).fold(Option.none, Option.some);
});
doDetach(component);
parent$1.each(function (p) {
p.syncComponents();
});
};
var detachChildren = function (component) {
var subs = component.components();
each$1(subs, doDetach);
empty(component.element());
component.syncComponents();
};
var attachSystem = function (element, guiSystem) {
append(element, guiSystem.element());
var children$1 = children(guiSystem.element());
each$1(children$1, function (child) {
guiSystem.getByDom(child).each(fireAttaching);
});
};
var detachSystem = function (guiSystem) {
var children$1 = children(guiSystem.element());
each$1(children$1, function (child) {
guiSystem.getByDom(child).each(fireDetaching);
});
remove(guiSystem.element());
};
var value = function (o) {
var is = function (v) {
return o === v;
};
var or = function (opt) {
return value(o);
};
var orThunk = function (f) {
return value(o);
};
var map = function (f) {
return value(f(o));
};
var mapError = function (f) {
return value(o);
};
var each = function (f) {
f(o);
};
var bind = function (f) {
return f(o);
};
var fold = function (_, onValue) {
return onValue(o);
};
var exists = function (f) {
return f(o);
};
var forall = function (f) {
return f(o);
};
var toOption = function () {
return Option.some(o);
};
return {
is: is,
isValue: always,
isError: never,
getOr: constant(o),
getOrThunk: constant(o),
getOrDie: constant(o),
or: or,
orThunk: orThunk,
fold: fold,
map: map,
mapError: mapError,
each: each,
bind: bind,
exists: exists,
forall: forall,
toOption: toOption
};
};
var error = function (message) {
var getOrThunk = function (f) {
return f();
};
var getOrDie = function () {
return die(String(message))();
};
var or = function (opt) {
return opt;
};
var orThunk = function (f) {
return f();
};
var map = function (f) {
return error(message);
};
var mapError = function (f) {
return error(f(message));
};
var bind = function (f) {
return error(message);
};
var fold = function (onError, _) {
return onError(message);
};
return {
is: never,
isValue: never,
isError: always,
getOr: identity,
getOrThunk: getOrThunk,
getOrDie: getOrDie,
or: or,
orThunk: orThunk,
fold: fold,
map: map,
mapError: mapError,
each: noop,
bind: bind,
exists: never,
forall: always,
toOption: Option.none
};
};
var fromOption = function (opt, err) {
return opt.fold(function () {
return error(err);
}, value);
};
var Result = {
value: value,
error: error,
fromOption: fromOption
};
var generate = function (cases) {
if (!isArray(cases)) {
throw new Error('cases must be an array');
}
if (cases.length === 0) {
throw new Error('there must be at least one case');
}
var constructors = [];
var adt = {};
each$1(cases, function (acase, count) {
var keys$1 = keys(acase);
if (keys$1.length !== 1) {
throw new Error('one and only one name per case');
}
var key = keys$1[0];
var value = acase[key];
if (adt[key] !== undefined) {
throw new Error('duplicate key detected:' + key);
} else if (key === 'cata') {
throw new Error('cannot have a case named cata (sorry)');
} else if (!isArray(value)) {
throw new Error('case arguments must be an array');
}
constructors.push(key);
adt[key] = function () {
var argLength = arguments.length;
if (argLength !== value.length) {
throw new Error('Wrong number of arguments to case ' + key + '. Expected ' + value.length + ' (' + value + '), got ' + argLength);
}
var args = new Array(argLength);
for (var i = 0; i < args.length; i++) {
args[i] = arguments[i];
}
var match = function (branches) {
var branchKeys = keys(branches);
if (constructors.length !== branchKeys.length) {
throw new Error('Wrong number of arguments to match. Expected: ' + constructors.join(',') + '\nActual: ' + branchKeys.join(','));
}
var allReqd = forall(constructors, function (reqKey) {
return contains(branchKeys, reqKey);
});
if (!allReqd) {
throw new Error('Not all branches were specified when using match. Specified: ' + branchKeys.join(', ') + '\nRequired: ' + constructors.join(', '));
}
return branches[key].apply(null, args);
};
return {
fold: function () {
if (arguments.length !== cases.length) {
throw new Error('Wrong number of arguments to fold. Expected ' + cases.length + ', got ' + arguments.length);
}
var target = arguments[count];
return target.apply(null, args);
},
match: match,
log: function (label) {
domGlobals.console.log(label, {
constructors: constructors,
constructor: key,
params: args
});
}
};
};
});
return adt;
};
var Adt = { generate: generate };
var adt = Adt.generate([
{ strict: [] },
{ defaultedThunk: ['fallbackThunk'] },
{ asOption: [] },
{ asDefaultedOptionThunk: ['fallbackThunk'] },
{ mergeWithThunk: ['baseThunk'] }
]);
var defaulted = function (fallback) {
return adt.defaultedThunk(constant(fallback));
};
var mergeWith = function (base) {
return adt.mergeWithThunk(constant(base));
};
var strict = adt.strict;
var asOption = adt.asOption;
var defaultedThunk = adt.defaultedThunk;
var mergeWithThunk = adt.mergeWithThunk;
var comparison = Adt.generate([
{
bothErrors: [
'error1',
'error2'
]
},
{
firstError: [
'error1',
'value2'
]
},
{
secondError: [
'value1',
'error2'
]
},
{
bothValues: [
'value1',
'value2'
]
}
]);
var partition = function (results) {
var errors = [];
var values = [];
each$1(results, function (result) {
result.fold(function (err) {
errors.push(err);
}, function (value) {
values.push(value);
});
});
return {
errors: errors,
values: values
};
};
var mergeValues = function (values, base) {
return Result.value(deepMerge.apply(undefined, [base].concat(values)));
};
var mergeErrors = function (errors) {
return compose(Result.error, flatten)(errors);
};
var consolidateObj = function (objects, base) {
var partitions = partition(objects);
return partitions.errors.length > 0 ? mergeErrors(partitions.errors) : mergeValues(partitions.values, base);
};
var consolidateArr = function (objects) {
var partitions = partition(objects);
return partitions.errors.length > 0 ? mergeErrors(partitions.errors) : Result.value(partitions.values);
};
var ResultCombine = {
consolidateObj: consolidateObj,
consolidateArr: consolidateArr
};
var narrow = function (obj, fields) {
var r = {};
each$1(fields, function (field) {
if (obj[field] !== undefined && obj.hasOwnProperty(field)) {
r[field] = obj[field];
}
});
return r;
};
var exclude = function (obj, fields) {
var r = {};
each(obj, function (v, k) {
if (!contains(fields, k)) {
r[k] = v;
}
});
return r;
};
var readOpt = function (key) {
return function (obj) {
return obj.hasOwnProperty(key) ? Option.from(obj[key]) : Option.none();
};
};
var readOr = function (key, fallback) {
return function (obj) {
return readOpt(key)(obj).getOr(fallback);
};
};
var readOptFrom = function (obj, key) {
return readOpt(key)(obj);
};
var hasKey = function (obj, key) {
return obj.hasOwnProperty(key) && obj[key] !== undefined && obj[key] !== null;
};
var wrap = function (key, value) {
var r = {};
r[key] = value;
return r;
};
var wrapAll = function (keyvalues) {
var r = {};
each$1(keyvalues, function (kv) {
r[kv.key] = kv.value;
});
return r;
};
var narrow$1 = function (obj, fields) {
return narrow(obj, fields);
};
var exclude$1 = function (obj, fields) {
return exclude(obj, fields);
};
var readOpt$1 = function (key) {
return readOpt(key);
};
var readOr$1 = function (key, fallback) {
return readOr(key, fallback);
};
var readOptFrom$1 = function (obj, key) {
return readOptFrom(obj, key);
};
var wrap$1 = function (key, value) {
return wrap(key, value);
};
var wrapAll$1 = function (keyvalues) {
return wrapAll(keyvalues);
};
var consolidate = function (objs, base) {
return ResultCombine.consolidateObj(objs, base);
};
var hasKey$1 = function (obj, key) {
return hasKey(obj, key);
};
var typeAdt = Adt.generate([
{
setOf: [
'validator',
'valueType'
]
},
{ arrOf: ['valueType'] },
{ objOf: ['fields'] },
{ itemOf: ['validator'] },
{
choiceOf: [
'key',
'branches'
]
},
{ thunk: ['description'] },
{
func: [
'args',
'outputSchema'
]
}
]);
var fieldAdt = Adt.generate([
{
field: [
'name',
'presence',
'type'
]
},
{ state: ['name'] }
]);
var json = function () {
return Global$1.getOrDie('JSON');
};
var parse = function (text) {
return json().parse(text);
};
var stringify = function (obj, replacer, space) {
return json().stringify(obj, replacer, space);
};
var Json = {
parse: parse,
stringify: stringify
};
var formatObj = function (input) {
return isObject(input) && keys(input).length > 100 ? ' removed due to size' : Json.stringify(input, null, 2);
};
var formatErrors = function (errors) {
var es = errors.length > 10 ? errors.slice(0, 10).concat([{
path: [],
getErrorInfo: function () {
return '... (only showing first ten failures)';
}
}]) : errors;
return map$1(es, function (e) {
return 'Failed path: (' + e.path.join(' > ') + ')\n' + e.getErrorInfo();
});
};
var nu$3 = function (path, getErrorInfo) {
return Result.error([{
path: path,
getErrorInfo: getErrorInfo
}]);
};
var missingStrict = function (path, key, obj) {
return nu$3(path, function () {
return 'Could not find valid *strict* value for "' + key + '" in ' + formatObj(obj);
});
};
var missingKey = function (path, key) {
return nu$3(path, function () {
return 'Choice schema did not contain choice key: "' + key + '"';
});
};
var missingBranch = function (path, branches, branch) {
return nu$3(path, function () {
return 'The chosen schema: "' + branch + '" did not exist in branches: ' + formatObj(branches);
});
};
var unsupportedFields = function (path, unsupported) {
return nu$3(path, function () {
return 'There are unsupported fields: [' + unsupported.join(', ') + '] specified';
});
};
var custom = function (path, err) {
return nu$3(path, function () {
return err;
});
};
var adt$1 = Adt.generate([
{
field: [
'key',
'okey',
'presence',
'prop'
]
},
{
state: [
'okey',
'instantiator'
]
}
]);
var strictAccess = function (path, obj, key) {
return readOptFrom(obj, key).fold(function () {
return missingStrict(path, key, obj);
}, Result.value);
};
var fallbackAccess = function (obj, key, fallbackThunk) {
var v = readOptFrom(obj, key).fold(function () {
return fallbackThunk(obj);
}, identity);
return Result.value(v);
};
var optionAccess = function (obj, key) {
return Result.value(readOptFrom(obj, key));
};
var optionDefaultedAccess = function (obj, key, fallback) {
var opt = readOptFrom(obj, key).map(function (val) {
return val === true ? fallback(obj) : val;
});
return Result.value(opt);
};
var cExtractOne = function (path, obj, field, strength) {
return field.fold(function (key, okey, presence, prop) {
var bundle = function (av) {
return prop.extract(path.concat([key]), strength, av).map(function (res) {
return wrap(okey, strength(res));
});
};
var bundleAsOption = function (optValue) {
return optValue.fold(function () {
var outcome = wrap(okey, strength(Option.none()));
return Result.value(outcome);
}, function (ov) {
return prop.extract(path.concat([key]), strength, ov).map(function (res) {
return wrap(okey, strength(Option.some(res)));
});
});
};
return function () {
return presence.fold(function () {
return strictAccess(path, obj, key).bind(bundle);
}, function (fallbackThunk) {
return fallbackAccess(obj, key, fallbackThunk).bind(bundle);
}, function () {
return optionAccess(obj, key).bind(bundleAsOption);
}, function (fallbackThunk) {
return optionDefaultedAccess(obj, key, fallbackThunk).bind(bundleAsOption);
}, function (baseThunk) {
var base = baseThunk(obj);
return fallbackAccess(obj, key, constant({})).map(function (v) {
return deepMerge(base, v);
}).bind(bundle);
});
}();
}, function (okey, instantiator) {
var state = instantiator(obj);
return Result.value(wrap(okey, strength(state)));
});
};
var cExtract = function (path, obj, fields, strength) {
var results = map$1(fields, function (field) {
return cExtractOne(path, obj, field, strength);
});
return ResultCombine.consolidateObj(results, {});
};
var value$1 = function (validator) {
var extract = function (path, strength, val) {
return validator(val, strength).fold(function (err) {
return custom(path, err);
}, Result.value);
};
var toString = function () {
return 'val';
};
var toDsl = function () {
return typeAdt.itemOf(validator);
};
return {
extract: extract,
toString: toString,
toDsl: toDsl
};
};
var getSetKeys = function (obj) {
var keys$1 = keys(obj);
return filter(keys$1, function (k) {
return hasKey$1(obj, k);
});
};
var objOfOnly = function (fields) {
var delegate = objOf(fields);
var fieldNames = foldr(fields, function (acc, f) {
return f.fold(function (key) {
return deepMerge(acc, wrap$1(key, true));
}, constant(acc));
}, {});
var extract = function (path, strength, o) {
var keys = isBoolean(o) ? [] : getSetKeys(o);
var extra = filter(keys, function (k) {
return !hasKey$1(fieldNames, k);
});
return extra.length === 0 ? delegate.extract(path, strength, o) : unsupportedFields(path, extra);
};
return {
extract: extract,
toString: delegate.toString,
toDsl: delegate.toDsl
};
};
var objOf = function (fields) {
var extract = function (path, strength, o) {
return cExtract(path, o, fields, strength);
};
var toString = function () {
var fieldStrings = map$1(fields, function (field) {
return field.fold(function (key, okey, presence, prop) {
return key + ' -> ' + prop.toString();
}, function (okey, instantiator) {
return 'state(' + okey + ')';
});
});
return 'obj{\n' + fieldStrings.join('\n') + '}';
};
var toDsl = function () {
return typeAdt.objOf(map$1(fields, function (f) {
return f.fold(function (key, okey, presence, prop) {
return fieldAdt.field(key, presence, prop);
}, function (okey, instantiator) {
return fieldAdt.state(okey);
});
}));
};
return {
extract: extract,
toString: toString,
toDsl: toDsl
};
};
var arrOf = function (prop) {
var extract = function (path, strength, array) {
var results = map$1(array, function (a, i) {
return prop.extract(path.concat(['[' + i + ']']), strength, a);
});
return ResultCombine.consolidateArr(results);
};
var toString = function () {
return 'array(' + prop.toString() + ')';
};
var toDsl = function () {
return typeAdt.arrOf(prop);
};
return {
extract: extract,
toString: toString,
toDsl: toDsl
};
};
var setOf = function (validator, prop) {
var validateKeys = function (path, keys) {
return arrOf(value$1(validator)).extract(path, identity, keys);
};
var extract = function (path, strength, o) {
var keys$1 = keys(o);
return validateKeys(path, keys$1).bind(function (validKeys) {
var schema = map$1(validKeys, function (vk) {
return adt$1.field(vk, vk, strict(), prop);
});
return objOf(schema).extract(path, strength, o);
});
};
var toString = function () {
return 'setOf(' + prop.toString() + ')';
};
var toDsl = function () {
return typeAdt.setOf(validator, prop);
};
return {
extract: extract,
toString: toString,
toDsl: toDsl
};
};
var anyValue = constant(value$1(Result.value));
var state = adt$1.state;
var field = adt$1.field;
var chooseFrom = function (path, strength, input, branches, ch) {
var fields = readOptFrom$1(branches, ch);
return fields.fold(function () {
return missingBranch(path, branches, ch);
}, function (fs) {
return objOf(fs).extract(path.concat(['branch: ' + ch]), strength, input);
});
};
var choose = function (key, branches) {
var extract = function (path, strength, input) {
var choice = readOptFrom$1(input, key);
return choice.fold(function () {
return missingKey(path, key);
}, function (chosen) {
return chooseFrom(path, strength, input, branches, chosen);
});
};
var toString = function () {
return 'chooseOn(' + key + '). Possible values: ' + keys(branches);
};
var toDsl = function () {
return typeAdt.choiceOf(key, branches);
};
return {
extract: extract,
toString: toString,
toDsl: toDsl
};
};
var _anyValue = value$1(Result.value);
var valueOf = function (validator) {
return value$1(function (v) {
return validator(v);
});
};
var extract = function (label, prop, strength, obj) {
return prop.extract([label], strength, obj).fold(function (errs) {
return Result.error({
input: obj,
errors: errs
});
}, Result.value);
};
var asStruct = function (label, prop, obj) {
return extract(label, prop, constant, obj);
};
var asRaw = function (label, prop, obj) {
return extract(label, prop, identity, obj);
};
var getOrDie$1 = function (extraction) {
return extraction.fold(function (errInfo) {
throw new Error(formatError(errInfo));
}, identity);
};
var asRawOrDie = function (label, prop, obj) {
return getOrDie$1(asRaw(label, prop, obj));
};
var asStructOrDie = function (label, prop, obj) {
return getOrDie$1(asStruct(label, prop, obj));
};
var formatError = function (errInfo) {
return 'Errors: \n' + formatErrors(errInfo.errors) + '\n\nInput object: ' + formatObj(errInfo.input);
};
var choose$1 = function (key, branches) {
return choose(key, branches);
};
var anyValue$1 = constant(_anyValue);
var typedValue = function (validator, expectedType) {
return value$1(function (a) {
var actualType = typeof a;
return validator(a) ? Result.value(a) : Result.error('Expected type: ' + expectedType + ' but got: ' + actualType);
});
};
var functionProcessor = typedValue(isFunction, 'function');
var strict$1 = function (key) {
return field(key, key, strict(), anyValue());
};
var strictOf = function (key, schema) {
return field(key, key, strict(), schema);
};
var strictFunction = function (key) {
return strictOf(key, functionProcessor);
};
var forbid = function (key, message) {
return field(key, key, asOption(), value$1(function (v) {
return Result.error('The field: ' + key + ' is forbidden. ' + message);
}));
};
var strictObjOf = function (key, objSchema) {
return field(key, key, strict(), objOf(objSchema));
};
var option = function (key) {
return field(key, key, asOption(), anyValue());
};
var optionOf = function (key, schema) {
return field(key, key, asOption(), schema);
};
var optionObjOf = function (key, objSchema) {
return field(key, key, asOption(), objOf(objSchema));
};
var optionObjOfOnly = function (key, objSchema) {
return field(key, key, asOption(), objOfOnly(objSchema));
};
var defaulted$1 = function (key, fallback) {
return field(key, key, defaulted(fallback), anyValue());
};
var defaultedOf = function (key, fallback, schema) {
return field(key, key, defaulted(fallback), schema);
};
var defaultedObjOf = function (key, fallback, objSchema) {
return field(key, key, defaulted(fallback), objOf(objSchema));
};
var state$1 = function (okey, instantiator) {
return state(okey, instantiator);
};
var isSource = function (component, simulatedEvent) {
return eq(component.element(), simulatedEvent.event().target());
};
var nu$4 = function (parts) {
if (!hasKey$1(parts, 'can') && !hasKey$1(parts, 'abort') && !hasKey$1(parts, 'run')) {
throw new Error('EventHandler defined by: ' + Json.stringify(parts, null, 2) + ' does not have can, abort, or run!');
}
return asRawOrDie('Extracting event.handler', objOfOnly([
defaulted$1('can', constant(true)),
defaulted$1('abort', constant(false)),
defaulted$1('run', noop)
]), parts);
};
var all$1 = function (handlers, f) {
return function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
return foldl(handlers, function (acc, handler) {
return acc && f(handler).apply(undefined, args);
}, true);
};
};
var any = function (handlers, f) {
return function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
return foldl(handlers, function (acc, handler) {
return acc || f(handler).apply(undefined, args);
}, false);
};
};
var read = function (handler) {
return isFunction(handler) ? {
can: constant(true),
abort: constant(false),
run: handler
} : handler;
};
var fuse = function (handlers) {
var can = all$1(handlers, function (handler) {
return handler.can;
});
var abort = any(handlers, function (handler) {
return handler.abort;
});
var run = function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
each$1(handlers, function (handler) {
handler.run.apply(undefined, args);
});
};
return nu$4({
can: can,
abort: abort,
run: run
});
};
var derive = function (configs) {
return wrapAll$1(configs);
};
var abort = function (name, predicate) {
return {
key: name,
value: nu$4({ abort: predicate })
};
};
var can = function (name, predicate) {
return {
key: name,
value: nu$4({ can: predicate })
};
};
var run = function (name, handler) {
return {
key: name,
value: nu$4({ run: handler })
};
};
var runActionExtra = function (name, action, extra) {
return {
key: name,
value: nu$4({
run: function (component) {
action.apply(undefined, [component].concat(extra));
}
})
};
};
var runOnName = function (name) {
return function (handler) {
return run(name, handler);
};
};
var runOnSourceName = function (name) {
return function (handler) {
return {
key: name,
value: nu$4({
run: function (component, simulatedEvent) {
if (isSource(component, simulatedEvent)) {
handler(component, simulatedEvent);
}
}
})
};
};
};
var redirectToUid = function (name, uid) {
return run(name, function (component, simulatedEvent) {
component.getSystem().getByUid(uid).each(function (redirectee) {
dispatchEvent(redirectee, redirectee.element(), name, simulatedEvent);
});
});
};
var redirectToPart = function (name, detail, partName) {
var uid = detail.partUids()[partName];
return redirectToUid(name, uid);
};
var runWithTarget = function (name, f) {
return run(name, function (component, simulatedEvent) {
var ev = simulatedEvent.event();
component.getSystem().getByDom(ev.target()).each(function (target) {
f(component, target, simulatedEvent);
});
});
};
var cutter = function (name) {
return run(name, function (component, simulatedEvent) {
simulatedEvent.cut();
});
};
var stopper = function (name) {
return run(name, function (component, simulatedEvent) {
simulatedEvent.stop();
});
};
var runOnAttached = runOnSourceName(attachedToDom());
var runOnDetached = runOnSourceName(detachedFromDom());
var runOnInit = runOnSourceName(systemInit());
var runOnExecute = runOnName(execute());
var markAsBehaviourApi = function (f, apiName, apiFunction) {
var delegate = apiFunction.toString();
var endIndex = delegate.indexOf(')') + 1;
var openBracketIndex = delegate.indexOf('(');
var parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
f.toFunctionAnnotation = function () {
return {
name: apiName,
parameters: cleanParameters(parameters.slice(0, 1).concat(parameters.slice(3)))
};
};
return f;
};
var cleanParameters = function (parameters) {
return map$1(parameters, function (p) {
return endsWith(p, '/*') ? p.substring(0, p.length - '/*'.length) : p;
});
};
var markAsExtraApi = function (f, extraName) {
var delegate = f.toString();
var endIndex = delegate.indexOf(')') + 1;
var openBracketIndex = delegate.indexOf('(');
var parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
f.toFunctionAnnotation = function () {
return {
name: extraName,
parameters: cleanParameters(parameters)
};
};
return f;
};
var markAsSketchApi = function (f, apiFunction) {
var delegate = apiFunction.toString();
var endIndex = delegate.indexOf(')') + 1;
var openBracketIndex = delegate.indexOf('(');
var parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
f.toFunctionAnnotation = function () {
return {
name: 'OVERRIDE',
parameters: cleanParameters(parameters.slice(1))
};
};
return f;
};
var nu$5 = MixedBag(['tag'], [
'classes',
'attributes',
'styles',
'value',
'innerHtml',
'domChildren',
'defChildren'
]);
var defToStr = function (defn) {
var raw = defToRaw(defn);
return Json.stringify(raw, null, 2);
};
var defToRaw = function (defn) {
return {
tag: defn.tag(),
classes: defn.classes().getOr([]),
attributes: defn.attributes().getOr({}),
styles: defn.styles().getOr({}),
value: defn.value().getOr('<none>'),
innerHtml: defn.innerHtml().getOr('<none>'),
defChildren: defn.defChildren().fold(function () {
return '<none>';
}, function (d) {
return Json.stringify(d, null, 2);
}),
domChildren: defn.domChildren().fold(function () {
return '<none>';
}, function (children) {
return children.length === 0 ? '0 children, but still specified' : String(children.length);
})
};
};
var fields = [
'classes',
'attributes',
'styles',
'value',
'innerHtml',
'defChildren',
'domChildren'
];
var nu$6 = MixedBag([], fields);
var clashingOptArrays = function (key, oArr1, oArr2) {
return oArr1.fold(function () {
return oArr2.fold(function () {
return {};
}, function (arr2) {
return wrap$1(key, arr2);
});
}, function (arr1) {
return oArr2.fold(function () {
return wrap$1(key, arr1);
}, function (arr2) {
return wrap$1(key, arr2);
});
});
};
var merge$1 = function (defnA, mod) {
var raw = deepMerge({
tag: defnA.tag(),
classes: mod.classes().getOr([]).concat(defnA.classes().getOr([])),
attributes: merge(defnA.attributes().getOr({}), mod.attributes().getOr({})),
styles: merge(defnA.styles().getOr({}), mod.styles().getOr({}))
}, mod.innerHtml().or(defnA.innerHtml()).map(function (innerHtml) {
return wrap$1('innerHtml', innerHtml);
}).getOr({}), clashingOptArrays('domChildren', mod.domChildren(), defnA.domChildren()), clashingOptArrays('defChildren', mod.defChildren(), defnA.defChildren()), mod.value().or(defnA.value()).map(function (value) {
return wrap$1('value', value);
}).getOr({}));
return nu$5(raw);
};
var executeEvent = function (bConfig, bState, executor) {
return runOnExecute(function (component) {
executor(component, bConfig, bState);
});
};
var loadEvent = function (bConfig, bState, f) {
return runOnInit(function (component, simulatedEvent) {
f(component, bConfig, bState);
});
};
var create = function (schema, name, active, apis, extra, state) {
var configSchema = objOfOnly(schema);
var schemaSchema = optionObjOf(name, [optionObjOfOnly('config', schema)]);
return doCreate(configSchema, schemaSchema, name, active, apis, extra, state);
};
var createModes = function (modes, name, active, apis, extra, state) {
var configSchema = modes;
var schemaSchema = optionObjOf(name, [optionOf('config', modes)]);
return doCreate(configSchema, schemaSchema, name, active, apis, extra, state);
};
var wrapApi = function (bName, apiFunction, apiName) {
var f = function (component) {
var rest = [];
for (var _i = 1; _i < arguments.length; _i++) {
rest[_i - 1] = arguments[_i];
}
var args = [component].concat(rest);
return component.config({ name: constant(bName) }).fold(function () {
throw new Error('We could not find any behaviour configuration for: ' + bName + '. Using API: ' + apiName);
}, function (info) {
var rest = Array.prototype.slice.call(args, 1);
return apiFunction.apply(undefined, [
component,
info.config,
info.state
].concat(rest));
});
};
return markAsBehaviourApi(f, apiName, apiFunction);
};
var revokeBehaviour = function (name) {
return {
key: name,
value: undefined
};
};
var doCreate = function (configSchema, schemaSchema, name, active, apis, extra, state) {
var getConfig = function (info) {
return hasKey$1(info, name) ? info[name]() : Option.none();
};
var wrappedApis = map(apis, function (apiF, apiName) {
return wrapApi(name, apiF, apiName);
});
var wrappedExtra = map(extra, function (extraF, extraName) {
return markAsExtraApi(extraF, extraName);
});
var me = deepMerge(wrappedExtra, wrappedApis, {
revoke: curry(revokeBehaviour, name),
config: function (spec) {
var prepared = asStructOrDie(name + '-config', configSchema, spec);
return {
key: name,
value: {
config: prepared,
me: me,
configAsRaw: cached(function () {
return asRawOrDie(name + '-config', configSchema, spec);
}),
initialConfig: spec,
state: state
}
};
},
schema: function () {
return schemaSchema;
},
exhibit: function (info, base) {
return getConfig(info).bind(function (behaviourInfo) {
return readOptFrom$1(active, 'exhibit').map(function (exhibitor) {
return exhibitor(base, behaviourInfo.config, behaviourInfo.state);
});
}).getOr(nu$6({}));
},
name: function () {
return name;
},
handlers: function (info) {
return getConfig(info).bind(function (behaviourInfo) {
return readOptFrom$1(active, 'events').map(function (events) {
return events(behaviourInfo.config, behaviourInfo.state);
});
}).getOr({});
}
});
return me;
};
var base = function (handleUnsupported, required) {
return baseWith(handleUnsupported, required, {
validate: isFunction,
label: 'function'
});
};
var baseWith = function (handleUnsupported, required, pred) {
if (required.length === 0) {
throw new Error('You must specify at least one required field.');
}
validateStrArr('required', required);
checkDupes(required);
return function (obj) {
var keys$1 = keys(obj);
var allReqd = forall(required, function (req) {
return contains(keys$1, req);
});
if (!allReqd) {
reqMessage(required, keys$1);
}
handleUnsupported(required, keys$1);
var invalidKeys = filter(required, function (key) {
return !pred.validate(obj[key], key);
});
if (invalidKeys.length > 0) {
invalidTypeMessage(invalidKeys, pred.label);
}
return obj;
};
};
var handleExact = function (required, keys) {
var unsupported = filter(keys, function (key) {
return !contains(required, key);
});
if (unsupported.length > 0) {
unsuppMessage(unsupported);
}
};
var allowExtra = noop;
var exactly = function (required) {
return base(handleExact, required);
};
var ensure = function (required) {
return base(allowExtra, required);
};
var NoState = {
init: function () {
return nu$7({
readState: function () {
return 'No State required';
}
});
}
};
var nu$7 = function (spec) {
ensure(['readState'])(spec);
return spec;
};
var derive$1 = function (capabilities) {
return wrapAll$1(capabilities);
};
var simpleSchema = objOfOnly([
strict$1('fields'),
strict$1('name'),
defaulted$1('active', {}),
defaulted$1('apis', {}),
defaulted$1('state', NoState),
defaulted$1('extra', {})
]);
var create$1 = function (data) {
var value = asRawOrDie('Creating behaviour: ' + data.name, simpleSchema, data);
return create(value.fields, value.name, value.active, value.apis, value.extra, value.state);
};
var modeSchema = objOfOnly([
strict$1('branchKey'),
strict$1('branches'),
strict$1('name'),
defaulted$1('active', {}),
defaulted$1('apis', {}),
defaulted$1('state', NoState),
defaulted$1('extra', {})
]);
var createModes$1 = function (data) {
var value = asRawOrDie('Creating behaviour: ' + data.name, modeSchema, data);
return createModes(choose$1(value.branchKey, value.branches), value.name, value.active, value.apis, value.extra, value.state);
};
var revoke = constant(undefined);
var rawSet = function (dom, key, value) {
if (isString(value) || isBoolean(value) || isNumber(value)) {
dom.setAttribute(key, value + '');
} else {
domGlobals.console.error('Invalid call to Attr.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 setAll = function (element, attrs) {
var dom = element.dom();
each(attrs, function (v, k) {
rawSet(dom, k, v);
});
};
var get = function (element, key) {
var v = element.dom().getAttribute(key);
return v === null ? undefined : v;
};
var has = function (element, key) {
var dom = element.dom();
return dom && dom.hasAttribute ? dom.hasAttribute(key) : false;
};
var remove$1 = function (element, key) {
element.dom().removeAttribute(key);
};
var read$1 = function (element, attr) {
var value = get(element, attr);
return value === undefined || value === '' ? [] : value.split(' ');
};
var add = function (element, attr, id) {
var old = read$1(element, attr);
var nu = old.concat([id]);
set(element, attr, nu.join(' '));
return true;
};
var remove$2 = function (element, attr, id) {
var nu = filter(read$1(element, attr), function (v) {
return v !== id;
});
if (nu.length > 0) {
set(element, attr, nu.join(' '));
} else {
remove$1(element, attr);
}
return false;
};
var supports = function (element) {
return element.dom().classList !== undefined;
};
var get$1 = function (element) {
return read$1(element, 'class');
};
var add$1 = function (element, clazz) {
return add(element, 'class', clazz);
};
var remove$3 = function (element, clazz) {
return remove$2(element, 'class', clazz);
};
var toggle = function (element, clazz) {
if (contains(get$1(element), clazz)) {
return remove$3(element, clazz);
} else {
return add$1(element, clazz);
}
};
var add$2 = function (element, clazz) {
if (supports(element)) {
element.dom().classList.add(clazz);
} else {
add$1(element, clazz);
}
};
var cleanClass = function (element) {
var classList = supports(element) ? element.dom().classList : get$1(element);
if (classList.length === 0) {
remove$1(element, 'class');
}
};
var remove$4 = function (element, clazz) {
if (supports(element)) {
var classList = element.dom().classList;
classList.remove(clazz);
} else {
remove$3(element, clazz);
}
cleanClass(element);
};
var toggle$1 = function (element, clazz) {
return supports(element) ? element.dom().classList.toggle(clazz) : toggle(element, clazz);
};
var has$1 = function (element, clazz) {
return supports(element) && element.dom().classList.contains(clazz);
};
var swap = function (element, addCls, removeCls) {
remove$4(element, removeCls);
add$2(element, addCls);
};
var toAlpha = function (component, swapConfig, swapState) {
swap(component.element(), swapConfig.alpha(), swapConfig.omega());
};
var toOmega = function (component, swapConfig, swapState) {
swap(component.element(), swapConfig.omega(), swapConfig.alpha());
};
var clear = function (component, swapConfig, swapState) {
remove$4(component.element(), swapConfig.alpha());
remove$4(component.element(), swapConfig.omega());
};
var isAlpha = function (component, swapConfig, swapState) {
return has$1(component.element(), swapConfig.alpha());
};
var isOmega = function (component, swapConfig, swapState) {
return has$1(component.element(), swapConfig.omega());
};
var SwapApis = /*#__PURE__*/Object.freeze({
toAlpha: toAlpha,
toOmega: toOmega,
isAlpha: isAlpha,
isOmega: isOmega,
clear: clear
});
var SwapSchema = [
strict$1('alpha'),
strict$1('omega')
];
var Swapping = create$1({
fields: SwapSchema,
name: 'swapping',
apis: SwapApis
});
var Cell = function (initial) {
var value = initial;
var get = function () {
return value;
};
var set = function (v) {
value = v;
};
var clone = function () {
return Cell(get());
};
return {
get: get,
set: set,
clone: clone
};
};
function ClosestOrAncestor (is, ancestor, scope, a, isRoot) {
return is(scope, a) ? Option.some(scope) : isFunction(isRoot) && isRoot(scope) ? Option.none() : ancestor(scope, a, isRoot);
}
var ancestor = function (scope, predicate, isRoot) {
var element = scope.dom();
var stop = isFunction(isRoot) ? isRoot : constant(false);
while (element.parentNode) {
element = element.parentNode;
var el = Element.fromDom(element);
if (predicate(el)) {
return Option.some(el);
} else if (stop(el)) {
break;
}
}
return Option.none();
};
var closest = function (scope, predicate, isRoot) {
var is = function (s, test) {
return test(s);
};
return ClosestOrAncestor(is, ancestor, scope, predicate, isRoot);
};
var descendant = function (scope, predicate) {
var descend = function (node) {
for (var i = 0; i < node.childNodes.length; i++) {
var child_1 = Element.fromDom(node.childNodes[i]);
if (predicate(child_1)) {
return Option.some(child_1);
}
var res = descend(node.childNodes[i]);
if (res.isSome()) {
return res;
}
}
return Option.none();
};
return descend(scope.dom());
};
var focus$1 = function (element) {
element.dom().focus();
};
var blur = function (element) {
element.dom().blur();
};
var hasFocus = function (element) {
var doc = owner(element).dom();
return element.dom() === doc.activeElement;
};
var active = function (_doc) {
var doc = _doc !== undefined ? _doc.dom() : domGlobals.document;
return Option.from(doc.activeElement).map(Element.fromDom);
};
var search = function (element) {
return active(owner(element)).filter(function (e) {
return element.dom().contains(e.dom());
});
};
var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
var global$2 = tinymce.util.Tools.resolve('tinymce.ThemeManager');
var openLink = function (target) {
var link = domGlobals.document.createElement('a');
link.target = '_blank';
link.href = target.href;
link.rel = 'noreferrer noopener';
var nuEvt = domGlobals.document.createEvent('MouseEvents');
nuEvt.initMouseEvent('click', true, true, domGlobals.window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
domGlobals.document.body.appendChild(link);
link.dispatchEvent(nuEvt);
domGlobals.document.body.removeChild(link);
};
var TinyCodeDupe = { openLink: openLink };
var isSkinDisabled = function (editor) {
return editor.settings.skin === false;
};
var readOnlyOnInit = function (editor) {
return false;
};
var formatChanged = 'formatChanged';
var orientationChanged = 'orientationChanged';
var dropupDismissed = 'dropupDismissed';
var TinyChannels = {
formatChanged: constant(formatChanged),
orientationChanged: constant(orientationChanged),
dropupDismissed: constant(dropupDismissed)
};
var fromHtml$1 = function (html, scope) {
var doc = scope || domGlobals.document;
var div = doc.createElement('div');
div.innerHTML = html;
return children(Element.fromDom(div));
};
var get$2 = function (element) {
return element.dom().innerHTML;
};
var set$1 = function (element, content) {
var owner$1 = owner(element);
var docDom = owner$1.dom();
var fragment = Element.fromDom(docDom.createDocumentFragment());
var contentElements = fromHtml$1(content, docDom);
append$1(fragment, contentElements);
empty(element);
append(element, fragment);
};
var getOuter = function (element) {
var container = Element.fromTag('div');
var clone = Element.fromDom(element.dom().cloneNode(true));
append(container, clone);
return get$2(container);
};
var clone = function (original, isDeep) {
return Element.fromDom(original.dom().cloneNode(isDeep));
};
var shallow$1 = function (original) {
return clone(original, false);
};
var getHtml = function (element) {
var clone = shallow$1(element);
return getOuter(clone);
};
var element = function (elem) {
return getHtml(elem);
};
var chooseChannels = function (channels, message) {
return message.universal() ? channels : filter(channels, function (ch) {
return contains(message.channels(), ch);
});
};
var events = function (receiveConfig) {
return derive([run(receive(), function (component, message) {
var channelMap = receiveConfig.channels();
var channels = keys(channelMap);
var targetChannels = chooseChannels(channels, message);
each$1(targetChannels, function (ch) {
var channelInfo = channelMap[ch]();
var channelSchema = channelInfo.schema();
var data = asStructOrDie('channel[' + ch + '] data\nReceiver: ' + element(component.element()), channelSchema, message.data());
channelInfo.onReceive()(component, data);
});
})]);
};
var ActiveReceiving = /*#__PURE__*/Object.freeze({
events: events
});
var cat = function (arr) {
var r = [];
var push = function (x) {
r.push(x);
};
for (var i = 0; i < arr.length; i++) {
arr[i].each(push);
}
return r;
};
var findMap = function (arr, f) {
for (var i = 0; i < arr.length; i++) {
var r = f(arr[i], i);
if (r.isSome()) {
return r;
}
}
return Option.none();
};
var someIf = function (b, a) {
return b ? Option.some(a) : Option.none();
};
var unknown$3 = 'unknown';
var eventsMonitored = [];
var path$1 = [
'alloy/data/Fields',
'alloy/debugging/Debugging'
];
var getTrace = function () {
var err = new Error();
if (err.stack !== undefined) {
var lines = err.stack.split('\n');
return find$1(lines, function (line) {
return line.indexOf('alloy') > 0 && !exists(path$1, function (p) {
return line.indexOf(p) > -1;
});
}).getOr(unknown$3);
} else {
return unknown$3;
}
};
var ignoreEvent = {
logEventCut: noop,
logEventStopped: noop,
logNoParent: noop,
logEventNoHandlers: noop,
logEventResponse: noop,
write: noop
};
var monitorEvent = function (eventName, initialTarget, f) {
var logger = (eventsMonitored === '*' || contains(eventsMonitored, eventName)) ? function () {
var sequence = [];
return {
logEventCut: function (name, target, purpose) {
sequence.push({
outcome: 'cut',
target: target,
purpose: purpose
});
},
logEventStopped: function (name, target, purpose) {
sequence.push({
outcome: 'stopped',
target: target,
purpose: purpose
});
},
logNoParent: function (name, target, purpose) {
sequence.push({
outcome: 'no-parent',
target: target,
purpose: purpose
});
},
logEventNoHandlers: function (name, target) {
sequence.push({
outcome: 'no-handlers-left',
target: target
});
},
logEventResponse: function (name, target, purpose) {
sequence.push({
outcome: 'response',
purpose: purpose,
target: target
});
},
write: function () {
if (contains([
'mousemove',
'mouseover',
'mouseout',
systemInit()
], eventName)) {
return;
}
domGlobals.console.log(eventName, {
event: eventName,
target: initialTarget.dom(),
sequence: map$1(sequence, function (s) {
if (!contains([
'cut',
'stopped',
'response'
], s.outcome)) {
return s.outcome;
} else {
return '{' + s.purpose + '} ' + s.outcome + ' at (' + element(s.target) + ')';
}
})
});
}
};
}() : ignoreEvent;
var output = f(logger);
logger.write();
return output;
};
var menuFields = constant([
strict$1('menu'),
strict$1('selectedMenu')
]);
var itemFields = constant([
strict$1('item'),
strict$1('selectedItem')
]);
var schema = constant(objOfOnly(itemFields().concat(menuFields())));
var itemSchema = constant(objOfOnly(itemFields()));
var _initSize = strictObjOf('initSize', [
strict$1('numColumns'),
strict$1('numRows')
]);
var itemMarkers = function () {
return strictOf('markers', itemSchema());
};
var tieredMenuMarkers = function () {
return strictObjOf('markers', [strict$1('backgroundMenu')].concat(menuFields()).concat(itemFields()));
};
var markers = function (required) {
return strictObjOf('markers', map$1(required, strict$1));
};
var onPresenceHandler = function (label, fieldName, presence) {
var trace = getTrace();
return field(fieldName, fieldName, presence, valueOf(function (f) {
return Result.value(function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
return f.apply(undefined, args);
});
}));
};
var onHandler = function (fieldName) {
return onPresenceHandler('onHandler', fieldName, defaulted(noop));
};
var onKeyboardHandler = function (fieldName) {
return onPresenceHandler('onKeyboardHandler', fieldName, defaulted(Option.none));
};
var onStrictHandler = function (fieldName) {
return onPresenceHandler('onHandler', fieldName, strict());
};
var onStrictKeyboardHandler = function (fieldName) {
return onPresenceHandler('onKeyboardHandler', fieldName, strict());
};
var output = function (name, value) {
return state$1(name, constant(value));
};
var snapshot = function (name) {
return state$1(name, identity);
};
var initSize = constant(_initSize);
var ReceivingSchema = [strictOf('channels', setOf(Result.value, objOfOnly([
onStrictHandler('onReceive'),
defaulted$1('schema', anyValue$1())
])))];
var Receiving = create$1({
fields: ReceivingSchema,
name: 'receiving',
active: ActiveReceiving
});
var updateAriaState = function (component, toggleConfig) {
var pressed = isOn(component, toggleConfig);
var ariaInfo = toggleConfig.aria();
ariaInfo.update()(component, ariaInfo, pressed);
};
var toggle$2 = function (component, toggleConfig, toggleState) {
toggle$1(component.element(), toggleConfig.toggleClass());
updateAriaState(component, toggleConfig);
};
var on = function (component, toggleConfig, toggleState) {
add$2(component.element(), toggleConfig.toggleClass());
updateAriaState(component, toggleConfig);
};
var off = function (component, toggleConfig, toggleState) {
remove$4(component.element(), toggleConfig.toggleClass());
updateAriaState(component, toggleConfig);
};
var isOn = function (component, toggleConfig) {
return has$1(component.element(), toggleConfig.toggleClass());
};
var onLoad = function (component, toggleConfig, toggleState) {
var api = toggleConfig.selected() ? on : off;
api(component, toggleConfig, toggleState);
};
var ToggleApis = /*#__PURE__*/Object.freeze({
onLoad: onLoad,
toggle: toggle$2,
isOn: isOn,
on: on,
off: off
});
var exhibit = function (base, toggleConfig, toggleState) {
return nu$6({});
};
var events$1 = function (toggleConfig, toggleState) {
var execute = executeEvent(toggleConfig, toggleState, toggle$2);
var load = loadEvent(toggleConfig, toggleState, onLoad);
return derive(flatten([
toggleConfig.toggleOnExecute() ? [execute] : [],
[load]
]));
};
var ActiveToggle = /*#__PURE__*/Object.freeze({
exhibit: exhibit,
events: events$1
});
var updatePressed = function (component, ariaInfo, status) {
set(component.element(), 'aria-pressed', status);
if (ariaInfo.syncWithExpanded()) {
updateExpanded(component, ariaInfo, status);
}
};
var updateSelected = function (component, ariaInfo, status) {
set(component.element(), 'aria-selected', status);
};
var updateChecked = function (component, ariaInfo, status) {
set(component.element(), 'aria-checked', status);
};
var updateExpanded = function (component, ariaInfo, status) {
set(component.element(), 'aria-expanded', status);
};
var ToggleSchema = [
defaulted$1('selected', false),
strict$1('toggleClass'),
defaulted$1('toggleOnExecute', true),
defaultedOf('aria', { mode: 'none' }, choose$1('mode', {
pressed: [
defaulted$1('syncWithExpanded', false),
output('update', updatePressed)
],
checked: [output('update', updateChecked)],
expanded: [output('update', updateExpanded)],
selected: [output('update', updateSelected)],
none: [output('update', noop)]
}))
];
var Toggling = create$1({
fields: ToggleSchema,
name: 'toggling',
active: ActiveToggle,
apis: ToggleApis
});
var format = function (command, update) {
return Receiving.config({
channels: wrap$1(TinyChannels.formatChanged(), {
onReceive: function (button, data) {
if (data.command === command) {
update(button, data.state);
}
}
})
});
};
var orientation = function (onReceive) {
return Receiving.config({ channels: wrap$1(TinyChannels.orientationChanged(), { onReceive: onReceive }) });
};
var receive$1 = function (channel, onReceive) {
return {
key: channel,
value: { onReceive: onReceive }
};
};
var Receivers = {
format: format,
orientation: orientation,
receive: receive$1
};
var prefix = 'tinymce-mobile';
var resolve$1 = function (p) {
return prefix + '-' + p;
};
var Styles = {
resolve: resolve$1,
prefix: constant(prefix)
};
var events$2 = function (optAction) {
var executeHandler = function (action) {
return run(execute(), function (component, simulatedEvent) {
action(component);
simulatedEvent.stop();
});
};
var onClick = function (component, simulatedEvent) {
simulatedEvent.stop();
emitExecute(component);
};
var onMousedown = function (component, simulatedEvent) {
simulatedEvent.cut();
};
var pointerEvents = PlatformDetection$1.detect().deviceType.isTouch() ? [run(tap(), onClick)] : [
run(click(), onClick),
run(mousedown(), onMousedown)
];
return derive(flatten([
optAction.map(executeHandler).toArray(),
pointerEvents
]));
};
var focus$2 = function (component, focusConfig) {
if (!focusConfig.ignore()) {
focus$1(component.element());
focusConfig.onFocus()(component);
}
};
var blur$1 = function (component, focusConfig) {
if (!focusConfig.ignore()) {
blur(component.element());
}
};
var isFocused = function (component) {
return hasFocus(component.element());
};
var FocusApis = /*#__PURE__*/Object.freeze({
focus: focus$2,
blur: blur$1,
isFocused: isFocused
});
var exhibit$1 = function (base, focusConfig) {
if (focusConfig.ignore()) {
return nu$6({});
} else {
return nu$6({ attributes: { tabindex: '-1' } });
}
};
var events$3 = function (focusConfig) {
return derive([run(focus(), function (component, simulatedEvent) {
focus$2(component, focusConfig);
simulatedEvent.stop();
})]);
};
var ActiveFocus = /*#__PURE__*/Object.freeze({
exhibit: exhibit$1,
events: events$3
});
var FocusSchema = [
onHandler('onFocus'),
defaulted$1('ignore', false)
];
var Focusing = create$1({
fields: FocusSchema,
name: 'focusing',
active: ActiveFocus,
apis: FocusApis
});
var isSupported = function (dom) {
return dom.style !== undefined && isFunction(dom.style.getPropertyValue);
};
var internalSet = function (dom, property, value) {
if (!isString(value)) {
domGlobals.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 internalRemove = function (dom, property) {
if (isSupported(dom)) {
dom.style.removeProperty(property);
}
};
var set$2 = function (element, property, value) {
var dom = element.dom();
internalSet(dom, property, value);
};
var setAll$1 = function (element, css) {
var dom = element.dom();
each(css, function (v, k) {
internalSet(dom, k, v);
});
};
var get$3 = function (element, property) {
var dom = element.dom();
var styles = domGlobals.window.getComputedStyle(dom);
var r = styles.getPropertyValue(property);
var v = r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
return v === null ? undefined : v;
};
var getUnsafeProperty = function (dom, property) {
return isSupported(dom) ? dom.style.getPropertyValue(property) : '';
};
var getRaw = function (element, property) {
var dom = element.dom();
var raw = getUnsafeProperty(dom, property);
return Option.from(raw).filter(function (r) {
return r.length > 0;
});
};
var remove$5 = function (element, property) {
var dom = element.dom();
internalRemove(dom, property);
if (has(element, 'style') && trim(get(element, 'style')) === '') {
remove$1(element, 'style');
}
};
var reflow = function (e) {
return e.dom().offsetWidth;
};
function Dimension (name, getOffset) {
var set = function (element, h) {
if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
}
var dom = element.dom();
if (isSupported(dom)) {
dom.style[name] = h + 'px';
}
};
var get = function (element) {
var r = getOffset(element);
if (r <= 0 || r === null) {
var css = get$3(element, name);
return parseFloat(css) || 0;
}
return r;
};
var getOuter = get;
var aggregate = function (element, properties) {
return foldl(properties, function (acc, property) {
var val = get$3(element, property);
var value = val === undefined ? 0 : parseInt(val, 10);
return isNaN(value) ? acc : acc + value;
}, 0);
};
var max = function (element, value, properties) {
var cumulativeInclusions = aggregate(element, properties);
var absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
return absoluteMax;
};
return {
set: set,
get: get,
getOuter: getOuter,
aggregate: aggregate,
max: max
};
}
var api = Dimension('height', function (element) {
var dom = element.dom();
return inBody(element) ? dom.getBoundingClientRect().height : dom.offsetHeight;
});
var get$4 = function (element) {
return api.get(element);
};
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$2 = 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 descendants = function (scope, selector) {
return all(selector, scope);
};
var first = function (selector) {
return one(selector);
};
var ancestor$1 = function (scope, selector, isRoot) {
return ancestor(scope, function (e) {
return is(e, selector);
}, isRoot);
};
var descendant$1 = function (scope, selector) {
return one(selector, scope);
};
var closest$1 = function (scope, selector, isRoot) {
return ClosestOrAncestor(is, ancestor$1, scope, selector, isRoot);
};
var BACKSPACE = function () {
return [8];
};
var TAB = function () {
return [9];
};
var ENTER = function () {
return [13];
};
var ESCAPE = function () {
return [27];
};
var SPACE = function () {
return [32];
};
var LEFT = function () {
return [37];
};
var UP = function () {
return [38];
};
var RIGHT = function () {
return [39];
};
var DOWN = function () {
return [40];
};
var cyclePrev = function (values, index, predicate) {
var before = reverse(values.slice(0, index));
var after = reverse(values.slice(index + 1));
return find$1(before.concat(after), predicate);
};
var tryPrev = function (values, index, predicate) {
var before = reverse(values.slice(0, index));
return find$1(before, predicate);
};
var cycleNext = function (values, index, predicate) {
var before = values.slice(0, index);
var after = values.slice(index + 1);
return find$1(after.concat(before), predicate);
};
var tryNext = function (values, index, predicate) {
var after = values.slice(index + 1);
return find$1(after, predicate);
};
var inSet = function (keys) {
return function (event) {
var raw = event.raw();
return contains(keys, raw.which);
};
};
var and = function (preds) {
return function (event) {
return forall(preds, function (pred) {
return pred(event);
});
};
};
var isShift = function (event) {
var raw = event.raw();
return raw.shiftKey === true;
};
var isControl = function (event) {
var raw = event.raw();
return raw.ctrlKey === true;
};
var isNotShift = not(isShift);
var rule = function (matches, action) {
return {
matches: matches,
classification: action
};
};
var choose$2 = function (transitions, event) {
var transition = find$1(transitions, function (t) {
return t.matches(event);
});
return transition.map(function (t) {
return t.classification;
});
};
var cycleBy = function (value, delta, min, max) {
var r = value + delta;
if (r > max) {
return min;
} else {
return r < min ? max : r;
}
};
var cap = function (value, min, max) {
if (value <= min) {
return min;
} else {
return value >= max ? max : value;
}
};
var dehighlightAll = function (component, hConfig, hState) {
var highlighted = descendants(component.element(), '.' + hConfig.highlightClass());
each$1(highlighted, function (h) {
remove$4(h, hConfig.highlightClass());
component.getSystem().getByDom(h).each(function (target) {
hConfig.onDehighlight()(component, target);
});
});
};
var dehighlight = function (component, hConfig, hState, target) {
var wasHighlighted = isHighlighted(component, hConfig, hState, target);
remove$4(target.element(), hConfig.highlightClass());
if (wasHighlighted) {
hConfig.onDehighlight()(component, target);
}
};
var highlight = function (component, hConfig, hState, target) {
var wasHighlighted = isHighlighted(component, hConfig, hState, target);
dehighlightAll(component, hConfig);
add$2(target.element(), hConfig.highlightClass());
if (!wasHighlighted) {
hConfig.onHighlight()(component, target);
}
};
var highlightFirst = function (component, hConfig, hState) {
getFirst(component, hConfig).each(function (firstComp) {
highlight(component, hConfig, hState, firstComp);
});
};
var highlightLast = function (component, hConfig, hState) {
getLast(component, hConfig).each(function (lastComp) {
highlight(component, hConfig, hState, lastComp);
});
};
var highlightAt = function (component, hConfig, hState, index) {
getByIndex(component, hConfig, hState, index).fold(function (err) {
throw new Error(err);
}, function (firstComp) {
highlight(component, hConfig, hState, firstComp);
});
};
var highlightBy = function (component, hConfig, hState, predicate) {
var items = descendants(component.element(), '.' + hConfig.itemClass());
var itemComps = cat(map$1(items, function (i) {
return component.getSystem().getByDom(i).toOption();
}));
var targetComp = find$1(itemComps, predicate);
targetComp.each(function (c) {
highlight(component, hConfig, hState, c);
});
};
var isHighlighted = function (component, hConfig, hState, queryTarget) {
return has$1(queryTarget.element(), hConfig.highlightClass());
};
var getHighlighted = function (component, hConfig, hState) {
return descendant$1(component.element(), '.' + hConfig.highlightClass()).bind(function (e) {
return component.getSystem().getByDom(e).toOption();
});
};
var getByIndex = function (component, hConfig, hState, index) {
var items = descendants(component.element(), '.' + hConfig.itemClass());
return Option.from(items[index]).fold(function () {
return Result.error('No element found with index ' + index);
}, component.getSystem().getByDom);
};
var getFirst = function (component, hConfig, hState) {
return descendant$1(component.element(), '.' + hConfig.itemClass()).bind(function (e) {
return component.getSystem().getByDom(e).toOption();
});
};
var getLast = function (component, hConfig, hState) {
var items = descendants(component.element(), '.' + hConfig.itemClass());
var last = items.length > 0 ? Option.some(items[items.length - 1]) : Option.none();
return last.bind(function (c) {
return component.getSystem().getByDom(c).toOption();
});
};
var getDelta = function (component, hConfig, hState, delta) {
var items = descendants(component.element(), '.' + hConfig.itemClass());
var current = findIndex(items, function (item) {
return has$1(item, hConfig.highlightClass());
});
return current.bind(function (selected) {
var dest = cycleBy(selected, delta, 0, items.length - 1);
return component.getSystem().getByDom(items[dest]).toOption();
});
};
var getPrevious = function (component, hConfig, hState) {
return getDelta(component, hConfig, hState, -1);
};
var getNext = function (component, hConfig, hState) {
return getDelta(component, hConfig, hState, +1);
};
var HighlightApis = /*#__PURE__*/Object.freeze({
dehighlightAll: dehighlightAll,
dehighlight: dehighlight,
highlight: highlight,
highlightFirst: highlightFirst,
highlightLast: highlightLast,
highlightAt: highlightAt,
highlightBy: highlightBy,
isHighlighted: isHighlighted,
getHighlighted: getHighlighted,
getFirst: getFirst,
getLast: getLast,
getPrevious: getPrevious,
getNext: getNext
});
var HighlightSchema = [
strict$1('highlightClass'),
strict$1('itemClass'),
onHandler('onHighlight'),
onHandler('onDehighlight')
];
var Highlighting = create$1({
fields: HighlightSchema,
name: 'highlighting',
apis: HighlightApis
});
var dom = function () {
var get = function (component) {
return search(component.element());
};
var set = function (component, focusee) {
component.getSystem().triggerFocus(focusee, component.element());
};
return {
get: get,
set: set
};
};
var highlights = function () {
var get = function (component) {
return Highlighting.getHighlighted(component).map(function (item) {
return item.element();
});
};
var set = function (component, element) {
component.getSystem().getByDom(element).fold(noop, function (item) {
Highlighting.highlight(component, item);
});
};
return {
get: get,
set: set
};
};
var typical = function (infoSchema, stateInit, getRules, getEvents, getApis, optFocusIn) {
var schema = function () {
return infoSchema.concat([
defaulted$1('focusManager', dom()),
output('handler', me),
output('state', stateInit)
]);
};
var processKey = function (component, simulatedEvent, keyingConfig, keyingState) {
var rules = getRules(component, simulatedEvent, keyingConfig, keyingState);
return choose$2(rules, simulatedEvent.event()).bind(function (rule) {
return rule(component, simulatedEvent, keyingConfig, keyingState);
});
};
var toEvents = function (keyingConfig, keyingState) {
var otherEvents = getEvents(keyingConfig, keyingState);
var keyEvents = derive(optFocusIn.map(function (focusIn) {
return run(focus(), function (component, simulatedEvent) {
focusIn(component, keyingConfig, keyingState, simulatedEvent);
simulatedEvent.stop();
});
}).toArray().concat([run(keydown(), function (component, simulatedEvent) {
processKey(component, simulatedEvent, keyingConfig, keyingState).each(function (_) {
simulatedEvent.stop();
});
})]));
return deepMerge(otherEvents, keyEvents);
};
var me = {
schema: schema,
processKey: processKey,
toEvents: toEvents,
toApis: getApis
};
return me;
};
var create$2 = function (cyclicField) {
var schema = [
option('onEscape'),
option('onEnter'),
defaulted$1('selector', '[data-alloy-tabstop="true"]'),
defaulted$1('firstTabstop', 0),
defaulted$1('useTabstopAt', constant(true)),
option('visibilitySelector')
].concat([cyclicField]);
var isVisible = function (tabbingConfig, element) {
var target = tabbingConfig.visibilitySelector().bind(function (sel) {
return closest$1(element, sel);
}).getOr(element);
return get$4(target) > 0;
};
var findInitial = function (component, tabbingConfig) {
var tabstops = descendants(component.element(), tabbingConfig.selector());
var visibles = filter(tabstops, function (elem) {
return isVisible(tabbingConfig, elem);
});
return Option.from(visibles[tabbingConfig.firstTabstop()]);
};
var findCurrent = function (component, tabbingConfig) {
return tabbingConfig.focusManager().get(component).bind(function (elem) {
return closest$1(elem, tabbingConfig.selector());
});
};
var isTabstop = function (tabbingConfig, element) {
return isVisible(tabbingConfig, element) && tabbingConfig.useTabstopAt()(element);
};
var focusIn = function (component, tabbingConfig) {
findInitial(component, tabbingConfig).each(function (target) {
tabbingConfig.focusManager().set(component, target);
});
};
var goFromTabstop = function (component, tabstops, stopIndex, tabbingConfig, cycle) {
return cycle(tabstops, stopIndex, function (elem) {
return isTabstop(tabbingConfig, elem);
}).fold(function () {
return tabbingConfig.cyclic() ? Option.some(true) : Option.none();
}, function (target) {
tabbingConfig.focusManager().set(component, target);
return Option.some(true);
});
};
var go = function (component, simulatedEvent, tabbingConfig, cycle) {
var tabstops = descendants(component.element(), tabbingConfig.selector());
return findCurrent(component, tabbingConfig).bind(function (tabstop) {
var optStopIndex = findIndex(tabstops, curry(eq, tabstop));
return optStopIndex.bind(function (stopIndex) {
return goFromTabstop(component, tabstops, stopIndex, tabbingConfig, cycle);
});
});
};
var goBackwards = function (component, simulatedEvent, tabbingConfig, tabbingState) {
var navigate = tabbingConfig.cyclic() ? cyclePrev : tryPrev;
return go(component, simulatedEvent, tabbingConfig, navigate);
};
var goForwards = function (component, simulatedEvent, tabbingConfig, tabbingState) {
var navigate = tabbingConfig.cyclic() ? cycleNext : tryNext;
return go(component, simulatedEvent, tabbingConfig, navigate);
};
var execute = function (component, simulatedEvent, tabbingConfig, tabbingState) {
return tabbingConfig.onEnter().bind(function (f) {
return f(component, simulatedEvent);
});
};
var exit = function (component, simulatedEvent, tabbingConfig, tabbingState) {
return tabbingConfig.onEscape().bind(function (f) {
return f(component, simulatedEvent);
});
};
var getRules = constant([
rule(and([
isShift,
inSet(TAB())
]), goBackwards),
rule(inSet(TAB()), goForwards),
rule(inSet(ESCAPE()), exit),
rule(and([
isNotShift,
inSet(ENTER())
]), execute)
]);
var getEvents = constant({});
var getApis = constant({});
return typical(schema, NoState.init, getRules, getEvents, getApis, Option.some(focusIn));
};
var AcyclicType = create$2(state$1('cyclic', constant(false)));
var CyclicType = create$2(state$1('cyclic', constant(true)));
var inside = function (target) {
return name(target) === 'input' && get(target, 'type') !== 'radio' || name(target) === 'textarea';
};
var doDefaultExecute = function (component, simulatedEvent, focused) {
dispatch(component, focused, execute());
return Option.some(true);
};
var defaultExecute = function (component, simulatedEvent, focused) {
return inside(focused) && inSet(SPACE())(simulatedEvent.event()) ? Option.none() : doDefaultExecute(component, simulatedEvent, focused);
};
var schema$1 = [
defaulted$1('execute', defaultExecute),
defaulted$1('useSpace', false),
defaulted$1('useEnter', true),
defaulted$1('useControlEnter', false),
defaulted$1('useDown', false)
];
var execute$1 = function (component, simulatedEvent, executeConfig) {
return executeConfig.execute()(component, simulatedEvent, component.element());
};
var getRules = function (component, simulatedEvent, executeConfig, executeState) {
var spaceExec = executeConfig.useSpace() && !inside(component.element()) ? SPACE() : [];
var enterExec = executeConfig.useEnter() ? ENTER() : [];
var downExec = executeConfig.useDown() ? DOWN() : [];
var execKeys = spaceExec.concat(enterExec).concat(downExec);
return [rule(inSet(execKeys), execute$1)].concat(executeConfig.useControlEnter() ? [rule(and([
isControl,
inSet(ENTER())
]), execute$1)] : []);
};
var getEvents = constant({});
var getApis = constant({});
var ExecutionType = typical(schema$1, NoState.init, getRules, getEvents, getApis, Option.none());
var flatgrid = function (spec) {
var dimensions = Cell(Option.none());
var setGridSize = function (numRows, numColumns) {
dimensions.set(Option.some({
numRows: constant(numRows),
numColumns: constant(numColumns)
}));
};
var getNumRows = function () {
return dimensions.get().map(function (d) {
return d.numRows();
});
};
var getNumColumns = function () {
return dimensions.get().map(function (d) {
return d.numColumns();
});
};
return nu$7({
readState: constant({}),
setGridSize: setGridSize,
getNumRows: getNumRows,
getNumColumns: getNumColumns
});
};
var init = function (spec) {
return spec.state()(spec);
};
var KeyingState = /*#__PURE__*/Object.freeze({
flatgrid: flatgrid,
init: init
});
var onDirection = function (isLtr, isRtl) {
return function (element) {
return getDirection(element) === 'rtl' ? isRtl : isLtr;
};
};
var getDirection = function (element) {
return get$3(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
};
var useH = function (movement) {
return function (component, simulatedEvent, config, state) {
var move = movement(component.element());
return use(move, component, simulatedEvent, config, state);
};
};
var west = function (moveLeft, moveRight) {
var movement = onDirection(moveLeft, moveRight);
return useH(movement);
};
var east = function (moveLeft, moveRight) {
var movement = onDirection(moveRight, moveLeft);
return useH(movement);
};
var useV = function (move) {
return function (component, simulatedEvent, config, state) {
return use(move, component, simulatedEvent, config, state);
};
};
var use = function (move, component, simulatedEvent, config, state) {
var outcome = config.focusManager().get(component).bind(function (focused) {
return move(component.element(), focused, config, state);
});
return outcome.map(function (newFocus) {
config.focusManager().set(component, newFocus);
return true;
});
};
var north = useV;
var south = useV;
var move = useV;
var isHidden = function (dom) {
return dom.offsetWidth <= 0 && dom.offsetHeight <= 0;
};
var isVisible = function (element) {
var dom = element.dom();
return !isHidden(dom);
};
var indexInfo = MixedBag([
'index',
'candidates'
], []);
var locate = function (candidates, predicate) {
return findIndex(candidates, predicate).map(function (index) {
return indexInfo({
index: index,
candidates: candidates
});
});
};
var locateVisible = function (container, current, selector) {
return locateIn(container, current, selector);
};
var locateIn = function (container, current, selector, filter$1) {
var predicate = curry(eq, current);
var candidates = descendants(container, selector);
var visible = filter(candidates, isVisible);
return locate(visible, predicate);
};
var findIndex$1 = function (elements, target) {
return findIndex(elements, function (elem) {
return eq(target, elem);
});
};
var withGrid = function (values, index, numCols, f) {
var oldRow = Math.floor(index / numCols);
var oldColumn = index % numCols;
return f(oldRow, oldColumn).bind(function (address) {
var newIndex = address.row() * numCols + address.column();
return newIndex >= 0 && newIndex < values.length ? Option.some(values[newIndex]) : Option.none();
});
};
var cycleHorizontal = function (values, index, numRows, numCols, delta) {
return withGrid(values, index, numCols, function (oldRow, oldColumn) {
var onLastRow = oldRow === numRows - 1;
var colsInRow = onLastRow ? values.length - oldRow * numCols : numCols;
var newColumn = cycleBy(oldColumn, delta, 0, colsInRow - 1);
return Option.some({
row: constant(oldRow),
column: constant(newColumn)
});
});
};
var cycleVertical = function (values, index, numRows, numCols, delta) {
return withGrid(values, index, numCols, function (oldRow, oldColumn) {
var newRow = cycleBy(oldRow, delta, 0, numRows - 1);
var onLastRow = newRow === numRows - 1;
var colsInRow = onLastRow ? values.length - newRow * numCols : numCols;
var newCol = cap(oldColumn, 0, colsInRow - 1);
return Option.some({
row: constant(newRow),
column: constant(newCol)
});
});
};
var cycleRight = function (values, index, numRows, numCols) {
return cycleHorizontal(values, index, numRows, numCols, +1);
};
var cycleLeft = function (values, index, numRows, numCols) {
return cycleHorizontal(values, index, numRows, numCols, -1);
};
var cycleUp = function (values, index, numRows, numCols) {
return cycleVertical(values, index, numRows, numCols, -1);
};
var cycleDown = function (values, index, numRows, numCols) {
return cycleVertical(values, index, numRows, numCols, +1);
};
var schema$2 = [
strict$1('selector'),
defaulted$1('execute', defaultExecute),
onKeyboardHandler('onEscape'),
defaulted$1('captureTab', false),
initSize()
];
var focusIn = function (component, gridConfig, gridState) {
descendant$1(component.element(), gridConfig.selector()).each(function (first) {
gridConfig.focusManager().set(component, first);
});
};
var findCurrent = function (component, gridConfig) {
return gridConfig.focusManager().get(component).bind(function (elem) {
return closest$1(elem, gridConfig.selector());
});
};
var execute$2 = function (component, simulatedEvent, gridConfig, gridState) {
return findCurrent(component, gridConfig).bind(function (focused) {
return gridConfig.execute()(component, simulatedEvent, focused);
});
};
var doMove = function (cycle) {
return function (element, focused, gridConfig, gridState) {
return locateVisible(element, focused, gridConfig.selector()).bind(function (identified) {
return cycle(identified.candidates(), identified.index(), gridState.getNumRows().getOr(gridConfig.initSize().numRows()), gridState.getNumColumns().getOr(gridConfig.initSize().numColumns()));
});
};
};
var handleTab = function (component, simulatedEvent, gridConfig, gridState) {
return gridConfig.captureTab() ? Option.some(true) : Option.none();
};
var doEscape = function (component, simulatedEvent, gridConfig, gridState) {
return gridConfig.onEscape()(component, simulatedEvent);
};
var moveLeft = doMove(cycleLeft);
var moveRight = doMove(cycleRight);
var moveNorth = doMove(cycleUp);
var moveSouth = doMove(cycleDown);
var getRules$1 = constant([
rule(inSet(LEFT()), west(moveLeft, moveRight)),
rule(inSet(RIGHT()), east(moveLeft, moveRight)),
rule(inSet(UP()), north(moveNorth)),
rule(inSet(DOWN()), south(moveSouth)),
rule(and([
isShift,
inSet(TAB())
]), handleTab),
rule(and([
isNotShift,
inSet(TAB())
]), handleTab),
rule(inSet(ESCAPE()), doEscape),
rule(inSet(SPACE().concat(ENTER())), execute$2)
]);
var getEvents$1 = constant({});
var getApis$1 = {};
var FlatgridType = typical(schema$2, flatgrid, getRules$1, getEvents$1, getApis$1, Option.some(focusIn));
var horizontal = function (container, selector, current, delta) {
return locateVisible(container, current, selector).bind(function (identified) {
var index = identified.index();
var candidates = identified.candidates();
var newIndex = cycleBy(index, delta, 0, candidates.length - 1);
return Option.from(candidates[newIndex]);
});
};
var schema$3 = [
strict$1('selector'),
defaulted$1('getInitial', Option.none),
defaulted$1('execute', defaultExecute),
defaulted$1('executeOnMove', false),
defaulted$1('allowVertical', true)
];
var findCurrent$1 = function (component, flowConfig) {
return flowConfig.focusManager().get(component).bind(function (elem) {
return closest$1(elem, flowConfig.selector());
});
};
var execute$3 = function (component, simulatedEvent, flowConfig) {
return findCurrent$1(component, flowConfig).bind(function (focused) {
return flowConfig.execute()(component, simulatedEvent, focused);
});
};
var focusIn$1 = function (component, flowConfig) {
flowConfig.getInitial()(component).or(descendant$1(component.element(), flowConfig.selector())).each(function (first) {
flowConfig.focusManager().set(component, first);
});
};
var moveLeft$1 = function (element, focused, info) {
return horizontal(element, info.selector(), focused, -1);
};
var moveRight$1 = function (element, focused, info) {
return horizontal(element, info.selector(), focused, +1);
};
var doMove$1 = function (movement) {
return function (component, simulatedEvent, flowConfig) {
return movement(component, simulatedEvent, flowConfig).bind(function () {
return flowConfig.executeOnMove() ? execute$3(component, simulatedEvent, flowConfig) : Option.some(true);
});
};
};
var getRules$2 = function (_component, _se, flowConfig, _flowState) {
var westMovers = LEFT().concat(flowConfig.allowVertical() ? UP() : []);
var eastMovers = RIGHT().concat(flowConfig.allowVertical() ? DOWN() : []);
return [
rule(inSet(westMovers), doMove$1(west(moveLeft$1, moveRight$1))),
rule(inSet(eastMovers), doMove$1(east(moveLeft$1, moveRight$1))),
rule(inSet(ENTER()), execute$3),
rule(inSet(SPACE()), execute$3)
];
};
var getEvents$2 = constant({});
var getApis$2 = constant({});
var FlowType = typical(schema$3, NoState.init, getRules$2, getEvents$2, getApis$2, Option.some(focusIn$1));
var outcome = MixedBag([
'rowIndex',
'columnIndex',
'cell'
], []);
var toCell = function (matrix, rowIndex, columnIndex) {
return Option.from(matrix[rowIndex]).bind(function (row) {
return Option.from(row[columnIndex]).map(function (cell) {
return outcome({
rowIndex: rowIndex,
columnIndex: columnIndex,
cell: cell
});
});
});
};
var cycleHorizontal$1 = function (matrix, rowIndex, startCol, deltaCol) {
var row = matrix[rowIndex];
var colsInRow = row.length;
var newColIndex = cycleBy(startCol, deltaCol, 0, colsInRow - 1);
return toCell(matrix, rowIndex, newColIndex);
};
var cycleVertical$1 = function (matrix, colIndex, startRow, deltaRow) {
var nextRowIndex = cycleBy(startRow, deltaRow, 0, matrix.length - 1);
var colsInNextRow = matrix[nextRowIndex].length;
var nextColIndex = cap(colIndex, 0, colsInNextRow - 1);
return toCell(matrix, nextRowIndex, nextColIndex);
};
var moveHorizontal = function (matrix, rowIndex, startCol, deltaCol) {
var row = matrix[rowIndex];
var colsInRow = row.length;
var newColIndex = cap(startCol + deltaCol, 0, colsInRow - 1);
return toCell(matrix, rowIndex, newColIndex);
};
var moveVertical = function (matrix, colIndex, startRow, deltaRow) {
var nextRowIndex = cap(startRow + deltaRow, 0, matrix.length - 1);
var colsInNextRow = matrix[nextRowIndex].length;
var nextColIndex = cap(colIndex, 0, colsInNextRow - 1);
return toCell(matrix, nextRowIndex, nextColIndex);
};
var cycleRight$1 = function (matrix, startRow, startCol) {
return cycleHorizontal$1(matrix, startRow, startCol, +1);
};
var cycleLeft$1 = function (matrix, startRow, startCol) {
return cycleHorizontal$1(matrix, startRow, startCol, -1);
};
var cycleUp$1 = function (matrix, startRow, startCol) {
return cycleVertical$1(matrix, startCol, startRow, -1);
};
var cycleDown$1 = function (matrix, startRow, startCol) {
return cycleVertical$1(matrix, startCol, startRow, +1);
};
var moveLeft$2 = function (matrix, startRow, startCol) {
return moveHorizontal(matrix, startRow, startCol, -1);
};
var moveRight$2 = function (matrix, startRow, startCol) {
return moveHorizontal(matrix, startRow, startCol, +1);
};
var moveUp = function (matrix, startRow, startCol) {
return moveVertical(matrix, startCol, startRow, -1);
};
var moveDown = function (matrix, startRow, startCol) {
return moveVertical(matrix, startCol, startRow, +1);
};
var schema$4 = [
strictObjOf('selectors', [
strict$1('row'),
strict$1('cell')
]),
defaulted$1('cycles', true),
defaulted$1('previousSelector', Option.none),
defaulted$1('execute', defaultExecute)
];
var focusIn$2 = function (component, matrixConfig) {
var focused = matrixConfig.previousSelector()(component).orThunk(function () {
var selectors = matrixConfig.selectors();
return descendant$1(component.element(), selectors.cell());
});
focused.each(function (cell) {
matrixConfig.focusManager().set(component, cell);
});
};
var execute$4 = function (component, simulatedEvent, matrixConfig) {
return search(component.element()).bind(function (focused) {
return matrixConfig.execute()(component, simulatedEvent, focused);
});
};
var toMatrix = function (rows, matrixConfig) {
return map$1(rows, function (row) {
return descendants(row, matrixConfig.selectors().cell());
});
};
var doMove$2 = function (ifCycle, ifMove) {
return function (element, focused, matrixConfig) {
var move = matrixConfig.cycles() ? ifCycle : ifMove;
return closest$1(focused, matrixConfig.selectors().row()).bind(function (inRow) {
var cellsInRow = descendants(inRow, matrixConfig.selectors().cell());
return findIndex$1(cellsInRow, focused).bind(function (colIndex) {
var allRows = descendants(element, matrixConfig.selectors().row());
return findIndex$1(allRows, inRow).bind(function (rowIndex) {
var matrix = toMatrix(allRows, matrixConfig);
return move(matrix, rowIndex, colIndex).map(function (next) {
return next.cell();
});
});
});
});
};
};
var moveLeft$3 = doMove$2(cycleLeft$1, moveLeft$2);
var moveRight$3 = doMove$2(cycleRight$1, moveRight$2);
var moveNorth$1 = doMove$2(cycleUp$1, moveUp);
var moveSouth$1 = doMove$2(cycleDown$1, moveDown);
var getRules$3 = constant([
rule(inSet(LEFT()), west(moveLeft$3, moveRight$3)),
rule(inSet(RIGHT()), east(moveLeft$3, moveRight$3)),
rule(inSet(UP()), north(moveNorth$1)),
rule(inSet(DOWN()), south(moveSouth$1)),
rule(inSet(SPACE().concat(ENTER())), execute$4)
]);
var getEvents$3 = constant({});
var getApis$3 = constant({});
var MatrixType = typical(schema$4, NoState.init, getRules$3, getEvents$3, getApis$3, Option.some(focusIn$2));
var schema$5 = [
strict$1('selector'),
defaulted$1('execute', defaultExecute),
defaulted$1('moveOnTab', false)
];
var execute$5 = function (component, simulatedEvent, menuConfig) {
return menuConfig.focusManager().get(component).bind(function (focused) {
return menuConfig.execute()(component, simulatedEvent, focused);
});
};
var focusIn$3 = function (component, menuConfig) {
descendant$1(component.element(), menuConfig.selector()).each(function (first) {
menuConfig.focusManager().set(component, first);
});
};
var moveUp$1 = function (element, focused, info) {
return horizontal(element, info.selector(), focused, -1);
};
var moveDown$1 = function (element, focused, info) {
return horizontal(element, info.selector(), focused, +1);
};
var fireShiftTab = function (component, simulatedEvent, menuConfig) {
return menuConfig.moveOnTab() ? move(moveUp$1)(component, simulatedEvent, menuConfig) : Option.none();
};
var fireTab = function (component, simulatedEvent, menuConfig) {
return menuConfig.moveOnTab() ? move(moveDown$1)(component, simulatedEvent, menuConfig) : Option.none();
};
var getRules$4 = constant([
rule(inSet(UP()), move(moveUp$1)),
rule(inSet(DOWN()), move(moveDown$1)),
rule(and([
isShift,
inSet(TAB())
]), fireShiftTab),
rule(and([
isNotShift,
inSet(TAB())
]), fireTab),
rule(inSet(ENTER()), execute$5),
rule(inSet(SPACE()), execute$5)
]);
var getEvents$4 = constant({});
var getApis$4 = constant({});
var MenuType = typical(schema$5, NoState.init, getRules$4, getEvents$4, getApis$4, Option.some(focusIn$3));
var schema$6 = [
onKeyboardHandler('onSpace'),
onKeyboardHandler('onEnter'),
onKeyboardHandler('onShiftEnter'),
onKeyboardHandler('onLeft'),
onKeyboardHandler('onRight'),
onKeyboardHandler('onTab'),
onKeyboardHandler('onShiftTab'),
onKeyboardHandler('onUp'),
onKeyboardHandler('onDown'),
onKeyboardHandler('onEscape'),
option('focusIn')
];
var getRules$5 = function (component, simulatedEvent, specialInfo) {
return [
rule(inSet(SPACE()), specialInfo.onSpace()),
rule(and([
isNotShift,
inSet(ENTER())
]), specialInfo.onEnter()),
rule(and([
isShift,
inSet(ENTER())
]), specialInfo.onShiftEnter()),
rule(and([
isShift,
inSet(TAB())
]), specialInfo.onShiftTab()),
rule(and([
isNotShift,
inSet(TAB())
]), specialInfo.onTab()),
rule(inSet(UP()), specialInfo.onUp()),
rule(inSet(DOWN()), specialInfo.onDown()),
rule(inSet(LEFT()), specialInfo.onLeft()),
rule(inSet(RIGHT()), specialInfo.onRight()),
rule(inSet(SPACE()), specialInfo.onSpace()),
rule(inSet(ESCAPE()), specialInfo.onEscape())
];
};
var focusIn$4 = function (component, specialInfo) {
return specialInfo.focusIn().bind(function (f) {
return f(component, specialInfo);
});
};
var getEvents$5 = function () {
return {};
};
var getApis$5 = function () {
return {};
};
var SpecialType = typical(schema$6, NoState.init, getRules$5, getEvents$5, getApis$5, Option.some(focusIn$4));
var acyclic = AcyclicType.schema();
var cyclic = CyclicType.schema();
var flow = FlowType.schema();
var flatgrid$1 = FlatgridType.schema();
var matrix = MatrixType.schema();
var execution = ExecutionType.schema();
var menu = MenuType.schema();
var special = SpecialType.schema();
var KeyboardBranches = /*#__PURE__*/Object.freeze({
acyclic: acyclic,
cyclic: cyclic,
flow: flow,
flatgrid: flatgrid$1,
matrix: matrix,
execution: execution,
menu: menu,
special: special
});
var Keying = createModes$1({
branchKey: 'mode',
branches: KeyboardBranches,
name: 'keying',
active: {
events: function (keyingConfig, keyingState) {
var handler = keyingConfig.handler();
return handler.toEvents(keyingConfig, keyingState);
}
},
apis: {
focusIn: function (component) {
component.getSystem().triggerFocus(component.element(), component.element());
},
setGridSize: function (component, keyConfig, keyState, numRows, numColumns) {
if (!hasKey$1(keyState, 'setGridSize')) {
domGlobals.console.error('Layout does not support setGridSize');
} else {
keyState.setGridSize(numRows, numColumns);
}
}
},
state: KeyingState
});
var field$1 = function (name, forbidden) {
return defaultedObjOf(name, {}, map$1(forbidden, function (f) {
return forbid(f.name(), 'Cannot configure ' + f.name() + ' for ' + name);
}).concat([state$1('dump', identity)]));
};
var get$5 = function (data) {
return data.dump();
};
var _placeholder = 'placeholder';
var adt$2 = Adt.generate([
{
single: [
'required',
'valueThunk'
]
},
{
multiple: [
'required',
'valueThunks'
]
}
]);
var subPlaceholder = function (owner, detail, compSpec, placeholders) {
if (owner.exists(function (o) {
return o !== compSpec.owner;
})) {
return adt$2.single(true, constant(compSpec));
}
return readOptFrom$1(placeholders, compSpec.name).fold(function () {
throw new Error('Unknown placeholder component: ' + compSpec.name + '\nKnown: [' + keys(placeholders) + ']\nNamespace: ' + owner.getOr('none') + '\nSpec: ' + Json.stringify(compSpec, null, 2));
}, function (newSpec) {
return newSpec.replace();
});
};
var scan = function (owner, detail, compSpec, placeholders) {
if (compSpec.uiType === _placeholder) {
return subPlaceholder(owner, detail, compSpec, placeholders);
} else {
return adt$2.single(false, constant(compSpec));
}
};
var substitute = function (owner, detail, compSpec, placeholders) {
var base = scan(owner, detail, compSpec, placeholders);
return base.fold(function (req, valueThunk) {
var value = valueThunk(detail, compSpec.config, compSpec.validated);
var childSpecs = readOptFrom$1(value, 'components').getOr([]);
var substituted = bind(childSpecs, function (c) {
return substitute(owner, detail, c, placeholders);
});
return [deepMerge(value, { components: substituted })];
}, function (req, valuesThunk) {
var values = valuesThunk(detail, compSpec.config, compSpec.validated);
return values;
});
};
var substituteAll = function (owner, detail, components, placeholders) {
return bind(components, function (c) {
return substitute(owner, detail, c, placeholders);
});
};
var oneReplace = function (label, replacements) {
var called = false;
var used = function () {
return called;
};
var replace = function () {
if (called === true) {
throw new Error('Trying to use the same placeholder more than once: ' + label);
}
called = true;
return replacements;
};
var required = function () {
return replacements.fold(function (req, _) {
return req;
}, function (req, _) {
return req;
});
};
return {
name: constant(label),
required: required,
used: used,
replace: replace
};
};
var substitutePlaces = function (owner, detail, components, placeholders) {
var ps = map(placeholders, function (ph, name) {
return oneReplace(name, ph);
});
var outcome = substituteAll(owner, detail, components, ps);
each(ps, function (p) {
if (p.used() === false && p.required()) {
throw new Error('Placeholder: ' + p.name() + ' was not found in components list\nNamespace: ' + owner.getOr('none') + '\nComponents: ' + Json.stringify(detail.components(), null, 2));
}
});
return outcome;
};
var single = adt$2.single;
var multiple = adt$2.multiple;
var placeholder = constant(_placeholder);
var unique = 0;
var generate$1 = function (prefix) {
var date = new Date();
var time = date.getTime();
var random = Math.floor(Math.random() * 1000000000);
unique++;
return prefix + '_' + random + unique + String(time);
};
var adt$3 = Adt.generate([
{ required: ['data'] },
{ external: ['data'] },
{ optional: ['data'] },
{ group: ['data'] }
]);
var fFactory = defaulted$1('factory', { sketch: identity });
var fSchema = defaulted$1('schema', []);
var fName = strict$1('name');
var fPname = field('pname', 'pname', defaultedThunk(function (typeSpec) {
return '<alloy.' + generate$1(typeSpec.name) + '>';
}), anyValue$1());
var fDefaults = defaulted$1('defaults', constant({}));
var fOverrides = defaulted$1('overrides', constant({}));
var requiredSpec = objOf([
fFactory,
fSchema,
fName,
fPname,
fDefaults,
fOverrides
]);
var optionalSpec = objOf([
fFactory,
fSchema,
fName,
fPname,
fDefaults,
fOverrides
]);
var groupSpec = objOf([
fFactory,
fSchema,
fName,
strict$1('unit'),
fPname,
fDefaults,
fOverrides
]);
var asNamedPart = function (part) {
return part.fold(Option.some, Option.none, Option.some, Option.some);
};
var name$1 = function (part) {
var get = function (data) {
return data.name();
};
return part.fold(get, get, get, get);
};
var convert = function (adtConstructor, partSchema) {
return function (spec) {
var data = asStructOrDie('Converting part type', partSchema, spec);
return adtConstructor(data);
};
};
var required = convert(adt$3.required, requiredSpec);
var optional = convert(adt$3.optional, optionalSpec);
var group = convert(adt$3.group, groupSpec);
var original = constant('entirety');
var combine = function (detail, data, partSpec, partValidated) {
var spec = partSpec;
return deepMerge(data.defaults()(detail, partSpec, partValidated), partSpec, { uid: detail.partUids()[data.name()] }, data.overrides()(detail, partSpec, partValidated), { 'debug.sketcher': wrap$1('part-' + data.name(), spec) });
};
var subs = function (owner, detail, parts) {
var internals = {};
var externals = {};
each$1(parts, function (part) {
part.fold(function (data) {
internals[data.pname()] = single(true, function (detail, partSpec, partValidated) {
return data.factory().sketch(combine(detail, data, partSpec, partValidated));
});
}, function (data) {
var partSpec = detail.parts()[data.name()]();
externals[data.name()] = constant(combine(detail, data, partSpec[original()]()));
}, function (data) {
internals[data.pname()] = single(false, function (detail, partSpec, partValidated) {
return data.factory().sketch(combine(detail, data, partSpec, partValidated));
});
}, function (data) {
internals[data.pname()] = multiple(true, function (detail, _partSpec, _partValidated) {
var units = detail[data.name()]();
return map$1(units, function (u) {
return data.factory().sketch(deepMerge(data.defaults()(detail, u), u, data.overrides()(detail, u)));
});
});
});
});
return {
internals: constant(internals),
externals: constant(externals)
};
};
var generate$2 = function (owner, parts) {
var r = {};
each$1(parts, function (part) {
asNamedPart(part).each(function (np) {
var g = doGenerateOne(owner, np.pname());
r[np.name()] = function (config) {
var validated = asRawOrDie('Part: ' + np.name() + ' in ' + owner, objOf(np.schema()), config);
return deepMerge(g, {
config: config,
validated: validated
});
};
});
});
return r;
};
var doGenerateOne = function (owner, pname) {
return {
uiType: placeholder(),
owner: owner,
name: pname
};
};
var generateOne = function (owner, pname, config) {
return {
uiType: placeholder(),
owner: owner,
name: pname,
config: config,
validated: {}
};
};
var schemas = function (parts) {
return bind(parts, function (part) {
return part.fold(Option.none, Option.some, Option.none, Option.none).map(function (data) {
return strictObjOf(data.name(), data.schema().concat([snapshot(original())]));
}).toArray();
});
};
var names = function (parts) {
return map$1(parts, name$1);
};
var substitutes = function (owner, detail, parts) {
return subs(owner, detail, parts);
};
var components = function (owner, detail, internals) {
return substitutePlaces(Option.some(owner), detail, detail.components(), internals);
};
var getPart = function (component, detail, partKey) {
var uid = detail.partUids()[partKey];
return component.getSystem().getByUid(uid).toOption();
};
var getPartOrDie = function (component, detail, partKey) {
return getPart(component, detail, partKey).getOrDie('Could not find part: ' + partKey);
};
var getAllParts = function (component, detail) {
var system = component.getSystem();
return map(detail.partUids(), function (pUid, k) {
return constant(system.getByUid(pUid));
});
};
var defaultUids = function (baseUid, partTypes) {
var partNames = names(partTypes);
return wrapAll$1(map$1(partNames, function (pn) {
return {
key: pn,
value: baseUid + '-' + pn
};
}));
};
var defaultUidsSchema = function (partTypes) {
return field('partUids', 'partUids', mergeWithThunk(function (spec) {
return defaultUids(spec.uid, partTypes);
}), anyValue$1());
};
var premadeTag = generate$1('alloy-premade');
var _apiConfig = generate$1('api');
var premade = function (comp) {
return wrap$1(premadeTag, comp);
};
var getPremade = function (spec) {
return readOptFrom$1(spec, premadeTag);
};
var makeApi = function (f) {
return markAsSketchApi(function (component) {
var rest = [];
for (var _i = 1; _i < arguments.length; _i++) {
rest[_i - 1] = arguments[_i];
}
var spi = component.config(_apiConfig);
return f.apply(undefined, [spi].concat([component].concat(rest)));
}, f);
};
var apiConfig = constant(_apiConfig);
var prefix$1 = constant('alloy-id-');
var idAttr = constant('data-alloy-id');
var prefix$2 = prefix$1();
var idAttr$1 = idAttr();
var write = function (label, elem) {
var id = generate$1(prefix$2 + label);
set(elem, idAttr$1, id);
return id;
};
var writeOnly = function (elem, uid) {
set(elem, idAttr$1, uid);
};
var read$2 = function (elem) {
var id = isElement(elem) ? get(elem, idAttr$1) : null;
return Option.from(id);
};
var generate$3 = function (prefix) {
return generate$1(prefix);
};
var base$1 = function (label, partSchemas, partUidsSchemas, spec) {
var ps = partSchemas.length > 0 ? [strictObjOf('parts', partSchemas)] : [];
return ps.concat([
strict$1('uid'),
defaulted$1('dom', {}),
defaulted$1('components', []),
snapshot('originalSpec'),
defaulted$1('debug.sketcher', {})
]).concat(partUidsSchemas);
};
var asStructOrDie$1 = function (label, schema, spec, partSchemas, partUidsSchemas) {
var baseS = base$1(label, partSchemas, partUidsSchemas);
return asStructOrDie(label + ' [SpecSchema]', objOfOnly(baseS.concat(schema)), spec);
};
var single$1 = function (owner, schema, factory, spec) {
var specWithUid = supplyUid(spec);
var detail = asStructOrDie$1(owner, schema, specWithUid, [], []);
return deepMerge(factory(detail, specWithUid), { 'debug.sketcher': wrap$1(owner, spec) });
};
var composite = function (owner, schema, partTypes, factory, spec) {
var specWithUid = supplyUid(spec);
var partSchemas = schemas(partTypes);
var partUidsSchema = defaultUidsSchema(partTypes);
var detail = asStructOrDie$1(owner, schema, specWithUid, partSchemas, [partUidsSchema]);
var subs = substitutes(owner, detail, partTypes);
var components$1 = components(owner, detail, subs.internals());
return deepMerge(factory(detail, components$1, specWithUid, subs.externals()), { 'debug.sketcher': wrap$1(owner, spec) });
};
var supplyUid = function (spec) {
return deepMerge({ uid: generate$3('uid') }, spec);
};
function isSketchSpec(spec) {
return spec.uid !== undefined;
}
var singleSchema = objOfOnly([
strict$1('name'),
strict$1('factory'),
strict$1('configFields'),
defaulted$1('apis', {}),
defaulted$1('extraApis', {})
]);
var compositeSchema = objOfOnly([
strict$1('name'),
strict$1('factory'),
strict$1('configFields'),
strict$1('partFields'),
defaulted$1('apis', {}),
defaulted$1('extraApis', {})
]);
var single$2 = function (rawConfig) {
var config = asRawOrDie('Sketcher for ' + rawConfig.name, singleSchema, rawConfig);
var sketch = function (spec) {
return single$1(config.name, config.configFields, config.factory, spec);
};
var apis = map(config.apis, makeApi);
var extraApis = map(config.extraApis, function (f, k) {
return markAsExtraApi(f, k);
});
return deepMerge({
name: constant(config.name),
partFields: constant([]),
configFields: constant(config.configFields),
sketch: sketch
}, apis, extraApis);
};
var composite$1 = function (rawConfig) {
var config = asRawOrDie('Sketcher for ' + rawConfig.name, compositeSchema, rawConfig);
var sketch = function (spec) {
return composite(config.name, config.configFields, config.partFields, config.factory, spec);
};
var parts = generate$2(config.name, config.partFields);
var apis = map(config.apis, makeApi);
var extraApis = map(config.extraApis, function (f, k) {
return markAsExtraApi(f, k);
});
return deepMerge({
name: constant(config.name),
partFields: constant(config.partFields),
configFields: constant(config.configFields),
sketch: sketch,
parts: constant(parts)
}, apis, extraApis);
};
var factory = function (detail) {
var events = events$2(detail.action());
var optType = readOptFrom$1(detail.dom(), 'attributes').bind(readOpt$1('type'));
var optTag = readOptFrom$1(detail.dom(), 'tag');
return {
uid: detail.uid(),
dom: detail.dom(),
components: detail.components(),
events: events,
behaviours: deepMerge(derive$1([
Focusing.config({}),
Keying.config({
mode: 'execution',
useSpace: true,
useEnter: true
})
]), get$5(detail.buttonBehaviours())),
domModification: {
attributes: deepMerge(optType.fold(function () {
return optTag.is('button') ? { type: 'button' } : {};
}, function (t) {
return {};
}), { role: detail.role().getOr('button') })
},
eventOrder: detail.eventOrder()
};
};
var Button = single$2({
name: 'Button',
factory: factory,
configFields: [
defaulted$1('uid', undefined),
strict$1('dom'),
defaulted$1('components', []),
field$1('buttonBehaviours', [
Focusing,
Keying
]),
option('action'),
option('role'),
defaulted$1('eventOrder', {})
]
});
var exhibit$2 = function (base, unselectConfig) {
return nu$6({
styles: {
'-webkit-user-select': 'none',
'user-select': 'none',
'-ms-user-select': 'none',
'-moz-user-select': '-moz-none'
},
attributes: { unselectable: 'on' }
});
};
var events$4 = function (unselectConfig) {
return derive([abort(selectstart(), constant(true))]);
};
var ActiveUnselecting = /*#__PURE__*/Object.freeze({
events: events$4,
exhibit: exhibit$2
});
var Unselecting = create$1({
fields: [],
name: 'unselecting',
active: ActiveUnselecting
});
var getAttrs = function (elem) {
var attributes = elem.dom().attributes !== undefined ? elem.dom().attributes : [];
return foldl(attributes, function (b, attr) {
if (attr.name === 'class') {
return b;
} else {
return deepMerge(b, wrap$1(attr.name, attr.value));
}
}, {});
};
var getClasses = function (elem) {
return Array.prototype.slice.call(elem.dom().classList, 0);
};
var fromHtml$2 = function (html) {
var elem = Element.fromHtml(html);
var children$1 = children(elem);
var attrs = getAttrs(elem);
var classes = getClasses(elem);
var contents = children$1.length === 0 ? {} : { innerHtml: get$2(elem) };
return deepMerge({
tag: name(elem),
classes: classes,
attributes: attrs
}, contents);
};
var dom$1 = function (rawHtml) {
var html = supplant(rawHtml, { prefix: Styles.prefix() });
return fromHtml$2(html);
};
var spec = function (rawHtml) {
var sDom = dom$1(rawHtml);
return { dom: sDom };
};
var forToolbarCommand = function (editor, command) {
return forToolbar(command, function () {
editor.execCommand(command);
}, {});
};
var getToggleBehaviours = function (command) {
return derive$1([
Toggling.config({
toggleClass: Styles.resolve('toolbar-button-selected'),
toggleOnExecute: false,
aria: { mode: 'pressed' }
}),
Receivers.format(command, function (button, status) {
var toggle = status ? Toggling.on : Toggling.off;
toggle(button);
})
]);
};
var forToolbarStateCommand = function (editor, command) {
var extraBehaviours = getToggleBehaviours(command);
return forToolbar(command, function () {
editor.execCommand(command);
}, extraBehaviours);
};
var forToolbarStateAction = function (editor, clazz, command, action) {
var extraBehaviours = getToggleBehaviours(command);
return forToolbar(clazz, action, extraBehaviours);
};
var forToolbar = function (clazz, action, extraBehaviours) {
return Button.sketch({
dom: dom$1('<span class="${prefix}-toolbar-button ${prefix}-icon-' + clazz + ' ${prefix}-icon"></span>'),
action: action,
buttonBehaviours: deepMerge(derive$1([Unselecting.config({})]), extraBehaviours)
});
};
var Buttons = {
forToolbar: forToolbar,
forToolbarCommand: forToolbarCommand,
forToolbarStateAction: forToolbarStateAction,
forToolbarStateCommand: forToolbarStateCommand
};
var r = function (left, top) {
var translate = function (x, y) {
return r(left + x, top + y);
};
return {
left: constant(left),
top: constant(top),
translate: translate
};
};
var Position = r;
var reduceBy = function (value, min, max, step) {
if (value < min) {
return value;
} else if (value > max) {
return max;
} else if (value === min) {
return min - 1;
} else {
return Math.max(min, value - step);
}
};
var increaseBy = function (value, min, max, step) {
if (value > max) {
return value;
} else if (value < min) {
return min;
} else if (value === max) {
return max + 1;
} else {
return Math.min(max, value + step);
}
};
var capValue = function (value, min, max) {
return Math.max(min, Math.min(max, value));
};
var snapValueOfX = function (bounds, value, min, max, step, snapStart) {
return snapStart.fold(function () {
var initValue = value - min;
var extraValue = Math.round(initValue / step) * step;
return capValue(min + extraValue, min - 1, max + 1);
}, function (start) {
var remainder = (value - start) % step;
var adjustment = Math.round(remainder / step);
var rawSteps = Math.floor((value - start) / step);
var maxSteps = Math.floor((max - start) / step);
var numSteps = Math.min(maxSteps, rawSteps + adjustment);
var r = start + numSteps * step;
return Math.max(start, r);
});
};
var findValueOfX = function (bounds, min, max, xValue, step, snapToGrid, snapStart) {
var range = max - min;
if (xValue < bounds.left) {
return min - 1;
} else if (xValue > bounds.right) {
return max + 1;
} else {
var xOffset = Math.min(bounds.right, Math.max(xValue, bounds.left)) - bounds.left;
var newValue = capValue(xOffset / bounds.width * range + min, min - 1, max + 1);
var roundedValue = Math.round(newValue);
return snapToGrid && newValue >= min && newValue <= max ? snapValueOfX(bounds, newValue, min, max, step, snapStart) : roundedValue;
}
};
var _changeEvent = 'slider.change.value';
var isTouch = PlatformDetection$1.detect().deviceType.isTouch();
var getEventSource = function (simulatedEvent) {
var evt = simulatedEvent.event().raw();
if (isTouch) {
var touchEvent = evt;
return touchEvent.touches !== undefined && touchEvent.touches.length === 1 ? Option.some(touchEvent.touches[0]).map(function (t) {
return Position(t.clientX, t.clientY);
}) : Option.none();
} else {
var mouseEvent = evt;
return mouseEvent.clientX !== undefined ? Option.some(mouseEvent).map(function (me) {
return Position(me.clientX, me.clientY);
}) : Option.none();
}
};
var getEventX = function (simulatedEvent) {
var spot = getEventSource(simulatedEvent);
return spot.map(function (s) {
return s.left();
});
};
var fireChange = function (component, value) {
emitWith(component, _changeEvent, { value: value });
};
var setToRedge = function (redge, detail) {
fireChange(redge, detail.max() + 1);
};
var setToLedge = function (ledge, detail) {
fireChange(ledge, detail.min() - 1);
};
var setToX = function (spectrum, spectrumBounds, detail, xValue) {
var value = findValueOfX(spectrumBounds, detail.min(), detail.max(), xValue, detail.stepSize(), detail.snapToGrid(), detail.snapStart());
fireChange(spectrum, value);
};
var setXFromEvent = function (spectrum, detail, spectrumBounds, simulatedEvent) {
return getEventX(simulatedEvent).map(function (xValue) {
setToX(spectrum, spectrumBounds, detail, xValue);
return xValue;
});
};
var moveLeft$4 = function (spectrum, detail) {
var newValue = reduceBy(detail.value().get(), detail.min(), detail.max(), detail.stepSize());
fireChange(spectrum, newValue);
};
var moveRight$4 = function (spectrum, detail) {
var newValue = increaseBy(detail.value().get(), detail.min(), detail.max(), detail.stepSize());
fireChange(spectrum, newValue);
};
var changeEvent = function () {
return _changeEvent;
};
var platform = PlatformDetection$1.detect();
var isTouch$1 = platform.deviceType.isTouch();
var edgePart = function (name, action) {
return optional({
name: '' + name + '-edge',
overrides: function (detail) {
var touchEvents = derive([runActionExtra(touchstart(), action, [detail])]);
var mouseEvents = derive([
runActionExtra(mousedown(), action, [detail]),
runActionExtra(mousemove(), function (l, det) {
if (det.mouseIsDown().get()) {
action(l, det);
}
}, [detail])
]);
return { events: isTouch$1 ? touchEvents : mouseEvents };
}
});
};
var ledgePart = edgePart('left', setToLedge);
var redgePart = edgePart('right', setToRedge);
var thumbPart = required({
name: 'thumb',
defaults: constant({ dom: { styles: { position: 'absolute' } } }),
overrides: function (detail) {
return {
events: derive([
redirectToPart(touchstart(), detail, 'spectrum'),
redirectToPart(touchmove(), detail, 'spectrum'),
redirectToPart(touchend(), detail, 'spectrum')
])
};
}
});
var spectrumPart = required({
schema: [state$1('mouseIsDown', function () {
return Cell(false);
})],
name: 'spectrum',
overrides: function (detail) {
var moveToX = function (spectrum, simulatedEvent) {
var domElem = spectrum.element().dom();
var spectrumBounds = domElem.getBoundingClientRect();
setXFromEvent(spectrum, detail, spectrumBounds, simulatedEvent);
};
var touchEvents = derive([
run(touchstart(), moveToX),
run(touchmove(), moveToX)
]);
var mouseEvents = derive([
run(mousedown(), moveToX),
run(mousemove(), function (spectrum, se) {
if (detail.mouseIsDown().get()) {
moveToX(spectrum, se);
}
})
]);
return {
behaviours: derive$1(isTouch$1 ? [] : [
Keying.config({
mode: 'special',
onLeft: function (spectrum) {
moveLeft$4(spectrum, detail);
return Option.some(true);
},
onRight: function (spectrum) {
moveRight$4(spectrum, detail);
return Option.some(true);
}
}),
Focusing.config({})
]),
events: isTouch$1 ? touchEvents : mouseEvents
};
}
});
var SliderParts = [
ledgePart,
redgePart,
thumbPart,
spectrumPart
];
var onLoad$1 = function (component, repConfig, repState) {
repConfig.store().manager().onLoad(component, repConfig, repState);
};
var onUnload = function (component, repConfig, repState) {
repConfig.store().manager().onUnload(component, repConfig, repState);
};
var setValue = function (component, repConfig, repState, data) {
repConfig.store().manager().setValue(component, repConfig, repState, data);
};
var getValue = function (component, repConfig, repState) {
return repConfig.store().manager().getValue(component, repConfig, repState);
};
var RepresentApis = /*#__PURE__*/Object.freeze({
onLoad: onLoad$1,
onUnload: onUnload,
setValue: setValue,
getValue: getValue
});
var events$5 = function (repConfig, repState) {
var es = repConfig.resetOnDom() ? [
runOnAttached(function (comp, se) {
onLoad$1(comp, repConfig, repState);
}),
runOnDetached(function (comp, se) {
onUnload(comp, repConfig, repState);
})
] : [loadEvent(repConfig, repState, onLoad$1)];
return derive(es);
};
var ActiveRepresenting = /*#__PURE__*/Object.freeze({
events: events$5
});
var memory = function () {
var data = Cell(null);
var readState = function () {
return {
mode: 'memory',
value: data.get()
};
};
var isNotSet = function () {
return data.get() === null;
};
var clear = function () {
data.set(null);
};
return nu$7({
set: data.set,
get: data.get,
isNotSet: isNotSet,
clear: clear,
readState: readState
});
};
var manual = function () {
var readState = function () {
};
return nu$7({ readState: readState });
};
var dataset = function () {
var data = Cell({});
var readState = function () {
return {
mode: 'dataset',
dataset: data.get()
};
};
return nu$7({
readState: readState,
set: data.set,
get: data.get
});
};
var init$1 = function (spec) {
return spec.store().manager().state(spec);
};
var RepresentState = /*#__PURE__*/Object.freeze({
memory: memory,
dataset: dataset,
manual: manual,
init: init$1
});
var setValue$1 = function (component, repConfig, repState, data) {
var dataKey = repConfig.store().getDataKey();
repState.set({});
repConfig.store().setData()(component, data);
repConfig.onSetValue()(component, data);
};
var getValue$1 = function (component, repConfig, repState) {
var key = repConfig.store().getDataKey()(component);
var dataset = repState.get();
return readOptFrom$1(dataset, key).fold(function () {
return repConfig.store().getFallbackEntry()(key);
}, function (data) {
return data;
});
};
var onLoad$2 = function (component, repConfig, repState) {
repConfig.store().initialValue().each(function (data) {
setValue$1(component, repConfig, repState, data);
});
};
var onUnload$1 = function (component, repConfig, repState) {
repState.set({});
};
var DatasetStore = [
option('initialValue'),
strict$1('getFallbackEntry'),
strict$1('getDataKey'),
strict$1('setData'),
output('manager', {
setValue: setValue$1,
getValue: getValue$1,
onLoad: onLoad$2,
onUnload: onUnload$1,
state: dataset
})
];
var getValue$2 = function (component, repConfig, repState) {
return repConfig.store().getValue()(component);
};
var setValue$2 = function (component, repConfig, repState, data) {
repConfig.store().setValue()(component, data);
repConfig.onSetValue()(component, data);
};
var onLoad$3 = function (component, repConfig, repState) {
repConfig.store().initialValue().each(function (data) {
repConfig.store().setValue()(component, data);
});
};
var ManualStore = [
strict$1('getValue'),
defaulted$1('setValue', noop),
option('initialValue'),
output('manager', {
setValue: setValue$2,
getValue: getValue$2,
onLoad: onLoad$3,
onUnload: noop,
state: NoState.init
})
];
var setValue$3 = function (component, repConfig, repState, data) {
repState.set(data);
repConfig.onSetValue()(component, data);
};
var getValue$3 = function (component, repConfig, repState) {
return repState.get();
};
var onLoad$4 = function (component, repConfig, repState) {
repConfig.store().initialValue().each(function (initVal) {
if (repState.isNotSet()) {
repState.set(initVal);
}
});
};
var onUnload$2 = function (component, repConfig, repState) {
repState.clear();
};
var MemoryStore = [
option('initialValue'),
output('manager', {
setValue: setValue$3,
getValue: getValue$3,
onLoad: onLoad$4,
onUnload: onUnload$2,
state: memory
})
];
var RepresentSchema = [
defaultedOf('store', { mode: 'memory' }, choose$1('mode', {
memory: MemoryStore,
manual: ManualStore,
dataset: DatasetStore
})),
onHandler('onSetValue'),
defaulted$1('resetOnDom', false)
];
var Representing = create$1({
fields: RepresentSchema,
name: 'representing',
active: ActiveRepresenting,
apis: RepresentApis,
extra: {
setValueFrom: function (component, source) {
var value = Representing.getValue(source);
Representing.setValue(component, value);
}
},
state: RepresentState
});
var isTouch$2 = PlatformDetection$1.detect().deviceType.isTouch();
var SliderSchema = [
strict$1('min'),
strict$1('max'),
defaulted$1('stepSize', 1),
defaulted$1('onChange', noop),
defaulted$1('onInit', noop),
defaulted$1('onDragStart', noop),
defaulted$1('onDragEnd', noop),
defaulted$1('snapToGrid', false),
option('snapStart'),
strict$1('getInitialValue'),
field$1('sliderBehaviours', [
Keying,
Representing
]),
state$1('value', function (spec) {
return Cell(spec.min);
})
].concat(!isTouch$2 ? [state$1('mouseIsDown', function () {
return Cell(false);
})] : []);
var api$1 = Dimension('width', function (element) {
return element.dom().offsetWidth;
});
var set$3 = function (element, h) {
api$1.set(element, h);
};
var get$6 = function (element) {
return api$1.get(element);
};
var isTouch$3 = PlatformDetection$1.detect().deviceType.isTouch();
var sketch = function (detail, components, spec, externals) {
var range = detail.max() - detail.min();
var getXCentre = function (component) {
var rect = component.element().dom().getBoundingClientRect();
return (rect.left + rect.right) / 2;
};
var getThumb = function (component) {
return getPartOrDie(component, detail, 'thumb');
};
var getXOffset = function (slider, spectrumBounds, detail) {
var v = detail.value().get();
if (v < detail.min()) {
return getPart(slider, detail, 'left-edge').fold(function () {
return 0;
}, function (ledge) {
return getXCentre(ledge) - spectrumBounds.left;
});
} else if (v > detail.max()) {
return getPart(slider, detail, 'right-edge').fold(function () {
return spectrumBounds.width;
}, function (redge) {
return getXCentre(redge) - spectrumBounds.left;
});
} else {
return (detail.value().get() - detail.min()) / range * spectrumBounds.width;
}
};
var getXPos = function (slider) {
var spectrum = getPartOrDie(slider, detail, 'spectrum');
var spectrumBounds = spectrum.element().dom().getBoundingClientRect();
var sliderBounds = slider.element().dom().getBoundingClientRect();
var xOffset = getXOffset(slider, spectrumBounds, detail);
return spectrumBounds.left - sliderBounds.left + xOffset;
};
var refresh = function (component) {
var pos = getXPos(component);
var thumb = getThumb(component);
var thumbRadius = get$6(thumb.element()) / 2;
set$2(thumb.element(), 'left', pos - thumbRadius + 'px');
};
var changeValue = function (component, newValue) {
var oldValue = detail.value().get();
var thumb = getThumb(component);
if (oldValue !== newValue || getRaw(thumb.element(), 'left').isNone()) {
detail.value().set(newValue);
refresh(component);
detail.onChange()(component, thumb, newValue);
return Option.some(true);
} else {
return Option.none();
}
};
var resetToMin = function (slider) {
changeValue(slider, detail.min());
};
var resetToMax = function (slider) {
changeValue(slider, detail.max());
};
var uiEventsArr = isTouch$3 ? [
run(touchstart(), function (slider, simulatedEvent) {
detail.onDragStart()(slider, getThumb(slider));
}),
run(touchend(), function (slider, simulatedEvent) {
detail.onDragEnd()(slider, getThumb(slider));
})
] : [
run(mousedown(), function (slider, simulatedEvent) {
simulatedEvent.stop();
detail.onDragStart()(slider, getThumb(slider));
detail.mouseIsDown().set(true);
}),
run(mouseup(), function (slider, simulatedEvent) {
detail.onDragEnd()(slider, getThumb(slider));
detail.mouseIsDown().set(false);
})
];
return {
uid: detail.uid(),
dom: detail.dom(),
components: components,
behaviours: deepMerge(derive$1(flatten([
!isTouch$3 ? [Keying.config({
mode: 'special',
focusIn: function (slider) {
return getPart(slider, detail, 'spectrum').map(Keying.focusIn).map(constant(true));
}
})] : [],
[Representing.config({
store: {
mode: 'manual',
getValue: function (_) {
return detail.value().get();
}
}
})]
])), get$5(detail.sliderBehaviours())),
events: derive([
run(changeEvent(), function (slider, simulatedEvent) {
changeValue(slider, simulatedEvent.event().value());
}),
runOnAttached(function (slider, simulatedEvent) {
detail.value().set(detail.getInitialValue()());
var thumb = getThumb(slider);
refresh(slider);
detail.onInit()(slider, thumb, detail.value().get());
})
].concat(uiEventsArr)),
apis: {
resetToMin: resetToMin,
resetToMax: resetToMax,
refresh: refresh
},
domModification: { styles: { position: 'relative' } }
};
};
var Slider = composite$1({
name: 'Slider',
configFields: SliderSchema,
partFields: SliderParts,
factory: sketch,
apis: {
resetToMin: function (apis, slider) {
apis.resetToMin(slider);
},
resetToMax: function (apis, slider) {
apis.resetToMax(slider);
},
refresh: function (apis, slider) {
apis.refresh(slider);
}
}
});
var button = function (realm, clazz, makeItems) {
return Buttons.forToolbar(clazz, function () {
var items = makeItems();
realm.setContextToolbar([{
label: clazz + ' group',
items: items
}]);
}, {});
};
var BLACK = -1;
var makeSlider = function (spec$1) {
var getColor = function (hue) {
if (hue < 0) {
return 'black';
} else if (hue > 360) {
return 'white';
} else {
return 'hsl(' + hue + ', 100%, 50%)';
}
};
var onInit = function (slider, thumb, value) {
var color = getColor(value);
set$2(thumb.element(), 'background-color', color);
};
var onChange = function (slider, thumb, value) {
var color = getColor(value);
set$2(thumb.element(), 'background-color', color);
spec$1.onChange(slider, thumb, color);
};
return Slider.sketch({
dom: dom$1('<div class="${prefix}-slider ${prefix}-hue-slider-container"></div>'),
components: [
Slider.parts()['left-edge'](spec('<div class="${prefix}-hue-slider-black"></div>')),
Slider.parts().spectrum({
dom: dom$1('<div class="${prefix}-slider-gradient-container"></div>'),
components: [spec('<div class="${prefix}-slider-gradient"></div>')],
behaviours: derive$1([Toggling.config({ toggleClass: Styles.resolve('thumb-active') })])
}),
Slider.parts()['right-edge'](spec('<div class="${prefix}-hue-slider-white"></div>')),
Slider.parts().thumb({
dom: dom$1('<div class="${prefix}-slider-thumb"></div>'),
behaviours: derive$1([Toggling.config({ toggleClass: Styles.resolve('thumb-active') })])
})
],
onChange: onChange,
onDragStart: function (slider, thumb) {
Toggling.on(thumb);
},
onDragEnd: function (slider, thumb) {
Toggling.off(thumb);
},
onInit: onInit,
stepSize: 10,
min: 0,
max: 360,
getInitialValue: spec$1.getInitialValue,
sliderBehaviours: derive$1([Receivers.orientation(Slider.refresh)])
});
};
var makeItems = function (spec) {
return [makeSlider(spec)];
};
var sketch$1 = function (realm, editor) {
var spec = {
onChange: function (slider, thumb, color) {
editor.undoManager.transact(function () {
editor.formatter.apply('forecolor', { value: color });
editor.nodeChanged();
});
},
getInitialValue: function () {
return BLACK;
}
};
return button(realm, 'color', function () {
return makeItems(spec);
});
};
var ColorSlider = {
makeItems: makeItems,
sketch: sketch$1
};
var schema$7 = objOfOnly([
strict$1('getInitialValue'),
strict$1('onChange'),
strict$1('category'),
strict$1('sizes')
]);
var sketch$2 = function (rawSpec) {
var spec$1 = asRawOrDie('SizeSlider', schema$7, rawSpec);
var isValidValue = function (valueIndex) {
return valueIndex >= 0 && valueIndex < spec$1.sizes.length;
};
var onChange = function (slider, thumb, valueIndex) {
if (isValidValue(valueIndex)) {
spec$1.onChange(valueIndex);
}
};
return Slider.sketch({
dom: {
tag: 'div',
classes: [
Styles.resolve('slider-' + spec$1.category + '-size-container'),
Styles.resolve('slider'),
Styles.resolve('slider-size-container')
]
},
onChange: onChange,
onDragStart: function (slider, thumb) {
Toggling.on(thumb);
},
onDragEnd: function (slider, thumb) {
Toggling.off(thumb);
},
min: 0,
max: spec$1.sizes.length - 1,
stepSize: 1,
getInitialValue: spec$1.getInitialValue,
snapToGrid: true,
sliderBehaviours: derive$1([Receivers.orientation(Slider.refresh)]),
components: [
Slider.parts().spectrum({
dom: dom$1('<div class="${prefix}-slider-size-container"></div>'),
components: [spec('<div class="${prefix}-slider-size-line"></div>')]
}),
Slider.parts().thumb({
dom: dom$1('<div class="${prefix}-slider-thumb"></div>'),
behaviours: derive$1([Toggling.config({ toggleClass: Styles.resolve('thumb-active') })])
})
]
});
};
var SizeSlider = { sketch: sketch$2 };
var candidates = [
'9px',
'10px',
'11px',
'12px',
'14px',
'16px',
'18px',
'20px',
'24px',
'32px',
'36px'
];
var defaultSize = 'medium';
var defaultIndex = 2;
var indexToSize = function (index) {
return Option.from(candidates[index]);
};
var sizeToIndex = function (size) {
return findIndex(candidates, function (v) {
return v === size;
});
};
var getRawOrComputed = function (isRoot, rawStart) {
var optStart = isElement(rawStart) ? Option.some(rawStart) : parent(rawStart).filter(isElement);
return optStart.map(function (start) {
var inline = closest(start, function (elem) {
return getRaw(elem, 'font-size').isSome();
}, isRoot).bind(function (elem) {
return getRaw(elem, 'font-size');
});
return inline.getOrThunk(function () {
return get$3(start, 'font-size');
});
}).getOr('');
};
var getSize = function (editor) {
var node = editor.selection.getStart();
var elem = Element.fromDom(node);
var root = Element.fromDom(editor.getBody());
var isRoot = function (e) {
return eq(root, e);
};
var elemSize = getRawOrComputed(isRoot, elem);
return find$1(candidates, function (size) {
return elemSize === size;
}).getOr(defaultSize);
};
var applySize = function (editor, value) {
var currentValue = getSize(editor);
if (currentValue !== value) {
editor.execCommand('fontSize', false, value);
}
};
var get$7 = function (editor) {
var size = getSize(editor);
return sizeToIndex(size).getOr(defaultIndex);
};
var apply$1 = function (editor, index) {
indexToSize(index).each(function (size) {
applySize(editor, size);
});
};
var FontSizes = {
candidates: constant(candidates),
get: get$7,
apply: apply$1
};
var sizes = FontSizes.candidates();
var makeSlider$1 = function (spec) {
return SizeSlider.sketch({
onChange: spec.onChange,
sizes: sizes,
category: 'font',
getInitialValue: spec.getInitialValue
});
};
var makeItems$1 = function (spec$1) {
return [
spec('<span class="${prefix}-toolbar-button ${prefix}-icon-small-font ${prefix}-icon"></span>'),
makeSlider$1(spec$1),
spec('<span class="${prefix}-toolbar-button ${prefix}-icon-large-font ${prefix}-icon"></span>')
];
};
var sketch$3 = function (realm, editor) {
var spec = {
onChange: function (value) {
FontSizes.apply(editor, value);
},
getInitialValue: function () {
return FontSizes.get(editor);
}
};
return button(realm, 'font-size', function () {
return makeItems$1(spec);
});
};
var record = function (spec) {
var uid = isSketchSpec(spec) && hasKey$1(spec, 'uid') ? spec.uid : generate$3('memento');
var get = function (anyInSystem) {
return anyInSystem.getSystem().getByUid(uid).getOrDie();
};
var getOpt = function (anyInSystem) {
return anyInSystem.getSystem().getByUid(uid).fold(Option.none, Option.some);
};
var asSpec = function () {
return deepMerge(spec, { uid: uid });
};
return {
get: get,
getOpt: getOpt,
asSpec: asSpec
};
};
var promise = function () {
var Promise = function (fn) {
if (typeof this !== 'object') {
throw new TypeError('Promises must be constructed via new');
}
if (typeof fn !== 'function') {
throw new TypeError('not a function');
}
this._state = null;
this._value = null;
this._deferreds = [];
doResolve(fn, bind(resolve, this), bind(reject, this));
};
var asap = Promise.immediateFn || typeof window.setImmediate === 'function' && window.setImmediate || function (fn) {
domGlobals.setTimeout(fn, 1);
};
function bind(fn, thisArg) {
return function () {
return fn.apply(thisArg, arguments);
};
}
var isArray = Array.isArray || function (value) {
return Object.prototype.toString.call(value) === '[object Array]';
};
function handle(deferred) {
var me = this;
if (this._state === null) {
this._deferreds.push(deferred);
return;
}
asap(function () {
var cb = me._state ? deferred.onFulfilled : deferred.onRejected;
if (cb === null) {
(me._state ? deferred.resolve : deferred.reject)(me._value);
return;
}
var ret;
try {
ret = cb(me._value);
} catch (e) {
deferred.reject(e);
return;
}
deferred.resolve(ret);
});
}
function resolve(newValue) {
try {
if (newValue === this) {
throw new TypeError('A promise cannot be resolved with itself.');
}
if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
var then = newValue.then;
if (typeof then === 'function') {
doResolve(bind(then, newValue), bind(resolve, this), bind(reject, this));
return;
}
}
this._state = true;
this._value = newValue;
finale.call(this);
} catch (e) {
reject.call(this, e);
}
}
function reject(newValue) {
this._state = false;
this._value = newValue;
finale.call(this);
}
function finale() {
for (var _i = 0, _a = this._deferreds; _i < _a.length; _i++) {
var deferred = _a[_i];
handle.call(this, deferred);
}
this._deferreds = [];
}
function Handler(onFulfilled, onRejected, resolve, reject) {
this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
this.onRejected = typeof onRejected === 'function' ? onRejected : null;
this.resolve = resolve;
this.reject = reject;
}
function doResolve(fn, onFulfilled, onRejected) {
var done = false;
try {
fn(function (value) {
if (done) {
return;
}
done = true;
onFulfilled(value);
}, function (reason) {
if (done) {
return;
}
done = true;
onRejected(reason);
});
} catch (ex) {
if (done) {
return;
}
done = true;
onRejected(ex);
}
}
Promise.prototype.catch = function (onRejected) {
return this.then(null, onRejected);
};
Promise.prototype.then = function (onFulfilled, onRejected) {
var me = this;
return new Promise(function (resolve, reject) {
handle.call(me, new Handler(onFulfilled, onRejected, resolve, reject));
});
};
Promise.all = function () {
var values = [];
for (var _i = 0; _i < arguments.length; _i++) {
values[_i] = arguments[_i];
}
var args = Array.prototype.slice.call(values.length === 1 && isArray(values[0]) ? values[0] : values);
return new Promise(function (resolve, reject) {
if (args.length === 0) {
return resolve([]);
}
var remaining = args.length;
function res(i, val) {
try {
if (val && (typeof val === 'object' || typeof val === 'function')) {
var then = val.then;
if (typeof then === 'function') {
then.call(val, function (val) {
res(i, val);
}, reject);
return;
}
}
args[i] = val;
if (--remaining === 0) {
resolve(args);
}
} catch (ex) {
reject(ex);
}
}
for (var i = 0; i < args.length; i++) {
res(i, args[i]);
}
});
};
Promise.resolve = function (value) {
if (value && typeof value === 'object' && value.constructor === Promise) {
return value;
}
return new Promise(function (resolve) {
resolve(value);
});
};
Promise.reject = function (reason) {
return new Promise(function (resolve, reject) {
reject(reason);
});
};
Promise.race = function (values) {
return new Promise(function (resolve, reject) {
for (var _i = 0, values_1 = values; _i < values_1.length; _i++) {
var value = values_1[_i];
value.then(resolve, reject);
}
});
};
return Promise;
};
var Promise = window.Promise ? window.Promise : promise();
function blobToDataUri(blob) {
return new Promise(function (resolve) {
var reader = new domGlobals.FileReader();
reader.onloadend = function () {
resolve(reader.result);
};
reader.readAsDataURL(blob);
});
}
function blobToBase64(blob) {
return blobToDataUri(blob).then(function (dataUri) {
return dataUri.split(',')[1];
});
}
var blobToBase64$1 = function (blob) {
return blobToBase64(blob);
};
var addImage = function (editor, blob) {
blobToBase64$1(blob).then(function (base64) {
editor.undoManager.transact(function () {
var cache = editor.editorUpload.blobCache;
var info = cache.create(generate$1('mceu'), blob, base64);
cache.add(info);
var img = editor.dom.createHTML('img', { src: info.blobUri() });
editor.insertContent(img);
});
});
};
var extractBlob = function (simulatedEvent) {
var event = simulatedEvent.event();
var files = event.raw().target.files || event.raw().dataTransfer.files;
return Option.from(files[0]);
};
var sketch$4 = function (editor) {
var pickerDom = {
tag: 'input',
attributes: {
accept: 'image/*',
type: 'file',
title: ''
},
styles: {
visibility: 'hidden',
position: 'absolute'
}
};
var memPicker = record({
dom: pickerDom,
events: derive([
cutter(click()),
run(change(), function (picker, simulatedEvent) {
extractBlob(simulatedEvent).each(function (blob) {
addImage(editor, blob);
});
})
])
});
return Button.sketch({
dom: dom$1('<span class="${prefix}-toolbar-button ${prefix}-icon-image ${prefix}-icon"></span>'),
components: [memPicker.asSpec()],
action: function (button) {
var picker = memPicker.get(button);
picker.element().dom().click();
}
});
};
var get$8 = function (element) {
return element.dom().textContent;
};
var set$4 = function (element, value) {
element.dom().textContent = value;
};
var isNotEmpty = function (val) {
return val.length > 0;
};
var defaultToEmpty = function (str) {
return str === undefined || str === null ? '' : str;
};
var noLink = function (editor) {
var text = editor.selection.getContent({ format: 'text' });
return {
url: '',
text: text,
title: '',
target: '',
link: Option.none()
};
};
var fromLink = function (link) {
var text = get$8(link);
var url = get(link, 'href');
var title = get(link, 'title');
var target = get(link, 'target');
return {
url: defaultToEmpty(url),
text: text !== url ? defaultToEmpty(text) : '',
title: defaultToEmpty(title),
target: defaultToEmpty(target),
link: Option.some(link)
};
};
var getInfo = function (editor) {
return query(editor).fold(function () {
return noLink(editor);
}, function (link) {
return fromLink(link);
});
};
var wasSimple = function (link) {
var prevHref = get(link, 'href');
var prevText = get$8(link);
return prevHref === prevText;
};
var getTextToApply = function (link, url, info) {
return info.text.filter(isNotEmpty).fold(function () {
return wasSimple(link) ? Option.some(url) : Option.none();
}, Option.some);
};
var unlinkIfRequired = function (editor, info) {
var activeLink = info.link.bind(identity);
activeLink.each(function (link) {
editor.execCommand('unlink');
});
};
var getAttrs$1 = function (url, info) {
var attrs = {};
attrs.href = url;
info.title.filter(isNotEmpty).each(function (title) {
attrs.title = title;
});
info.target.filter(isNotEmpty).each(function (target) {
attrs.target = target;
});
return attrs;
};
var applyInfo = function (editor, info) {
info.url.filter(isNotEmpty).fold(function () {
unlinkIfRequired(editor, info);
}, function (url) {
var attrs = getAttrs$1(url, info);
var activeLink = info.link.bind(identity);
activeLink.fold(function () {
var text = info.text.filter(isNotEmpty).getOr(url);
editor.insertContent(editor.dom.createHTML('a', attrs, editor.dom.encode(text)));
}, function (link) {
var text = getTextToApply(link, url, info);
setAll(link, attrs);
text.each(function (newText) {
set$4(link, newText);
});
});
});
};
var query = function (editor) {
var start = Element.fromDom(editor.selection.getStart());
return closest$1(start, 'a');
};
var LinkBridge = {
getInfo: getInfo,
applyInfo: applyInfo,
query: query
};
var platform$1 = PlatformDetection$1.detect();
var preserve = function (f, editor) {
var rng = editor.selection.getRng();
f();
editor.selection.setRng(rng);
};
var forAndroid = function (editor, f) {
var wrapper = platform$1.os.isAndroid() ? preserve : apply;
wrapper(f, editor);
};
var RangePreserver = { forAndroid: forAndroid };
var events$6 = function (name, eventHandlers) {
var events = derive(eventHandlers);
return create$1({
fields: [strict$1('enabled')],
name: name,
active: { events: constant(events) }
});
};
var config = function (name, eventHandlers) {
var me = events$6(name, eventHandlers);
return {
key: name,
value: {
config: {},
me: me,
configAsRaw: constant({}),
initialConfig: {},
state: NoState
}
};
};
var getCurrent = function (component, composeConfig, composeState) {
return composeConfig.find()(component);
};
var ComposeApis = /*#__PURE__*/Object.freeze({
getCurrent: getCurrent
});
var ComposeSchema = [strict$1('find')];
var Composing = create$1({
fields: ComposeSchema,
name: 'composing',
apis: ComposeApis
});
var factory$1 = function (detail) {
return {
uid: detail.uid(),
dom: deepMerge({
tag: 'div',
attributes: { role: 'presentation' }
}, detail.dom()),
components: detail.components(),
behaviours: get$5(detail.containerBehaviours()),
events: detail.events(),
domModification: detail.domModification(),
eventOrder: detail.eventOrder()
};
};
var Container = single$2({
name: 'Container',
factory: factory$1,
configFields: [
defaulted$1('components', []),
field$1('containerBehaviours', []),
defaulted$1('events', {}),
defaulted$1('domModification', {}),
defaulted$1('eventOrder', {})
]
});
var factory$2 = function (detail) {
return {
uid: detail.uid(),
dom: detail.dom(),
behaviours: deepMerge(derive$1([
Representing.config({
store: {
mode: 'memory',
initialValue: detail.getInitialValue()()
}
}),
Composing.config({ find: Option.some })
]), get$5(detail.dataBehaviours())),
events: derive([runOnAttached(function (component, simulatedEvent) {
Representing.setValue(component, detail.getInitialValue()());
})])
};
};
var DataField = single$2({
name: 'DataField',
factory: factory$2,
configFields: [
strict$1('uid'),
strict$1('dom'),
strict$1('getInitialValue'),
field$1('dataBehaviours', [
Representing,
Composing
])
]
});
var get$9 = function (element) {
return element.dom().value;
};
var set$5 = function (element, value) {
if (value === undefined) {
throw new Error('Value.set was undefined');
}
element.dom().value = value;
};
var schema$8 = constant([
option('data'),
defaulted$1('inputAttributes', {}),
defaulted$1('inputStyles', {}),
defaulted$1('type', 'input'),
defaulted$1('tag', 'input'),
defaulted$1('inputClasses', []),
onHandler('onSetValue'),
defaulted$1('styles', {}),
option('placeholder'),
defaulted$1('eventOrder', {}),
field$1('inputBehaviours', [
Representing,
Focusing
]),
defaulted$1('selectOnFocus', true)
]);
var focusBehaviours = function (detail) {
return derive$1([Focusing.config({
onFocus: detail.selectOnFocus() === false ? noop : function (component) {
var input = component.element();
var value = get$9(input);
input.dom().setSelectionRange(0, value.length);
}
})]);
};
var behaviours = function (detail) {
return deepMerge(derive$1([Representing.config({
store: {
mode: 'manual',
initialValue: detail.data().getOr(undefined),
getValue: function (input) {
return get$9(input.element());
},
setValue: function (input, data) {
var current = get$9(input.element());
if (current !== data) {
set$5(input.element(), data);
}
}
},
onSetValue: detail.onSetValue()
})]), focusBehaviours(detail), get$5(detail.inputBehaviours()));
};
var dom$2 = function (detail) {
return {
tag: detail.tag(),
attributes: deepMerge(wrapAll$1([{
key: 'type',
value: detail.type()
}].concat(detail.placeholder().map(function (pc) {
return {
key: 'placeholder',
value: pc
};
}).toArray())), detail.inputAttributes()),
styles: detail.inputStyles(),
classes: detail.inputClasses()
};
};
var factory$3 = function (detail, spec) {
return {
uid: detail.uid(),
dom: dom$2(detail),
components: [],
behaviours: behaviours(detail),
eventOrder: detail.eventOrder()
};
};
var Input = single$2({
name: 'Input',
configFields: schema$8(),
factory: factory$3
});
var exhibit$3 = function (base, tabConfig) {
return nu$6({
attributes: wrapAll$1([{
key: tabConfig.tabAttr(),
value: 'true'
}])
});
};
var ActiveTabstopping = /*#__PURE__*/Object.freeze({
exhibit: exhibit$3
});
var TabstopSchema = [defaulted$1('tabAttr', 'data-alloy-tabstop')];
var Tabstopping = create$1({
fields: TabstopSchema,
name: 'tabstopping',
active: ActiveTabstopping
});
var clearInputBehaviour = 'input-clearing';
var field$2 = function (name, placeholder) {
var inputSpec = record(Input.sketch({
placeholder: placeholder,
onSetValue: function (input$1, data) {
emit(input$1, input());
},
inputBehaviours: derive$1([
Composing.config({ find: Option.some }),
Tabstopping.config({}),
Keying.config({ mode: 'execution' })
]),
selectOnFocus: false
}));
var buttonSpec = record(Button.sketch({
dom: dom$1('<button class="${prefix}-input-container-x ${prefix}-icon-cancel-circle ${prefix}-icon"></button>'),
action: function (button) {
var input = inputSpec.get(button);
Representing.setValue(input, '');
}
}));
return {
name: name,
spec: Container.sketch({
dom: dom$1('<div class="${prefix}-input-container"></div>'),
components: [
inputSpec.asSpec(),
buttonSpec.asSpec()
],
containerBehaviours: derive$1([
Toggling.config({ toggleClass: Styles.resolve('input-container-empty') }),
Composing.config({
find: function (comp) {
return Option.some(inputSpec.get(comp));
}
}),
config(clearInputBehaviour, [run(input(), function (iContainer) {
var input = inputSpec.get(iContainer);
var val = Representing.getValue(input);
var f = val.length > 0 ? Toggling.off : Toggling.on;
f(iContainer);
})])
])
})
};
};
var hidden = function (name) {
return {
name: name,
spec: DataField.sketch({
dom: {
tag: 'span',
styles: { display: 'none' }
},
getInitialValue: function () {
return Option.none();
}
})
};
};
var nativeDisabled = [
'input',
'button',
'textarea'
];
var onLoad$5 = function (component, disableConfig, disableState) {
if (disableConfig.disabled()) {
disable(component, disableConfig);
}
};
var hasNative = function (component) {
return contains(nativeDisabled, name(component.element()));
};
var nativeIsDisabled = function (component) {
return has(component.element(), 'disabled');
};
var nativeDisable = function (component) {
set(component.element(), 'disabled', 'disabled');
};
var nativeEnable = function (component) {
remove$1(component.element(), 'disabled');
};
var ariaIsDisabled = function (component) {
return get(component.element(), 'aria-disabled') === 'true';
};
var ariaDisable = function (component) {
set(component.element(), 'aria-disabled', 'true');
};
var ariaEnable = function (component) {
set(component.element(), 'aria-disabled', 'false');
};
var disable = function (component, disableConfig, disableState) {
disableConfig.disableClass().each(function (disableClass) {
add$2(component.element(), disableClass);
});
var f = hasNative(component) ? nativeDisable : ariaDisable;
f(component);
};
var enable = function (component, disableConfig, disableState) {
disableConfig.disableClass().each(function (disableClass) {
remove$4(component.element(), disableClass);
});
var f = hasNative(component) ? nativeEnable : ariaEnable;
f(component);
};
var isDisabled = function (component) {
return hasNative(component) ? nativeIsDisabled(component) : ariaIsDisabled(component);
};
var DisableApis = /*#__PURE__*/Object.freeze({
enable: enable,
disable: disable,
isDisabled: isDisabled,
onLoad: onLoad$5
});
var exhibit$4 = function (base, disableConfig, disableState) {
return nu$6({ classes: disableConfig.disabled() ? disableConfig.disableClass().map(pure).getOr([]) : [] });
};
var events$7 = function (disableConfig, disableState) {
return derive([
abort(execute(), function (component, simulatedEvent) {
return isDisabled(component);
}),
loadEvent(disableConfig, disableState, onLoad$5)
]);
};
var ActiveDisable = /*#__PURE__*/Object.freeze({
exhibit: exhibit$4,
events: events$7
});
var DisableSchema = [
defaulted$1('disabled', false),
option('disableClass')
];
var Disabling = create$1({
fields: DisableSchema,
name: 'disabling',
active: ActiveDisable,
apis: DisableApis
});
var owner$1 = 'form';
var schema$9 = [field$1('formBehaviours', [Representing])];
var getPartName = function (name) {
return '<alloy.field.' + name + '>';
};
var sketch$5 = function (fSpec) {
var parts = function () {
var record = [];
var field = function (name, config) {
record.push(name);
return generateOne(owner$1, getPartName(name), config);
};
return {
field: field,
record: function () {
return record;
}
};
}();
var spec = fSpec(parts);
var partNames = parts.record();
var fieldParts = map$1(partNames, function (n) {
return required({
name: n,
pname: getPartName(n)
});
});
return composite(owner$1, schema$9, fieldParts, make, spec);
};
var make = function (detail, components, spec) {
return deepMerge({
'debug.sketcher': { Form: spec },
'uid': detail.uid(),
'dom': detail.dom(),
'components': components,
'behaviours': deepMerge(derive$1([Representing.config({
store: {
mode: 'manual',
getValue: function (form) {
var optPs = getAllParts(form, detail);
return map(optPs, function (optPThunk, pName) {
return optPThunk().bind(Composing.getCurrent).map(Representing.getValue);
});
},
setValue: function (form, values) {
each(values, function (newValue, key) {
getPart(form, detail, key).each(function (wrapper) {
Composing.getCurrent(wrapper).each(function (field) {
Representing.setValue(field, newValue);
});
});
});
}
}
})]), get$5(detail.formBehaviours())),
'apis': {
getField: function (form, key) {
return getPart(form, detail, key).bind(Composing.getCurrent);
}
}
});
};
var Form = {
getField: makeApi(function (apis, component, key) {
return apis.getField(component, key);
}),
sketch: sketch$5
};
var api$2 = function () {
var subject = Cell(Option.none());
var revoke = function () {
subject.get().each(function (s) {
s.destroy();
});
};
var clear = function () {
revoke();
subject.set(Option.none());
};
var set = function (s) {
revoke();
subject.set(Option.some(s));
};
var run = function (f) {
subject.get().each(f);
};
var isSet = function () {
return subject.get().isSome();
};
return {
clear: clear,
isSet: isSet,
set: set,
run: run
};
};
var value$2 = function () {
var subject = Cell(Option.none());
var clear = function () {
subject.set(Option.none());
};
var set = function (s) {
subject.set(Option.some(s));
};
var on = function (f) {
subject.get().each(f);
};
var isSet = function () {
return subject.get().isSome();
};
return {
clear: clear,
set: set,
isSet: isSet,
on: on
};
};
var SWIPING_LEFT = 1;
var SWIPING_RIGHT = -1;
var SWIPING_NONE = 0;
var init$2 = function (xValue) {
return {
xValue: xValue,
points: []
};
};
var move$1 = function (model, xValue) {
if (xValue === model.xValue) {
return model;
}
var currentDirection = xValue - model.xValue > 0 ? SWIPING_LEFT : SWIPING_RIGHT;
var newPoint = {
direction: currentDirection,
xValue: xValue
};
var priorPoints = function () {
if (model.points.length === 0) {
return [];
} else {
var prev = model.points[model.points.length - 1];
return prev.direction === currentDirection ? model.points.slice(0, model.points.length - 1) : model.points;
}
}();
return {
xValue: xValue,
points: priorPoints.concat([newPoint])
};
};
var complete = function (model) {
if (model.points.length === 0) {
return SWIPING_NONE;
} else {
var firstDirection = model.points[0].direction;
var lastDirection = model.points[model.points.length - 1].direction;
return firstDirection === SWIPING_RIGHT && lastDirection === SWIPING_RIGHT ? SWIPING_RIGHT : firstDirection === SWIPING_LEFT && lastDirection === SWIPING_LEFT ? SWIPING_LEFT : SWIPING_NONE;
}
};
var SwipingModel = {
init: init$2,
move: move$1,
complete: complete
};
var sketch$6 = function (rawSpec) {
var navigateEvent = 'navigateEvent';
var wrapperAdhocEvents = 'serializer-wrapper-events';
var formAdhocEvents = 'form-events';
var schema = objOf([
strict$1('fields'),
defaulted$1('maxFieldIndex', rawSpec.fields.length - 1),
strict$1('onExecute'),
strict$1('getInitialValue'),
state$1('state', function () {
return {
dialogSwipeState: value$2(),
currentScreen: Cell(0)
};
})
]);
var spec$1 = asRawOrDie('SerialisedDialog', schema, rawSpec);
var navigationButton = function (direction, directionName, enabled) {
return Button.sketch({
dom: dom$1('<span class="${prefix}-icon-' + directionName + ' ${prefix}-icon"></span>'),
action: function (button) {
emitWith(button, navigateEvent, { direction: direction });
},
buttonBehaviours: derive$1([Disabling.config({
disableClass: Styles.resolve('toolbar-navigation-disabled'),
disabled: !enabled
})])
});
};
var reposition = function (dialog, message) {
descendant$1(dialog.element(), '.' + Styles.resolve('serialised-dialog-chain')).each(function (parent) {
set$2(parent, 'left', -spec$1.state.currentScreen.get() * message.width + 'px');
});
};
var navigate = function (dialog, direction) {
var screens = descendants(dialog.element(), '.' + Styles.resolve('serialised-dialog-screen'));
descendant$1(dialog.element(), '.' + Styles.resolve('serialised-dialog-chain')).each(function (parent) {
if (spec$1.state.currentScreen.get() + direction >= 0 && spec$1.state.currentScreen.get() + direction < screens.length) {
getRaw(parent, 'left').each(function (left) {
var currentLeft = parseInt(left, 10);
var w = get$6(screens[0]);
set$2(parent, 'left', currentLeft - direction * w + 'px');
});
spec$1.state.currentScreen.set(spec$1.state.currentScreen.get() + direction);
}
});
};
var focusInput = function (dialog) {
var inputs = descendants(dialog.element(), 'input');
var optInput = Option.from(inputs[spec$1.state.currentScreen.get()]);
optInput.each(function (input) {
dialog.getSystem().getByDom(input).each(function (inputComp) {
dispatchFocus(dialog, inputComp.element());
});
});
var dotitems = memDots.get(dialog);
Highlighting.highlightAt(dotitems, spec$1.state.currentScreen.get());
};
var resetState = function () {
spec$1.state.currentScreen.set(0);
spec$1.state.dialogSwipeState.clear();
};
var memForm = record(Form.sketch(function (parts) {
return {
dom: dom$1('<div class="${prefix}-serialised-dialog"></div>'),
components: [Container.sketch({
dom: dom$1('<div class="${prefix}-serialised-dialog-chain" style="left: 0px; position: absolute;"></div>'),
components: map$1(spec$1.fields, function (field, i) {
return i <= spec$1.maxFieldIndex ? Container.sketch({
dom: dom$1('<div class="${prefix}-serialised-dialog-screen"></div>'),
components: flatten([
[navigationButton(-1, 'previous', i > 0)],
[parts.field(field.name, field.spec)],
[navigationButton(+1, 'next', i < spec$1.maxFieldIndex)]
])
}) : parts.field(field.name, field.spec);
})
})],
formBehaviours: derive$1([
Receivers.orientation(function (dialog, message) {
reposition(dialog, message);
}),
Keying.config({
mode: 'special',
focusIn: function (dialog) {
focusInput(dialog);
},
onTab: function (dialog) {
navigate(dialog, +1);
return Option.some(true);
},
onShiftTab: function (dialog) {
navigate(dialog, -1);
return Option.some(true);
}
}),
config(formAdhocEvents, [
runOnAttached(function (dialog, simulatedEvent) {
resetState();
var dotitems = memDots.get(dialog);
Highlighting.highlightFirst(dotitems);
spec$1.getInitialValue(dialog).each(function (v) {
Representing.setValue(dialog, v);
});
}),
runOnExecute(spec$1.onExecute),
run(transitionend(), function (dialog, simulatedEvent) {
var event = simulatedEvent.event();
if (event.raw().propertyName === 'left') {
focusInput(dialog);
}
}),
run(navigateEvent, function (dialog, simulatedEvent) {
var event = simulatedEvent.event();
var direction = event.direction();
navigate(dialog, direction);
})
])
])
};
}));
var memDots = record({
dom: dom$1('<div class="${prefix}-dot-container"></div>'),
behaviours: derive$1([Highlighting.config({
highlightClass: Styles.resolve('dot-active'),
itemClass: Styles.resolve('dot-item')
})]),
components: bind(spec$1.fields, function (_f, i) {
return i <= spec$1.maxFieldIndex ? [spec('<div class="${prefix}-dot-item ${prefix}-icon-full-dot ${prefix}-icon"></div>')] : [];
})
});
return {
dom: dom$1('<div class="${prefix}-serializer-wrapper"></div>'),
components: [
memForm.asSpec(),
memDots.asSpec()
],
behaviours: derive$1([
Keying.config({
mode: 'special',
focusIn: function (wrapper) {
var form = memForm.get(wrapper);
Keying.focusIn(form);
}
}),
config(wrapperAdhocEvents, [
run(touchstart(), function (wrapper, simulatedEvent) {
var event = simulatedEvent.event();
spec$1.state.dialogSwipeState.set(SwipingModel.init(event.touches[0].clientX));
}),
run(touchmove(), function (wrapper, simulatedEvent) {
var event = simulatedEvent.event();
spec$1.state.dialogSwipeState.on(function (state) {
simulatedEvent.event().prevent();
spec$1.state.dialogSwipeState.set(SwipingModel.move(state, event.raw().touches[0].clientX));
});
}),
run(touchend(), function (wrapper) {
spec$1.state.dialogSwipeState.on(function (state) {
var dialog = memForm.get(wrapper);
var direction = -1 * SwipingModel.complete(state);
navigate(dialog, direction);
});
})
])
])
};
};
var getGroups = cached(function (realm, editor) {
return [{
label: 'the link group',
items: [sketch$6({
fields: [
field$2('url', 'Type or paste URL'),
field$2('text', 'Link text'),
field$2('title', 'Link title'),
field$2('target', 'Link target'),
hidden('link')
],
maxFieldIndex: [
'url',
'text',
'title',
'target'
].length - 1,
getInitialValue: function () {
return Option.some(LinkBridge.getInfo(editor));
},
onExecute: function (dialog) {
var info = Representing.getValue(dialog);
LinkBridge.applyInfo(editor, info);
realm.restoreToolbar();
editor.focus();
}
})]
}];
});
var sketch$7 = function (realm, editor) {
return Buttons.forToolbarStateAction(editor, 'link', 'link', function () {
var groups = getGroups(realm, editor);
realm.setContextToolbar(groups);
RangePreserver.forAndroid(editor, function () {
realm.focusToolbar();
});
LinkBridge.query(editor).each(function (link) {
editor.selection.select(link.dom());
});
});
};
var DefaultStyleFormats = [
{
title: 'Headings',
items: [
{
title: 'Heading 1',
format: 'h1'
},
{
title: 'Heading 2',
format: 'h2'
},
{
title: 'Heading 3',
format: 'h3'
},
{
title: 'Heading 4',
format: 'h4'
},
{
title: 'Heading 5',
format: 'h5'
},
{
title: 'Heading 6',
format: 'h6'
}
]
},
{
title: 'Inline',
items: [
{
title: 'Bold',
icon: 'bold',
format: 'bold'
},
{
title: 'Italic',
icon: 'italic',
format: 'italic'
},
{
title: 'Underline',
icon: 'underline',
format: 'underline'
},
{
title: 'Strikethrough',
icon: 'strikethrough',
format: 'strikethrough'
},
{
title: 'Superscript',
icon: 'superscript',
format: 'superscript'
},
{
title: 'Subscript',
icon: 'subscript',
format: 'subscript'
},
{
title: 'Code',
icon: 'code',
format: 'code'
}
]
},
{
title: 'Blocks',
items: [
{
title: 'Paragraph',
format: 'p'
},
{
title: 'Blockquote',
format: 'blockquote'
},
{
title: 'Div',
format: 'div'
},
{
title: 'Pre',
format: 'pre'
}
]
},
{
title: 'Alignment',
items: [
{
title: 'Left',
icon: 'alignleft',
format: 'alignleft'
},
{
title: 'Center',
icon: 'aligncenter',
format: 'aligncenter'
},
{
title: 'Right',
icon: 'alignright',
format: 'alignright'
},
{
title: 'Justify',
icon: 'alignjustify',
format: 'alignjustify'
}
]
}
];
var isRecursive = function (component, originator, target) {
return eq(originator, component.element()) && !eq(originator, target);
};
var events$8 = derive([can(focus(), function (component, simulatedEvent) {
var originator = simulatedEvent.event().originator();
var target = simulatedEvent.event().target();
if (isRecursive(component, originator, target)) {
domGlobals.console.warn(focus() + ' did not get interpreted by the desired target. ' + '\nOriginator: ' + element(originator) + '\nTarget: ' + element(target) + '\nCheck the ' + focus() + ' event handlers');
return false;
} else {
return true;
}
})]);
var DefaultEvents = /*#__PURE__*/Object.freeze({
events: events$8
});
var make$1 = identity;
var SystemApi = exactly([
'debugInfo',
'triggerFocus',
'triggerEvent',
'triggerEscape',
'addToWorld',
'removeFromWorld',
'addToGui',
'removeFromGui',
'build',
'getByUid',
'getByDom',
'broadcast',
'broadcastOn',
'isConnected'
]);
var NoContextApi = function (getComp) {
var fail = function (event) {
return function () {
throw new Error('The component must be in a context to send: ' + event + '\n' + element(getComp().element()) + ' is not in context.');
};
};
return SystemApi({
debugInfo: constant('fake'),
triggerEvent: fail('triggerEvent'),
triggerFocus: fail('triggerFocus'),
triggerEscape: fail('triggerEscape'),
build: fail('build'),
addToWorld: fail('addToWorld'),
removeFromWorld: fail('removeFromWorld'),
addToGui: fail('addToGui'),
removeFromGui: fail('removeFromGui'),
getByUid: fail('getByUid'),
getByDom: fail('getByDom'),
broadcast: fail('broadcast'),
broadcastOn: fail('broadcastOn'),
isConnected: constant(false)
});
};
var generateFrom = function (spec, all) {
var schema = map$1(all, function (a) {
return optionObjOf(a.name(), [
strict$1('config'),
defaulted$1('state', NoState)
]);
});
var validated = asStruct('component.behaviours', objOf(schema), spec.behaviours).fold(function (errInfo) {
throw new Error(formatError(errInfo) + '\nComplete spec:\n' + Json.stringify(spec, null, 2));
}, function (v) {
return v;
});
return {
list: all,
data: map(validated, function (optBlobThunk) {
var optBlob = optBlobThunk();
var output = optBlob.map(function (blob) {
return {
config: blob.config(),
state: blob.state().init(blob.config())
};
});
return function () {
return output;
};
})
};
};
var getBehaviours = function (bData) {
return bData.list;
};
var getData = function (bData) {
return bData.data;
};
var byInnerKey = function (data, tuple) {
var r = {};
each(data, function (detail, key) {
each(detail, function (value, indexKey) {
var chain = readOr$1(indexKey, [])(r);
r[indexKey] = chain.concat([tuple(key, value)]);
});
});
return r;
};
var concat = function (chain, aspect) {
var values = bind(chain, function (c) {
return c.modification().getOr([]);
});
return Result.value(wrap$1(aspect, values));
};
var onlyOne = function (chain, aspect) {
if (chain.length > 1) {
return Result.error('Multiple behaviours have tried to change DOM "' + aspect + '". The guilty behaviours are: ' + Json.stringify(map$1(chain, function (b) {
return b.name();
})) + '. At this stage, this ' + 'is not supported. Future releases might provide strategies for resolving this.');
} else if (chain.length === 0) {
return Result.value({});
} else {
return Result.value(chain[0].modification().fold(function () {
return {};
}, function (m) {
return wrap$1(aspect, m);
}));
}
};
var duplicate = function (aspect, k, obj, behaviours) {
return Result.error('Mulitple behaviours have tried to change the _' + k + '_ "' + aspect + '"' + '. The guilty behaviours are: ' + Json.stringify(bind(behaviours, function (b) {
return b.modification().getOr({})[k] !== undefined ? [b.name()] : [];
}), null, 2) + '. This is not currently supported.');
};
var objSafeMerge = function (chain, aspect) {
var y = foldl(chain, function (acc, c) {
var obj = c.modification().getOr({});
return acc.bind(function (accRest) {
var parts = mapToArray(obj, function (v, k) {
return accRest[k] !== undefined ? duplicate(aspect, k, obj, chain) : Result.value(wrap$1(k, v));
});
return consolidate(parts, accRest);
});
}, Result.value({}));
return y.map(function (yValue) {
return wrap$1(aspect, yValue);
});
};
var mergeTypes = {
classes: concat,
attributes: objSafeMerge,
styles: objSafeMerge,
domChildren: onlyOne,
defChildren: onlyOne,
innerHtml: onlyOne,
value: onlyOne
};
var combine$1 = function (info, baseMod, behaviours, base) {
var modsByBehaviour = deepMerge({}, baseMod);
each$1(behaviours, function (behaviour) {
modsByBehaviour[behaviour.name()] = behaviour.exhibit(info, base);
});
var nameAndMod = function (name, modification) {
return {
name: function () {
return name;
},
modification: modification
};
};
var byAspect = byInnerKey(modsByBehaviour, nameAndMod);
var usedAspect = map(byAspect, function (values, aspect) {
return bind(values, function (value) {
return value.modification().fold(function () {
return [];
}, function (v) {
return [value];
});
});
});
var modifications = mapToArray(usedAspect, function (values, aspect) {
return readOptFrom$1(mergeTypes, aspect).fold(function () {
return Result.error('Unknown field type: ' + aspect);
}, function (merger) {
return merger(values, aspect);
});
});
var consolidated = consolidate(modifications, {});
return consolidated.map(nu$6);
};
var sortKeys = function (label, keyName, array, order) {
var sliced = array.slice(0);
try {
var sorted = sliced.sort(function (a, b) {
var aKey = a[keyName]();
var bKey = b[keyName]();
var aIndex = order.indexOf(aKey);
var bIndex = order.indexOf(bKey);
if (aIndex === -1) {
throw new Error('The ordering for ' + label + ' does not have an entry for ' + aKey + '.\nOrder specified: ' + Json.stringify(order, null, 2));
}
if (bIndex === -1) {
throw new Error('The ordering for ' + label + ' does not have an entry for ' + bKey + '.\nOrder specified: ' + Json.stringify(order, null, 2));
}
if (aIndex < bIndex) {
return -1;
} else if (bIndex < aIndex) {
return 1;
} else {
return 0;
}
});
return Result.value(sorted);
} catch (err) {
return Result.error([err]);
}
};
var uncurried = function (handler, purpose) {
return {
handler: handler,
purpose: constant(purpose)
};
};
var curried = function (handler, purpose) {
return {
cHandler: handler,
purpose: constant(purpose)
};
};
var curryArgs = function (descHandler, extraArgs) {
return curried(curry.apply(undefined, [descHandler.handler].concat(extraArgs)), descHandler.purpose());
};
var getCurried = function (descHandler) {
return descHandler.cHandler;
};
var behaviourTuple = function (name, handler) {
return {
name: constant(name),
handler: constant(handler)
};
};
var nameToHandlers = function (behaviours, info) {
var r = {};
each$1(behaviours, function (behaviour) {
r[behaviour.name()] = behaviour.handlers(info);
});
return r;
};
var groupByEvents = function (info, behaviours, base) {
var behaviourEvents = deepMerge(base, nameToHandlers(behaviours, info));
return byInnerKey(behaviourEvents, behaviourTuple);
};
var combine$2 = function (info, eventOrder, behaviours, base) {
var byEventName = groupByEvents(info, behaviours, base);
return combineGroups(byEventName, eventOrder);
};
var assemble = function (rawHandler) {
var handler = read(rawHandler);
return function (component, simulatedEvent) {
var rest = [];
for (var _i = 2; _i < arguments.length; _i++) {
rest[_i - 2] = arguments[_i];
}
var args = [
component,
simulatedEvent
].concat(rest);
if (handler.abort.apply(undefined, args)) {
simulatedEvent.stop();
} else if (handler.can.apply(undefined, args)) {
handler.run.apply(undefined, args);
}
};
};
var missingOrderError = function (eventName, tuples) {
return Result.error(['The event (' + eventName + ') has more than one behaviour that listens to it.\nWhen this occurs, you must ' + 'specify an event ordering for the behaviours in your spec (e.g. [ "listing", "toggling" ]).\nThe behaviours that ' + 'can trigger it are: ' + Json.stringify(map$1(tuples, function (c) {
return c.name();
}), null, 2)]);
};
var fuse$1 = function (tuples, eventOrder, eventName) {
var order = eventOrder[eventName];
if (!order) {
return missingOrderError(eventName, tuples);
} else {
return sortKeys('Event: ' + eventName, 'name', tuples, order).map(function (sortedTuples) {
var handlers = map$1(sortedTuples, function (tuple) {
return tuple.handler();
});
return fuse(handlers);
});
}
};
var combineGroups = function (byEventName, eventOrder) {
var r = mapToArray(byEventName, function (tuples, eventName) {
var combined = tuples.length === 1 ? Result.value(tuples[0].handler()) : fuse$1(tuples, eventOrder, eventName);
return combined.map(function (handler) {
var assembled = assemble(handler);
var purpose = tuples.length > 1 ? filter(eventOrder, function (o) {
return contains(tuples, function (t) {
return t.name() === o;
});
}).join(' > ') : tuples[0].name();
return wrap$1(eventName, uncurried(assembled, purpose));
});
});
return consolidate(r, {});
};
var toInfo = function (spec) {
return asStruct('custom.definition', objOfOnly([
field('dom', 'dom', strict(), objOfOnly([
strict$1('tag'),
defaulted$1('styles', {}),
defaulted$1('classes', []),
defaulted$1('attributes', {}),
option('value'),
option('innerHtml')
])),
strict$1('components'),
strict$1('uid'),
defaulted$1('events', {}),
defaulted$1('apis', constant({})),
field('eventOrder', 'eventOrder', mergeWith({
'alloy.execute': [
'disabling',
'alloy.base.behaviour',
'toggling'
],
'alloy.focus': [
'alloy.base.behaviour',
'focusing',
'keying'
],
'alloy.system.init': [
'alloy.base.behaviour',
'disabling',
'toggling',
'representing'
],
'input': [
'alloy.base.behaviour',
'representing',
'streaming',
'invalidating'
],
'alloy.system.detached': [
'alloy.base.behaviour',
'representing'
]
}), anyValue$1()),
option('domModification'),
snapshot('originalSpec'),
defaulted$1('debug.sketcher', 'unknown')
]), spec);
};
var getUid = function (detail) {
return wrap$1(idAttr(), detail.uid());
};
var toDefinition = function (detail) {
var base = {
tag: detail.dom().tag(),
classes: detail.dom().classes(),
attributes: deepMerge(getUid(detail), detail.dom().attributes()),
styles: detail.dom().styles(),
domChildren: map$1(detail.components(), function (comp) {
return comp.element();
})
};
return nu$5(deepMerge(base, detail.dom().innerHtml().map(function (h) {
return wrap$1('innerHtml', h);
}).getOr({}), detail.dom().value().map(function (h) {
return wrap$1('value', h);
}).getOr({})));
};
var toModification = function (detail) {
return detail.domModification().fold(function () {
return nu$6({});
}, nu$6);
};
var toEvents = function (info) {
return info.events();
};
var add$3 = function (element, classes) {
each$1(classes, function (x) {
add$2(element, x);
});
};
var remove$6 = function (element, classes) {
each$1(classes, function (x) {
remove$4(element, x);
});
};
var getChildren = function (definition) {
if (definition.domChildren().isSome() && definition.defChildren().isSome()) {
throw new Error('Cannot specify children and child specs! Must be one or the other.\nDef: ' + defToStr(definition));
} else {
return definition.domChildren().fold(function () {
var defChildren = definition.defChildren().getOr([]);
return map$1(defChildren, renderDef);
}, function (domChildren) {
return domChildren;
});
}
};
var renderToDom = function (definition) {
var subject = Element.fromTag(definition.tag());
setAll(subject, definition.attributes().getOr({}));
add$3(subject, definition.classes().getOr([]));
setAll$1(subject, definition.styles().getOr({}));
set$1(subject, definition.innerHtml().getOr(''));
var children = getChildren(definition);
append$1(subject, children);
definition.value().each(function (value) {
set$5(subject, value);
});
return subject;
};
var renderDef = function (spec) {
var definition = nu$5(spec);
return renderToDom(definition);
};
var getBehaviours$1 = function (spec) {
var behaviours = readOptFrom$1(spec, 'behaviours').getOr({});
var keys$1 = filter(keys(behaviours), function (k) {
return behaviours[k] !== undefined;
});
return map$1(keys$1, function (k) {
return behaviours[k].me;
});
};
var generateFrom$1 = function (spec, all) {
return generateFrom(spec, all);
};
var generate$4 = function (spec) {
var all = getBehaviours$1(spec);
return generateFrom$1(spec, all);
};
var ComponentApi = exactly([
'getSystem',
'config',
'hasConfigured',
'spec',
'connect',
'disconnect',
'element',
'syncComponents',
'readState',
'components',
'events'
]);
var getDomDefinition = function (info, bList, bData) {
var definition = toDefinition(info);
var baseModification = { 'alloy.base.modification': toModification(info) };
var modification = combine$1(bData, baseModification, bList, definition).getOrDie();
return merge$1(definition, modification);
};
var getEvents$6 = function (info, bList, bData) {
var baseEvents = { 'alloy.base.behaviour': toEvents(info) };
return combine$2(bData, info.eventOrder(), bList, baseEvents).getOrDie();
};
var build = function (spec) {
var getMe = function () {
return me;
};
var systemApi = Cell(NoContextApi(getMe));
var info = getOrDie$1(toInfo(deepMerge(spec, { behaviours: undefined })));
var bBlob = generate$4(spec);
var bList = getBehaviours(bBlob);
var bData = getData(bBlob);
var modDefinition = getDomDefinition(info, bList, bData);
var item = renderToDom(modDefinition);
var events = getEvents$6(info, bList, bData);
var subcomponents = Cell(info.components());
var connect = function (newApi) {
systemApi.set(newApi);
};
var disconnect = function () {
systemApi.set(NoContextApi(getMe));
};
var syncComponents = function () {
var children$1 = children(item);
var subs = bind(children$1, function (child) {
return systemApi.get().getByDom(child).fold(function () {
return [];
}, function (c) {
return [c];
});
});
subcomponents.set(subs);
};
var config = function (behaviour) {
if (behaviour === apiConfig()) {
return info.apis();
} else if (isString(behaviour)) {
throw new Error('Invalid input: only API constant is allowed');
}
var b = bData;
var f = isFunction(b[behaviour.name()]) ? b[behaviour.name()] : function () {
throw new Error('Could not find ' + behaviour.name() + ' in ' + Json.stringify(spec, null, 2));
};
return f();
};
var hasConfigured = function (behaviour) {
return isFunction(bData[behaviour.name()]);
};
var readState = function (behaviourName) {
return bData[behaviourName]().map(function (b) {
return b.state.readState();
}).getOr('not enabled');
};
var me = ComponentApi({
getSystem: systemApi.get,
config: config,
hasConfigured: hasConfigured,
spec: constant(spec),
readState: readState,
connect: connect,
disconnect: disconnect,
element: constant(item),
syncComponents: syncComponents,
components: subcomponents.get,
events: constant(events)
});
return me;
};
var buildSubcomponents = function (spec) {
var components = readOr$1('components', [])(spec);
return map$1(components, build$1);
};
var buildFromSpec = function (userSpec) {
var spec = make$1(userSpec);
var components = buildSubcomponents(spec);
var completeSpec = deepMerge(DefaultEvents, spec, wrap$1('components', components));
return Result.value(build(completeSpec));
};
var text = function (textContent) {
var element = Element.fromText(textContent);
return external({ element: element });
};
var external = function (spec) {
var extSpec = asStructOrDie('external.component', objOfOnly([
strict$1('element'),
option('uid')
]), spec);
var systemApi = Cell(NoContextApi());
var connect = function (newApi) {
systemApi.set(newApi);
};
var disconnect = function () {
systemApi.set(NoContextApi(function () {
return me;
}));
};
extSpec.uid().each(function (uid) {
writeOnly(extSpec.element(), uid);
});
var me = ComponentApi({
getSystem: systemApi.get,
config: Option.none,
hasConfigured: constant(false),
connect: connect,
disconnect: disconnect,
element: constant(extSpec.element()),
spec: constant(spec),
readState: constant('No state'),
syncComponents: noop,
components: constant([]),
events: constant({})
});
return premade(me);
};
var build$1 = function (spec) {
return getPremade(spec).fold(function () {
var userSpecWithUid = deepMerge({ uid: generate$3('') }, spec);
return buildFromSpec(userSpecWithUid).getOrDie();
}, function (prebuilt) {
return prebuilt;
});
};
var premade$1 = premade;
var hoverEvent = 'alloy.item-hover';
var focusEvent = 'alloy.item-focus';
var onHover = function (item) {
if (search(item.element()).isNone() || Focusing.isFocused(item)) {
if (!Focusing.isFocused(item)) {
Focusing.focus(item);
}
emitWith(item, hoverEvent, { item: item });
}
};
var onFocus = function (item) {
emitWith(item, focusEvent, { item: item });
};
var hover = constant(hoverEvent);
var focus$3 = constant(focusEvent);
var builder = function (detail) {
return {
dom: deepMerge(detail.dom(), { attributes: { role: detail.toggling().isSome() ? 'menuitemcheckbox' : 'menuitem' } }),
behaviours: deepMerge(derive$1([
detail.toggling().fold(Toggling.revoke, function (tConfig) {
return Toggling.config(deepMerge({ aria: { mode: 'checked' } }, tConfig));
}),
Focusing.config({
ignore: detail.ignoreFocus(),
onFocus: function (component) {
onFocus(component);
}
}),
Keying.config({ mode: 'execution' }),
Representing.config({
store: {
mode: 'memory',
initialValue: detail.data()
}
})
]), detail.itemBehaviours()),
events: derive([
runWithTarget(tapOrClick(), emitExecute),
cutter(mousedown()),
run(mouseover(), onHover),
run(focusItem(), Focusing.focus)
]),
components: detail.components(),
domModification: detail.domModification(),
eventOrder: detail.eventOrder()
};
};
var schema$a = [
strict$1('data'),
strict$1('components'),
strict$1('dom'),
option('toggling'),
defaulted$1('itemBehaviours', {}),
defaulted$1('ignoreFocus', false),
defaulted$1('domModification', {}),
output('builder', builder),
defaulted$1('eventOrder', {})
];
var builder$1 = function (detail) {
return {
dom: detail.dom(),
components: detail.components(),
events: derive([stopper(focusItem())])
};
};
var schema$b = [
strict$1('dom'),
strict$1('components'),
output('builder', builder$1)
];
var owner$2 = function () {
return 'item-widget';
};
var parts = constant([required({
name: 'widget',
overrides: function (detail) {
return {
behaviours: derive$1([Representing.config({
store: {
mode: 'manual',
getValue: function (component) {
return detail.data();
},
setValue: function () {
}
}
})])
};
}
})]);
var builder$2 = function (detail) {
var subs = substitutes(owner$2(), detail, parts());
var components$1 = components(owner$2(), detail, subs.internals());
var focusWidget = function (component) {
return getPart(component, detail, 'widget').map(function (widget) {
Keying.focusIn(widget);
return widget;
});
};
var onHorizontalArrow = function (component, simulatedEvent) {
return inside(simulatedEvent.event().target()) ? Option.none() : function () {
if (detail.autofocus()) {
simulatedEvent.setSource(component.element());
return Option.none();
} else {
return Option.none();
}
}();
};
return deepMerge({
dom: detail.dom(),
components: components$1,
domModification: detail.domModification(),
events: derive([
runOnExecute(function (component, simulatedEvent) {
focusWidget(component).each(function (widget) {
simulatedEvent.stop();
});
}),
run(mouseover(), onHover),
run(focusItem(), function (component, simulatedEvent) {
if (detail.autofocus()) {
focusWidget(component);
} else {
Focusing.focus(component);
}
})
]),
behaviours: derive$1([
Representing.config({
store: {
mode: 'memory',
initialValue: detail.data()
}
}),
Focusing.config({
onFocus: function (component) {
onFocus(component);
}
}),
Keying.config({
mode: 'special',
focusIn: detail.autofocus() ? function (component) {
focusWidget(component);
} : revoke(),
onLeft: onHorizontalArrow,
onRight: onHorizontalArrow,
onEscape: function (component, simulatedEvent) {
if (!Focusing.isFocused(component) && !detail.autofocus()) {
Focusing.focus(component);
return Option.some(true);
} else if (detail.autofocus()) {
simulatedEvent.setSource(component.element());
return Option.none();
} else {
return Option.none();
}
}
})
])
});
};
var schema$c = [
strict$1('uid'),
strict$1('data'),
strict$1('components'),
strict$1('dom'),
defaulted$1('autofocus', false),
defaulted$1('domModification', {}),
defaultUidsSchema(parts()),
output('builder', builder$2)
];
var itemSchema$1 = choose$1('type', {
widget: schema$c,
item: schema$a,
separator: schema$b
});
var configureGrid = function (detail, movementInfo) {
return {
mode: 'flatgrid',
selector: '.' + detail.markers().item(),
initSize: {
numColumns: movementInfo.initSize().numColumns(),
numRows: movementInfo.initSize().numRows()
},
focusManager: detail.focusManager()
};
};
var configureMenu = function (detail, movementInfo) {
return {
mode: 'menu',
selector: '.' + detail.markers().item(),
moveOnTab: movementInfo.moveOnTab(),
focusManager: detail.focusManager()
};
};
var parts$1 = constant([group({
factory: {
sketch: function (spec) {
var itemInfo = asStructOrDie('menu.spec item', itemSchema$1, spec);
return itemInfo.builder()(itemInfo);
}
},
name: 'items',
unit: 'item',
defaults: function (detail, u) {
var fallbackUid = generate$3('');
return deepMerge({ uid: fallbackUid }, u);
},
overrides: function (detail, u) {
return {
type: u.type,
ignoreFocus: detail.fakeFocus(),
domModification: { classes: [detail.markers().item()] }
};
}
})]);
var schema$d = constant([
strict$1('value'),
strict$1('items'),
strict$1('dom'),
strict$1('components'),
defaulted$1('eventOrder', {}),
field$1('menuBehaviours', [
Highlighting,
Representing,
Composing,
Keying
]),
defaultedOf('movement', {
mode: 'menu',
moveOnTab: true
}, choose$1('mode', {
grid: [
initSize(),
output('config', configureGrid)
],
menu: [
defaulted$1('moveOnTab', true),
output('config', configureMenu)
]
})),
itemMarkers(),
defaulted$1('fakeFocus', false),
defaulted$1('focusManager', dom()),
onHandler('onHighlight')
]);
var focus$4 = constant('alloy.menu-focus');
var make$2 = function (detail, components, spec, externals) {
return deepMerge({
dom: deepMerge(detail.dom(), { attributes: { role: 'menu' } }),
uid: detail.uid(),
behaviours: deepMerge(derive$1([
Highlighting.config({
highlightClass: detail.markers().selectedItem(),
itemClass: detail.markers().item(),
onHighlight: detail.onHighlight()
}),
Representing.config({
store: {
mode: 'memory',
initialValue: detail.value()
}
}),
Composing.config({ find: Option.some }),
Keying.config(detail.movement().config()(detail, detail.movement()))
]), get$5(detail.menuBehaviours())),
events: derive([
run(focus$3(), function (menu, simulatedEvent) {
var event = simulatedEvent.event();
menu.getSystem().getByDom(event.target()).each(function (item) {
Highlighting.highlight(menu, item);
simulatedEvent.stop();
emitWith(menu, focus$4(), {
menu: menu,
item: item
});
});
}),
run(hover(), function (menu, simulatedEvent) {
var item = simulatedEvent.event().item();
Highlighting.highlight(menu, item);
})
]),
components: components,
eventOrder: detail.eventOrder()
});
};
var Menu = composite$1({
name: 'Menu',
configFields: schema$d(),
partFields: parts$1(),
factory: make$2
});
var preserve$1 = function (f, container) {
var ownerDoc = owner(container);
var refocus = active(ownerDoc).bind(function (focused) {
var hasFocus = function (elem) {
return eq(focused, elem);
};
return hasFocus(container) ? Option.some(container) : descendant(container, hasFocus);
});
var result = f(container);
refocus.each(function (oldFocus) {
active(ownerDoc).filter(function (newFocus) {
return eq(newFocus, oldFocus);
}).fold(function () {
focus$1(oldFocus);
}, noop);
});
return result;
};
var set$6 = function (component, replaceConfig, replaceState, data) {
detachChildren(component);
preserve$1(function () {
var children = map$1(data, component.getSystem().build);
each$1(children, function (l) {
attach(component, l);
});
}, component.element());
};
var insert = function (component, replaceConfig, insertion, childSpec) {
var child = component.getSystem().build(childSpec);
attachWith(component, child, insertion);
};
var append$2 = function (component, replaceConfig, replaceState, appendee) {
insert(component, replaceConfig, append, appendee);
};
var prepend$1 = function (component, replaceConfig, replaceState, prependee) {
insert(component, replaceConfig, prepend, prependee);
};
var remove$7 = function (component, replaceConfig, replaceState, removee) {
var children = contents(component);
var foundChild = find$1(children, function (child) {
return eq(removee.element(), child.element());
});
foundChild.each(detach);
};
var contents = function (component, replaceConfig) {
return component.components();
};
var ReplaceApis = /*#__PURE__*/Object.freeze({
append: append$2,
prepend: prepend$1,
remove: remove$7,
set: set$6,
contents: contents
});
var Replacing = create$1({
fields: [],
name: 'replacing',
apis: ReplaceApis
});
var transpose = function (obj) {
return tupleMap(obj, function (v, k) {
return {
k: v,
v: k
};
});
};
var trace = function (items, byItem, byMenu, finish) {
return readOptFrom$1(byMenu, finish).bind(function (triggerItem) {
return readOptFrom$1(items, triggerItem).bind(function (triggerMenu) {
var rest = trace(items, byItem, byMenu, triggerMenu);
return Option.some([triggerMenu].concat(rest));
});
}).getOr([]);
};
var generate$5 = function (menus, expansions) {
var items = {};
each(menus, function (menuItems, menu) {
each$1(menuItems, function (item) {
items[item] = menu;
});
});
var byItem = expansions;
var byMenu = transpose(expansions);
var menuPaths = map(byMenu, function (_triggerItem, submenu) {
return [submenu].concat(trace(items, byItem, byMenu, submenu));
});
return map(items, function (menu) {
return readOptFrom$1(menuPaths, menu).getOr([menu]);
});
};
var init$3 = function () {
var expansions = Cell({});
var menus = Cell({});
var paths = Cell({});
var primary = Cell(Option.none());
var directory = Cell({});
var clear = function () {
expansions.set({});
menus.set({});
paths.set({});
primary.set(Option.none());
};
var isClear = function () {
return primary.get().isNone();
};
var setContents = function (sPrimary, sMenus, sExpansions, dir) {
primary.set(Option.some(sPrimary));
expansions.set(sExpansions);
menus.set(sMenus);
directory.set(dir);
var sPaths = generate$5(dir, sExpansions);
paths.set(sPaths);
};
var expand = function (itemValue) {
return readOptFrom$1(expansions.get(), itemValue).map(function (menu) {
var current = readOptFrom$1(paths.get(), itemValue).getOr([]);
return [menu].concat(current);
});
};
var collapse = function (itemValue) {
return readOptFrom$1(paths.get(), itemValue).bind(function (path) {
return path.length > 1 ? Option.some(path.slice(1)) : Option.none();
});
};
var refresh = function (itemValue) {
return readOptFrom$1(paths.get(), itemValue);
};
var lookupMenu = function (menuValue) {
return readOptFrom$1(menus.get(), menuValue);
};
var otherMenus = function (path) {
var menuValues = directory.get();
return difference(keys(menuValues), path);
};
var getPrimary = function () {
return primary.get().bind(lookupMenu);
};
var getMenus = function () {
return menus.get();
};
return {
setContents: setContents,
expand: expand,
refresh: refresh,
collapse: collapse,
lookupMenu: lookupMenu,
otherMenus: otherMenus,
getPrimary: getPrimary,
getMenus: getMenus,
clear: clear,
isClear: isClear
};
};
var LayeredState = { init: init$3 };
var make$3 = function (detail, rawUiSpec) {
var buildMenus = function (container, menus) {
return map(menus, function (spec, name) {
var data = Menu.sketch(deepMerge(spec, {
value: name,
items: spec.items,
markers: narrow$1(rawUiSpec.markers, [
'item',
'selectedItem'
]),
fakeFocus: detail.fakeFocus(),
onHighlight: detail.onHighlight(),
focusManager: detail.fakeFocus() ? highlights() : dom()
}));
return container.getSystem().build(data);
});
};
var layeredState = LayeredState.init();
var setup = function (container) {
var componentMap = buildMenus(container, detail.data().menus());
var directory = toDirectory();
layeredState.setContents(detail.data().primary(), componentMap, detail.data().expansions(), directory);
return layeredState.getPrimary();
};
var getItemValue = function (item) {
return Representing.getValue(item).value;
};
var toDirectory = function (container) {
return map(detail.data().menus(), function (data, menuName) {
return bind(data.items, function (item) {
return item.type === 'separator' ? [] : [item.data.value];
});
});
};
var setActiveMenu = function (container, menu) {
Highlighting.highlight(container, menu);
Highlighting.getHighlighted(menu).orThunk(function () {
return Highlighting.getFirst(menu);
}).each(function (item) {
dispatch(container, item.element(), focusItem());
});
};
var getMenus = function (state, menuValues) {
return cat(map$1(menuValues, state.lookupMenu));
};
var updateMenuPath = function (container, state, path) {
return Option.from(path[0]).bind(state.lookupMenu).map(function (activeMenu) {
var rest = getMenus(state, path.slice(1));
each$1(rest, function (r) {
add$2(r.element(), detail.markers().backgroundMenu());
});
if (!inBody(activeMenu.element())) {
Replacing.append(container, premade$1(activeMenu));
}
remove$6(activeMenu.element(), [detail.markers().backgroundMenu()]);
setActiveMenu(container, activeMenu);
var others = getMenus(state, state.otherMenus(path));
each$1(others, function (o) {
remove$6(o.element(), [detail.markers().backgroundMenu()]);
if (!detail.stayInDom()) {
Replacing.remove(container, o);
}
});
return activeMenu;
});
};
var expandRight = function (container, item) {
var value = getItemValue(item);
return layeredState.expand(value).bind(function (path) {
Option.from(path[0]).bind(layeredState.lookupMenu).each(function (activeMenu) {
if (!inBody(activeMenu.element())) {
Replacing.append(container, premade$1(activeMenu));
}
detail.onOpenSubmenu()(container, item, activeMenu);
Highlighting.highlightFirst(activeMenu);
});
return updateMenuPath(container, layeredState, path);
});
};
var collapseLeft = function (container, item) {
var value = getItemValue(item);
return layeredState.collapse(value).bind(function (path) {
return updateMenuPath(container, layeredState, path).map(function (activeMenu) {
detail.onCollapseMenu()(container, item, activeMenu);
return activeMenu;
});
});
};
var updateView = function (container, item) {
var value = getItemValue(item);
return layeredState.refresh(value).bind(function (path) {
return updateMenuPath(container, layeredState, path);
});
};
var onRight = function (container, item) {
return inside(item.element()) ? Option.none() : expandRight(container, item);
};
var onLeft = function (container, item) {
return inside(item.element()) ? Option.none() : collapseLeft(container, item);
};
var onEscape = function (container, item) {
return collapseLeft(container, item).orThunk(function () {
return detail.onEscape()(container, item).map(function () {
return container;
});
});
};
var keyOnItem = function (f) {
return function (container, simulatedEvent) {
return closest$1(simulatedEvent.getSource(), '.' + detail.markers().item()).bind(function (target) {
return container.getSystem().getByDom(target).toOption().bind(function (item) {
return f(container, item).map(function () {
return true;
});
});
});
};
};
var events = derive([
run(focus$4(), function (sandbox, simulatedEvent) {
var menu = simulatedEvent.event().menu();
Highlighting.highlight(sandbox, menu);
}),
runOnExecute(function (component, simulatedEvent) {
var target = simulatedEvent.event().target();
component.getSystem().getByDom(target).each(function (item) {
var itemValue = getItemValue(item);
if (itemValue.indexOf('collapse-item') === 0) {
collapseLeft(component, item);
}
expandRight(component, item).fold(function () {
detail.onExecute()(component, item);
}, function () {
});
});
}),
runOnAttached(function (container, simulatedEvent) {
setup(container).each(function (primary) {
Replacing.append(container, premade$1(primary));
if (detail.openImmediately()) {
setActiveMenu(container, primary);
detail.onOpenMenu()(container, primary);
}
});
})
].concat(detail.navigateOnHover() ? [run(hover(), function (sandbox, simulatedEvent) {
var item = simulatedEvent.event().item();
updateView(sandbox, item);
expandRight(sandbox, item);
detail.onHover()(sandbox, item);
})] : []));
var collapseMenuApi = function (container) {
Highlighting.getHighlighted(container).each(function (currentMenu) {
Highlighting.getHighlighted(currentMenu).each(function (currentItem) {
collapseLeft(container, currentItem);
});
});
};
return {
uid: detail.uid(),
dom: detail.dom(),
behaviours: deepMerge(derive$1([
Keying.config({
mode: 'special',
onRight: keyOnItem(onRight),
onLeft: keyOnItem(onLeft),
onEscape: keyOnItem(onEscape),
focusIn: function (container, keyInfo) {
layeredState.getPrimary().each(function (primary) {
dispatch(container, primary.element(), focusItem());
});
}
}),
Highlighting.config({
highlightClass: detail.markers().selectedMenu(),
itemClass: detail.markers().menu()
}),
Composing.config({
find: function (container) {
return Highlighting.getHighlighted(container);
}
}),
Replacing.config({})
]), get$5(detail.tmenuBehaviours())),
eventOrder: detail.eventOrder(),
apis: { collapseMenu: collapseMenuApi },
events: events
};
};
var collapseItem = constant('collapse-item');
var tieredData = function (primary, menus, expansions) {
return {
primary: primary,
menus: menus,
expansions: expansions
};
};
var singleData = function (name, menu) {
return {
primary: name,
menus: wrap$1(name, menu),
expansions: {}
};
};
var collapseItem$1 = function (text) {
return {
value: generate$1(collapseItem()),
text: text
};
};
var tieredMenu = single$2({
name: 'TieredMenu',
configFields: [
onStrictKeyboardHandler('onExecute'),
onStrictKeyboardHandler('onEscape'),
onStrictHandler('onOpenMenu'),
onStrictHandler('onOpenSubmenu'),
onHandler('onCollapseMenu'),
defaulted$1('openImmediately', true),
strictObjOf('data', [
strict$1('primary'),
strict$1('menus'),
strict$1('expansions')
]),
defaulted$1('fakeFocus', false),
onHandler('onHighlight'),
onHandler('onHover'),
tieredMenuMarkers(),
strict$1('dom'),
defaulted$1('navigateOnHover', true),
defaulted$1('stayInDom', false),
field$1('tmenuBehaviours', [
Keying,
Highlighting,
Composing,
Replacing
]),
defaulted$1('eventOrder', {})
],
apis: {
collapseMenu: function (apis, tmenu) {
apis.collapseMenu(tmenu);
}
},
factory: make$3,
extraApis: {
tieredData: tieredData,
singleData: singleData,
collapseItem: collapseItem$1
}
});
var findRoute = function (component, transConfig, transState, route) {
return readOptFrom$1(transConfig.routes(), route.start()).map(apply).bind(function (sConfig) {
return readOptFrom$1(sConfig, route.destination()).map(apply);
});
};
var getTransition = function (comp, transConfig, transState) {
var route = getCurrentRoute(comp, transConfig);
return route.bind(function (r) {
return getTransitionOf(comp, transConfig, transState, r);
});
};
var getTransitionOf = function (comp, transConfig, transState, route) {
return findRoute(comp, transConfig, transState, route).bind(function (r) {
return r.transition().map(function (t) {
return {
transition: constant(t),
route: constant(r)
};
});
});
};
var disableTransition = function (comp, transConfig, transState) {
getTransition(comp, transConfig, transState).each(function (routeTransition) {
var t = routeTransition.transition();
remove$4(comp.element(), t.transitionClass());
remove$1(comp.element(), transConfig.destinationAttr());
});
};
var getNewRoute = function (comp, transConfig, transState, destination) {
return {
start: constant(get(comp.element(), transConfig.stateAttr())),
destination: constant(destination)
};
};
var getCurrentRoute = function (comp, transConfig, transState) {
var el = comp.element();
return has(el, transConfig.destinationAttr()) ? Option.some({
start: constant(get(comp.element(), transConfig.stateAttr())),
destination: constant(get(comp.element(), transConfig.destinationAttr()))
}) : Option.none();
};
var jumpTo = function (comp, transConfig, transState, destination) {
disableTransition(comp, transConfig, transState);
if (has(comp.element(), transConfig.stateAttr()) && get(comp.element(), transConfig.stateAttr()) !== destination) {
transConfig.onFinish()(comp, destination);
}
set(comp.element(), transConfig.stateAttr(), destination);
};
var fasttrack = function (comp, transConfig, transState, destination) {
if (has(comp.element(), transConfig.destinationAttr())) {
set(comp.element(), transConfig.stateAttr(), get(comp.element(), transConfig.destinationAttr()));
remove$1(comp.element(), transConfig.destinationAttr());
}
};
var progressTo = function (comp, transConfig, transState, destination) {
fasttrack(comp, transConfig);
var route = getNewRoute(comp, transConfig, transState, destination);
getTransitionOf(comp, transConfig, transState, route).fold(function () {
jumpTo(comp, transConfig, transState, destination);
}, function (routeTransition) {
disableTransition(comp, transConfig, transState);
var t = routeTransition.transition();
add$2(comp.element(), t.transitionClass());
set(comp.element(), transConfig.destinationAttr(), destination);
});
};
var getState = function (comp, transConfig, transState) {
var e = comp.element();
return has(e, transConfig.stateAttr()) ? Option.some(get(e, transConfig.stateAttr())) : Option.none();
};
var TransitionApis = /*#__PURE__*/Object.freeze({
findRoute: findRoute,
disableTransition: disableTransition,
getCurrentRoute: getCurrentRoute,
jumpTo: jumpTo,
progressTo: progressTo,
getState: getState
});
var events$9 = function (transConfig, transState) {
return derive([
run(transitionend(), function (component, simulatedEvent) {
var raw = simulatedEvent.event().raw();
getCurrentRoute(component, transConfig).each(function (route) {
findRoute(component, transConfig, transState, route).each(function (rInfo) {
rInfo.transition().each(function (rTransition) {
if (raw.propertyName === rTransition.property()) {
jumpTo(component, transConfig, transState, route.destination());
transConfig.onTransition()(component, route);
}
});
});
});
}),
runOnAttached(function (comp, se) {
jumpTo(comp, transConfig, transState, transConfig.initialState());
})
]);
};
var ActiveTransitioning = /*#__PURE__*/Object.freeze({
events: events$9
});
var TransitionSchema = [
defaulted$1('destinationAttr', 'data-transitioning-destination'),
defaulted$1('stateAttr', 'data-transitioning-state'),
strict$1('initialState'),
onHandler('onTransition'),
onHandler('onFinish'),
strictOf('routes', setOf(Result.value, setOf(Result.value, objOfOnly([optionObjOfOnly('transition', [
strict$1('property'),
strict$1('transitionClass')
])]))))
];
var createRoutes = function (routes) {
var r = {};
each(routes, function (v, k) {
var waypoints = k.split('<->');
r[waypoints[0]] = wrap$1(waypoints[1], v);
r[waypoints[1]] = wrap$1(waypoints[0], v);
});
return r;
};
var createBistate = function (first, second, transitions) {
return wrapAll$1([
{
key: first,
value: wrap$1(second, transitions)
},
{
key: second,
value: wrap$1(first, transitions)
}
]);
};
var createTristate = function (first, second, third, transitions) {
return wrapAll$1([
{
key: first,
value: wrapAll$1([
{
key: second,
value: transitions
},
{
key: third,
value: transitions
}
])
},
{
key: second,
value: wrapAll$1([
{
key: first,
value: transitions
},
{
key: third,
value: transitions
}
])
},
{
key: third,
value: wrapAll$1([
{
key: first,
value: transitions
},
{
key: second,
value: transitions
}
])
}
]);
};
var Transitioning = create$1({
fields: TransitionSchema,
name: 'transitioning',
active: ActiveTransitioning,
apis: TransitionApis,
extra: {
createRoutes: createRoutes,
createBistate: createBistate,
createTristate: createTristate
}
});
var scrollable = Styles.resolve('scrollable');
var register = function (element) {
add$2(element, scrollable);
};
var deregister = function (element) {
remove$4(element, scrollable);
};
var Scrollable = {
register: register,
deregister: deregister,
scrollable: constant(scrollable)
};
var getValue$4 = function (item) {
return readOptFrom$1(item, 'format').getOr(item.title);
};
var convert$1 = function (formats, memMenuThunk) {
var mainMenu = makeMenu('Styles', [].concat(map$1(formats.items, function (k) {
return makeItem(getValue$4(k), k.title, k.isSelected(), k.getPreview(), hasKey$1(formats.expansions, getValue$4(k)));
})), memMenuThunk, false);
var submenus = map(formats.menus, function (menuItems, menuName) {
var items = map$1(menuItems, function (item) {
return makeItem(getValue$4(item), item.title, item.isSelected !== undefined ? item.isSelected() : false, item.getPreview !== undefined ? item.getPreview() : '', hasKey$1(formats.expansions, getValue$4(item)));
});
return makeMenu(menuName, items, memMenuThunk, true);
});
var menus = deepMerge(submenus, wrap$1('styles', mainMenu));
var tmenu = tieredMenu.tieredData('styles', menus, formats.expansions);
return { tmenu: tmenu };
};
var makeItem = function (value, text, selected, preview, isMenu) {
return {
data: {
value: value,
text: text
},
type: 'item',
dom: {
tag: 'div',
classes: isMenu ? [Styles.resolve('styles-item-is-menu')] : []
},
toggling: {
toggleOnExecute: false,
toggleClass: Styles.resolve('format-matches'),
selected: selected
},
itemBehaviours: derive$1(isMenu ? [] : [Receivers.format(value, function (comp, status) {
var toggle = status ? Toggling.on : Toggling.off;
toggle(comp);
})]),
components: [{
dom: {
tag: 'div',
attributes: { style: preview },
innerHtml: text
}
}]
};
};
var makeMenu = function (value, items, memMenuThunk, collapsable) {
return {
value: value,
dom: { tag: 'div' },
components: [
Button.sketch({
dom: {
tag: 'div',
classes: [Styles.resolve('styles-collapser')]
},
components: collapsable ? [
{
dom: {
tag: 'span',
classes: [Styles.resolve('styles-collapse-icon')]
}
},
text(value)
] : [text(value)],
action: function (item) {
if (collapsable) {
var comp = memMenuThunk().get(item);
tieredMenu.collapseMenu(comp);
}
}
}),
{
dom: {
tag: 'div',
classes: [Styles.resolve('styles-menu-items-container')]
},
components: [Menu.parts().items({})],
behaviours: derive$1([config('adhoc-scrollable-menu', [
runOnAttached(function (component, simulatedEvent) {
set$2(component.element(), 'overflow-y', 'auto');
set$2(component.element(), '-webkit-overflow-scrolling', 'touch');
Scrollable.register(component.element());
}),
runOnDetached(function (component) {
remove$5(component.element(), 'overflow-y');
remove$5(component.element(), '-webkit-overflow-scrolling');
Scrollable.deregister(component.element());
})
])])
}
],
items: items,
menuBehaviours: derive$1([Transitioning.config({
initialState: 'after',
routes: Transitioning.createTristate('before', 'current', 'after', {
transition: {
property: 'transform',
transitionClass: 'transitioning'
}
})
})])
};
};
var sketch$8 = function (settings) {
var dataset = convert$1(settings.formats, function () {
return memMenu;
});
var memMenu = record(tieredMenu.sketch({
dom: {
tag: 'div',
classes: [Styles.resolve('styles-menu')]
},
components: [],
fakeFocus: true,
stayInDom: true,
onExecute: function (tmenu, item) {
var v = Representing.getValue(item);
settings.handle(item, v.value);
return Option.none();
},
onEscape: function () {
return Option.none();
},
onOpenMenu: function (container, menu) {
var w = get$6(container.element());
set$3(menu.element(), w);
Transitioning.jumpTo(menu, 'current');
},
onOpenSubmenu: function (container, item, submenu) {
var w = get$6(container.element());
var menu = ancestor$1(item.element(), '[role="menu"]').getOrDie('hacky');
var menuComp = container.getSystem().getByDom(menu).getOrDie();
set$3(submenu.element(), w);
Transitioning.progressTo(menuComp, 'before');
Transitioning.jumpTo(submenu, 'after');
Transitioning.progressTo(submenu, 'current');
},
onCollapseMenu: function (container, item, menu) {
var submenu = ancestor$1(item.element(), '[role="menu"]').getOrDie('hacky');
var submenuComp = container.getSystem().getByDom(submenu).getOrDie();
Transitioning.progressTo(submenuComp, 'after');
Transitioning.progressTo(menu, 'current');
},
navigateOnHover: false,
openImmediately: true,
data: dataset.tmenu,
markers: {
backgroundMenu: Styles.resolve('styles-background-menu'),
menu: Styles.resolve('styles-menu'),
selectedMenu: Styles.resolve('styles-selected-menu'),
item: Styles.resolve('styles-item'),
selectedItem: Styles.resolve('styles-selected-item')
}
}));
return memMenu.asSpec();
};
var StylesMenu = { sketch: sketch$8 };
var getFromExpandingItem = function (item) {
var newItem = deepMerge(exclude$1(item, ['items']), { menu: true });
var rest = expand(item.items);
var newMenus = deepMerge(rest.menus, wrap$1(item.title, rest.items));
var newExpansions = deepMerge(rest.expansions, wrap$1(item.title, item.title));
return {
item: newItem,
menus: newMenus,
expansions: newExpansions
};
};
var getFromItem = function (item) {
return hasKey$1(item, 'items') ? getFromExpandingItem(item) : {
item: item,
menus: {},
expansions: {}
};
};
var expand = function (items) {
return foldr(items, function (acc, item) {
var newData = getFromItem(item);
return {
menus: deepMerge(acc.menus, newData.menus),
items: [newData.item].concat(acc.items),
expansions: deepMerge(acc.expansions, newData.expansions)
};
}, {
menus: {},
expansions: {},
items: []
});
};
var StyleConversions = { expand: expand };
var register$1 = function (editor, settings) {
var isSelectedFor = function (format) {
return function () {
return editor.formatter.match(format);
};
};
var getPreview = function (format) {
return function () {
var styles = editor.formatter.getCssText(format);
return styles;
};
};
var enrichSupported = function (item) {
return deepMerge(item, {
isSelected: isSelectedFor(item.format),
getPreview: getPreview(item.format)
});
};
var enrichMenu = function (item) {
return deepMerge(item, {
isSelected: constant(false),
getPreview: constant('')
});
};
var enrichCustom = function (item) {
var formatName = generate$1(item.title);
var newItem = deepMerge(item, {
format: formatName,
isSelected: isSelectedFor(formatName),
getPreview: getPreview(formatName)
});
editor.formatter.register(formatName, newItem);
return newItem;
};
var formats = readOptFrom$1(settings, 'style_formats').getOr(DefaultStyleFormats);
var doEnrich = function (items) {
return map$1(items, function (item) {
if (hasKey$1(item, 'items')) {
var newItems = doEnrich(item.items);
return deepMerge(enrichMenu(item), { items: newItems });
} else if (hasKey$1(item, 'format')) {
return enrichSupported(item);
} else {
return enrichCustom(item);
}
});
};
return doEnrich(formats);
};
var prune = function (editor, formats) {
var doPrune = function (items) {
return bind(items, function (item) {
if (item.items !== undefined) {
var newItems = doPrune(item.items);
return newItems.length > 0 ? [item] : [];
} else {
var keep = hasKey$1(item, 'format') ? editor.formatter.canApply(item.format) : true;
return keep ? [item] : [];
}
});
};
var prunedItems = doPrune(formats);
return StyleConversions.expand(prunedItems);
};
var ui = function (editor, formats, onDone) {
var pruned = prune(editor, formats);
return StylesMenu.sketch({
formats: pruned,
handle: function (item, value) {
editor.undoManager.transact(function () {
if (Toggling.isOn(item)) {
editor.formatter.remove(value);
} else {
editor.formatter.apply(value);
}
});
onDone();
}
});
};
var StyleFormats = {
register: register$1,
ui: ui
};
var defaults = [
'undo',
'bold',
'italic',
'link',
'image',
'bullist',
'styleselect'
];
var extract$1 = function (rawToolbar) {
var toolbar = rawToolbar.replace(/\|/g, ' ').trim();
return toolbar.length > 0 ? toolbar.split(/\s+/) : [];
};
var identifyFromArray = function (toolbar) {
return bind(toolbar, function (item) {
return isArray(item) ? identifyFromArray(item) : extract$1(item);
});
};
var identify = function (settings) {
var toolbar = settings.toolbar !== undefined ? settings.toolbar : defaults;
return isArray(toolbar) ? identifyFromArray(toolbar) : extract$1(toolbar);
};
var setup = function (realm, editor) {
var commandSketch = function (name) {
return function () {
return Buttons.forToolbarCommand(editor, name);
};
};
var stateCommandSketch = function (name) {
return function () {
return Buttons.forToolbarStateCommand(editor, name);
};
};
var actionSketch = function (name, query, action) {
return function () {
return Buttons.forToolbarStateAction(editor, name, query, action);
};
};
var undo = commandSketch('undo');
var redo = commandSketch('redo');
var bold = stateCommandSketch('bold');
var italic = stateCommandSketch('italic');
var underline = stateCommandSketch('underline');
var removeformat = commandSketch('removeformat');
var link = function () {
return sketch$7(realm, editor);
};
var unlink = actionSketch('unlink', 'link', function () {
editor.execCommand('unlink', null, false);
});
var image = function () {
return sketch$4(editor);
};
var bullist = actionSketch('unordered-list', 'ul', function () {
editor.execCommand('InsertUnorderedList', null, false);
});
var numlist = actionSketch('ordered-list', 'ol', function () {
editor.execCommand('InsertOrderedList', null, false);
});
var fontsizeselect = function () {
return sketch$3(realm, editor);
};
var forecolor = function () {
return ColorSlider.sketch(realm, editor);
};
var styleFormats = StyleFormats.register(editor, editor.settings);
var styleFormatsMenu = function () {
return StyleFormats.ui(editor, styleFormats, function () {
editor.fire('scrollIntoView');
});
};
var styleselect = function () {
return Buttons.forToolbar('style-formats', function (button) {
editor.fire('toReading');
realm.dropup().appear(styleFormatsMenu, Toggling.on, button);
}, derive$1([
Toggling.config({
toggleClass: Styles.resolve('toolbar-button-selected'),
toggleOnExecute: false,
aria: { mode: 'pressed' }
}),
Receiving.config({
channels: wrapAll$1([
Receivers.receive(TinyChannels.orientationChanged(), Toggling.off),
Receivers.receive(TinyChannels.dropupDismissed(), Toggling.off)
])
})
]));
};
var feature = function (prereq, sketch) {
return {
isSupported: function () {
return prereq.forall(function (p) {
return hasKey$1(editor.buttons, p);
});
},
sketch: sketch
};
};
return {
undo: feature(Option.none(), undo),
redo: feature(Option.none(), redo),
bold: feature(Option.none(), bold),
italic: feature(Option.none(), italic),
underline: feature(Option.none(), underline),
removeformat: feature(Option.none(), removeformat),
link: feature(Option.none(), link),
unlink: feature(Option.none(), unlink),
image: feature(Option.none(), image),
bullist: feature(Option.some('bullist'), bullist),
numlist: feature(Option.some('numlist'), numlist),
fontsizeselect: feature(Option.none(), fontsizeselect),
forecolor: feature(Option.none(), forecolor),
styleselect: feature(Option.none(), styleselect)
};
};
var detect$4 = function (settings, features) {
var itemNames = identify(settings);
var present = {};
return bind(itemNames, function (iName) {
var r = !hasKey$1(present, iName) && hasKey$1(features, iName) && features[iName].isSupported() ? [features[iName].sketch()] : [];
present[iName] = true;
return r;
});
};
var Features = {
identify: identify,
setup: setup,
detect: detect$4
};
var mkEvent = function (target, x, y, stop, prevent, kill, raw) {
return {
target: constant(target),
x: constant(x),
y: constant(y),
stop: stop,
prevent: prevent,
kill: kill,
raw: constant(raw)
};
};
var handle = function (filter, handler) {
return function (rawEvent) {
if (!filter(rawEvent)) {
return;
}
var target = Element.fromDom(rawEvent.target);
var stop = function () {
rawEvent.stopPropagation();
};
var prevent = function () {
rawEvent.preventDefault();
};
var kill = compose(prevent, stop);
var evt = mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
handler(evt);
};
};
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 capture = function (element, event, filter, handler) {
return binder(element, event, filter, handler, true);
};
var unbind = function (element, event, handler, useCapture) {
element.dom().removeEventListener(event, handler, useCapture);
};
var filter$1 = constant(true);
var bind$2 = function (element, event, handler) {
return bind$1(element, event, filter$1, handler);
};
var capture$1 = function (element, event, handler) {
return capture(element, event, filter$1, handler);
};
var INTERVAL = 50;
var INSURANCE = 1000 / INTERVAL;
var get$a = function (outerWindow) {
var isPortrait = outerWindow.matchMedia('(orientation: portrait)').matches;
return { isPortrait: constant(isPortrait) };
};
var getActualWidth = function (outerWindow) {
var isIos = PlatformDetection$1.detect().os.isiOS();
var isPortrait = get$a(outerWindow).isPortrait();
return isIos && !isPortrait ? outerWindow.screen.height : outerWindow.screen.width;
};
var onChange = function (outerWindow, listeners) {
var win = Element.fromDom(outerWindow);
var poller = null;
var change = function () {
clearInterval(poller);
var orientation = get$a(outerWindow);
listeners.onChange(orientation);
onAdjustment(function () {
listeners.onReady(orientation);
});
};
var orientationHandle = bind$2(win, 'orientationchange', change);
var onAdjustment = function (f) {
clearInterval(poller);
var flag = outerWindow.innerHeight;
var insurance = 0;
poller = setInterval(function () {
if (flag !== outerWindow.innerHeight) {
clearInterval(poller);
f(Option.some(outerWindow.innerHeight));
} else if (insurance > INSURANCE) {
clearInterval(poller);
f(Option.none());
}
insurance++;
}, INTERVAL);
};
var destroy = function () {
orientationHandle.unbind();
};
return {
onAdjustment: onAdjustment,
destroy: destroy
};
};
var Orientation = {
get: get$a,
onChange: onChange,
getActualWidth: getActualWidth
};
function DelayedFunction (fun, delay) {
var ref = null;
var schedule = function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
ref = domGlobals.setTimeout(function () {
fun.apply(null, args);
ref = null;
}, delay);
};
var cancel = function () {
if (ref !== null) {
domGlobals.clearTimeout(ref);
ref = null;
}
};
return {
cancel: cancel,
schedule: schedule
};
}
var SIGNIFICANT_MOVE = 5;
var LONGPRESS_DELAY = 400;
var getTouch = function (event) {
var raw = event.raw();
if (raw.touches === undefined || raw.touches.length !== 1) {
return Option.none();
}
return Option.some(raw.touches[0]);
};
var isFarEnough = function (touch, data) {
var distX = Math.abs(touch.clientX - data.x());
var distY = Math.abs(touch.clientY - data.y());
return distX > SIGNIFICANT_MOVE || distY > SIGNIFICANT_MOVE;
};
var monitor = function (settings) {
var startData = Cell(Option.none());
var longpress$1 = DelayedFunction(function (event) {
startData.set(Option.none());
settings.triggerEvent(longpress(), event);
}, LONGPRESS_DELAY);
var handleTouchstart = function (event) {
getTouch(event).each(function (touch) {
longpress$1.cancel();
var data = {
x: constant(touch.clientX),
y: constant(touch.clientY),
target: event.target
};
longpress$1.schedule(event);
startData.set(Option.some(data));
});
return Option.none();
};
var handleTouchmove = function (event) {
longpress$1.cancel();
getTouch(event).each(function (touch) {
startData.get().each(function (data) {
if (isFarEnough(touch, data)) {
startData.set(Option.none());
}
});
});
return Option.none();
};
var handleTouchend = function (event) {
longpress$1.cancel();
var isSame = function (data) {
return eq(data.target(), event.target());
};
return startData.get().filter(isSame).map(function (data) {
return settings.triggerEvent(tap(), event);
});
};
var handlers = wrapAll$1([
{
key: touchstart(),
value: handleTouchstart
},
{
key: touchmove(),
value: handleTouchmove
},
{
key: touchend(),
value: handleTouchend
}
]);
var fireIfReady = function (event, type) {
return readOptFrom$1(handlers, type).bind(function (handler) {
return handler(event);
});
};
return { fireIfReady: fireIfReady };
};
var monitor$1 = function (editorApi) {
var tapEvent = monitor({
triggerEvent: function (type, evt) {
editorApi.onTapContent(evt);
}
});
var onTouchend = function () {
return bind$2(editorApi.body(), 'touchend', function (evt) {
tapEvent.fireIfReady(evt, 'touchend');
});
};
var onTouchmove = function () {
return bind$2(editorApi.body(), 'touchmove', function (evt) {
tapEvent.fireIfReady(evt, 'touchmove');
});
};
var fireTouchstart = function (evt) {
tapEvent.fireIfReady(evt, 'touchstart');
};
return {
fireTouchstart: fireTouchstart,
onTouchend: onTouchend,
onTouchmove: onTouchmove
};
};
var TappingEvent = { monitor: monitor$1 };
var isAndroid6 = PlatformDetection$1.detect().os.version.major >= 6;
var initEvents = function (editorApi, toolstrip, alloy) {
var tapping = TappingEvent.monitor(editorApi);
var outerDoc = owner(toolstrip);
var isRanged = function (sel) {
return !eq(sel.start(), sel.finish()) || sel.soffset() !== sel.foffset();
};
var hasRangeInUi = function () {
return active(outerDoc).filter(function (input) {
return name(input) === 'input';
}).exists(function (input) {
return input.dom().selectionStart !== input.dom().selectionEnd;
});
};
var updateMargin = function () {
var rangeInContent = editorApi.doc().dom().hasFocus() && editorApi.getSelection().exists(isRanged);
alloy.getByDom(toolstrip).each((rangeInContent || hasRangeInUi()) === true ? Toggling.on : Toggling.off);
};
var listeners = [
bind$2(editorApi.body(), 'touchstart', function (evt) {
editorApi.onTouchContent();
tapping.fireTouchstart(evt);
}),
tapping.onTouchmove(),
tapping.onTouchend(),
bind$2(toolstrip, 'touchstart', function (evt) {
editorApi.onTouchToolstrip();
}),
editorApi.onToReading(function () {
blur(editorApi.body());
}),
editorApi.onToEditing(noop),
editorApi.onScrollToCursor(function (tinyEvent) {
tinyEvent.preventDefault();
editorApi.getCursorBox().each(function (bounds) {
var cWin = editorApi.win();
var isOutside = bounds.top() > cWin.innerHeight || bounds.bottom() > cWin.innerHeight;
var cScrollBy = isOutside ? bounds.bottom() - cWin.innerHeight + 50 : 0;
if (cScrollBy !== 0) {
cWin.scrollTo(cWin.pageXOffset, cWin.pageYOffset + cScrollBy);
}
});
})
].concat(isAndroid6 === true ? [] : [
bind$2(Element.fromDom(editorApi.win()), 'blur', function () {
alloy.getByDom(toolstrip).each(Toggling.off);
}),
bind$2(outerDoc, 'select', updateMargin),
bind$2(editorApi.doc(), 'selectionchange', updateMargin)
]);
var destroy = function () {
each$1(listeners, function (l) {
l.unbind();
});
};
return { destroy: destroy };
};
var AndroidEvents = { initEvents: initEvents };
var safeParse = function (element, attribute) {
var parsed = parseInt(get(element, attribute), 10);
return isNaN(parsed) ? 0 : parsed;
};
var DataAttributes = { safeParse: safeParse };
function NodeValue (is, name) {
var get = function (element) {
if (!is(element)) {
throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
}
return getOption(element).getOr('');
};
var getOption = function (element) {
return is(element) ? Option.from(element.dom().nodeValue) : Option.none();
};
var set = function (element, value) {
if (!is(element)) {
throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
}
element.dom().nodeValue = value;
};
return {
get: get,
getOption: getOption,
set: set
};
}
var api$3 = NodeValue(isText, 'text');
var getOption = function (element) {
return api$3.getOption(element);
};
var getEnd = function (element) {
return name(element) === 'img' ? 1 : getOption(element).fold(function () {
return children(element).length;
}, function (v) {
return v.length;
});
};
var create$3 = Immutable('start', 'soffset', 'finish', 'foffset');
var SimRange = { create: create$3 };
var adt$4 = Adt.generate([
{ before: ['element'] },
{
on: [
'element',
'offset'
]
},
{ after: ['element'] }
]);
var cata = function (subject, onBefore, onOn, onAfter) {
return subject.fold(onBefore, onOn, onAfter);
};
var getStart = function (situ) {
return situ.fold(identity, identity, identity);
};
var before$1 = adt$4.before;
var on$1 = adt$4.on;
var after$1 = adt$4.after;
var Situ = {
before: before$1,
on: on$1,
after: after$1,
cata: cata,
getStart: getStart
};
var adt$5 = Adt.generate([
{ domRange: ['rng'] },
{
relative: [
'startSitu',
'finishSitu'
]
},
{
exact: [
'start',
'soffset',
'finish',
'foffset'
]
}
]);
var exactFromRange = function (simRange) {
return adt$5.exact(simRange.start(), simRange.soffset(), simRange.finish(), simRange.foffset());
};
var getStart$1 = function (selection) {
return selection.match({
domRange: function (rng) {
return Element.fromDom(rng.startContainer);
},
relative: function (startSitu, finishSitu) {
return Situ.getStart(startSitu);
},
exact: function (start, soffset, finish, foffset) {
return start;
}
});
};
var domRange = adt$5.domRange;
var relative = adt$5.relative;
var exact = adt$5.exact;
var getWin = function (selection) {
var start = getStart$1(selection);
return defaultView(start);
};
var range = SimRange.create;
var Selection = {
domRange: domRange,
relative: relative,
exact: exact,
exactFromRange: exactFromRange,
getWin: getWin,
range: range
};
var setStart = function (rng, situ) {
situ.fold(function (e) {
rng.setStartBefore(e.dom());
}, function (e, o) {
rng.setStart(e.dom(), o);
}, function (e) {
rng.setStartAfter(e.dom());
});
};
var setFinish = function (rng, situ) {
situ.fold(function (e) {
rng.setEndBefore(e.dom());
}, function (e, o) {
rng.setEnd(e.dom(), o);
}, function (e) {
rng.setEndAfter(e.dom());
});
};
var relativeToNative = function (win, startSitu, finishSitu) {
var range = win.document.createRange();
setStart(range, startSitu);
setFinish(range, finishSitu);
return range;
};
var exactToNative = function (win, start, soffset, finish, foffset) {
var rng = win.document.createRange();
rng.setStart(start.dom(), soffset);
rng.setEnd(finish.dom(), foffset);
return rng;
};
var toRect = function (rect) {
return {
left: constant(rect.left),
top: constant(rect.top),
right: constant(rect.right),
bottom: constant(rect.bottom),
width: constant(rect.width),
height: constant(rect.height)
};
};
var getFirstRect = function (rng) {
var rects = rng.getClientRects();
var rect = rects.length > 0 ? rects[0] : rng.getBoundingClientRect();
return rect.width > 0 || rect.height > 0 ? Option.some(rect).map(toRect) : Option.none();
};
var adt$6 = Adt.generate([
{
ltr: [
'start',
'soffset',
'finish',
'foffset'
]
},
{
rtl: [
'start',
'soffset',
'finish',
'foffset'
]
}
]);
var fromRange = function (win, type, range) {
return type(Element.fromDom(range.startContainer), range.startOffset, Element.fromDom(range.endContainer), range.endOffset);
};
var getRanges = function (win, selection) {
return selection.match({
domRange: function (rng) {
return {
ltr: constant(rng),
rtl: Option.none
};
},
relative: function (startSitu, finishSitu) {
return {
ltr: cached(function () {
return relativeToNative(win, startSitu, finishSitu);
}),
rtl: cached(function () {
return Option.some(relativeToNative(win, finishSitu, startSitu));
})
};
},
exact: function (start, soffset, finish, foffset) {
return {
ltr: cached(function () {
return exactToNative(win, start, soffset, finish, foffset);
}),
rtl: cached(function () {
return Option.some(exactToNative(win, finish, foffset, start, soffset));
})
};
}
});
};
var doDiagnose = function (win, ranges) {
var rng = ranges.ltr();
if (rng.collapsed) {
var reversed = ranges.rtl().filter(function (rev) {
return rev.collapsed === false;
});
return reversed.map(function (rev) {
return adt$6.rtl(Element.fromDom(rev.endContainer), rev.endOffset, Element.fromDom(rev.startContainer), rev.startOffset);
}).getOrThunk(function () {
return fromRange(win, adt$6.ltr, rng);
});
} else {
return fromRange(win, adt$6.ltr, rng);
}
};
var diagnose = function (win, selection) {
var ranges = getRanges(win, selection);
return doDiagnose(win, ranges);
};
var asLtrRange = function (win, selection) {
var diagnosis = diagnose(win, selection);
return diagnosis.match({
ltr: function (start, soffset, finish, foffset) {
var rng = win.document.createRange();
rng.setStart(start.dom(), soffset);
rng.setEnd(finish.dom(), foffset);
return rng;
},
rtl: function (start, soffset, finish, foffset) {
var rng = win.document.createRange();
rng.setStart(finish.dom(), foffset);
rng.setEnd(start.dom(), soffset);
return rng;
}
});
};
var beforeSpecial = function (element, offset) {
var name$1 = name(element);
if ('input' === name$1) {
return Situ.after(element);
} else if (!contains([
'br',
'img'
], name$1)) {
return Situ.on(element, offset);
} else {
return offset === 0 ? Situ.before(element) : Situ.after(element);
}
};
var preprocessExact = function (start, soffset, finish, foffset) {
var startSitu = beforeSpecial(start, soffset);
var finishSitu = beforeSpecial(finish, foffset);
return Selection.relative(startSitu, finishSitu);
};
var makeRange = function (start, soffset, finish, foffset) {
var doc = owner(start);
var rng = doc.dom().createRange();
rng.setStart(start.dom(), soffset);
rng.setEnd(finish.dom(), foffset);
return rng;
};
var after$2 = function (start, soffset, finish, foffset) {
var r = makeRange(start, soffset, finish, foffset);
var same = eq(start, finish) && soffset === foffset;
return r.collapsed && !same;
};
var doSetNativeRange = function (win, rng) {
Option.from(win.getSelection()).each(function (selection) {
selection.removeAllRanges();
selection.addRange(rng);
});
};
var doSetRange = function (win, start, soffset, finish, foffset) {
var rng = exactToNative(win, start, soffset, finish, foffset);
doSetNativeRange(win, rng);
};
var setLegacyRtlRange = function (win, selection, start, soffset, finish, foffset) {
selection.collapse(start.dom(), soffset);
selection.extend(finish.dom(), foffset);
};
var setRangeFromRelative = function (win, relative) {
return diagnose(win, relative).match({
ltr: function (start, soffset, finish, foffset) {
doSetRange(win, start, soffset, finish, foffset);
},
rtl: function (start, soffset, finish, foffset) {
var selection = win.getSelection();
if (selection.setBaseAndExtent) {
selection.setBaseAndExtent(start.dom(), soffset, finish.dom(), foffset);
} else if (selection.extend) {
try {
setLegacyRtlRange(win, selection, start, soffset, finish, foffset);
} catch (e) {
doSetRange(win, finish, foffset, start, soffset);
}
} else {
doSetRange(win, finish, foffset, start, soffset);
}
}
});
};
var setExact = function (win, start, soffset, finish, foffset) {
var relative = preprocessExact(start, soffset, finish, foffset);
setRangeFromRelative(win, relative);
};
var readRange = function (selection) {
if (selection.rangeCount > 0) {
var firstRng = selection.getRangeAt(0);
var lastRng = selection.getRangeAt(selection.rangeCount - 1);
return Option.some(SimRange.create(Element.fromDom(firstRng.startContainer), firstRng.startOffset, Element.fromDom(lastRng.endContainer), lastRng.endOffset));
} else {
return Option.none();
}
};
var doGetExact = function (selection) {
var anchor = Element.fromDom(selection.anchorNode);
var focus = Element.fromDom(selection.focusNode);
return after$2(anchor, selection.anchorOffset, focus, selection.focusOffset) ? Option.some(SimRange.create(anchor, selection.anchorOffset, focus, selection.focusOffset)) : readRange(selection);
};
var getExact = function (win) {
return Option.from(win.getSelection()).filter(function (sel) {
return sel.rangeCount > 0;
}).bind(doGetExact);
};
var get$b = function (win) {
return getExact(win).map(function (range) {
return Selection.exact(range.start(), range.soffset(), range.finish(), range.foffset());
});
};
var getFirstRect$1 = function (win, selection) {
var rng = asLtrRange(win, selection);
return getFirstRect(rng);
};
var clear$1 = function (win) {
var selection = win.getSelection();
selection.removeAllRanges();
};
var COLLAPSED_WIDTH = 2;
var collapsedRect = function (rect) {
return {
left: rect.left,
top: rect.top,
right: rect.right,
bottom: rect.bottom,
width: constant(COLLAPSED_WIDTH),
height: rect.height
};
};
var toRect$1 = function (rawRect) {
return {
left: constant(rawRect.left),
top: constant(rawRect.top),
right: constant(rawRect.right),
bottom: constant(rawRect.bottom),
width: constant(rawRect.width),
height: constant(rawRect.height)
};
};
var getRectsFromRange = function (range) {
if (!range.collapsed) {
return map$1(range.getClientRects(), toRect$1);
} else {
var start_1 = Element.fromDom(range.startContainer);
return parent(start_1).bind(function (parent) {
var selection = Selection.exact(start_1, range.startOffset, parent, getEnd(parent));
var optRect = getFirstRect$1(range.startContainer.ownerDocument.defaultView, selection);
return optRect.map(collapsedRect).map(pure);
}).getOr([]);
}
};
var getRectangles = function (cWin) {
var sel = cWin.getSelection();
return sel !== undefined && sel.rangeCount > 0 ? getRectsFromRange(sel.getRangeAt(0)) : [];
};
var Rectangles = { getRectangles: getRectangles };
var autocompleteHack = function () {
return function (f) {
setTimeout(function () {
f();
}, 0);
};
};
var resume = function (cWin) {
cWin.focus();
var iBody = Element.fromDom(cWin.document.body);
var inInput = active().exists(function (elem) {
return contains([
'input',
'textarea'
], name(elem));
});
var transaction = inInput ? autocompleteHack() : apply;
transaction(function () {
active().each(blur);
focus$1(iBody);
});
};
var ResumeEditing = { resume: resume };
var EXTRA_SPACING = 50;
var data = 'data-' + Styles.resolve('last-outer-height');
var setLastHeight = function (cBody, value) {
set(cBody, data, value);
};
var getLastHeight = function (cBody) {
return DataAttributes.safeParse(cBody, data);
};
var getBoundsFrom = function (rect) {
return {
top: constant(rect.top()),
bottom: constant(rect.top() + rect.height())
};
};
var getBounds = function (cWin) {
var rects = Rectangles.getRectangles(cWin);
return rects.length > 0 ? Option.some(rects[0]).map(getBoundsFrom) : Option.none();
};
var findDelta = function (outerWindow, cBody) {
var last = getLastHeight(cBody);
var current = outerWindow.innerHeight;
return last > current ? Option.some(last - current) : Option.none();
};
var calculate = function (cWin, bounds, delta) {
var isOutside = bounds.top() > cWin.innerHeight || bounds.bottom() > cWin.innerHeight;
return isOutside ? Math.min(delta, bounds.bottom() - cWin.innerHeight + EXTRA_SPACING) : 0;
};
var setup$1 = function (outerWindow, cWin) {
var cBody = Element.fromDom(cWin.document.body);
var toEditing = function () {
ResumeEditing.resume(cWin);
};
var onResize = bind$2(Element.fromDom(outerWindow), 'resize', function () {
findDelta(outerWindow, cBody).each(function (delta) {
getBounds(cWin).each(function (bounds) {
var cScrollBy = calculate(cWin, bounds, delta);
if (cScrollBy !== 0) {
cWin.scrollTo(cWin.pageXOffset, cWin.pageYOffset + cScrollBy);
}
});
});
setLastHeight(cBody, outerWindow.innerHeight);
});
setLastHeight(cBody, outerWindow.innerHeight);
var destroy = function () {
onResize.unbind();
};
return {
toEditing: toEditing,
destroy: destroy
};
};
var AndroidSetup = { setup: setup$1 };
var getBodyFromFrame = function (frame) {
return Option.some(Element.fromDom(frame.dom().contentWindow.document.body));
};
var getDocFromFrame = function (frame) {
return Option.some(Element.fromDom(frame.dom().contentWindow.document));
};
var getWinFromFrame = function (frame) {
return Option.from(frame.dom().contentWindow);
};
var getSelectionFromFrame = function (frame) {
var optWin = getWinFromFrame(frame);
return optWin.bind(getExact);
};
var getFrame = function (editor) {
return editor.getFrame();
};
var getOrDerive = function (name, f) {
return function (editor) {
var g = editor[name].getOrThunk(function () {
var frame = getFrame(editor);
return function () {
return f(frame);
};
});
return g();
};
};
var getOrListen = function (editor, doc, name, type) {
return editor[name].getOrThunk(function () {
return function (handler) {
return bind$2(doc, type, handler);
};
});
};
var toRect$2 = function (rect) {
return {
left: constant(rect.left),
top: constant(rect.top),
right: constant(rect.right),
bottom: constant(rect.bottom),
width: constant(rect.width),
height: constant(rect.height)
};
};
var getActiveApi = function (editor) {
var frame = getFrame(editor);
var tryFallbackBox = function (win) {
var isCollapsed = function (sel) {
return eq(sel.start(), sel.finish()) && sel.soffset() === sel.foffset();
};
var toStartRect = function (sel) {
var rect = sel.start().dom().getBoundingClientRect();
return rect.width > 0 || rect.height > 0 ? Option.some(rect).map(toRect$2) : Option.none();
};
return getExact(win).filter(isCollapsed).bind(toStartRect);
};
return getBodyFromFrame(frame).bind(function (body) {
return getDocFromFrame(frame).bind(function (doc) {
return getWinFromFrame(frame).map(function (win) {
var html = Element.fromDom(doc.dom().documentElement);
var getCursorBox = editor.getCursorBox.getOrThunk(function () {
return function () {
return get$b(win).bind(function (sel) {
return getFirstRect$1(win, sel).orThunk(function () {
return tryFallbackBox(win);
});
});
};
});
var setSelection = editor.setSelection.getOrThunk(function () {
return function (start, soffset, finish, foffset) {
setExact(win, start, soffset, finish, foffset);
};
});
var clearSelection = editor.clearSelection.getOrThunk(function () {
return function () {
clear$1(win);
};
});
return {
body: constant(body),
doc: constant(doc),
win: constant(win),
html: constant(html),
getSelection: curry(getSelectionFromFrame, frame),
setSelection: setSelection,
clearSelection: clearSelection,
frame: constant(frame),
onKeyup: getOrListen(editor, doc, 'onKeyup', 'keyup'),
onNodeChanged: getOrListen(editor, doc, 'onNodeChanged', 'selectionchange'),
onDomChanged: editor.onDomChanged,
onScrollToCursor: editor.onScrollToCursor,
onScrollToElement: editor.onScrollToElement,
onToReading: editor.onToReading,
onToEditing: editor.onToEditing,
onToolbarScrollStart: editor.onToolbarScrollStart,
onTouchContent: editor.onTouchContent,
onTapContent: editor.onTapContent,
onTouchToolstrip: editor.onTouchToolstrip,
getCursorBox: getCursorBox
};
});
});
});
};
var PlatformEditor = {
getBody: getOrDerive('getBody', getBodyFromFrame),
getDoc: getOrDerive('getDoc', getDocFromFrame),
getWin: getOrDerive('getWin', getWinFromFrame),
getSelection: getOrDerive('getSelection', getSelectionFromFrame),
getFrame: getFrame,
getActiveApi: getActiveApi
};
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 = PlatformDetection$1.detect().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 (container, editorBody) {
var gatherSibilings = function (element) {
var siblings = siblings$2(element, '*');
return siblings;
};
var clobber = function (clobberStyle) {
return function (element) {
var styles = get(element, 'style');
var backup = styles === undefined ? 'no-styles' : styles.trim();
if (backup === clobberStyle) {
return;
} else {
set(element, attr, backup);
set(element, 'style', clobberStyle);
}
};
};
var ancestors = ancestors$1(container, '*');
var siblings = bind(ancestors, gatherSibilings);
var bgColor = matchColor(editorBody);
each$1(siblings, clobber(siblingStyles));
each$1(ancestors, clobber(ancestorPosition + ancestorStyles + bgColor));
var containerStyles = isAndroid === true ? '' : ancestorPosition;
clobber(containerStyles + ancestorStyles + bgColor)(container);
};
var restoreStyles = function () {
var clobberedEls = all$2('[' + attr + ']');
each$1(clobberedEls, function (element) {
var restore = get(element, attr);
if (restore !== 'no-styles') {
set(element, 'style', restore);
} else {
remove$1(element, 'style');
}
remove$1(element, attr);
});
};
var Thor = {
clobberStyles: clobberStyles,
restoreStyles: restoreStyles
};
var tag = function () {
var head = first('head').getOrDie();
var nu = function () {
var meta = Element.fromTag('meta');
set(meta, 'name', 'viewport');
append(head, meta);
return meta;
};
var element = first('meta[name="viewport"]').getOrThunk(nu);
var backup = get(element, 'content');
var maximize = function () {
set(element, 'content', 'width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0');
};
var restore = function () {
if (backup !== undefined && backup !== null && backup.length > 0) {
set(element, 'content', backup);
} else {
set(element, 'content', 'user-scalable=yes');
}
};
return {
maximize: maximize,
restore: restore
};
};
var MetaViewport = { tag: tag };
var create$4 = function (platform, mask) {
var meta = MetaViewport.tag();
var androidApi = api$2();
var androidEvents = api$2();
var enter = function () {
mask.hide();
add$2(platform.container, Styles.resolve('fullscreen-maximized'));
add$2(platform.container, Styles.resolve('android-maximized'));
meta.maximize();
add$2(platform.body, Styles.resolve('android-scroll-reload'));
androidApi.set(AndroidSetup.setup(platform.win, PlatformEditor.getWin(platform.editor).getOrDie('no')));
PlatformEditor.getActiveApi(platform.editor).each(function (editorApi) {
Thor.clobberStyles(platform.container, editorApi.body());
androidEvents.set(AndroidEvents.initEvents(editorApi, platform.toolstrip, platform.alloy));
});
};
var exit = function () {
meta.restore();
mask.show();
remove$4(platform.container, Styles.resolve('fullscreen-maximized'));
remove$4(platform.container, Styles.resolve('android-maximized'));
Thor.restoreStyles();
remove$4(platform.body, Styles.resolve('android-scroll-reload'));
androidEvents.clear();
androidApi.clear();
};
return {
enter: enter,
exit: exit
};
};
var AndroidMode = { create: create$4 };
var first$1 = function (fn, rate) {
var timer = null;
var cancel = function () {
if (timer !== null) {
domGlobals.clearTimeout(timer);
timer = null;
}
};
var throttle = function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
if (timer === null) {
timer = domGlobals.setTimeout(function () {
fn.apply(null, args);
timer = null;
}, rate);
}
};
return {
cancel: cancel,
throttle: throttle
};
};
var last = function (fn, rate) {
var timer = null;
var cancel = function () {
if (timer !== null) {
domGlobals.clearTimeout(timer);
timer = null;
}
};
var throttle = function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
if (timer !== null) {
domGlobals.clearTimeout(timer);
}
timer = domGlobals.setTimeout(function () {
fn.apply(null, args);
timer = null;
}, rate);
};
return {
cancel: cancel,
throttle: throttle
};
};
var sketch$9 = function (onView, translate) {
var memIcon = record(Container.sketch({
dom: dom$1('<div aria-hidden="true" class="${prefix}-mask-tap-icon"></div>'),
containerBehaviours: derive$1([Toggling.config({
toggleClass: Styles.resolve('mask-tap-icon-selected'),
toggleOnExecute: false
})])
}));
var onViewThrottle = first$1(onView, 200);
return Container.sketch({
dom: dom$1('<div class="${prefix}-disabled-mask"></div>'),
components: [Container.sketch({
dom: dom$1('<div class="${prefix}-content-container"></div>'),
components: [Button.sketch({
dom: dom$1('<div class="${prefix}-content-tap-section"></div>'),
components: [memIcon.asSpec()],
action: function (button) {
onViewThrottle.throttle();
},
buttonBehaviours: derive$1([Toggling.config({ toggleClass: Styles.resolve('mask-tap-icon-selected') })])
})]
})]
});
};
var TapToEditMask = { sketch: sketch$9 };
var MobileSchema = objOf([
strictObjOf('editor', [
strict$1('getFrame'),
option('getBody'),
option('getDoc'),
option('getWin'),
option('getSelection'),
option('setSelection'),
option('clearSelection'),
option('cursorSaver'),
option('onKeyup'),
option('onNodeChanged'),
option('getCursorBox'),
strict$1('onDomChanged'),
defaulted$1('onTouchContent', noop),
defaulted$1('onTapContent', noop),
defaulted$1('onTouchToolstrip', noop),
defaulted$1('onScrollToCursor', constant({ unbind: noop })),
defaulted$1('onScrollToElement', constant({ unbind: noop })),
defaulted$1('onToEditing', constant({ unbind: noop })),
defaulted$1('onToReading', constant({ unbind: noop })),
defaulted$1('onToolbarScrollStart', identity)
]),
strict$1('socket'),
strict$1('toolstrip'),
strict$1('dropup'),
strict$1('toolbar'),
strict$1('container'),
strict$1('alloy'),
state$1('win', function (spec) {
return owner(spec.socket).dom().defaultView;
}),
state$1('body', function (spec) {
return Element.fromDom(spec.socket.dom().ownerDocument.body);
}),
defaulted$1('translate', identity),
defaulted$1('setReadOnly', noop),
defaulted$1('readOnlyOnInit', constant(true))
]);
var produce = function (raw) {
var mobile = asRawOrDie('Getting AndroidWebapp schema', MobileSchema, raw);
set$2(mobile.toolstrip, 'width', '100%');
var onTap = function () {
mobile.setReadOnly(mobile.readOnlyOnInit());
mode.enter();
};
var mask = build$1(TapToEditMask.sketch(onTap, mobile.translate));
mobile.alloy.add(mask);
var maskApi = {
show: function () {
mobile.alloy.add(mask);
},
hide: function () {
mobile.alloy.remove(mask);
}
};
append(mobile.container, mask.element());
var mode = AndroidMode.create(mobile, maskApi);
return {
setReadOnly: mobile.setReadOnly,
refreshStructure: noop,
enter: mode.enter,
exit: mode.exit,
destroy: noop
};
};
var AndroidWebapp = { produce: produce };
var schema$e = constant([
defaulted$1('shell', true),
field$1('toolbarBehaviours', [Replacing])
]);
var enhanceGroups = function (detail) {
return { behaviours: derive$1([Replacing.config({})]) };
};
var parts$2 = constant([optional({
name: 'groups',
overrides: enhanceGroups
})]);
var factory$4 = function (detail, components, spec, _externals) {
var setGroups = function (toolbar, groups) {
getGroupContainer(toolbar).fold(function () {
domGlobals.console.error('Toolbar was defined to not be a shell, but no groups container was specified in components');
throw new Error('Toolbar was defined to not be a shell, but no groups container was specified in components');
}, function (container) {
Replacing.set(container, groups);
});
};
var getGroupContainer = function (component) {
return detail.shell() ? Option.some(component) : getPart(component, detail, 'groups');
};
var extra = detail.shell() ? {
behaviours: [Replacing.config({})],
components: []
} : {
behaviours: [],
components: components
};
return {
uid: detail.uid(),
dom: detail.dom(),
components: extra.components,
behaviours: deepMerge(derive$1(extra.behaviours), get$5(detail.toolbarBehaviours())),
apis: { setGroups: setGroups },
domModification: { attributes: { role: 'group' } }
};
};
var Toolbar = composite$1({
name: 'Toolbar',
configFields: schema$e(),
partFields: parts$2(),
factory: factory$4,
apis: {
setGroups: function (apis, toolbar, groups) {
apis.setGroups(toolbar, groups);
}
}
});
var schema$f = constant([
strict$1('items'),
markers(['itemClass']),
field$1('tgroupBehaviours', [Keying])
]);
var parts$3 = constant([group({
name: 'items',
unit: 'item',
overrides: function (detail) {
return { domModification: { classes: [detail.markers().itemClass()] } };
}
})]);
var factory$5 = function (detail, components, spec, _externals) {
return deepMerge({ dom: { attributes: { role: 'toolbar' } } }, {
'uid': detail.uid(),
'dom': detail.dom(),
'components': components,
'behaviours': deepMerge(derive$1([Keying.config({
mode: 'flow',
selector: '.' + detail.markers().itemClass()
})]), get$5(detail.tgroupBehaviours())),
'debug.sketcher': spec['debug.sketcher']
});
};
var ToolbarGroup = composite$1({
name: 'ToolbarGroup',
configFields: schema$f(),
partFields: parts$3(),
factory: factory$5
});
var dataHorizontal = 'data-' + Styles.resolve('horizontal-scroll');
var canScrollVertically = function (container) {
container.dom().scrollTop = 1;
var result = container.dom().scrollTop !== 0;
container.dom().scrollTop = 0;
return result;
};
var canScrollHorizontally = function (container) {
container.dom().scrollLeft = 1;
var result = container.dom().scrollLeft !== 0;
container.dom().scrollLeft = 0;
return result;
};
var hasVerticalScroll = function (container) {
return container.dom().scrollTop > 0 || canScrollVertically(container);
};
var hasHorizontalScroll = function (container) {
return container.dom().scrollLeft > 0 || canScrollHorizontally(container);
};
var markAsHorizontal = function (container) {
set(container, dataHorizontal, 'true');
};
var hasScroll = function (container) {
return get(container, dataHorizontal) === 'true' ? hasHorizontalScroll(container) : hasVerticalScroll(container);
};
var exclusive = function (scope, selector) {
return bind$2(scope, 'touchmove', function (event) {
closest$1(event.target(), selector).filter(hasScroll).fold(function () {
event.raw().preventDefault();
}, noop);
});
};
var Scrollables = {
exclusive: exclusive,
markAsHorizontal: markAsHorizontal
};
function ScrollingToolbar () {
var makeGroup = function (gSpec) {
var scrollClass = gSpec.scrollable === true ? '${prefix}-toolbar-scrollable-group' : '';
return {
dom: dom$1('<div aria-label="' + gSpec.label + '" class="${prefix}-toolbar-group ' + scrollClass + '"></div>'),
tgroupBehaviours: derive$1([config('adhoc-scrollable-toolbar', gSpec.scrollable === true ? [runOnInit(function (component, simulatedEvent) {
set$2(component.element(), 'overflow-x', 'auto');
Scrollables.markAsHorizontal(component.element());
Scrollable.register(component.element());
})] : [])]),
components: [Container.sketch({ components: [ToolbarGroup.parts().items({})] })],
markers: { itemClass: Styles.resolve('toolbar-group-item') },
items: gSpec.items
};
};
var toolbar = build$1(Toolbar.sketch({
dom: dom$1('<div class="${prefix}-toolbar"></div>'),
components: [Toolbar.parts().groups({})],
toolbarBehaviours: derive$1([
Toggling.config({
toggleClass: Styles.resolve('context-toolbar'),
toggleOnExecute: false,
aria: { mode: 'none' }
}),
Keying.config({ mode: 'cyclic' })
]),
shell: true
}));
var wrapper = build$1(Container.sketch({
dom: { classes: [Styles.resolve('toolstrip')] },
components: [premade$1(toolbar)],
containerBehaviours: derive$1([Toggling.config({
toggleClass: Styles.resolve('android-selection-context-toolbar'),
toggleOnExecute: false
})])
}));
var resetGroups = function () {
Toolbar.setGroups(toolbar, initGroups.get());
Toggling.off(toolbar);
};
var initGroups = Cell([]);
var setGroups = function (gs) {
initGroups.set(gs);
resetGroups();
};
var createGroups = function (gs) {
return map$1(gs, compose(ToolbarGroup.sketch, makeGroup));
};
var refresh = function () {
};
var setContextToolbar = function (gs) {
Toggling.on(toolbar);
Toolbar.setGroups(toolbar, gs);
};
var restoreToolbar = function () {
if (Toggling.isOn(toolbar)) {
resetGroups();
}
};
var focus = function () {
Keying.focusIn(toolbar);
};
return {
wrapper: constant(wrapper),
toolbar: constant(toolbar),
createGroups: createGroups,
setGroups: setGroups,
setContextToolbar: setContextToolbar,
restoreToolbar: restoreToolbar,
refresh: refresh,
focus: focus
};
}
var makeEditSwitch = function (webapp) {
return build$1(Button.sketch({
dom: dom$1('<div class="${prefix}-mask-edit-icon ${prefix}-icon"></div>'),
action: function () {
webapp.run(function (w) {
w.setReadOnly(false);
});
}
}));
};
var makeSocket = function () {
return build$1(Container.sketch({
dom: dom$1('<div class="${prefix}-editor-socket"></div>'),
components: [],
containerBehaviours: derive$1([Replacing.config({})])
}));
};
var showEdit = function (socket, switchToEdit) {
Replacing.append(socket, premade$1(switchToEdit));
};
var hideEdit = function (socket, switchToEdit) {
Replacing.remove(socket, switchToEdit);
};
var updateMode = function (socket, switchToEdit, readOnly, root) {
var swap = readOnly === true ? Swapping.toAlpha : Swapping.toOmega;
swap(root);
var f = readOnly ? showEdit : hideEdit;
f(socket, switchToEdit);
};
var CommonRealm = {
makeEditSwitch: makeEditSwitch,
makeSocket: makeSocket,
updateMode: updateMode
};
var getAnimationRoot = function (component, slideConfig) {
return slideConfig.getAnimationRoot().fold(function () {
return component.element();
}, function (get) {
return get(component);
});
};
var getDimensionProperty = function (slideConfig) {
return slideConfig.dimension().property();
};
var getDimension = function (slideConfig, elem) {
return slideConfig.dimension().getDimension()(elem);
};
var disableTransitions = function (component, slideConfig) {
var root = getAnimationRoot(component, slideConfig);
remove$6(root, [
slideConfig.shrinkingClass(),
slideConfig.growingClass()
]);
};
var setShrunk = function (component, slideConfig) {
remove$4(component.element(), slideConfig.openClass());
add$2(component.element(), slideConfig.closedClass());
set$2(component.element(), getDimensionProperty(slideConfig), '0px');
reflow(component.element());
};
var measureTargetSize = function (component, slideConfig) {
setGrown(component, slideConfig);
var expanded = getDimension(slideConfig, component.element());
setShrunk(component, slideConfig);
return expanded;
};
var setGrown = function (component, slideConfig) {
remove$4(component.element(), slideConfig.closedClass());
add$2(component.element(), slideConfig.openClass());
remove$5(component.element(), getDimensionProperty(slideConfig));
};
var doImmediateShrink = function (component, slideConfig, slideState) {
slideState.setCollapsed();
set$2(component.element(), getDimensionProperty(slideConfig), getDimension(slideConfig, component.element()));
reflow(component.element());
disableTransitions(component, slideConfig);
setShrunk(component, slideConfig);
slideConfig.onStartShrink()(component);
slideConfig.onShrunk()(component);
};
var doStartShrink = function (component, slideConfig, slideState) {
slideState.setCollapsed();
set$2(component.element(), getDimensionProperty(slideConfig), getDimension(slideConfig, component.element()));
reflow(component.element());
var root = getAnimationRoot(component, slideConfig);
add$2(root, slideConfig.shrinkingClass());
setShrunk(component, slideConfig);
slideConfig.onStartShrink()(component);
};
var doStartGrow = function (component, slideConfig, slideState) {
var fullSize = measureTargetSize(component, slideConfig);
var root = getAnimationRoot(component, slideConfig);
add$2(root, slideConfig.growingClass());
setGrown(component, slideConfig);
set$2(component.element(), getDimensionProperty(slideConfig), fullSize);
slideState.setExpanded();
slideConfig.onStartGrow()(component);
};
var grow = function (component, slideConfig, slideState) {
if (!slideState.isExpanded()) {
doStartGrow(component, slideConfig, slideState);
}
};
var shrink = function (component, slideConfig, slideState) {
if (slideState.isExpanded()) {
doStartShrink(component, slideConfig, slideState);
}
};
var immediateShrink = function (component, slideConfig, slideState) {
if (slideState.isExpanded()) {
doImmediateShrink(component, slideConfig, slideState);
}
};
var hasGrown = function (component, slideConfig, slideState) {
return slideState.isExpanded();
};
var hasShrunk = function (component, slideConfig, slideState) {
return slideState.isCollapsed();
};
var isGrowing = function (component, slideConfig, slideState) {
var root = getAnimationRoot(component, slideConfig);
return has$1(root, slideConfig.growingClass()) === true;
};
var isShrinking = function (component, slideConfig, slideState) {
var root = getAnimationRoot(component, slideConfig);
return has$1(root, slideConfig.shrinkingClass()) === true;
};
var isTransitioning = function (component, slideConfig, slideState) {
return isGrowing(component, slideConfig) === true || isShrinking(component, slideConfig) === true;
};
var toggleGrow = function (component, slideConfig, slideState) {
var f = slideState.isExpanded() ? doStartShrink : doStartGrow;
f(component, slideConfig, slideState);
};
var SlidingApis = /*#__PURE__*/Object.freeze({
grow: grow,
shrink: shrink,
immediateShrink: immediateShrink,
hasGrown: hasGrown,
hasShrunk: hasShrunk,
isGrowing: isGrowing,
isShrinking: isShrinking,
isTransitioning: isTransitioning,
toggleGrow: toggleGrow,
disableTransitions: disableTransitions
});
var exhibit$5 = function (base, slideConfig) {
var expanded = slideConfig.expanded();
return expanded ? nu$6({
classes: [slideConfig.openClass()],
styles: {}
}) : nu$6({
classes: [slideConfig.closedClass()],
styles: wrap$1(slideConfig.dimension().property(), '0px')
});
};
var events$a = function (slideConfig, slideState) {
return derive([run(transitionend(), function (component, simulatedEvent) {
var raw = simulatedEvent.event().raw();
if (raw.propertyName === slideConfig.dimension().property()) {
disableTransitions(component, slideConfig);
if (slideState.isExpanded()) {
remove$5(component.element(), slideConfig.dimension().property());
}
var notify = slideState.isExpanded() ? slideConfig.onGrown() : slideConfig.onShrunk();
notify(component);
}
})]);
};
var ActiveSliding = /*#__PURE__*/Object.freeze({
exhibit: exhibit$5,
events: events$a
});
var SlidingSchema = [
strict$1('closedClass'),
strict$1('openClass'),
strict$1('shrinkingClass'),
strict$1('growingClass'),
option('getAnimationRoot'),
onHandler('onShrunk'),
onHandler('onStartShrink'),
onHandler('onGrown'),
onHandler('onStartGrow'),
defaulted$1('expanded', false),
strictOf('dimension', choose$1('property', {
width: [
output('property', 'width'),
output('getDimension', function (elem) {
return get$6(elem) + 'px';
})
],
height: [
output('property', 'height'),
output('getDimension', function (elem) {
return get$4(elem) + 'px';
})
]
}))
];
var init$4 = function (spec) {
var state = Cell(spec.expanded());
var readState = function () {
return 'expanded: ' + state.get();
};
return nu$7({
isExpanded: function () {
return state.get() === true;
},
isCollapsed: function () {
return state.get() === false;
},
setCollapsed: curry(state.set, false),
setExpanded: curry(state.set, true),
readState: readState
});
};
var SlidingState = /*#__PURE__*/Object.freeze({
init: init$4
});
var Sliding = create$1({
fields: SlidingSchema,
name: 'sliding',
active: ActiveSliding,
apis: SlidingApis,
state: SlidingState
});
var build$2 = function (refresh, scrollIntoView) {
var dropup = build$1(Container.sketch({
dom: {
tag: 'div',
classes: [Styles.resolve('dropup')]
},
components: [],
containerBehaviours: derive$1([
Replacing.config({}),
Sliding.config({
closedClass: Styles.resolve('dropup-closed'),
openClass: Styles.resolve('dropup-open'),
shrinkingClass: Styles.resolve('dropup-shrinking'),
growingClass: Styles.resolve('dropup-growing'),
dimension: { property: 'height' },
onShrunk: function (component) {
refresh();
scrollIntoView();
Replacing.set(component, []);
},
onGrown: function (component) {
refresh();
scrollIntoView();
}
}),
Receivers.orientation(function (component, data) {
disappear(noop);
})
])
}));
var appear = function (menu, update, component) {
if (Sliding.hasShrunk(dropup) === true && Sliding.isTransitioning(dropup) === false) {
domGlobals.window.requestAnimationFrame(function () {
update(component);
Replacing.set(dropup, [menu()]);
Sliding.grow(dropup);
});
}
};
var disappear = function (onReadyToShrink) {
domGlobals.window.requestAnimationFrame(function () {
onReadyToShrink();
Sliding.shrink(dropup);
});
};
return {
appear: appear,
disappear: disappear,
component: constant(dropup),
element: dropup.element
};
};
var isDangerous = function (event) {
var keyEv = event.raw();
return keyEv.which === BACKSPACE()[0] && !contains([
'input',
'textarea'
], name(event.target()));
};
var isFirefox = PlatformDetection$1.detect().browser.isFirefox();
var settingsSchema = objOfOnly([
strictFunction('triggerEvent'),
strictFunction('broadcastEvent'),
defaulted$1('stopBackspace', true)
]);
var bindFocus = function (container, handler) {
if (isFirefox) {
return capture$1(container, 'focus', handler);
} else {
return bind$2(container, 'focusin', handler);
}
};
var bindBlur = function (container, handler) {
if (isFirefox) {
return capture$1(container, 'blur', handler);
} else {
return bind$2(container, 'focusout', handler);
}
};
var setup$2 = function (container, rawSettings) {
var settings = asRawOrDie('Getting GUI events settings', settingsSchema, rawSettings);
var pointerEvents = PlatformDetection$1.detect().deviceType.isTouch() ? [
'touchstart',
'touchmove',
'touchend',
'gesturestart'
] : [
'mousedown',
'mouseup',
'mouseover',
'mousemove',
'mouseout',
'click'
];
var tapEvent = monitor(settings);
var simpleEvents = map$1(pointerEvents.concat([
'selectstart',
'input',
'contextmenu',
'change',
'transitionend',
'drag',
'dragstart',
'dragend',
'dragenter',
'dragleave',
'dragover',
'drop'
]), function (type) {
return bind$2(container, type, function (event) {
tapEvent.fireIfReady(event, type).each(function (tapStopped) {
if (tapStopped) {
event.kill();
}
});
var stopped = settings.triggerEvent(type, event);
if (stopped) {
event.kill();
}
});
});
var onKeydown = bind$2(container, 'keydown', function (event) {
var stopped = settings.triggerEvent('keydown', event);
if (stopped) {
event.kill();
} else if (settings.stopBackspace === true && isDangerous(event)) {
event.prevent();
}
});
var onFocusIn = bindFocus(container, function (event) {
var stopped = settings.triggerEvent('focusin', event);
if (stopped) {
event.kill();
}
});
var onFocusOut = bindBlur(container, function (event) {
var stopped = settings.triggerEvent('focusout', event);
if (stopped) {
event.kill();
}
domGlobals.setTimeout(function () {
settings.triggerEvent(postBlur(), event);
}, 0);
});
var defaultView$1 = defaultView(container);
var onWindowScroll = bind$2(defaultView$1, 'scroll', function (event) {
var stopped = settings.broadcastEvent(windowScroll(), event);
if (stopped) {
event.kill();
}
});
var unbind = function () {
each$1(simpleEvents, function (e) {
e.unbind();
});
onKeydown.unbind();
onFocusIn.unbind();
onFocusOut.unbind();
onWindowScroll.unbind();
};
return { unbind: unbind };
};
var derive$2 = function (rawEvent, rawTarget) {
var source = readOptFrom$1(rawEvent, 'target').map(function (getTarget) {
return getTarget();
}).getOr(rawTarget);
return Cell(source);
};
var fromSource = function (event, source) {
var stopper = Cell(false);
var cutter = Cell(false);
var stop = function () {
stopper.set(true);
};
var cut = function () {
cutter.set(true);
};
return {
stop: stop,
cut: cut,
isStopped: stopper.get,
isCut: cutter.get,
event: constant(event),
setSource: source.set,
getSource: source.get
};
};
var fromExternal = function (event) {
var stopper = Cell(false);
var stop = function () {
stopper.set(true);
};
return {
stop: stop,
cut: noop,
isStopped: stopper.get,
isCut: constant(false),
event: constant(event),
setSource: die('Cannot set source of a broadcasted event'),
getSource: die('Cannot get source of a broadcasted event')
};
};
var adt$7 = Adt.generate([
{ stopped: [] },
{ resume: ['element'] },
{ complete: [] }
]);
var doTriggerHandler = function (lookup, eventType, rawEvent, target, source, logger) {
var handler = lookup(eventType, target);
var simulatedEvent = fromSource(rawEvent, source);
return handler.fold(function () {
logger.logEventNoHandlers(eventType, target);
return adt$7.complete();
}, function (handlerInfo) {
var descHandler = handlerInfo.descHandler();
var eventHandler = getCurried(descHandler);
eventHandler(simulatedEvent);
if (simulatedEvent.isStopped()) {
logger.logEventStopped(eventType, handlerInfo.element(), descHandler.purpose());
return adt$7.stopped();
} else if (simulatedEvent.isCut()) {
logger.logEventCut(eventType, handlerInfo.element(), descHandler.purpose());
return adt$7.complete();
} else {
return parent(handlerInfo.element()).fold(function () {
logger.logNoParent(eventType, handlerInfo.element(), descHandler.purpose());
return adt$7.complete();
}, function (parent) {
logger.logEventResponse(eventType, handlerInfo.element(), descHandler.purpose());
return adt$7.resume(parent);
});
}
});
};
var doTriggerOnUntilStopped = function (lookup, eventType, rawEvent, rawTarget, source, logger) {
return doTriggerHandler(lookup, eventType, rawEvent, rawTarget, source, logger).fold(function () {
return true;
}, function (parent) {
return doTriggerOnUntilStopped(lookup, eventType, rawEvent, parent, source, logger);
}, function () {
return false;
});
};
var triggerHandler = function (lookup, eventType, rawEvent, target, logger) {
var source = derive$2(rawEvent, target);
return doTriggerHandler(lookup, eventType, rawEvent, target, source, logger);
};
var broadcast = function (listeners, rawEvent, logger) {
var simulatedEvent = fromExternal(rawEvent);
each$1(listeners, function (listener) {
var descHandler = listener.descHandler();
var handler = getCurried(descHandler);
handler(simulatedEvent);
});
return simulatedEvent.isStopped();
};
var triggerUntilStopped = function (lookup, eventType, rawEvent, logger) {
var rawTarget = rawEvent.target();
return triggerOnUntilStopped(lookup, eventType, rawEvent, rawTarget, logger);
};
var triggerOnUntilStopped = function (lookup, eventType, rawEvent, rawTarget, logger) {
var source = derive$2(rawEvent, rawTarget);
return doTriggerOnUntilStopped(lookup, eventType, rawEvent, rawTarget, source, logger);
};
var closest$2 = function (target, transform, isRoot) {
var delegate = closest(target, function (elem) {
return transform(elem).isSome();
}, isRoot);
return delegate.bind(transform);
};
var eventHandler = Immutable('element', 'descHandler');
var broadcastHandler = function (id, handler) {
return {
id: constant(id),
descHandler: constant(handler)
};
};
function EventRegistry () {
var registry = {};
var registerId = function (extraArgs, id, events) {
each(events, function (v, k) {
var handlers = registry[k] !== undefined ? registry[k] : {};
handlers[id] = curryArgs(v, extraArgs);
registry[k] = handlers;
});
};
var findHandler = function (handlers, elem) {
return read$2(elem).fold(function () {
return Option.none();
}, function (id) {
var reader = readOpt$1(id);
return handlers.bind(reader).map(function (descHandler) {
return eventHandler(elem, descHandler);
});
});
};
var filterByType = function (type) {
return readOptFrom$1(registry, type).map(function (handlers) {
return mapToArray(handlers, function (f, id) {
return broadcastHandler(id, f);
});
}).getOr([]);
};
var find = function (isAboveRoot, type, target) {
var readType = readOpt$1(type);
var handlers = readType(registry);
return closest$2(target, function (elem) {
return findHandler(handlers, elem);
}, isAboveRoot);
};
var unregisterId = function (id) {
each(registry, function (handlersById, eventName) {
if (handlersById.hasOwnProperty(id)) {
delete handlersById[id];
}
});
};
return {
registerId: registerId,
unregisterId: unregisterId,
filterByType: filterByType,
find: find
};
}
function Registry () {
var events = EventRegistry();
var components = {};
var readOrTag = function (component) {
var elem = component.element();
return read$2(elem).fold(function () {
return write('uid-', component.element());
}, function (uid) {
return uid;
});
};
var failOnDuplicate = function (component, tagId) {
var conflict = components[tagId];
if (conflict === component) {
unregister(component);
} else {
throw new Error('The tagId "' + tagId + '" is already used by: ' + element(conflict.element()) + '\nCannot use it for: ' + element(component.element()) + '\n' + 'The conflicting element is' + (inBody(conflict.element()) ? ' ' : ' not ') + 'already in the DOM');
}
};
var register = function (component) {
var tagId = readOrTag(component);
if (hasKey$1(components, tagId)) {
failOnDuplicate(component, tagId);
}
var extraArgs = [component];
events.registerId(extraArgs, tagId, component.events());
components[tagId] = component;
};
var unregister = function (component) {
read$2(component.element()).each(function (tagId) {
components[tagId] = undefined;
events.unregisterId(tagId);
});
};
var filter = function (type) {
return events.filterByType(type);
};
var find = function (isAboveRoot, type, target) {
return events.find(isAboveRoot, type, target);
};
var getById = function (id) {
return readOpt$1(id)(components);
};
return {
find: find,
filter: filter,
register: register,
unregister: unregister,
getById: getById
};
}
var takeover = function (root) {
var isAboveRoot = function (el) {
return parent(root.element()).fold(function () {
return true;
}, function (parent) {
return eq(el, parent);
});
};
var registry = Registry();
var lookup = function (eventName, target) {
return registry.find(isAboveRoot, eventName, target);
};
var domEvents = setup$2(root.element(), {
triggerEvent: function (eventName, event) {
return monitorEvent(eventName, event.target(), function (logger) {
return triggerUntilStopped(lookup, eventName, event, logger);
});
},
broadcastEvent: function (eventName, event) {
var listeners = registry.filter(eventName);
return broadcast(listeners, event);
}
});
var systemApi = SystemApi({
debugInfo: constant('real'),
triggerEvent: function (eventName, target, data) {
monitorEvent(eventName, target, function (logger) {
triggerOnUntilStopped(lookup, eventName, data, target, logger);
});
},
triggerFocus: function (target, originator) {
read$2(target).fold(function () {
focus$1(target);
}, function (_alloyId) {
monitorEvent(focus(), target, function (logger) {
triggerHandler(lookup, focus(), {
originator: constant(originator),
kill: noop,
prevent: noop,
target: constant(target)
}, target, logger);
});
});
},
triggerEscape: function (comp, simulatedEvent) {
systemApi.triggerEvent('keydown', comp.element(), simulatedEvent.event());
},
getByUid: function (uid) {
return getByUid(uid);
},
getByDom: function (elem) {
return getByDom(elem);
},
build: build$1,
addToGui: function (c) {
add(c);
},
removeFromGui: function (c) {
remove$1(c);
},
addToWorld: function (c) {
addToWorld(c);
},
removeFromWorld: function (c) {
removeFromWorld(c);
},
broadcast: function (message) {
broadcast$1(message);
},
broadcastOn: function (channels, message) {
broadcastOn(channels, message);
},
isConnected: constant(true)
});
var addToWorld = function (component) {
component.connect(systemApi);
if (!isText(component.element())) {
registry.register(component);
each$1(component.components(), addToWorld);
systemApi.triggerEvent(systemInit(), component.element(), { target: constant(component.element()) });
}
};
var removeFromWorld = function (component) {
if (!isText(component.element())) {
each$1(component.components(), removeFromWorld);
registry.unregister(component);
}
component.disconnect();
};
var add = function (component) {
attach(root, component);
};
var remove$1 = function (component) {
detach(component);
};
var destroy = function () {
domEvents.unbind();
remove(root.element());
};
var broadcastData = function (data) {
var receivers = registry.filter(receive());
each$1(receivers, function (receiver) {
var descHandler = receiver.descHandler();
var handler = getCurried(descHandler);
handler(data);
});
};
var broadcast$1 = function (message) {
broadcastData({
universal: constant(true),
data: constant(message)
});
};
var broadcastOn = function (channels, message) {
broadcastData({
universal: constant(false),
channels: constant(channels),
data: constant(message)
});
};
var getByUid = function (uid) {
return registry.getById(uid).fold(function () {
return Result.error(new Error('Could not find component with uid: "' + uid + '" in system.'));
}, Result.value);
};
var getByDom = function (elem) {
var uid = read$2(elem).getOr('not found');
return getByUid(uid);
};
addToWorld(root);
return {
root: constant(root),
element: root.element,
destroy: destroy,
add: add,
remove: remove$1,
getByUid: getByUid,
getByDom: getByDom,
addToWorld: addToWorld,
removeFromWorld: removeFromWorld,
broadcast: broadcast$1,
broadcastOn: broadcastOn
};
};
var READ_ONLY_MODE_CLASS = constant(Styles.resolve('readonly-mode'));
var EDIT_MODE_CLASS = constant(Styles.resolve('edit-mode'));
function OuterContainer (spec) {
var root = build$1(Container.sketch({
dom: { classes: [Styles.resolve('outer-container')].concat(spec.classes) },
containerBehaviours: derive$1([Swapping.config({
alpha: READ_ONLY_MODE_CLASS(),
omega: EDIT_MODE_CLASS()
})])
}));
return takeover(root);
}
function AndroidRealm (scrollIntoView) {
var alloy = OuterContainer({ classes: [Styles.resolve('android-container')] });
var toolbar = ScrollingToolbar();
var webapp = api$2();
var switchToEdit = CommonRealm.makeEditSwitch(webapp);
var socket = CommonRealm.makeSocket();
var dropup = build$2(noop, scrollIntoView);
alloy.add(toolbar.wrapper());
alloy.add(socket);
alloy.add(dropup.component());
var setToolbarGroups = function (rawGroups) {
var groups = toolbar.createGroups(rawGroups);
toolbar.setGroups(groups);
};
var setContextToolbar = function (rawGroups) {
var groups = toolbar.createGroups(rawGroups);
toolbar.setContextToolbar(groups);
};
var focusToolbar = function () {
toolbar.focus();
};
var restoreToolbar = function () {
toolbar.restoreToolbar();
};
var init = function (spec) {
webapp.set(AndroidWebapp.produce(spec));
};
var exit = function () {
webapp.run(function (w) {
w.exit();
Replacing.remove(socket, switchToEdit);
});
};
var updateMode = function (readOnly) {
CommonRealm.updateMode(socket, switchToEdit, readOnly, alloy.root());
};
return {
system: constant(alloy),
element: alloy.element,
init: init,
exit: exit,
setToolbarGroups: setToolbarGroups,
setContextToolbar: setContextToolbar,
focusToolbar: focusToolbar,
restoreToolbar: restoreToolbar,
updateMode: updateMode,
socket: constant(socket),
dropup: constant(dropup)
};
}
var input$1 = function (parent, operation) {
var input = Element.fromTag('input');
setAll$1(input, {
opacity: '0',
position: 'absolute',
top: '-1000px',
left: '-1000px'
});
append(parent, input);
focus$1(input);
operation(input);
remove(input);
};
var CaptureBin = { input: input$1 };
var refreshInput = function (input) {
var start = input.dom().selectionStart;
var end = input.dom().selectionEnd;
var dir = input.dom().selectionDirection;
setTimeout(function () {
input.dom().setSelectionRange(start, end, dir);
focus$1(input);
}, 50);
};
var refresh = function (winScope) {
var sel = winScope.getSelection();
if (sel.rangeCount > 0) {
var br = sel.getRangeAt(0);
var r = winScope.document.createRange();
r.setStart(br.startContainer, br.startOffset);
r.setEnd(br.endContainer, br.endOffset);
sel.removeAllRanges();
sel.addRange(r);
}
};
var CursorRefresh = {
refreshInput: refreshInput,
refresh: refresh
};
var resume$1 = function (cWin, frame) {
active().each(function (active) {
if (!eq(active, frame)) {
blur(active);
}
});
cWin.focus();
focus$1(Element.fromDom(cWin.document.body));
CursorRefresh.refresh(cWin);
};
var ResumeEditing$1 = { resume: resume$1 };
var stubborn = function (outerBody, cWin, page, frame) {
var toEditing = function () {
ResumeEditing$1.resume(cWin, frame);
};
var toReading = function () {
CaptureBin.input(outerBody, blur);
};
var captureInput = bind$2(page, 'keydown', function (evt) {
if (!contains([
'input',
'textarea'
], name(evt.target()))) {
toEditing();
}
});
var onToolbarTouch = function () {
};
var destroy = function () {
captureInput.unbind();
};
return {
toReading: toReading,
toEditing: toEditing,
onToolbarTouch: onToolbarTouch,
destroy: destroy
};
};
var timid = function (outerBody, cWin, page, frame) {
var dismissKeyboard = function () {
blur(frame);
};
var onToolbarTouch = function () {
dismissKeyboard();
};
var toReading = function () {
dismissKeyboard();
};
var toEditing = function () {
ResumeEditing$1.resume(cWin, frame);
};
return {
toReading: toReading,
toEditing: toEditing,
onToolbarTouch: onToolbarTouch,
destroy: noop
};
};
var IosKeyboard = {
stubborn: stubborn,
timid: timid
};
var initEvents$1 = function (editorApi, iosApi, toolstrip, socket, dropup) {
var saveSelectionFirst = function () {
iosApi.run(function (api) {
api.highlightSelection();
});
};
var refreshIosSelection = function () {
iosApi.run(function (api) {
api.refreshSelection();
});
};
var scrollToY = function (yTop, height) {
var y = yTop - socket.dom().scrollTop;
iosApi.run(function (api) {
api.scrollIntoView(y, y + height);
});
};
var scrollToElement = function (target) {
scrollToY(iosApi, socket);
};
var scrollToCursor = function () {
editorApi.getCursorBox().each(function (box) {
scrollToY(box.top(), box.height());
});
};
var clearSelection = function () {
iosApi.run(function (api) {
api.clearSelection();
});
};
var clearAndRefresh = function () {
clearSelection();
refreshThrottle.throttle();
};
var refreshView = function () {
scrollToCursor();
iosApi.run(function (api) {
api.syncHeight();
});
};
var reposition = function () {
var toolbarHeight = get$4(toolstrip);
iosApi.run(function (api) {
api.setViewportOffset(toolbarHeight);
});
refreshIosSelection();
refreshView();
};
var toEditing = function () {
iosApi.run(function (api) {
api.toEditing();
});
};
var toReading = function () {
iosApi.run(function (api) {
api.toReading();
});
};
var onToolbarTouch = function (event) {
iosApi.run(function (api) {
api.onToolbarTouch(event);
});
};
var tapping = TappingEvent.monitor(editorApi);
var refreshThrottle = last(refreshView, 300);
var listeners = [
editorApi.onKeyup(clearAndRefresh),
editorApi.onNodeChanged(refreshIosSelection),
editorApi.onDomChanged(refreshThrottle.throttle),
editorApi.onDomChanged(refreshIosSelection),
editorApi.onScrollToCursor(function (tinyEvent) {
tinyEvent.preventDefault();
refreshThrottle.throttle();
}),
editorApi.onScrollToElement(function (event) {
scrollToElement(event.element());
}),
editorApi.onToEditing(toEditing),
editorApi.onToReading(toReading),
bind$2(editorApi.doc(), 'touchend', function (touchEvent) {
if (eq(editorApi.html(), touchEvent.target()) || eq(editorApi.body(), touchEvent.target())) ;
}),
bind$2(toolstrip, 'transitionend', function (transitionEvent) {
if (transitionEvent.raw().propertyName === 'height') {
reposition();
}
}),
capture$1(toolstrip, 'touchstart', function (touchEvent) {
saveSelectionFirst();
onToolbarTouch(touchEvent);
editorApi.onTouchToolstrip();
}),
bind$2(editorApi.body(), 'touchstart', function (evt) {
clearSelection();
editorApi.onTouchContent();
tapping.fireTouchstart(evt);
}),
tapping.onTouchmove(),
tapping.onTouchend(),
bind$2(editorApi.body(), 'click', function (event) {
event.kill();
}),
bind$2(toolstrip, 'touchmove', function () {
editorApi.onToolbarScrollStart();
})
];
var destroy = function () {
each$1(listeners, function (l) {
l.unbind();
});
};
return { destroy: destroy };
};
var IosEvents = { initEvents: initEvents$1 };
function FakeSelection (win, frame) {
var doc = win.document;
var container = Element.fromTag('div');
add$2(container, Styles.resolve('unfocused-selections'));
append(Element.fromDom(doc.documentElement), container);
var onTouch = bind$2(container, 'touchstart', function (event) {
event.prevent();
ResumeEditing$1.resume(win, frame);
clear();
});
var make = function (rectangle) {
var span = Element.fromTag('span');
add$3(span, [
Styles.resolve('layer-editor'),
Styles.resolve('unfocused-selection')
]);
setAll$1(span, {
left: rectangle.left() + 'px',
top: rectangle.top() + 'px',
width: rectangle.width() + 'px',
height: rectangle.height() + 'px'
});
return span;
};
var update = function () {
clear();
var rectangles = Rectangles.getRectangles(win);
var spans = map$1(rectangles, make);
append$1(container, spans);
};
var clear = function () {
empty(container);
};
var destroy = function () {
onTouch.unbind();
remove(container);
};
var isActive = function () {
return children(container).length > 0;
};
return {
update: update,
isActive: isActive,
destroy: destroy,
clear: clear
};
}
var exports$1 = {}, module = { exports: exports$1 };
(function (define, exports, module, require) {
(function (f) {
if (typeof exports === 'object' && typeof module !== 'undefined') {
module.exports = f();
} else if (typeof define === 'function' && define.amd) {
define([], f);
} else {
var g;
if (typeof window !== 'undefined') {
g = window;
} else if (typeof global !== 'undefined') {
g = global;
} else if (typeof self !== 'undefined') {
g = self;
} else {
g = this;
}
g.EphoxContactWrapper = f();
}
}(function () {
return function () {
function r(e, n, t) {
function o(i, f) {
if (!n[i]) {
if (!e[i]) {
var c = 'function' == typeof require && require;
if (!f && c)
return c(i, !0);
if (u)
return u(i, !0);
var a = new Error('Cannot find module \'' + i + '\'');
throw a.code = 'MODULE_NOT_FOUND', a;
}
var p = n[i] = { exports: {} };
e[i][0].call(p.exports, function (r) {
var n = e[i][1][r];
return o(n || r);
}, p, p.exports, r, e, n, t);
}
return n[i].exports;
}
for (var u = 'function' == typeof require && require, i = 0; i < t.length; i++)
o(t[i]);
return o;
}
return r;
}()({
1: [
function (require, module, exports) {
var process = module.exports = {};
var cachedSetTimeout;
var cachedClearTimeout;
function defaultSetTimout() {
throw new Error('setTimeout has not been defined');
}
function defaultClearTimeout() {
throw new Error('clearTimeout has not been defined');
}
(function () {
try {
if (typeof setTimeout === 'function') {
cachedSetTimeout = setTimeout;
} else {
cachedSetTimeout = defaultSetTimout;
}
} catch (e) {
cachedSetTimeout = defaultSetTimout;
}
try {
if (typeof clearTimeout === 'function') {
cachedClearTimeout = clearTimeout;
} else {
cachedClearTimeout = defaultClearTimeout;
}
} catch (e) {
cachedClearTimeout = defaultClearTimeout;
}
}());
function runTimeout(fun) {
if (cachedSetTimeout === setTimeout) {
return setTimeout(fun, 0);
}
if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
cachedSetTimeout = setTimeout;
return setTimeout(fun, 0);
}
try {
return cachedSetTimeout(fun, 0);
} catch (e) {
try {
return cachedSetTimeout.call(null, fun, 0);
} catch (e) {
return cachedSetTimeout.call(this, fun, 0);
}
}
}
function runClearTimeout(marker) {
if (cachedClearTimeout === clearTimeout) {
return clearTimeout(marker);
}
if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
cachedClearTimeout = clearTimeout;
return clearTimeout(marker);
}
try {
return cachedClearTimeout(marker);
} catch (e) {
try {
return cachedClearTimeout.call(null, marker);
} catch (e) {
return cachedClearTimeout.call(this, marker);
}
}
}
var queue = [];
var draining = false;
var currentQueue;
var queueIndex = -1;
function cleanUpNextTick() {
if (!draining || !currentQueue) {
return;
}
draining = false;
if (currentQueue.length) {
queue = currentQueue.concat(queue);
} else {
queueIndex = -1;
}
if (queue.length) {
drainQueue();
}
}
function drainQueue() {
if (draining) {
return;
}
var timeout = runTimeout(cleanUpNextTick);
draining = true;
var len = queue.length;
while (len) {
currentQueue = queue;
queue = [];
while (++queueIndex < len) {
if (currentQueue) {
currentQueue[queueIndex].run();
}
}
queueIndex = -1;
len = queue.length;
}
currentQueue = null;
draining = false;
runClearTimeout(timeout);
}
process.nextTick = function (fun) {
var args = new Array(arguments.length - 1);
if (arguments.length > 1) {
for (var i = 1; i < arguments.length; i++) {
args[i - 1] = arguments[i];
}
}
queue.push(new Item(fun, args));
if (queue.length === 1 && !draining) {
runTimeout(drainQueue);
}
};
function Item(fun, array) {
this.fun = fun;
this.array = array;
}
Item.prototype.run = function () {
this.fun.apply(null, this.array);
};
process.title = 'browser';
process.browser = true;
process.env = {};
process.argv = [];
process.version = '';
process.versions = {};
function noop() {
}
process.on = noop;
process.addListener = noop;
process.once = noop;
process.off = noop;
process.removeListener = noop;
process.removeAllListeners = noop;
process.emit = noop;
process.prependListener = noop;
process.prependOnceListener = noop;
process.listeners = function (name) {
return [];
};
process.binding = function (name) {
throw new Error('process.binding is not supported');
};
process.cwd = function () {
return '/';
};
process.chdir = function (dir) {
throw new Error('process.chdir is not supported');
};
process.umask = function () {
return 0;
};
},
{}
],
2: [
function (require, module, exports) {
(function (setImmediate) {
(function (root) {
var setTimeoutFunc = setTimeout;
function noop() {
}
function bind(fn, thisArg) {
return function () {
fn.apply(thisArg, arguments);
};
}
function Promise(fn) {
if (typeof this !== 'object')
throw new TypeError('Promises must be constructed via new');
if (typeof fn !== 'function')
throw new TypeError('not a function');
this._state = 0;
this._handled = false;
this._value = undefined;
this._deferreds = [];
doResolve(fn, this);
}
function handle(self, deferred) {
while (self._state === 3) {
self = self._value;
}
if (self._state === 0) {
self._deferreds.push(deferred);
return;
}
self._handled = true;
Promise._immediateFn(function () {
var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected;
if (cb === null) {
(self._state === 1 ? resolve : reject)(deferred.promise, self._value);
return;
}
var ret;
try {
ret = cb(self._value);
} catch (e) {
reject(deferred.promise, e);
return;
}
resolve(deferred.promise, ret);
});
}
function resolve(self, newValue) {
try {
if (newValue === self)
throw new TypeError('A promise cannot be resolved with itself.');
if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
var then = newValue.then;
if (newValue instanceof Promise) {
self._state = 3;
self._value = newValue;
finale(self);
return;
} else if (typeof then === 'function') {
doResolve(bind(then, newValue), self);
return;
}
}
self._state = 1;
self._value = newValue;
finale(self);
} catch (e) {
reject(self, e);
}
}
function reject(self, newValue) {
self._state = 2;
self._value = newValue;
finale(self);
}
function finale(self) {
if (self._state === 2 && self._deferreds.length === 0) {
Promise._immediateFn(function () {
if (!self._handled) {
Promise._unhandledRejectionFn(self._value);
}
});
}
for (var i = 0, len = self._deferreds.length; i < len; i++) {
handle(self, self._deferreds[i]);
}
self._deferreds = null;
}
function Handler(onFulfilled, onRejected, promise) {
this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
this.onRejected = typeof onRejected === 'function' ? onRejected : null;
this.promise = promise;
}
function doResolve(fn, self) {
var done = false;
try {
fn(function (value) {
if (done)
return;
done = true;
resolve(self, value);
}, function (reason) {
if (done)
return;
done = true;
reject(self, reason);
});
} catch (ex) {
if (done)
return;
done = true;
reject(self, ex);
}
}
Promise.prototype['catch'] = function (onRejected) {
return this.then(null, onRejected);
};
Promise.prototype.then = function (onFulfilled, onRejected) {
var prom = new this.constructor(noop);
handle(this, new Handler(onFulfilled, onRejected, prom));
return prom;
};
Promise.all = function (arr) {
var args = Array.prototype.slice.call(arr);
return new Promise(function (resolve, reject) {
if (args.length === 0)
return resolve([]);
var remaining = args.length;
function res(i, val) {
try {
if (val && (typeof val === 'object' || typeof val === 'function')) {
var then = val.then;
if (typeof then === 'function') {
then.call(val, function (val) {
res(i, val);
}, reject);
return;
}
}
args[i] = val;
if (--remaining === 0) {
resolve(args);
}
} catch (ex) {
reject(ex);
}
}
for (var i = 0; i < args.length; i++) {
res(i, args[i]);
}
});
};
Promise.resolve = function (value) {
if (value && typeof value === 'object' && value.constructor === Promise) {
return value;
}
return new Promise(function (resolve) {
resolve(value);
});
};
Promise.reject = function (value) {
return new Promise(function (resolve, reject) {
reject(value);
});
};
Promise.race = function (values) {
return new Promise(function (resolve, reject) {
for (var i = 0, len = values.length; i < len; i++) {
values[i].then(resolve, reject);
}
});
};
Promise._immediateFn = typeof setImmediate === 'function' ? function (fn) {
setImmediate(fn);
} : function (fn) {
setTimeoutFunc(fn, 0);
};
Promise._unhandledRejectionFn = function _unhandledRejectionFn(err) {
if (typeof console !== 'undefined' && console) {
console.warn('Possible Unhandled Promise Rejection:', err);
}
};
Promise._setImmediateFn = function _setImmediateFn(fn) {
Promise._immediateFn = fn;
};
Promise._setUnhandledRejectionFn = function _setUnhandledRejectionFn(fn) {
Promise._unhandledRejectionFn = fn;
};
if (typeof module !== 'undefined' && module.exports) {
module.exports = Promise;
} else if (!root.Promise) {
root.Promise = Promise;
}
}(this));
}.call(this, require('timers').setImmediate));
},
{ 'timers': 3 }
],
3: [
function (require, module, exports) {
(function (setImmediate, clearImmediate) {
var nextTick = require('process/browser.js').nextTick;
var apply = Function.prototype.apply;
var slice = Array.prototype.slice;
var immediateIds = {};
var nextImmediateId = 0;
exports.setTimeout = function () {
return new Timeout(apply.call(setTimeout, window, arguments), clearTimeout);
};
exports.setInterval = function () {
return new Timeout(apply.call(setInterval, window, arguments), clearInterval);
};
exports.clearTimeout = exports.clearInterval = function (timeout) {
timeout.close();
};
function Timeout(id, clearFn) {
this._id = id;
this._clearFn = clearFn;
}
Timeout.prototype.unref = Timeout.prototype.ref = function () {
};
Timeout.prototype.close = function () {
this._clearFn.call(window, this._id);
};
exports.enroll = function (item, msecs) {
clearTimeout(item._idleTimeoutId);
item._idleTimeout = msecs;
};
exports.unenroll = function (item) {
clearTimeout(item._idleTimeoutId);
item._idleTimeout = -1;
};
exports._unrefActive = exports.active = function (item) {
clearTimeout(item._idleTimeoutId);
var msecs = item._idleTimeout;
if (msecs >= 0) {
item._idleTimeoutId = setTimeout(function onTimeout() {
if (item._onTimeout)
item._onTimeout();
}, msecs);
}
};
exports.setImmediate = typeof setImmediate === 'function' ? setImmediate : function (fn) {
var id = nextImmediateId++;
var args = arguments.length < 2 ? false : slice.call(arguments, 1);
immediateIds[id] = true;
nextTick(function onNextTick() {
if (immediateIds[id]) {
if (args) {
fn.apply(null, args);
} else {
fn.call(null);
}
exports.clearImmediate(id);
}
});
return id;
};
exports.clearImmediate = typeof clearImmediate === 'function' ? clearImmediate : function (id) {
delete immediateIds[id];
};
}.call(this, require('timers').setImmediate, require('timers').clearImmediate));
},
{
'process/browser.js': 1,
'timers': 3
}
],
4: [
function (require, module, exports) {
var promisePolyfill = require('promise-polyfill');
var Global = function () {
if (typeof window !== 'undefined') {
return window;
} else {
return Function('return this;')();
}
}();
module.exports = { boltExport: Global.Promise || promisePolyfill };
},
{ 'promise-polyfill': 2 }
]
}, {}, [4])(4);
}));
}(undefined, exports$1, module, undefined));
var Promise$1 = module.exports.boltExport;
var nu$8 = function (baseFn) {
var data = Option.none();
var callbacks = [];
var map = function (f) {
return nu$8(function (nCallback) {
get(function (data) {
nCallback(f(data));
});
});
};
var get = function (nCallback) {
if (isReady()) {
call(nCallback);
} else {
callbacks.push(nCallback);
}
};
var set = function (x) {
data = Option.some(x);
run(callbacks);
callbacks = [];
};
var isReady = function () {
return data.isSome();
};
var run = function (cbs) {
each$1(cbs, call);
};
var call = function (cb) {
data.each(function (x) {
domGlobals.setTimeout(function () {
cb(x);
}, 0);
});
};
baseFn(set);
return {
get: get,
map: map,
isReady: isReady
};
};
var pure$1 = function (a) {
return nu$8(function (callback) {
callback(a);
});
};
var LazyValue = {
nu: nu$8,
pure: pure$1
};
var errorReporter = function (err) {
domGlobals.setTimeout(function () {
throw err;
}, 0);
};
var make$4 = function (run) {
var get = function (callback) {
run().then(callback, errorReporter);
};
var map = function (fab) {
return make$4(function () {
return run().then(fab);
});
};
var bind = function (aFutureB) {
return make$4(function () {
return run().then(function (v) {
return aFutureB(v).toPromise();
});
});
};
var anonBind = function (futureB) {
return make$4(function () {
return run().then(function () {
return futureB.toPromise();
});
});
};
var toLazy = function () {
return LazyValue.nu(get);
};
var toCached = function () {
var cache = null;
return make$4(function () {
if (cache === null) {
cache = run();
}
return cache;
});
};
var toPromise = run;
return {
map: map,
bind: bind,
anonBind: anonBind,
toLazy: toLazy,
toCached: toCached,
toPromise: toPromise,
get: get
};
};
var nu$9 = function (baseFn) {
return make$4(function () {
return new Promise$1(baseFn);
});
};
var pure$2 = function (a) {
return make$4(function () {
return Promise$1.resolve(a);
});
};
var Future = {
nu: nu$9,
pure: pure$2
};
var adjust = function (value, destination, amount) {
if (Math.abs(value - destination) <= amount) {
return Option.none();
} else if (value < destination) {
return Option.some(value + amount);
} else {
return Option.some(value - amount);
}
};
var create$5 = function () {
var interval = null;
var animate = function (getCurrent, destination, amount, increment, doFinish, rate) {
var finished = false;
var finish = function (v) {
finished = true;
doFinish(v);
};
clearInterval(interval);
var abort = function (v) {
clearInterval(interval);
finish(v);
};
interval = setInterval(function () {
var value = getCurrent();
adjust(value, destination, amount).fold(function () {
clearInterval(interval);
finish(destination);
}, function (s) {
increment(s, abort);
if (!finished) {
var newValue = getCurrent();
if (newValue !== s || Math.abs(newValue - destination) > Math.abs(value - destination)) {
clearInterval(interval);
finish(destination);
}
}
});
}, rate);
};
return { animate: animate };
};
var SmoothAnimation = {
create: create$5,
adjust: adjust
};
var findDevice = function (deviceWidth, deviceHeight) {
var devices = [
{
width: 320,
height: 480,
keyboard: {
portrait: 300,
landscape: 240
}
},
{
width: 320,
height: 568,
keyboard: {
portrait: 300,
landscape: 240
}
},
{
width: 375,
height: 667,
keyboard: {
portrait: 305,
landscape: 240
}
},
{
width: 414,
height: 736,
keyboard: {
portrait: 320,
landscape: 240
}
},
{
width: 768,
height: 1024,
keyboard: {
portrait: 320,
landscape: 400
}
},
{
width: 1024,
height: 1366,
keyboard: {
portrait: 380,
landscape: 460
}
}
];
return findMap(devices, function (device) {
return someIf(deviceWidth <= device.width && deviceHeight <= device.height, device.keyboard);
}).getOr({
portrait: deviceHeight / 5,
landscape: deviceWidth / 4
});
};
var Devices = { findDevice: findDevice };
var softKeyboardLimits = function (outerWindow) {
return Devices.findDevice(outerWindow.screen.width, outerWindow.screen.height);
};
var accountableKeyboardHeight = function (outerWindow) {
var portrait = Orientation.get(outerWindow).isPortrait();
var limits = softKeyboardLimits(outerWindow);
var keyboard = portrait ? limits.portrait : limits.landscape;
var visualScreenHeight = portrait ? outerWindow.screen.height : outerWindow.screen.width;
return visualScreenHeight - outerWindow.innerHeight > keyboard ? 0 : keyboard;
};
var getGreenzone = function (socket, dropup) {
var outerWindow = owner(socket).dom().defaultView;
var viewportHeight = get$4(socket) + get$4(dropup);
var acc = accountableKeyboardHeight(outerWindow);
return viewportHeight - acc;
};
var updatePadding = function (contentBody, socket, dropup) {
var greenzoneHeight = getGreenzone(socket, dropup);
var deltaHeight = get$4(socket) + get$4(dropup) - greenzoneHeight;
set$2(contentBody, 'padding-bottom', deltaHeight + 'px');
};
var DeviceZones = {
getGreenzone: getGreenzone,
updatePadding: updatePadding
};
var fixture = Adt.generate([
{
fixed: [
'element',
'property',
'offsetY'
]
},
{
scroller: [
'element',
'offsetY'
]
}
]);
var yFixedData = 'data-' + Styles.resolve('position-y-fixed');
var yFixedProperty = 'data-' + Styles.resolve('y-property');
var yScrollingData = 'data-' + Styles.resolve('scrolling');
var windowSizeData = 'data-' + Styles.resolve('last-window-height');
var getYFixedData = function (element) {
return DataAttributes.safeParse(element, yFixedData);
};
var getYFixedProperty = function (element) {
return get(element, yFixedProperty);
};
var getLastWindowSize = function (element) {
return DataAttributes.safeParse(element, windowSizeData);
};
var classifyFixed = function (element, offsetY) {
var prop = getYFixedProperty(element);
return fixture.fixed(element, prop, offsetY);
};
var classifyScrolling = function (element, offsetY) {
return fixture.scroller(element, offsetY);
};
var classify = function (element) {
var offsetY = getYFixedData(element);
var classifier = get(element, yScrollingData) === 'true' ? classifyScrolling : classifyFixed;
return classifier(element, offsetY);
};
var findFixtures = function (container) {
var candidates = descendants(container, '[' + yFixedData + ']');
return map$1(candidates, classify);
};
var takeoverToolbar = function (toolbar) {
var oldToolbarStyle = get(toolbar, 'style');
setAll$1(toolbar, {
position: 'absolute',
top: '0px'
});
set(toolbar, yFixedData, '0px');
set(toolbar, yFixedProperty, 'top');
var restore = function () {
set(toolbar, 'style', oldToolbarStyle || '');
remove$1(toolbar, yFixedData);
remove$1(toolbar, yFixedProperty);
};
return { restore: restore };
};
var takeoverViewport = function (toolbarHeight, height, viewport) {
var oldViewportStyle = get(viewport, 'style');
Scrollable.register(viewport);
setAll$1(viewport, {
position: 'absolute',
height: height + 'px',
width: '100%',
top: toolbarHeight + 'px'
});
set(viewport, yFixedData, toolbarHeight + 'px');
set(viewport, yScrollingData, 'true');
set(viewport, yFixedProperty, 'top');
var restore = function () {
Scrollable.deregister(viewport);
set(viewport, 'style', oldViewportStyle || '');
remove$1(viewport, yFixedData);
remove$1(viewport, yScrollingData);
remove$1(viewport, yFixedProperty);
};
return { restore: restore };
};
var takeoverDropup = function (dropup, toolbarHeight, viewportHeight) {
var oldDropupStyle = get(dropup, 'style');
setAll$1(dropup, {
position: 'absolute',
bottom: '0px'
});
set(dropup, yFixedData, '0px');
set(dropup, yFixedProperty, 'bottom');
var restore = function () {
set(dropup, 'style', oldDropupStyle || '');
remove$1(dropup, yFixedData);
remove$1(dropup, yFixedProperty);
};
return { restore: restore };
};
var deriveViewportHeight = function (viewport, toolbarHeight, dropupHeight) {
var outerWindow = owner(viewport).dom().defaultView;
var winH = outerWindow.innerHeight;
set(viewport, windowSizeData, winH + 'px');
return winH - toolbarHeight - dropupHeight;
};
var takeover$1 = function (viewport, contentBody, toolbar, dropup) {
var outerWindow = owner(viewport).dom().defaultView;
var toolbarSetup = takeoverToolbar(toolbar);
var toolbarHeight = get$4(toolbar);
var dropupHeight = get$4(dropup);
var viewportHeight = deriveViewportHeight(viewport, toolbarHeight, dropupHeight);
var viewportSetup = takeoverViewport(toolbarHeight, viewportHeight, viewport);
var dropupSetup = takeoverDropup(dropup);
var isActive = true;
var restore = function () {
isActive = false;
toolbarSetup.restore();
viewportSetup.restore();
dropupSetup.restore();
};
var isExpanding = function () {
var currentWinHeight = outerWindow.innerHeight;
var lastWinHeight = getLastWindowSize(viewport);
return currentWinHeight > lastWinHeight;
};
var refresh = function () {
if (isActive) {
var newToolbarHeight = get$4(toolbar);
var dropupHeight_1 = get$4(dropup);
var newHeight = deriveViewportHeight(viewport, newToolbarHeight, dropupHeight_1);
set(viewport, yFixedData, newToolbarHeight + 'px');
set$2(viewport, 'height', newHeight + 'px');
DeviceZones.updatePadding(contentBody, viewport, dropup);
}
};
var setViewportOffset = function (newYOffset) {
var offsetPx = newYOffset + 'px';
set(viewport, yFixedData, offsetPx);
refresh();
};
DeviceZones.updatePadding(contentBody, viewport, dropup);
return {
setViewportOffset: setViewportOffset,
isExpanding: isExpanding,
isShrinking: not(isExpanding),
refresh: refresh,
restore: restore
};
};
var IosViewport = {
findFixtures: findFixtures,
takeover: takeover$1,
getYFixedData: getYFixedData
};
var animator = SmoothAnimation.create();
var ANIMATION_STEP = 15;
var NUM_TOP_ANIMATION_FRAMES = 10;
var ANIMATION_RATE = 10;
var lastScroll = 'data-' + Styles.resolve('last-scroll-top');
var getTop = function (element) {
var raw = getRaw(element, 'top').getOr('0');
return parseInt(raw, 10);
};
var getScrollTop = function (element) {
return parseInt(element.dom().scrollTop, 10);
};
var moveScrollAndTop = function (element, destination, finalTop) {
return Future.nu(function (callback) {
var getCurrent = curry(getScrollTop, element);
var update = function (newScroll) {
element.dom().scrollTop = newScroll;
set$2(element, 'top', getTop(element) + ANIMATION_STEP + 'px');
};
var finish = function () {
element.dom().scrollTop = destination;
set$2(element, 'top', finalTop + 'px');
callback(destination);
};
animator.animate(getCurrent, destination, ANIMATION_STEP, update, finish, ANIMATION_RATE);
});
};
var moveOnlyScroll = function (element, destination) {
return Future.nu(function (callback) {
var getCurrent = curry(getScrollTop, element);
set(element, lastScroll, getCurrent());
var update = function (newScroll, abort) {
var previous = DataAttributes.safeParse(element, lastScroll);
if (previous !== element.dom().scrollTop) {
abort(element.dom().scrollTop);
} else {
element.dom().scrollTop = newScroll;
set(element, lastScroll, newScroll);
}
};
var finish = function () {
element.dom().scrollTop = destination;
set(element, lastScroll, destination);
callback(destination);
};
var distance = Math.abs(destination - getCurrent());
var step = Math.ceil(distance / NUM_TOP_ANIMATION_FRAMES);
animator.animate(getCurrent, destination, step, update, finish, ANIMATION_RATE);
});
};
var moveOnlyTop = function (element, destination) {
return Future.nu(function (callback) {
var getCurrent = curry(getTop, element);
var update = function (newTop) {
set$2(element, 'top', newTop + 'px');
};
var finish = function () {
update(destination);
callback(destination);
};
var distance = Math.abs(destination - getCurrent());
var step = Math.ceil(distance / NUM_TOP_ANIMATION_FRAMES);
animator.animate(getCurrent, destination, step, update, finish, ANIMATION_RATE);
});
};
var updateTop = function (element, amount) {
var newTop = amount + IosViewport.getYFixedData(element) + 'px';
set$2(element, 'top', newTop);
};
var moveWindowScroll = function (toolbar, viewport, destY) {
var outerWindow = owner(toolbar).dom().defaultView;
return Future.nu(function (callback) {
updateTop(toolbar, destY);
updateTop(viewport, destY);
outerWindow.scrollTo(0, destY);
callback(destY);
});
};
var IosScrolling = {
moveScrollAndTop: moveScrollAndTop,
moveOnlyScroll: moveOnlyScroll,
moveOnlyTop: moveOnlyTop,
moveWindowScroll: moveWindowScroll
};
function BackgroundActivity (doAction) {
var action = Cell(LazyValue.pure({}));
var start = function (value) {
var future = LazyValue.nu(function (callback) {
return doAction(value).get(callback);
});
action.set(future);
};
var idle = function (g) {
action.get().get(function () {
g();
});
};
return {
start: start,
idle: idle
};
}
var scrollIntoView = function (cWin, socket, dropup, top, bottom) {
var greenzone = DeviceZones.getGreenzone(socket, dropup);
var refreshCursor = curry(CursorRefresh.refresh, cWin);
if (top > greenzone || bottom > greenzone) {
IosScrolling.moveOnlyScroll(socket, socket.dom().scrollTop - greenzone + bottom).get(refreshCursor);
} else if (top < 0) {
IosScrolling.moveOnlyScroll(socket, socket.dom().scrollTop + top).get(refreshCursor);
}
};
var Greenzone = { scrollIntoView: scrollIntoView };
var par = function (asyncValues, nu) {
return nu(function (callback) {
var r = [];
var count = 0;
var cb = function (i) {
return function (value) {
r[i] = value;
count++;
if (count >= asyncValues.length) {
callback(r);
}
};
};
if (asyncValues.length === 0) {
callback([]);
} else {
each$1(asyncValues, function (asyncValue, i) {
asyncValue.get(cb(i));
});
}
});
};
var par$1 = function (futures) {
return par(futures, Future.nu);
};
var updateFixed = function (element, property, winY, offsetY) {
var destination = winY + offsetY;
set$2(element, property, destination + 'px');
return Future.pure(offsetY);
};
var updateScrollingFixed = function (element, winY, offsetY) {
var destTop = winY + offsetY;
var oldProp = getRaw(element, 'top').getOr(offsetY);
var delta = destTop - parseInt(oldProp, 10);
var destScroll = element.dom().scrollTop + delta;
return IosScrolling.moveScrollAndTop(element, destScroll, destTop);
};
var updateFixture = function (fixture, winY) {
return fixture.fold(function (element, property, offsetY) {
return updateFixed(element, property, winY, offsetY);
}, function (element, offsetY) {
return updateScrollingFixed(element, winY, offsetY);
});
};
var updatePositions = function (container, winY) {
var fixtures = IosViewport.findFixtures(container);
var updates = map$1(fixtures, function (fixture) {
return updateFixture(fixture, winY);
});
return par$1(updates);
};
var IosUpdates = { updatePositions: updatePositions };
var VIEW_MARGIN = 5;
var register$2 = function (toolstrip, socket, container, outerWindow, structure, cWin) {
var scroller = BackgroundActivity(function (y) {
return IosScrolling.moveWindowScroll(toolstrip, socket, y);
});
var scrollBounds = function () {
var rects = Rectangles.getRectangles(cWin);
return Option.from(rects[0]).bind(function (rect) {
var viewTop = rect.top() - socket.dom().scrollTop;
var outside = viewTop > outerWindow.innerHeight + VIEW_MARGIN || viewTop < -VIEW_MARGIN;
return outside ? Option.some({
top: constant(viewTop),
bottom: constant(viewTop + rect.height())
}) : Option.none();
});
};
var scrollThrottle = last(function () {
scroller.idle(function () {
IosUpdates.updatePositions(container, outerWindow.pageYOffset).get(function () {
var extraScroll = scrollBounds();
extraScroll.each(function (extra) {
socket.dom().scrollTop = socket.dom().scrollTop + extra.top();
});
scroller.start(0);
structure.refresh();
});
});
}, 1000);
var onScroll = bind$2(Element.fromDom(outerWindow), 'scroll', function () {
if (outerWindow.pageYOffset < 0) {
return;
}
scrollThrottle.throttle();
});
IosUpdates.updatePositions(container, outerWindow.pageYOffset).get(identity);
return { unbind: onScroll.unbind };
};
var setup$3 = function (bag) {
var cWin = bag.cWin();
var ceBody = bag.ceBody();
var socket = bag.socket();
var toolstrip = bag.toolstrip();
var toolbar = bag.toolbar();
var contentElement = bag.contentElement();
var keyboardType = bag.keyboardType();
var outerWindow = bag.outerWindow();
var dropup = bag.dropup();
var structure = IosViewport.takeover(socket, ceBody, toolstrip, dropup);
var keyboardModel = keyboardType(bag.outerBody(), cWin, body(), contentElement, toolstrip, toolbar);
var toEditing = function () {
keyboardModel.toEditing();
clearSelection();
};
var toReading = function () {
keyboardModel.toReading();
};
var onToolbarTouch = function (event) {
keyboardModel.onToolbarTouch(event);
};
var onOrientation = Orientation.onChange(outerWindow, {
onChange: noop,
onReady: structure.refresh
});
onOrientation.onAdjustment(function () {
structure.refresh();
});
var onResize = bind$2(Element.fromDom(outerWindow), 'resize', function () {
if (structure.isExpanding()) {
structure.refresh();
}
});
var onScroll = register$2(toolstrip, socket, bag.outerBody(), outerWindow, structure, cWin);
var unfocusedSelection = FakeSelection(cWin, contentElement);
var refreshSelection = function () {
if (unfocusedSelection.isActive()) {
unfocusedSelection.update();
}
};
var highlightSelection = function () {
unfocusedSelection.update();
};
var clearSelection = function () {
unfocusedSelection.clear();
};
var scrollIntoView = function (top, bottom) {
Greenzone.scrollIntoView(cWin, socket, dropup, top, bottom);
};
var syncHeight = function () {
set$2(contentElement, 'height', contentElement.dom().contentWindow.document.body.scrollHeight + 'px');
};
var setViewportOffset = function (newYOffset) {
structure.setViewportOffset(newYOffset);
IosScrolling.moveOnlyTop(socket, newYOffset).get(identity);
};
var destroy = function () {
structure.restore();
onOrientation.destroy();
onScroll.unbind();
onResize.unbind();
keyboardModel.destroy();
unfocusedSelection.destroy();
CaptureBin.input(body(), blur);
};
return {
toEditing: toEditing,
toReading: toReading,
onToolbarTouch: onToolbarTouch,
refreshSelection: refreshSelection,
clearSelection: clearSelection,
highlightSelection: highlightSelection,
scrollIntoView: scrollIntoView,
updateToolbarPadding: noop,
setViewportOffset: setViewportOffset,
syncHeight: syncHeight,
refreshStructure: structure.refresh,
destroy: destroy
};
};
var IosSetup = { setup: setup$3 };
var create$6 = function (platform, mask) {
var meta = MetaViewport.tag();
var priorState = value$2();
var scrollEvents = value$2();
var iosApi = api$2();
var iosEvents = api$2();
var enter = function () {
mask.hide();
var doc = Element.fromDom(domGlobals.document);
PlatformEditor.getActiveApi(platform.editor).each(function (editorApi) {
priorState.set({
socketHeight: getRaw(platform.socket, 'height'),
iframeHeight: getRaw(editorApi.frame(), 'height'),
outerScroll: domGlobals.document.body.scrollTop
});
scrollEvents.set({ exclusives: Scrollables.exclusive(doc, '.' + Scrollable.scrollable()) });
add$2(platform.container, Styles.resolve('fullscreen-maximized'));
Thor.clobberStyles(platform.container, editorApi.body());
meta.maximize();
set$2(platform.socket, 'overflow', 'scroll');
set$2(platform.socket, '-webkit-overflow-scrolling', 'touch');
focus$1(editorApi.body());
var setupBag = MixedBag([
'cWin',
'ceBody',
'socket',
'toolstrip',
'toolbar',
'dropup',
'contentElement',
'cursor',
'keyboardType',
'isScrolling',
'outerWindow',
'outerBody'
], []);
iosApi.set(IosSetup.setup(setupBag({
cWin: editorApi.win(),
ceBody: editorApi.body(),
socket: platform.socket,
toolstrip: platform.toolstrip,
toolbar: platform.toolbar,
dropup: platform.dropup.element(),
contentElement: editorApi.frame(),
cursor: noop,
outerBody: platform.body,
outerWindow: platform.win,
keyboardType: IosKeyboard.stubborn,
isScrolling: function () {
var scrollValue = scrollEvents;
return scrollValue.get().exists(function (s) {
return s.socket.isScrolling();
});
}
})));
iosApi.run(function (api) {
api.syncHeight();
});
iosEvents.set(IosEvents.initEvents(editorApi, iosApi, platform.toolstrip, platform.socket, platform.dropup));
});
};
var exit = function () {
meta.restore();
iosEvents.clear();
iosApi.clear();
mask.show();
priorState.on(function (s) {
s.socketHeight.each(function (h) {
set$2(platform.socket, 'height', h);
});
s.iframeHeight.each(function (h) {
set$2(platform.editor.getFrame(), 'height', h);
});
domGlobals.document.body.scrollTop = s.scrollTop;
});
priorState.clear();
scrollEvents.on(function (s) {
s.exclusives.unbind();
});
scrollEvents.clear();
remove$4(platform.container, Styles.resolve('fullscreen-maximized'));
Thor.restoreStyles();
Scrollable.deregister(platform.toolbar);
remove$5(platform.socket, 'overflow');
remove$5(platform.socket, '-webkit-overflow-scrolling');
blur(platform.editor.getFrame());
PlatformEditor.getActiveApi(platform.editor).each(function (editorApi) {
editorApi.clearSelection();
});
};
var refreshStructure = function () {
iosApi.run(function (api) {
api.refreshStructure();
});
};
return {
enter: enter,
refreshStructure: refreshStructure,
exit: exit
};
};
var IosMode = { create: create$6 };
var produce$1 = function (raw) {
var mobile = asRawOrDie('Getting IosWebapp schema', MobileSchema, raw);
set$2(mobile.toolstrip, 'width', '100%');
set$2(mobile.container, 'position', 'relative');
var onView = function () {
mobile.setReadOnly(mobile.readOnlyOnInit());
mode.enter();
};
var mask = build$1(TapToEditMask.sketch(onView, mobile.translate));
mobile.alloy.add(mask);
var maskApi = {
show: function () {
mobile.alloy.add(mask);
},
hide: function () {
mobile.alloy.remove(mask);
}
};
var mode = IosMode.create(mobile, maskApi);
return {
setReadOnly: mobile.setReadOnly,
refreshStructure: mode.refreshStructure,
enter: mode.enter,
exit: mode.exit,
destroy: noop
};
};
var IosWebapp = { produce: produce$1 };
function IosRealm (scrollIntoView) {
var alloy = OuterContainer({ classes: [Styles.resolve('ios-container')] });
var toolbar = ScrollingToolbar();
var webapp = api$2();
var switchToEdit = CommonRealm.makeEditSwitch(webapp);
var socket = CommonRealm.makeSocket();
var dropup = build$2(function () {
webapp.run(function (w) {
w.refreshStructure();
});
}, scrollIntoView);
alloy.add(toolbar.wrapper());
alloy.add(socket);
alloy.add(dropup.component());
var setToolbarGroups = function (rawGroups) {
var groups = toolbar.createGroups(rawGroups);
toolbar.setGroups(groups);
};
var setContextToolbar = function (rawGroups) {
var groups = toolbar.createGroups(rawGroups);
toolbar.setContextToolbar(groups);
};
var focusToolbar = function () {
toolbar.focus();
};
var restoreToolbar = function () {
toolbar.restoreToolbar();
};
var init = function (spec) {
webapp.set(IosWebapp.produce(spec));
};
var exit = function () {
webapp.run(function (w) {
Replacing.remove(socket, switchToEdit);
w.exit();
});
};
var updateMode = function (readOnly) {
CommonRealm.updateMode(socket, switchToEdit, readOnly, alloy.root());
};
return {
system: constant(alloy),
element: alloy.element,
init: init,
exit: exit,
setToolbarGroups: setToolbarGroups,
setContextToolbar: setContextToolbar,
focusToolbar: focusToolbar,
restoreToolbar: restoreToolbar,
updateMode: updateMode,
socket: constant(socket),
dropup: constant(dropup)
};
}
var global$3 = tinymce.util.Tools.resolve('tinymce.EditorManager');
var derive$3 = function (editor) {
var base = readOptFrom$1(editor.settings, 'skin_url').fold(function () {
return global$3.baseURL + '/skins/' + 'lightgray';
}, function (url) {
return url;
});
return {
content: base + '/content.mobile.min.css',
ui: base + '/skin.mobile.min.css'
};
};
var CssUrls = { derive: derive$3 };
var fontSizes = [
'x-small',
'small',
'medium',
'large',
'x-large'
];
var fireChange$1 = function (realm, command, state) {
realm.system().broadcastOn([TinyChannels.formatChanged()], {
command: command,
state: state
});
};
var init$5 = function (realm, editor) {
var allFormats = keys(editor.formatter.get());
each$1(allFormats, function (command) {
editor.formatter.formatChanged(command, function (state) {
fireChange$1(realm, command, state);
});
});
each$1([
'ul',
'ol'
], function (command) {
editor.selection.selectorChanged(command, function (state, data) {
fireChange$1(realm, command, state);
});
});
};
var FormatChangers = {
init: init$5,
fontSizes: constant(fontSizes)
};
var fireSkinLoaded = function (editor) {
var done = function () {
editor._skinLoaded = true;
editor.fire('SkinLoaded');
};
return function () {
if (editor.initialized) {
done();
} else {
editor.on('init', done);
}
};
};
var SkinLoaded = { fireSkinLoaded: fireSkinLoaded };
var READING = constant('toReading');
var EDITING = constant('toEditing');
global$2.add('mobile', function (editor) {
var renderUI = function (args) {
var cssUrls = CssUrls.derive(editor);
if (isSkinDisabled(editor) === false) {
editor.contentCSS.push(cssUrls.content);
global$1.DOM.styleSheetLoader.load(cssUrls.ui, SkinLoaded.fireSkinLoaded(editor));
} else {
SkinLoaded.fireSkinLoaded(editor)();
}
var doScrollIntoView = function () {
editor.fire('scrollIntoView');
};
var wrapper = Element.fromTag('div');
var realm = PlatformDetection$1.detect().os.isAndroid() ? AndroidRealm(doScrollIntoView) : IosRealm(doScrollIntoView);
var original = Element.fromDom(args.targetNode);
after(original, wrapper);
attachSystem(wrapper, realm.system());
var findFocusIn = function (elem) {
return search(elem).bind(function (focused) {
return realm.system().getByDom(focused).toOption();
});
};
var outerWindow = args.targetNode.ownerDocument.defaultView;
var orientation = Orientation.onChange(outerWindow, {
onChange: function () {
var alloy = realm.system();
alloy.broadcastOn([TinyChannels.orientationChanged()], { width: Orientation.getActualWidth(outerWindow) });
},
onReady: noop
});
var setReadOnly = function (dynamicGroup, readOnlyGroups, mainGroups, ro) {
if (ro === false) {
editor.selection.collapse();
}
var toolbars = configureToolbar(dynamicGroup, readOnlyGroups, mainGroups);
realm.setToolbarGroups(ro === true ? toolbars.readOnly : toolbars.main);
editor.setMode(ro === true ? 'readonly' : 'design');
editor.fire(ro === true ? READING() : EDITING());
realm.updateMode(ro);
};
var configureToolbar = function (dynamicGroup, readOnlyGroups, mainGroups) {
var dynamic = dynamicGroup.get();
var toolbars = {
readOnly: dynamic.backToMask.concat(readOnlyGroups.get()),
main: dynamic.backToMask.concat(mainGroups.get())
};
return toolbars;
};
var bindHandler = function (label, handler) {
editor.on(label, handler);
return {
unbind: function () {
editor.off(label);
}
};
};
editor.on('init', function () {
realm.init({
editor: {
getFrame: function () {
return Element.fromDom(editor.contentAreaContainer.querySelector('iframe'));
},
onDomChanged: function () {
return { unbind: noop };
},
onToReading: function (handler) {
return bindHandler(READING(), handler);
},
onToEditing: function (handler) {
return bindHandler(EDITING(), handler);
},
onScrollToCursor: function (handler) {
editor.on('scrollIntoView', function (tinyEvent) {
handler(tinyEvent);
});
var unbind = function () {
editor.off('scrollIntoView');
orientation.destroy();
};
return { unbind: unbind };
},
onTouchToolstrip: function () {
hideDropup();
},
onTouchContent: function () {
var toolbar = Element.fromDom(editor.editorContainer.querySelector('.' + Styles.resolve('toolbar')));
findFocusIn(toolbar).each(emitExecute);
realm.restoreToolbar();
hideDropup();
},
onTapContent: function (evt) {
var target = evt.target();
if (name(target) === 'img') {
editor.selection.select(target.dom());
evt.kill();
} else if (name(target) === 'a') {
var component = realm.system().getByDom(Element.fromDom(editor.editorContainer));
component.each(function (container) {
if (Swapping.isAlpha(container)) {
TinyCodeDupe.openLink(target.dom());
}
});
}
}
},
container: Element.fromDom(editor.editorContainer),
socket: Element.fromDom(editor.contentAreaContainer),
toolstrip: Element.fromDom(editor.editorContainer.querySelector('.' + Styles.resolve('toolstrip'))),
toolbar: Element.fromDom(editor.editorContainer.querySelector('.' + Styles.resolve('toolbar'))),
dropup: realm.dropup(),
alloy: realm.system(),
translate: noop,
setReadOnly: function (ro) {
setReadOnly(dynamicGroup, readOnlyGroups, mainGroups, ro);
},
readOnlyOnInit: function () {
return readOnlyOnInit();
}
});
var hideDropup = function () {
realm.dropup().disappear(function () {
realm.system().broadcastOn([TinyChannels.dropupDismissed()], {});
});
};
var backToMaskGroup = {
label: 'The first group',
scrollable: false,
items: [Buttons.forToolbar('back', function () {
editor.selection.collapse();
realm.exit();
}, {})]
};
var backToReadOnlyGroup = {
label: 'Back to read only',
scrollable: false,
items: [Buttons.forToolbar('readonly-back', function () {
setReadOnly(dynamicGroup, readOnlyGroups, mainGroups, true);
}, {})]
};
var readOnlyGroup = {
label: 'The read only mode group',
scrollable: true,
items: []
};
var features = Features.setup(realm, editor);
var items = Features.detect(editor.settings, features);
var actionGroup = {
label: 'the action group',
scrollable: true,
items: items
};
var extraGroup = {
label: 'The extra group',
scrollable: false,
items: []
};
var mainGroups = Cell([
actionGroup,
extraGroup
]);
var readOnlyGroups = Cell([
readOnlyGroup,
extraGroup
]);
var dynamicGroup = Cell({
backToMask: [backToMaskGroup],
backToReadOnly: [backToReadOnlyGroup]
});
FormatChangers.init(realm, editor);
});
editor.on('remove', function () {
realm.exit();
});
editor.on('detach', function () {
detachSystem(realm.system());
realm.system().destroy();
remove(wrapper);
});
return {
iframeContainer: realm.socket().element().dom(),
editorContainer: realm.element().dom()
};
};
return {
getNotificationManagerImpl: function () {
return {
open: constant({
progressBar: { value: noop },
close: noop
}),
close: noop,
reposition: noop,
getArgs: identity
};
},
renderUI: renderUI
};
});
function Theme () {
}
return Theme;
}(window));
})();