spiderfw 0.6.38 → 0.6.39

data/apps/core/components/public/js/tinymce/classes/ui/Panel.js

@@ -0,0 +1,67 @@
+/**
+ * Panel.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2015 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+
+/**
+ * Creates a new panel.
+ *
+ * @-x-less Panel.less
+ * @class tinymce.ui.Panel
+ * @extends tinymce.ui.Container
+ * @mixes tinymce.ui.Scrollable
+ */
+define("tinymce/ui/Panel", [
+	"tinymce/ui/Container",
+	"tinymce/ui/Scrollable"
+], function(Container, Scrollable) {
+	"use strict";
+
+	return Container.extend({
+		Defaults: {
+			layout: 'fit',
+			containerCls: 'panel'
+		},
+
+		Mixins: [Scrollable],
+
+		/**
+		 * Renders the control as a HTML string.
+		 *
+		 * @method renderHtml
+		 * @return {String} HTML representing the control.
+		 */
+		renderHtml: function() {
+			var self = this, layout = self._layout, innerHtml = self.settings.html;
+
+			self.preRender();
+			layout.preRender(self);
+
+			if (typeof innerHtml == "undefined") {
+				innerHtml = (
+					'<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' +
+						layout.renderHtml(self) +
+					'</div>'
+				);
+			} else {
+				if (typeof innerHtml == 'function') {
+					innerHtml = innerHtml.call(self);
+				}
+
+				self._hasBody = false;
+			}
+
+			return (
+				'<div id="' + self._id + '" class="' + self.classes + '" hidefocus="1" tabindex="-1" role="group">' +
+					(self._preBodyHtml || '') +
+					innerHtml +
+				'</div>'
+			);
+		}
+	});
+});

data/apps/core/components/public/js/tinymce/classes/ui/PanelButton.js

@@ -0,0 +1,114 @@
+/**
+ * PanelButton.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2015 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+
+/**
+ * Creates a new panel button.
+ *
+ * @class tinymce.ui.PanelButton
+ * @extends tinymce.ui.Button
+ */
+define("tinymce/ui/PanelButton", [
+	"tinymce/ui/Button",
+	"tinymce/ui/FloatPanel"
+], function(Button, FloatPanel) {
+	"use strict";
+
+	return Button.extend({
+		/**
+		 * Shows the panel for the button.
+		 *
+		 * @method showPanel
+		 */
+		showPanel: function() {
+			var self = this, settings = self.settings;
+
+			self.active(true);
+
+			if (!self.panel) {
+				var panelSettings = settings.panel;
+
+				// Wrap panel in grid layout if type if specified
+				// This makes it possible to add forms or other containers directly in the panel option
+				if (panelSettings.type) {
+					panelSettings = {
+						layout: 'grid',
+						items: panelSettings
+					};
+				}
+
+				panelSettings.role = panelSettings.role || 'dialog';
+				panelSettings.popover = true;
+				panelSettings.autohide = true;
+				panelSettings.ariaRoot = true;
+
+				self.panel = new FloatPanel(panelSettings).on('hide', function() {
+					self.active(false);
+				}).on('cancel', function(e) {
+					e.stopPropagation();
+					self.focus();
+					self.hidePanel();
+				}).parent(self).renderTo(self.getContainerElm());
+
+				self.panel.fire('show');
+				self.panel.reflow();
+			} else {
+				self.panel.show();
+			}
+
+			self.panel.moveRel(self.getEl(), settings.popoverAlign || (self.isRtl() ? ['bc-tr', 'bc-tc'] : ['bc-tl', 'bc-tc']));
+		},
+
+		/**
+		 * Hides the panel for the button.
+		 *
+		 * @method hidePanel
+		 */
+		hidePanel: function() {
+			var self = this;
+
+			if (self.panel) {
+				self.panel.hide();
+			}
+		},
+
+		/**
+		 * Called after the control has been rendered.
+		 *
+		 * @method postRender
+		 */
+		postRender: function() {
+			var self = this;
+
+			self.aria('haspopup', true);
+
+			self.on('click', function(e) {
+				if (e.control === self) {
+					if (self.panel && self.panel.visible()) {
+						self.hidePanel();
+					} else {
+						self.showPanel();
+						self.panel.focus(!!e.aria);
+					}
+				}
+			});
+
+			return self._super();
+		},
+
+		remove: function() {
+			if (this.panel) {
+				this.panel.remove();
+				this.panel = null;
+			}
+
+			return this._super();
+		}
+	});
+});

data/apps/core/components/public/js/tinymce/classes/ui/Path.js

@@ -0,0 +1,127 @@
+/**
+ * Path.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2015 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+
+/**
+ * Creates a new path control.
+ *
+ * @-x-less Path.less
+ * @class tinymce.ui.Path
+ * @extends tinymce.ui.Widget
+ */
+define("tinymce/ui/Path", [
+	"tinymce/ui/Widget"
+], function(Widget) {
+	"use strict";
+
+	return Widget.extend({
+		/**
+		 * Constructs a instance with the specified settings.
+		 *
+		 * @constructor
+		 * @param {Object} settings Name/value object with settings.
+		 * @setting {String} delimiter Delimiter to display between row in path.
+		 */
+		init: function(settings) {
+			var self = this;
+
+			if (!settings.delimiter) {
+				settings.delimiter = '\u00BB';
+			}
+
+			self._super(settings);
+			self.classes.add('path');
+			self.canFocus = true;
+
+			self.on('click', function(e) {
+				var index, target = e.target;
+
+				if ((index = target.getAttribute('data-index'))) {
+					self.fire('select', {value: self.row()[index], index: index});
+				}
+			});
+
+			self.row(self.settings.row);
+		},
+
+		/**
+		 * Focuses the current control.
+		 *
+		 * @method focus
+		 * @return {tinymce.ui.Control} Current control instance.
+		 */
+		focus: function() {
+			var self = this;
+
+			self.getEl().firstChild.focus();
+
+			return self;
+		},
+
+		/**
+		 * Sets/gets the data to be used for the path.
+		 *
+		 * @method row
+		 * @param {Array} row Array with row name is rendered to path.
+		 */
+		row: function(row) {
+			if (!arguments.length) {
+				return this.state.get('row');
+			}
+
+			this.state.set('row', row);
+
+			return this;
+		},
+
+		/**
+		 * Renders the control as a HTML string.
+		 *
+		 * @method renderHtml
+		 * @return {String} HTML representing the control.
+		 */
+		renderHtml: function() {
+			var self = this;
+
+			return (
+				'<div id="' + self._id + '" class="' + self.classes + '">' +
+					self._getDataPathHtml(self.state.get('row')) +
+				'</div>'
+			);
+		},
+
+		bindStates: function() {
+			var self = this;
+
+			self.state.on('change:row', function(e) {
+				self.innerHtml(self._getDataPathHtml(e.value));
+			});
+
+			return self._super();
+		},
+
+		_getDataPathHtml: function(data) {
+			var self = this, parts = data || [], i, l, html = '', prefix = self.classPrefix;
+
+			for (i = 0, l = parts.length; i < l; i++) {
+				html += (
+					(i > 0 ? '<div class="' + prefix + 'divider" aria-hidden="true"> ' + self.settings.delimiter + ' </div>' : '') +
+					'<div role="button" class="' + prefix + 'path-item' + (i == l - 1 ? ' ' + prefix + 'last' : '') + '" data-index="' +
+					i + '" tabindex="-1" id="' + self._id + '-' + i + '" aria-level="' + i + '">' + parts[i].name + '</div>'
+				);
+			}
+
+			if (!html) {
+				html = '<div class="' + prefix + 'path-item">\u00a0</div>';
+			}
+
+			return html;
+		}
+	});
+});

data/apps/core/components/public/js/tinymce/classes/ui/Progress.js

@@ -0,0 +1,81 @@
+/**
+ * Progress.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2015 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+
+/**
+ * Progress control.
+ *
+ * @-x-less Progress.less
+ * @class tinymce.ui.Progress
+ * @extends tinymce.ui.Control
+ */
+define("tinymce/ui/Progress", [
+	"tinymce/ui/Widget"
+], function(Widget) {
+	"use strict";
+
+	return Widget.extend({
+		Defaults: {
+			value: 0
+		},
+
+		init: function(settings) {
+			var self = this;
+
+			self._super(settings);
+			self.classes.add('progress');
+
+			if (!self.settings.filter) {
+				self.settings.filter = function(value) {
+					return Math.round(value);
+				};
+			}
+		},
+
+		renderHtml: function() {
+			var self = this, id = self._id, prefix = this.classPrefix;
+
+			return (
+				'<div id="' + id + '" class="' + self.classes + '">' +
+					'<div class="' + prefix + 'bar-container">' +
+						'<div class="' + prefix + 'bar"></div>' +
+					'</div>' +
+					'<div class="' + prefix + 'text">0%</div>' +
+				'</div>'
+			);
+		},
+
+		postRender: function() {
+			var self = this;
+
+			self._super();
+			self.value(self.settings.value);
+
+			return self;
+		},
+
+		bindStates: function() {
+			var self = this;
+
+			function setValue(value) {
+				value = self.settings.filter(value);
+				self.getEl().lastChild.innerHTML = value + '%';
+				self.getEl().firstChild.firstChild.style.width = value + '%';
+			}
+
+			self.state.on('change:value', function(e) {
+				setValue(e.value);
+			});
+
+			setValue(self.state.get('value'));
+
+			return self._super();
+		}
+	});
+});

data/apps/core/components/public/js/tinymce/classes/ui/Radio.js

@@ -0,0 +1,29 @@
+/**
+ * Radio.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2015 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+
+/**
+ * Creates a new radio button.
+ *
+ * @-x-less Radio.less
+ * @class tinymce.ui.Radio
+ * @extends tinymce.ui.Checkbox
+ */
+define("tinymce/ui/Radio", [
+	"tinymce/ui/Checkbox"
+], function(Checkbox) {
+	"use strict";
+
+	return Checkbox.extend({
+		Defaults: {
+			classes: "radio",
+			role: "radio"
+		}
+	});
+});

data/apps/core/components/public/js/tinymce/classes/ui/ReflowQueue.js

@@ -0,0 +1,79 @@
+/**
+ * ReflowQueue.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2015 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+
+/**
+ * This class will automatically reflow controls on the next animation frame within a few milliseconds on older browsers.
+ * If the user manually reflows then the automatic reflow will be cancelled. This class is used internally when various control states
+ * changes that triggers a reflow.
+ *
+ * @class tinymce.ui.ReflowQueue
+ * @static
+ */
+define("tinymce/ui/ReflowQueue", [
+	"tinymce/util/Delay"
+], function(Delay) {
+	var dirtyCtrls = {}, animationFrameRequested;
+
+	return {
+		/**
+		 * Adds a control to the next automatic reflow call. This is the control that had a state
+		 * change for example if the control was hidden/shown.
+		 *
+		 * @method add
+		 * @param {tinymce.ui.Control} ctrl Control to add to queue.
+		 */
+		add: function(ctrl) {
+			var parent = ctrl.parent();
+
+			if (parent) {
+				if (!parent._layout || parent._layout.isNative()) {
+					return;
+				}
+
+				if (!dirtyCtrls[parent._id]) {
+					dirtyCtrls[parent._id] = parent;
+				}
+
+				if (!animationFrameRequested) {
+					animationFrameRequested = true;
+
+					Delay.requestAnimationFrame(function() {
+						var id, ctrl;
+
+						animationFrameRequested = false;
+
+						for (id in dirtyCtrls) {
+							ctrl = dirtyCtrls[id];
+
+							if (ctrl.state.get('rendered')) {
+								ctrl.reflow();
+							}
+						}
+
+						dirtyCtrls = {};
+					}, document.body);
+				}
+			}
+		},
+
+		/**
+		 * Removes the specified control from the automatic reflow. This will happen when for example the user
+		 * manually triggers a reflow.
+		 *
+		 * @method remove
+		 * @param {tinymce.ui.Control} ctrl Control to remove from queue.
+		 */
+		remove: function(ctrl) {
+			if (dirtyCtrls[ctrl._id]) {
+				delete dirtyCtrls[ctrl._id];
+			}
+		}
+	};
+});