You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@senssoft.apache.org by ar...@apache.org on 2016/10/21 16:12:22 UTC
[29/48] incubator-senssoft-tap git commit: Cherry pick front end
bundle
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/modules/shape.less
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/modules/shape.less b/semantic/src/definitions/modules/shape.less
new file mode 100755
index 0000000..c2c87f9
--- /dev/null
+++ b/semantic/src/definitions/modules/shape.less
@@ -0,0 +1,150 @@
+/*!
+ * # Semantic UI - Shape
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+
+/*******************************
+ Theme
+*******************************/
+
+@type : 'module';
+@element : 'shape';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+ Shape
+*******************************/
+
+.ui.shape {
+ position: relative;
+ vertical-align: top;
+ display: @display;
+ perspective: @perspective;
+ transition: @transition;
+}
+
+.ui.shape .sides {
+ transform-style: preserve-3d;
+}
+
+.ui.shape .side {
+ opacity: 1;
+ width: 100%;
+
+ margin: @sideMargin !important;
+ backface-visibility: @backfaceVisibility;
+}
+
+.ui.shape .side {
+ display: none;
+}
+
+.ui.shape .side * {
+ backface-visibility: visible !important;
+}
+
+/*******************************
+ Types
+*******************************/
+
+.ui.cube.shape .side {
+ min-width: @cubeSize;
+ height: @cubeSize;
+
+ padding: @cubePadding;
+
+ background-color: @cubeBackground;
+ color: @cubeTextColor;
+ box-shadow: @cubeBoxShadow;
+}
+.ui.cube.shape .side > .content {
+ width: 100%;
+ height: 100%;
+ display: table;
+
+ text-align: @cubeTextAlign;
+ user-select: text;
+}
+.ui.cube.shape .side > .content > div {
+ display: table-cell;
+ vertical-align: middle;
+ font-size: @cubeFontSize;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.text.shape.animating .sides {
+ position: static;
+}
+.ui.text.shape .side {
+ white-space: nowrap;
+}
+.ui.text.shape .side > * {
+ white-space: normal;
+}
+
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Loading
+---------------*/
+
+.ui.loading.shape {
+ position: absolute;
+ top: -9999px;
+ left: -9999px;
+}
+
+
+/*--------------
+ Animating
+---------------*/
+
+.ui.shape .animating.side {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ display: block;
+ z-index: @animatingZIndex;
+}
+.ui.shape .hidden.side {
+ opacity: @hiddenSideOpacity;
+}
+
+
+/*--------------
+ CSS
+---------------*/
+
+.ui.shape.animating .sides {
+ position: absolute;
+}
+.ui.shape.animating .sides {
+ transition: @transition;
+}
+.ui.shape.animating .side {
+ transition: @sideTransition;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.shape .active.side {
+ display: block;
+}
+
+.loadUIOverrides();
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/modules/sidebar.js
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/modules/sidebar.js b/semantic/src/definitions/modules/sidebar.js
new file mode 100644
index 0000000..ba063f8
--- /dev/null
+++ b/semantic/src/definitions/modules/sidebar.js
@@ -0,0 +1,1036 @@
+/*!
+ * # Semantic UI - Sidebar
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+;(function ($, window, document, undefined) {
+
+"use strict";
+
+window = (typeof window != 'undefined' && window.Math == Math)
+ ? window
+ : (typeof self != 'undefined' && self.Math == Math)
+ ? self
+ : Function('return this')()
+;
+
+$.fn.sidebar = function(parameters) {
+ var
+ $allModules = $(this),
+ $window = $(window),
+ $document = $(document),
+ $html = $('html'),
+ $head = $('head'),
+
+ moduleSelector = $allModules.selector || '',
+
+ time = new Date().getTime(),
+ performance = [],
+
+ query = arguments[0],
+ methodInvoked = (typeof query == 'string'),
+ queryArguments = [].slice.call(arguments, 1),
+
+ requestAnimationFrame = window.requestAnimationFrame
+ || window.mozRequestAnimationFrame
+ || window.webkitRequestAnimationFrame
+ || window.msRequestAnimationFrame
+ || function(callback) { setTimeout(callback, 0); },
+
+ returnedValue
+ ;
+
+ $allModules
+ .each(function() {
+ var
+ settings = ( $.isPlainObject(parameters) )
+ ? $.extend(true, {}, $.fn.sidebar.settings, parameters)
+ : $.extend({}, $.fn.sidebar.settings),
+
+ selector = settings.selector,
+ className = settings.className,
+ namespace = settings.namespace,
+ regExp = settings.regExp,
+ error = settings.error,
+
+ eventNamespace = '.' + namespace,
+ moduleNamespace = 'module-' + namespace,
+
+ $module = $(this),
+ $context = $(settings.context),
+
+ $sidebars = $module.children(selector.sidebar),
+ $fixed = $context.children(selector.fixed),
+ $pusher = $context.children(selector.pusher),
+ $style,
+
+ element = this,
+ instance = $module.data(moduleNamespace),
+
+ elementNamespace,
+ id,
+ currentScroll,
+ transitionEvent,
+
+ module
+ ;
+
+ module = {
+
+ initialize: function() {
+ module.debug('Initializing sidebar', parameters);
+
+ module.create.id();
+
+ transitionEvent = module.get.transitionEvent();
+
+ if(module.is.ios()) {
+ module.set.ios();
+ }
+
+ // avoids locking rendering if initialized in onReady
+ if(settings.delaySetup) {
+ requestAnimationFrame(module.setup.layout);
+ }
+ else {
+ module.setup.layout();
+ }
+
+ requestAnimationFrame(function() {
+ module.setup.cache();
+ });
+
+ module.instantiate();
+ },
+
+ instantiate: function() {
+ module.verbose('Storing instance of module', module);
+ instance = module;
+ $module
+ .data(moduleNamespace, module)
+ ;
+ },
+
+ create: {
+ id: function() {
+ id = (Math.random().toString(16) + '000000000').substr(2,8);
+ elementNamespace = '.' + id;
+ module.verbose('Creating unique id for element', id);
+ }
+ },
+
+ destroy: function() {
+ module.verbose('Destroying previous module for', $module);
+ $module
+ .off(eventNamespace)
+ .removeData(moduleNamespace)
+ ;
+ if(module.is.ios()) {
+ module.remove.ios();
+ }
+ // bound by uuid
+ $context.off(elementNamespace);
+ $window.off(elementNamespace);
+ $document.off(elementNamespace);
+ },
+
+ event: {
+ clickaway: function(event) {
+ var
+ clickedInPusher = ($pusher.find(event.target).length > 0 || $pusher.is(event.target)),
+ clickedContext = ($context.is(event.target))
+ ;
+ if(clickedInPusher) {
+ module.verbose('User clicked on dimmed page');
+ module.hide();
+ }
+ if(clickedContext) {
+ module.verbose('User clicked on dimmable context (scaled out page)');
+ module.hide();
+ }
+ },
+ touch: function(event) {
+ //event.stopPropagation();
+ },
+ containScroll: function(event) {
+ if(element.scrollTop <= 0) {
+ element.scrollTop = 1;
+ }
+ if((element.scrollTop + element.offsetHeight) >= element.scrollHeight) {
+ element.scrollTop = element.scrollHeight - element.offsetHeight - 1;
+ }
+ },
+ scroll: function(event) {
+ if( $(event.target).closest(selector.sidebar).length === 0 ) {
+ event.preventDefault();
+ }
+ }
+ },
+
+ bind: {
+ clickaway: function() {
+ module.verbose('Adding clickaway events to context', $context);
+ if(settings.closable) {
+ $context
+ .on('click' + elementNamespace, module.event.clickaway)
+ .on('touchend' + elementNamespace, module.event.clickaway)
+ ;
+ }
+ },
+ scrollLock: function() {
+ if(settings.scrollLock) {
+ module.debug('Disabling page scroll');
+ $window
+ .on('DOMMouseScroll' + elementNamespace, module.event.scroll)
+ ;
+ }
+ module.verbose('Adding events to contain sidebar scroll');
+ $document
+ .on('touchmove' + elementNamespace, module.event.touch)
+ ;
+ $module
+ .on('scroll' + eventNamespace, module.event.containScroll)
+ ;
+ }
+ },
+ unbind: {
+ clickaway: function() {
+ module.verbose('Removing clickaway events from context', $context);
+ $context.off(elementNamespace);
+ },
+ scrollLock: function() {
+ module.verbose('Removing scroll lock from page');
+ $document.off(elementNamespace);
+ $window.off(elementNamespace);
+ $module.off('scroll' + eventNamespace);
+ }
+ },
+
+ add: {
+ inlineCSS: function() {
+ var
+ width = module.cache.width || $module.outerWidth(),
+ height = module.cache.height || $module.outerHeight(),
+ isRTL = module.is.rtl(),
+ direction = module.get.direction(),
+ distance = {
+ left : width,
+ right : -width,
+ top : height,
+ bottom : -height
+ },
+ style
+ ;
+
+ if(isRTL){
+ module.verbose('RTL detected, flipping widths');
+ distance.left = -width;
+ distance.right = width;
+ }
+
+ style = '<style>';
+
+ if(direction === 'left' || direction === 'right') {
+ module.debug('Adding CSS rules for animation distance', width);
+ style += ''
+ + ' .ui.visible.' + direction + '.sidebar ~ .fixed,'
+ + ' .ui.visible.' + direction + '.sidebar ~ .pusher {'
+ + ' -webkit-transform: translate3d('+ distance[direction] + 'px, 0, 0);'
+ + ' transform: translate3d('+ distance[direction] + 'px, 0, 0);'
+ + ' }'
+ ;
+ }
+ else if(direction === 'top' || direction == 'bottom') {
+ style += ''
+ + ' .ui.visible.' + direction + '.sidebar ~ .fixed,'
+ + ' .ui.visible.' + direction + '.sidebar ~ .pusher {'
+ + ' -webkit-transform: translate3d(0, ' + distance[direction] + 'px, 0);'
+ + ' transform: translate3d(0, ' + distance[direction] + 'px, 0);'
+ + ' }'
+ ;
+ }
+
+ /* IE is only browser not to create context with transforms */
+ /* https://www.w3.org/Bugs/Public/show_bug.cgi?id=16328 */
+ if( module.is.ie() ) {
+ if(direction === 'left' || direction === 'right') {
+ module.debug('Adding CSS rules for animation distance', width);
+ style += ''
+ + ' body.pushable > .ui.visible.' + direction + '.sidebar ~ .pusher:after {'
+ + ' -webkit-transform: translate3d('+ distance[direction] + 'px, 0, 0);'
+ + ' transform: translate3d('+ distance[direction] + 'px, 0, 0);'
+ + ' }'
+ ;
+ }
+ else if(direction === 'top' || direction == 'bottom') {
+ style += ''
+ + ' body.pushable > .ui.visible.' + direction + '.sidebar ~ .pusher:after {'
+ + ' -webkit-transform: translate3d(0, ' + distance[direction] + 'px, 0);'
+ + ' transform: translate3d(0, ' + distance[direction] + 'px, 0);'
+ + ' }'
+ ;
+ }
+ /* opposite sides visible forces content overlay */
+ style += ''
+ + ' body.pushable > .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher:after,'
+ + ' body.pushable > .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher:after {'
+ + ' -webkit-transform: translate3d(0px, 0, 0);'
+ + ' transform: translate3d(0px, 0, 0);'
+ + ' }'
+ ;
+ }
+ style += '</style>';
+ $style = $(style)
+ .appendTo($head)
+ ;
+ module.debug('Adding sizing css to head', $style);
+ }
+ },
+
+ refresh: function() {
+ module.verbose('Refreshing selector cache');
+ $context = $(settings.context);
+ $sidebars = $context.children(selector.sidebar);
+ $pusher = $context.children(selector.pusher);
+ $fixed = $context.children(selector.fixed);
+ module.clear.cache();
+ },
+
+ refreshSidebars: function() {
+ module.verbose('Refreshing other sidebars');
+ $sidebars = $context.children(selector.sidebar);
+ },
+
+ repaint: function() {
+ module.verbose('Forcing repaint event');
+ element.style.display = 'none';
+ var ignored = element.offsetHeight;
+ element.scrollTop = element.scrollTop;
+ element.style.display = '';
+ },
+
+ setup: {
+ cache: function() {
+ module.cache = {
+ width : $module.outerWidth(),
+ height : $module.outerHeight(),
+ rtl : ($module.css('direction') == 'rtl')
+ };
+ },
+ layout: function() {
+ if( $context.children(selector.pusher).length === 0 ) {
+ module.debug('Adding wrapper element for sidebar');
+ module.error(error.pusher);
+ $pusher = $('<div class="pusher" />');
+ $context
+ .children()
+ .not(selector.omitted)
+ .not($sidebars)
+ .wrapAll($pusher)
+ ;
+ module.refresh();
+ }
+ if($module.nextAll(selector.pusher).length === 0 || $module.nextAll(selector.pusher)[0] !== $pusher[0]) {
+ module.debug('Moved sidebar to correct parent element');
+ module.error(error.movedSidebar, element);
+ $module.detach().prependTo($context);
+ module.refresh();
+ }
+ module.clear.cache();
+ module.set.pushable();
+ module.set.direction();
+ }
+ },
+
+ attachEvents: function(selector, event) {
+ var
+ $toggle = $(selector)
+ ;
+ event = $.isFunction(module[event])
+ ? module[event]
+ : module.toggle
+ ;
+ if($toggle.length > 0) {
+ module.debug('Attaching sidebar events to element', selector, event);
+ $toggle
+ .on('click' + eventNamespace, event)
+ ;
+ }
+ else {
+ module.error(error.notFound, selector);
+ }
+ },
+
+ show: function(callback) {
+ callback = $.isFunction(callback)
+ ? callback
+ : function(){}
+ ;
+ if(module.is.hidden()) {
+ module.refreshSidebars();
+ if(settings.overlay) {
+ module.error(error.overlay);
+ settings.transition = 'overlay';
+ }
+ module.refresh();
+ if(module.othersActive()) {
+ module.debug('Other sidebars currently visible');
+ if(settings.exclusive) {
+ // if not overlay queue animation after hide
+ if(settings.transition != 'overlay') {
+ module.hideOthers(module.show);
+ return;
+ }
+ else {
+ module.hideOthers();
+ }
+ }
+ else {
+ settings.transition = 'overlay';
+ }
+ }
+ module.pushPage(function() {
+ callback.call(element);
+ settings.onShow.call(element);
+ });
+ settings.onChange.call(element);
+ settings.onVisible.call(element);
+ }
+ else {
+ module.debug('Sidebar is already visible');
+ }
+ },
+
+ hide: function(callback) {
+ callback = $.isFunction(callback)
+ ? callback
+ : function(){}
+ ;
+ if(module.is.visible() || module.is.animating()) {
+ module.debug('Hiding sidebar', callback);
+ module.refreshSidebars();
+ module.pullPage(function() {
+ callback.call(element);
+ settings.onHidden.call(element);
+ });
+ settings.onChange.call(element);
+ settings.onHide.call(element);
+ }
+ },
+
+ othersAnimating: function() {
+ return ($sidebars.not($module).filter('.' + className.animating).length > 0);
+ },
+ othersVisible: function() {
+ return ($sidebars.not($module).filter('.' + className.visible).length > 0);
+ },
+ othersActive: function() {
+ return(module.othersVisible() || module.othersAnimating());
+ },
+
+ hideOthers: function(callback) {
+ var
+ $otherSidebars = $sidebars.not($module).filter('.' + className.visible),
+ sidebarCount = $otherSidebars.length,
+ callbackCount = 0
+ ;
+ callback = callback || function(){};
+ $otherSidebars
+ .sidebar('hide', function() {
+ callbackCount++;
+ if(callbackCount == sidebarCount) {
+ callback();
+ }
+ })
+ ;
+ },
+
+ toggle: function() {
+ module.verbose('Determining toggled direction');
+ if(module.is.hidden()) {
+ module.show();
+ }
+ else {
+ module.hide();
+ }
+ },
+
+ pushPage: function(callback) {
+ var
+ transition = module.get.transition(),
+ $transition = (transition === 'overlay' || module.othersActive())
+ ? $module
+ : $pusher,
+ animate,
+ dim,
+ transitionEnd
+ ;
+ callback = $.isFunction(callback)
+ ? callback
+ : function(){}
+ ;
+ if(settings.transition == 'scale down') {
+ module.scrollToTop();
+ }
+ module.set.transition(transition);
+ module.repaint();
+ animate = function() {
+ module.bind.clickaway();
+ module.add.inlineCSS();
+ module.set.animating();
+ module.set.visible();
+ };
+ dim = function() {
+ module.set.dimmed();
+ };
+ transitionEnd = function(event) {
+ if( event.target == $transition[0] ) {
+ $transition.off(transitionEvent + elementNamespace, transitionEnd);
+ module.remove.animating();
+ module.bind.scrollLock();
+ callback.call(element);
+ }
+ };
+ $transition.off(transitionEvent + elementNamespace);
+ $transition.on(transitionEvent + elementNamespace, transitionEnd);
+ requestAnimationFrame(animate);
+ if(settings.dimPage && !module.othersVisible()) {
+ requestAnimationFrame(dim);
+ }
+ },
+
+ pullPage: function(callback) {
+ var
+ transition = module.get.transition(),
+ $transition = (transition == 'overlay' || module.othersActive())
+ ? $module
+ : $pusher,
+ animate,
+ transitionEnd
+ ;
+ callback = $.isFunction(callback)
+ ? callback
+ : function(){}
+ ;
+ module.verbose('Removing context push state', module.get.direction());
+
+ module.unbind.clickaway();
+ module.unbind.scrollLock();
+
+ animate = function() {
+ module.set.transition(transition);
+ module.set.animating();
+ module.remove.visible();
+ if(settings.dimPage && !module.othersVisible()) {
+ $pusher.removeClass(className.dimmed);
+ }
+ };
+ transitionEnd = function(event) {
+ if( event.target == $transition[0] ) {
+ $transition.off(transitionEvent + elementNamespace, transitionEnd);
+ module.remove.animating();
+ module.remove.transition();
+ module.remove.inlineCSS();
+ if(transition == 'scale down' || (settings.returnScroll && module.is.mobile()) ) {
+ module.scrollBack();
+ }
+ callback.call(element);
+ }
+ };
+ $transition.off(transitionEvent + elementNamespace);
+ $transition.on(transitionEvent + elementNamespace, transitionEnd);
+ requestAnimationFrame(animate);
+ },
+
+ scrollToTop: function() {
+ module.verbose('Scrolling to top of page to avoid animation issues');
+ currentScroll = $(window).scrollTop();
+ $module.scrollTop(0);
+ window.scrollTo(0, 0);
+ },
+
+ scrollBack: function() {
+ module.verbose('Scrolling back to original page position');
+ window.scrollTo(0, currentScroll);
+ },
+
+ clear: {
+ cache: function() {
+ module.verbose('Clearing cached dimensions');
+ module.cache = {};
+ }
+ },
+
+ set: {
+
+ // ios only (scroll on html not document). This prevent auto-resize canvas/scroll in ios
+ ios: function() {
+ $html.addClass(className.ios);
+ },
+
+ // container
+ pushed: function() {
+ $context.addClass(className.pushed);
+ },
+ pushable: function() {
+ $context.addClass(className.pushable);
+ },
+
+ // pusher
+ dimmed: function() {
+ $pusher.addClass(className.dimmed);
+ },
+
+ // sidebar
+ active: function() {
+ $module.addClass(className.active);
+ },
+ animating: function() {
+ $module.addClass(className.animating);
+ },
+ transition: function(transition) {
+ transition = transition || module.get.transition();
+ $module.addClass(transition);
+ },
+ direction: function(direction) {
+ direction = direction || module.get.direction();
+ $module.addClass(className[direction]);
+ },
+ visible: function() {
+ $module.addClass(className.visible);
+ },
+ overlay: function() {
+ $module.addClass(className.overlay);
+ }
+ },
+ remove: {
+
+ inlineCSS: function() {
+ module.debug('Removing inline css styles', $style);
+ if($style && $style.length > 0) {
+ $style.remove();
+ }
+ },
+
+ // ios scroll on html not document
+ ios: function() {
+ $html.removeClass(className.ios);
+ },
+
+ // context
+ pushed: function() {
+ $context.removeClass(className.pushed);
+ },
+ pushable: function() {
+ $context.removeClass(className.pushable);
+ },
+
+ // sidebar
+ active: function() {
+ $module.removeClass(className.active);
+ },
+ animating: function() {
+ $module.removeClass(className.animating);
+ },
+ transition: function(transition) {
+ transition = transition || module.get.transition();
+ $module.removeClass(transition);
+ },
+ direction: function(direction) {
+ direction = direction || module.get.direction();
+ $module.removeClass(className[direction]);
+ },
+ visible: function() {
+ $module.removeClass(className.visible);
+ },
+ overlay: function() {
+ $module.removeClass(className.overlay);
+ }
+ },
+
+ get: {
+ direction: function() {
+ if($module.hasClass(className.top)) {
+ return className.top;
+ }
+ else if($module.hasClass(className.right)) {
+ return className.right;
+ }
+ else if($module.hasClass(className.bottom)) {
+ return className.bottom;
+ }
+ return className.left;
+ },
+ transition: function() {
+ var
+ direction = module.get.direction(),
+ transition
+ ;
+ transition = ( module.is.mobile() )
+ ? (settings.mobileTransition == 'auto')
+ ? settings.defaultTransition.mobile[direction]
+ : settings.mobileTransition
+ : (settings.transition == 'auto')
+ ? settings.defaultTransition.computer[direction]
+ : settings.transition
+ ;
+ module.verbose('Determined transition', transition);
+ return transition;
+ },
+ transitionEvent: function() {
+ var
+ element = document.createElement('element'),
+ transitions = {
+ 'transition' :'transitionend',
+ 'OTransition' :'oTransitionEnd',
+ 'MozTransition' :'transitionend',
+ 'WebkitTransition' :'webkitTransitionEnd'
+ },
+ transition
+ ;
+ for(transition in transitions){
+ if( element.style[transition] !== undefined ){
+ return transitions[transition];
+ }
+ }
+ }
+ },
+
+ is: {
+
+ ie: function() {
+ var
+ isIE11 = (!(window.ActiveXObject) && 'ActiveXObject' in window),
+ isIE = ('ActiveXObject' in window)
+ ;
+ return (isIE11 || isIE);
+ },
+
+ ios: function() {
+ var
+ userAgent = navigator.userAgent,
+ isIOS = userAgent.match(regExp.ios),
+ isMobileChrome = userAgent.match(regExp.mobileChrome)
+ ;
+ if(isIOS && !isMobileChrome) {
+ module.verbose('Browser was found to be iOS', userAgent);
+ return true;
+ }
+ else {
+ return false;
+ }
+ },
+ mobile: function() {
+ var
+ userAgent = navigator.userAgent,
+ isMobile = userAgent.match(regExp.mobile)
+ ;
+ if(isMobile) {
+ module.verbose('Browser was found to be mobile', userAgent);
+ return true;
+ }
+ else {
+ module.verbose('Browser is not mobile, using regular transition', userAgent);
+ return false;
+ }
+ },
+ hidden: function() {
+ return !module.is.visible();
+ },
+ visible: function() {
+ return $module.hasClass(className.visible);
+ },
+ // alias
+ open: function() {
+ return module.is.visible();
+ },
+ closed: function() {
+ return module.is.hidden();
+ },
+ vertical: function() {
+ return $module.hasClass(className.top);
+ },
+ animating: function() {
+ return $context.hasClass(className.animating);
+ },
+ rtl: function () {
+ if(module.cache.rtl === undefined) {
+ module.cache.rtl = ($module.css('direction') == 'rtl');
+ }
+ return module.cache.rtl;
+ }
+ },
+
+ setting: function(name, value) {
+ module.debug('Changing setting', name, value);
+ if( $.isPlainObject(name) ) {
+ $.extend(true, settings, name);
+ }
+ else if(value !== undefined) {
+ if($.isPlainObject(settings[name])) {
+ $.extend(true, settings[name], value);
+ }
+ else {
+ settings[name] = value;
+ }
+ }
+ else {
+ return settings[name];
+ }
+ },
+ internal: function(name, value) {
+ if( $.isPlainObject(name) ) {
+ $.extend(true, module, name);
+ }
+ else if(value !== undefined) {
+ module[name] = value;
+ }
+ else {
+ return module[name];
+ }
+ },
+ debug: function() {
+ if(!settings.silent && settings.debug) {
+ if(settings.performance) {
+ module.performance.log(arguments);
+ }
+ else {
+ module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
+ module.debug.apply(console, arguments);
+ }
+ }
+ },
+ verbose: function() {
+ if(!settings.silent && settings.verbose && settings.debug) {
+ if(settings.performance) {
+ module.performance.log(arguments);
+ }
+ else {
+ module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
+ module.verbose.apply(console, arguments);
+ }
+ }
+ },
+ error: function() {
+ if(!settings.silent) {
+ module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
+ module.error.apply(console, arguments);
+ }
+ },
+ performance: {
+ log: function(message) {
+ var
+ currentTime,
+ executionTime,
+ previousTime
+ ;
+ if(settings.performance) {
+ currentTime = new Date().getTime();
+ previousTime = time || currentTime;
+ executionTime = currentTime - previousTime;
+ time = currentTime;
+ performance.push({
+ 'Name' : message[0],
+ 'Arguments' : [].slice.call(message, 1) || '',
+ 'Element' : element,
+ 'Execution Time' : executionTime
+ });
+ }
+ clearTimeout(module.performance.timer);
+ module.performance.timer = setTimeout(module.performance.display, 500);
+ },
+ display: function() {
+ var
+ title = settings.name + ':',
+ totalTime = 0
+ ;
+ time = false;
+ clearTimeout(module.performance.timer);
+ $.each(performance, function(index, data) {
+ totalTime += data['Execution Time'];
+ });
+ title += ' ' + totalTime + 'ms';
+ if(moduleSelector) {
+ title += ' \'' + moduleSelector + '\'';
+ }
+ if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
+ console.groupCollapsed(title);
+ if(console.table) {
+ console.table(performance);
+ }
+ else {
+ $.each(performance, function(index, data) {
+ console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
+ });
+ }
+ console.groupEnd();
+ }
+ performance = [];
+ }
+ },
+ invoke: function(query, passedArguments, context) {
+ var
+ object = instance,
+ maxDepth,
+ found,
+ response
+ ;
+ passedArguments = passedArguments || queryArguments;
+ context = element || context;
+ if(typeof query == 'string' && object !== undefined) {
+ query = query.split(/[\. ]/);
+ maxDepth = query.length - 1;
+ $.each(query, function(depth, value) {
+ var camelCaseValue = (depth != maxDepth)
+ ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
+ : query
+ ;
+ if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
+ object = object[camelCaseValue];
+ }
+ else if( object[camelCaseValue] !== undefined ) {
+ found = object[camelCaseValue];
+ return false;
+ }
+ else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
+ object = object[value];
+ }
+ else if( object[value] !== undefined ) {
+ found = object[value];
+ return false;
+ }
+ else {
+ module.error(error.method, query);
+ return false;
+ }
+ });
+ }
+ if ( $.isFunction( found ) ) {
+ response = found.apply(context, passedArguments);
+ }
+ else if(found !== undefined) {
+ response = found;
+ }
+ if($.isArray(returnedValue)) {
+ returnedValue.push(response);
+ }
+ else if(returnedValue !== undefined) {
+ returnedValue = [returnedValue, response];
+ }
+ else if(response !== undefined) {
+ returnedValue = response;
+ }
+ return found;
+ }
+ }
+ ;
+
+ if(methodInvoked) {
+ if(instance === undefined) {
+ module.initialize();
+ }
+ module.invoke(query);
+ }
+ else {
+ if(instance !== undefined) {
+ module.invoke('destroy');
+ }
+ module.initialize();
+ }
+ });
+
+ return (returnedValue !== undefined)
+ ? returnedValue
+ : this
+ ;
+};
+
+$.fn.sidebar.settings = {
+
+ name : 'Sidebar',
+ namespace : 'sidebar',
+
+ silent : false,
+ debug : false,
+ verbose : false,
+ performance : true,
+
+ transition : 'auto',
+ mobileTransition : 'auto',
+
+ defaultTransition : {
+ computer: {
+ left : 'uncover',
+ right : 'uncover',
+ top : 'overlay',
+ bottom : 'overlay'
+ },
+ mobile: {
+ left : 'uncover',
+ right : 'uncover',
+ top : 'overlay',
+ bottom : 'overlay'
+ }
+ },
+
+ context : 'body',
+ exclusive : false,
+ closable : true,
+ dimPage : true,
+ scrollLock : false,
+ returnScroll : false,
+ delaySetup : false,
+
+ duration : 500,
+
+ onChange : function(){},
+ onShow : function(){},
+ onHide : function(){},
+
+ onHidden : function(){},
+ onVisible : function(){},
+
+ className : {
+ active : 'active',
+ animating : 'animating',
+ dimmed : 'dimmed',
+ ios : 'ios',
+ pushable : 'pushable',
+ pushed : 'pushed',
+ right : 'right',
+ top : 'top',
+ left : 'left',
+ bottom : 'bottom',
+ visible : 'visible'
+ },
+
+ selector: {
+ fixed : '.fixed',
+ omitted : 'script, link, style, .ui.modal, .ui.dimmer, .ui.nag, .ui.fixed',
+ pusher : '.pusher',
+ sidebar : '.ui.sidebar'
+ },
+
+ regExp: {
+ ios : /(iPad|iPhone|iPod)/g,
+ mobileChrome : /(CriOS)/g,
+ mobile : /Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune/g
+ },
+
+ error : {
+ method : 'The method you called is not defined.',
+ pusher : 'Had to add pusher element. For optimal performance make sure body content is inside a pusher element',
+ movedSidebar : 'Had to move sidebar. For optimal performance make sure sidebar and pusher are direct children of your body tag',
+ overlay : 'The overlay setting is no longer supported, use animation: overlay',
+ notFound : 'There were no elements that matched the specified selector'
+ }
+
+};
+
+
+})( jQuery, window, document );
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/modules/sidebar.less
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/modules/sidebar.less b/semantic/src/definitions/modules/sidebar.less
new file mode 100755
index 0000000..6affda9
--- /dev/null
+++ b/semantic/src/definitions/modules/sidebar.less
@@ -0,0 +1,552 @@
+/*!
+ * # Semantic UI - Sidebar
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+
+/*******************************
+ Theme
+*******************************/
+
+@type : 'module';
+@element : 'sidebar';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+ Sidebar
+*******************************/
+
+/* Sidebar Menu */
+.ui.sidebar {
+ position: fixed;
+ top: 0;
+ left: 0;
+
+ backface-visibility: hidden;
+ transition: none;
+ will-change: transform;
+ transform: translate3d(0, 0, 0);
+ visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+
+ height: 100% !important;
+ max-height: 100%;
+ border-radius: 0em !important;
+ margin: 0em !important;
+ overflow-y: auto !important;
+ z-index: @topLayer;
+}
+
+/* GPU Layers for Child Elements */
+.ui.sidebar > * {
+ backface-visibility: hidden;
+}
+
+
+/*--------------
+ Direction
+---------------*/
+
+.ui.left.sidebar {
+ right: auto;
+ left: 0px;
+ transform: translate3d(-100%, 0, 0);
+}
+.ui.right.sidebar {
+ right: 0px !important;
+ left: auto !important;
+ transform: translate3d(100%, 0%, 0);
+}
+
+.ui.top.sidebar,
+.ui.bottom.sidebar {
+ width: 100% !important;
+ height: auto !important;
+}
+.ui.top.sidebar {
+ top: 0px !important;
+ bottom: auto !important;
+ transform: translate3d(0, -100%, 0);
+}
+.ui.bottom.sidebar {
+ top: auto !important;
+ bottom: 0px !important;
+ transform: translate3d(0, 100%, 0);
+}
+
+
+/*--------------
+ Pushable
+---------------*/
+
+.pushable {
+ height: 100%;
+ overflow-x: hidden;
+ padding: 0em !important;
+}
+
+/* Whole Page */
+body.pushable {
+ background: @canvasBackground !important;
+}
+
+/* Page Context */
+.pushable:not(body) {
+ transform: translate3d(0, 0, 0);
+}
+.pushable:not(body) > .ui.sidebar,
+.pushable:not(body) > .fixed,
+.pushable:not(body) > .pusher:after {
+ position: absolute;
+}
+
+
+/*--------------
+ Fixed
+---------------*/
+
+.pushable > .fixed {
+ position: fixed;
+ backface-visibility: hidden;
+
+ transition: transform @duration @easing;
+ will-change: transform;
+ z-index: @fixedLayer;
+}
+
+/*--------------
+ Page
+---------------*/
+
+.pushable > .pusher {
+ position: relative;
+ backface-visibility: hidden;
+ overflow: hidden;
+ min-height: 100%;
+ transition: transform @duration @easing;
+ z-index: @middleLayer;
+}
+
+body.pushable > .pusher {
+ background: @pageBackground;
+}
+
+/* Pusher should inherit background from context */
+.pushable > .pusher {
+ background: inherit;
+}
+
+/*--------------
+ Dimmer
+---------------*/
+
+.pushable > .pusher:after {
+ position: fixed;
+ top: 0px;
+ right: 0px;
+ content: '';
+ background-color: @dimmerColor;
+ overflow: hidden;
+ opacity: 0;
+ transition: @dimmerTransition;
+ will-change: opacity;
+ z-index: @dimmerLayer;
+}
+
+/*--------------
+ Coupling
+---------------*/
+
+.ui.sidebar.menu .item {
+ border-radius: 0em !important;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Dimmed
+---------------*/
+
+.pushable > .pusher.dimmed:after {
+ width: 100% !important;
+ height: 100% !important;
+ opacity: 1 !important;
+}
+
+/*--------------
+ Animating
+---------------*/
+
+.ui.animating.sidebar {
+ visibility: visible;
+}
+
+/*--------------
+ Visible
+---------------*/
+
+.ui.visible.sidebar {
+ visibility: visible;
+ transform: translate3d(0, 0, 0);
+}
+
+/* Shadow Direction */
+.ui.left.visible.sidebar,
+.ui.right.visible.sidebar {
+ box-shadow: @horizontalBoxShadow;
+}
+.ui.top.visible.sidebar,
+.ui.bottom.visible.sidebar {
+ box-shadow: @verticalBoxShadow;
+}
+
+/* Visible On Load */
+.ui.visible.left.sidebar ~ .fixed,
+.ui.visible.left.sidebar ~ .pusher {
+ transform: translate3d(@width, 0, 0);
+}
+.ui.visible.right.sidebar ~ .fixed,
+.ui.visible.right.sidebar ~ .pusher {
+ transform: translate3d(-@width, 0, 0);
+}
+.ui.visible.top.sidebar ~ .fixed,
+.ui.visible.top.sidebar ~ .pusher {
+ transform: translate3d(0, @height, 0);
+}
+.ui.visible.bottom.sidebar ~ .fixed,
+.ui.visible.bottom.sidebar ~ .pusher {
+ transform: translate3d(0, -@height, 0);
+}
+
+/* opposite sides visible forces content overlay */
+.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
+.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
+.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
+.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
+ transform: translate3d(0, 0, 0);
+}
+
+/*--------------
+ iOS
+---------------*/
+
+/*
+ iOS incorrectly sizes document when content
+ is presented outside of view with 2Dtranslate
+*/
+html.ios {
+ overflow-x: hidden;
+ -webkit-overflow-scrolling: touch;
+}
+
+html.ios,
+html.ios body {
+ height: initial !important;
+}
+
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Width
+---------------*/
+
+/* Left / Right */
+.ui.thin.left.sidebar,
+.ui.thin.right.sidebar {
+ width: @thinWidth;
+}
+.ui[class*="very thin"].left.sidebar,
+.ui[class*="very thin"].right.sidebar {
+ width: @veryThinWidth;
+}
+.ui.left.sidebar,
+.ui.right.sidebar {
+ width: @width;
+}
+.ui.wide.left.sidebar,
+.ui.wide.right.sidebar {
+ width: @wideWidth;
+}
+.ui[class*="very wide"].left.sidebar,
+.ui[class*="very wide"].right.sidebar {
+ width: @veryWideWidth;
+}
+
+/* Left Visible */
+.ui.visible.thin.left.sidebar ~ .fixed,
+.ui.visible.thin.left.sidebar ~ .pusher {
+ transform: translate3d(@thinWidth, 0, 0);
+}
+.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
+ transform: translate3d(@veryThinWidth, 0, 0);
+}
+.ui.visible.wide.left.sidebar ~ .fixed,
+.ui.visible.wide.left.sidebar ~ .pusher {
+ transform: translate3d(@wideWidth, 0, 0);
+}
+.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
+.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
+ transform: translate3d(@veryWideWidth, 0, 0);
+}
+
+/* Right Visible */
+.ui.visible.thin.right.sidebar ~ .fixed,
+.ui.visible.thin.right.sidebar ~ .pusher {
+ transform: translate3d(-@thinWidth, 0, 0);
+}
+.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
+ transform: translate3d(-@veryThinWidth, 0, 0);
+}
+.ui.visible.wide.right.sidebar ~ .fixed,
+.ui.visible.wide.right.sidebar ~ .pusher {
+ transform: translate3d(-@wideWidth, 0, 0);
+}
+.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
+.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
+ transform: translate3d(-@veryWideWidth, 0, 0);
+}
+
+
+
+/*******************************
+ Animations
+*******************************/
+
+/*--------------
+ Overlay
+---------------*/
+
+/* Set-up */
+.ui.overlay.sidebar {
+ z-index: @topLayer;
+}
+
+/* Initial */
+.ui.left.overlay.sidebar {
+ transform: translate3d(-100%, 0%, 0);
+}
+.ui.right.overlay.sidebar {
+ transform: translate3d(100%, 0%, 0);
+}
+.ui.top.overlay.sidebar {
+ transform: translate3d(0%, -100%, 0);
+}
+.ui.bottom.overlay.sidebar {
+ transform: translate3d(0%, 100%, 0);
+}
+
+/* Animation */
+.animating.ui.overlay.sidebar,
+.ui.visible.overlay.sidebar {
+ transition: transform @duration @easing;
+}
+
+/* End - Sidebar */
+.ui.visible.left.overlay.sidebar {
+ transform: translate3d(0%, 0%, 0);
+}
+.ui.visible.right.overlay.sidebar {
+ transform: translate3d(0%, 0%, 0);
+}
+.ui.visible.top.overlay.sidebar {
+ transform: translate3d(0%, 0%, 0);
+}
+.ui.visible.bottom.overlay.sidebar {
+ transform: translate3d(0%, 0%, 0);
+}
+
+/* End - Pusher */
+.ui.visible.overlay.sidebar ~ .fixed,
+.ui.visible.overlay.sidebar ~ .pusher {
+ transform: none !important;
+}
+
+
+
+/*--------------
+ Push
+---------------*/
+
+/* Initial */
+.ui.push.sidebar {
+ transition: transform @duration @easing;
+ z-index: @topLayer;
+}
+
+/* Sidebar - Initial */
+.ui.left.push.sidebar {
+ transform: translate3d(-100%, 0, 0);
+}
+.ui.right.push.sidebar {
+ transform: translate3d(100%, 0, 0);
+}
+.ui.top.push.sidebar {
+ transform: translate3d(0%, -100%, 0);
+}
+.ui.bottom.push.sidebar {
+ transform: translate3d(0%, 100%, 0);
+}
+
+/* End */
+.ui.visible.push.sidebar {
+ transform: translate3d(0%, 0, 0);
+}
+
+
+/*--------------
+ Uncover
+---------------*/
+
+/* Initial */
+.ui.uncover.sidebar {
+ transform: translate3d(0, 0, 0);
+ z-index: @bottomLayer;
+}
+
+/* End */
+.ui.visible.uncover.sidebar {
+ transform: translate3d(0, 0, 0);
+ transition: transform @duration @easing;
+}
+
+
+/*--------------
+ Slide Along
+---------------*/
+
+/* Initial */
+.ui.slide.along.sidebar {
+ z-index: @bottomLayer;
+}
+
+/* Sidebar - Initial */
+.ui.left.slide.along.sidebar {
+ transform: translate3d(-50%, 0, 0);
+}
+.ui.right.slide.along.sidebar {
+ transform: translate3d(50%, 0, 0);
+}
+.ui.top.slide.along.sidebar {
+ transform: translate3d(0, -50%, 0);
+}
+.ui.bottom.slide.along.sidebar {
+ transform: translate3d(0%, 50%, 0);
+}
+
+/* Animation */
+.ui.animating.slide.along.sidebar {
+ transition: transform @duration @easing;
+}
+
+/* End */
+.ui.visible.slide.along.sidebar {
+ transform: translate3d(0%, 0, 0);
+}
+
+
+/*--------------
+ Slide Out
+---------------*/
+
+/* Initial */
+.ui.slide.out.sidebar {
+ z-index: @bottomLayer;
+}
+
+/* Sidebar - Initial */
+.ui.left.slide.out.sidebar {
+ transform: translate3d(50%, 0, 0);
+}
+.ui.right.slide.out.sidebar {
+ transform: translate3d(-50%, 0, 0);
+}
+.ui.top.slide.out.sidebar {
+ transform: translate3d(0%, 50%, 0);
+}
+.ui.bottom.slide.out.sidebar {
+ transform: translate3d(0%, -50%, 0);
+}
+
+/* Animation */
+.ui.animating.slide.out.sidebar {
+ transition: transform @duration @easing;
+}
+
+/* End */
+.ui.visible.slide.out.sidebar {
+ transform: translate3d(0%, 0, 0);
+}
+
+/*--------------
+ Scale Down
+---------------*/
+
+/* Initial */
+.ui.scale.down.sidebar {
+ transition: transform @duration @easing;
+ z-index: @topLayer;
+}
+
+/* Sidebar - Initial */
+.ui.left.scale.down.sidebar {
+ transform: translate3d(-100%, 0, 0);
+}
+.ui.right.scale.down.sidebar {
+ transform: translate3d(100%, 0, 0);
+}
+.ui.top.scale.down.sidebar {
+ transform: translate3d(0%, -100%, 0);
+}
+.ui.bottom.scale.down.sidebar {
+ transform: translate3d(0%, 100%, 0);
+}
+
+/* Pusher - Initial */
+.ui.scale.down.left.sidebar ~ .pusher {
+ transform-origin: 75% 50%;
+}
+.ui.scale.down.right.sidebar ~ .pusher {
+ transform-origin: 25% 50%;
+}
+.ui.scale.down.top.sidebar ~ .pusher {
+ transform-origin: 50% 75%;
+}
+.ui.scale.down.bottom.sidebar ~ .pusher {
+ transform-origin: 50% 25%;
+}
+
+/* Animation */
+.ui.animating.scale.down > .visible.ui.sidebar {
+ transition: transform @duration @easing;
+}
+.ui.visible.scale.down.sidebar ~ .pusher,
+.ui.animating.scale.down.sidebar ~ .pusher {
+ display: block !important;
+ width: 100%;
+ height: 100%;
+ overflow: hidden !important;
+}
+
+/* End */
+.ui.visible.scale.down.sidebar {
+ transform: translate3d(0, 0, 0);
+}
+.ui.visible.scale.down.sidebar ~ .pusher {
+ transform: scale(0.75);
+}
+
+.loadUIOverrides();
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/modules/sticky.js
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/modules/sticky.js b/semantic/src/definitions/modules/sticky.js
new file mode 100644
index 0000000..c98a264
--- /dev/null
+++ b/semantic/src/definitions/modules/sticky.js
@@ -0,0 +1,936 @@
+/*!
+ * # Semantic UI - Sticky
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+;(function ($, window, document, undefined) {
+
+"use strict";
+
+window = (typeof window != 'undefined' && window.Math == Math)
+ ? window
+ : (typeof self != 'undefined' && self.Math == Math)
+ ? self
+ : Function('return this')()
+;
+
+$.fn.sticky = function(parameters) {
+ var
+ $allModules = $(this),
+ moduleSelector = $allModules.selector || '',
+
+ time = new Date().getTime(),
+ performance = [],
+
+ query = arguments[0],
+ methodInvoked = (typeof query == 'string'),
+ queryArguments = [].slice.call(arguments, 1),
+ returnedValue
+ ;
+
+ $allModules
+ .each(function() {
+ var
+ settings = ( $.isPlainObject(parameters) )
+ ? $.extend(true, {}, $.fn.sticky.settings, parameters)
+ : $.extend({}, $.fn.sticky.settings),
+
+ className = settings.className,
+ namespace = settings.namespace,
+ error = settings.error,
+
+ eventNamespace = '.' + namespace,
+ moduleNamespace = 'module-' + namespace,
+
+ $module = $(this),
+ $window = $(window),
+ $scroll = $(settings.scrollContext),
+ $container,
+ $context,
+
+ selector = $module.selector || '',
+ instance = $module.data(moduleNamespace),
+
+ requestAnimationFrame = window.requestAnimationFrame
+ || window.mozRequestAnimationFrame
+ || window.webkitRequestAnimationFrame
+ || window.msRequestAnimationFrame
+ || function(callback) { setTimeout(callback, 0); },
+
+ element = this,
+
+ documentObserver,
+ observer,
+ module
+ ;
+
+ module = {
+
+ initialize: function() {
+
+ module.determineContainer();
+ module.determineContext();
+ module.verbose('Initializing sticky', settings, $container);
+
+ module.save.positions();
+ module.checkErrors();
+ module.bind.events();
+
+ if(settings.observeChanges) {
+ module.observeChanges();
+ }
+ module.instantiate();
+ },
+
+ instantiate: function() {
+ module.verbose('Storing instance of module', module);
+ instance = module;
+ $module
+ .data(moduleNamespace, module)
+ ;
+ },
+
+ destroy: function() {
+ module.verbose('Destroying previous instance');
+ module.reset();
+ if(documentObserver) {
+ documentObserver.disconnect();
+ }
+ if(observer) {
+ observer.disconnect();
+ }
+ $window
+ .off('load' + eventNamespace, module.event.load)
+ .off('resize' + eventNamespace, module.event.resize)
+ ;
+ $scroll
+ .off('scrollchange' + eventNamespace, module.event.scrollchange)
+ ;
+ $module.removeData(moduleNamespace);
+ },
+
+ observeChanges: function() {
+ if('MutationObserver' in window) {
+ documentObserver = new MutationObserver(module.event.documentChanged);
+ observer = new MutationObserver(module.event.changed);
+ documentObserver.observe(document, {
+ childList : true,
+ subtree : true
+ });
+ observer.observe(element, {
+ childList : true,
+ subtree : true
+ });
+ observer.observe($context[0], {
+ childList : true,
+ subtree : true
+ });
+ module.debug('Setting up mutation observer', observer);
+ }
+ },
+
+ determineContainer: function() {
+ $container = $module.offsetParent();
+ },
+
+ determineContext: function() {
+ if(settings.context) {
+ $context = $(settings.context);
+ }
+ else {
+ $context = $container;
+ }
+ if($context.length === 0) {
+ module.error(error.invalidContext, settings.context, $module);
+ return;
+ }
+ },
+
+ checkErrors: function() {
+ if( module.is.hidden() ) {
+ module.error(error.visible, $module);
+ }
+ if(module.cache.element.height > module.cache.context.height) {
+ module.reset();
+ module.error(error.elementSize, $module);
+ return;
+ }
+ },
+
+ bind: {
+ events: function() {
+ $window
+ .on('load' + eventNamespace, module.event.load)
+ .on('resize' + eventNamespace, module.event.resize)
+ ;
+ // pub/sub pattern
+ $scroll
+ .off('scroll' + eventNamespace)
+ .on('scroll' + eventNamespace, module.event.scroll)
+ .on('scrollchange' + eventNamespace, module.event.scrollchange)
+ ;
+ }
+ },
+
+ event: {
+ changed: function(mutations) {
+ clearTimeout(module.timer);
+ module.timer = setTimeout(function() {
+ module.verbose('DOM tree modified, updating sticky menu', mutations);
+ module.refresh();
+ }, 100);
+ },
+ documentChanged: function(mutations) {
+ [].forEach.call(mutations, function(mutation) {
+ if(mutation.removedNodes) {
+ [].forEach.call(mutation.removedNodes, function(node) {
+ if(node == element || $(node).find(element).length > 0) {
+ module.debug('Element removed from DOM, tearing down events');
+ module.destroy();
+ }
+ });
+ }
+ });
+ },
+ load: function() {
+ module.verbose('Page contents finished loading');
+ requestAnimationFrame(module.refresh);
+ },
+ resize: function() {
+ module.verbose('Window resized');
+ requestAnimationFrame(module.refresh);
+ },
+ scroll: function() {
+ requestAnimationFrame(function() {
+ $scroll.triggerHandler('scrollchange' + eventNamespace, $scroll.scrollTop() );
+ });
+ },
+ scrollchange: function(event, scrollPosition) {
+ module.stick(scrollPosition);
+ settings.onScroll.call(element);
+ }
+ },
+
+ refresh: function(hardRefresh) {
+ module.reset();
+ if(!settings.context) {
+ module.determineContext();
+ }
+ if(hardRefresh) {
+ module.determineContainer();
+ }
+ module.save.positions();
+ module.stick();
+ settings.onReposition.call(element);
+ },
+
+ supports: {
+ sticky: function() {
+ var
+ $element = $('<div/>'),
+ element = $element[0]
+ ;
+ $element.addClass(className.supported);
+ return($element.css('position').match('sticky'));
+ }
+ },
+
+ save: {
+ lastScroll: function(scroll) {
+ module.lastScroll = scroll;
+ },
+ elementScroll: function(scroll) {
+ module.elementScroll = scroll;
+ },
+ positions: function() {
+ var
+ scrollContext = {
+ height : $scroll.height()
+ },
+ element = {
+ margin: {
+ top : parseInt($module.css('margin-top'), 10),
+ bottom : parseInt($module.css('margin-bottom'), 10),
+ },
+ offset : $module.offset(),
+ width : $module.outerWidth(),
+ height : $module.outerHeight()
+ },
+ context = {
+ offset : $context.offset(),
+ height : $context.outerHeight()
+ },
+ container = {
+ height: $container.outerHeight()
+ }
+ ;
+ if( !module.is.standardScroll() ) {
+ module.debug('Non-standard scroll. Removing scroll offset from element offset');
+
+ scrollContext.top = $scroll.scrollTop();
+ scrollContext.left = $scroll.scrollLeft();
+
+ element.offset.top += scrollContext.top;
+ context.offset.top += scrollContext.top;
+ element.offset.left += scrollContext.left;
+ context.offset.left += scrollContext.left;
+ }
+ module.cache = {
+ fits : ( element.height < scrollContext.height ),
+ scrollContext : {
+ height : scrollContext.height
+ },
+ element: {
+ margin : element.margin,
+ top : element.offset.top - element.margin.top,
+ left : element.offset.left,
+ width : element.width,
+ height : element.height,
+ bottom : element.offset.top + element.height
+ },
+ context: {
+ top : context.offset.top,
+ height : context.height,
+ bottom : context.offset.top + context.height
+ }
+ };
+ module.set.containerSize();
+ module.set.size();
+ module.stick();
+ module.debug('Caching element positions', module.cache);
+ }
+ },
+
+ get: {
+ direction: function(scroll) {
+ var
+ direction = 'down'
+ ;
+ scroll = scroll || $scroll.scrollTop();
+ if(module.lastScroll !== undefined) {
+ if(module.lastScroll < scroll) {
+ direction = 'down';
+ }
+ else if(module.lastScroll > scroll) {
+ direction = 'up';
+ }
+ }
+ return direction;
+ },
+ scrollChange: function(scroll) {
+ scroll = scroll || $scroll.scrollTop();
+ return (module.lastScroll)
+ ? (scroll - module.lastScroll)
+ : 0
+ ;
+ },
+ currentElementScroll: function() {
+ if(module.elementScroll) {
+ return module.elementScroll;
+ }
+ return ( module.is.top() )
+ ? Math.abs(parseInt($module.css('top'), 10)) || 0
+ : Math.abs(parseInt($module.css('bottom'), 10)) || 0
+ ;
+ },
+
+ elementScroll: function(scroll) {
+ scroll = scroll || $scroll.scrollTop();
+ var
+ element = module.cache.element,
+ scrollContext = module.cache.scrollContext,
+ delta = module.get.scrollChange(scroll),
+ maxScroll = (element.height - scrollContext.height + settings.offset),
+ elementScroll = module.get.currentElementScroll(),
+ possibleScroll = (elementScroll + delta)
+ ;
+ if(module.cache.fits || possibleScroll < 0) {
+ elementScroll = 0;
+ }
+ else if(possibleScroll > maxScroll ) {
+ elementScroll = maxScroll;
+ }
+ else {
+ elementScroll = possibleScroll;
+ }
+ return elementScroll;
+ }
+ },
+
+ remove: {
+ lastScroll: function() {
+ delete module.lastScroll;
+ },
+ elementScroll: function(scroll) {
+ delete module.elementScroll;
+ },
+ offset: function() {
+ $module.css('margin-top', '');
+ }
+ },
+
+ set: {
+ offset: function() {
+ module.verbose('Setting offset on element', settings.offset);
+ $module
+ .css('margin-top', settings.offset)
+ ;
+ },
+ containerSize: function() {
+ var
+ tagName = $container.get(0).tagName
+ ;
+ if(tagName === 'HTML' || tagName == 'body') {
+ // this can trigger for too many reasons
+ //module.error(error.container, tagName, $module);
+ module.determineContainer();
+ }
+ else {
+ if( Math.abs($container.outerHeight() - module.cache.context.height) > settings.jitter) {
+ module.debug('Context has padding, specifying exact height for container', module.cache.context.height);
+ $container.css({
+ height: module.cache.context.height
+ });
+ }
+ }
+ },
+ minimumSize: function() {
+ var
+ element = module.cache.element
+ ;
+ $container
+ .css('min-height', element.height)
+ ;
+ },
+ scroll: function(scroll) {
+ module.debug('Setting scroll on element', scroll);
+ if(module.elementScroll == scroll) {
+ return;
+ }
+ if( module.is.top() ) {
+ $module
+ .css('bottom', '')
+ .css('top', -scroll)
+ ;
+ }
+ if( module.is.bottom() ) {
+ $module
+ .css('top', '')
+ .css('bottom', scroll)
+ ;
+ }
+ },
+ size: function() {
+ if(module.cache.element.height !== 0 && module.cache.element.width !== 0) {
+ element.style.setProperty('width', module.cache.element.width + 'px', 'important');
+ element.style.setProperty('height', module.cache.element.height + 'px', 'important');
+ }
+ }
+ },
+
+ is: {
+ standardScroll: function() {
+ return ($scroll[0] == window);
+ },
+ top: function() {
+ return $module.hasClass(className.top);
+ },
+ bottom: function() {
+ return $module.hasClass(className.bottom);
+ },
+ initialPosition: function() {
+ return (!module.is.fixed() && !module.is.bound());
+ },
+ hidden: function() {
+ return (!$module.is(':visible'));
+ },
+ bound: function() {
+ return $module.hasClass(className.bound);
+ },
+ fixed: function() {
+ return $module.hasClass(className.fixed);
+ }
+ },
+
+ stick: function(scroll) {
+ var
+ cachedPosition = scroll || $scroll.scrollTop(),
+ cache = module.cache,
+ fits = cache.fits,
+ element = cache.element,
+ scrollContext = cache.scrollContext,
+ context = cache.context,
+ offset = (module.is.bottom() && settings.pushing)
+ ? settings.bottomOffset
+ : settings.offset,
+ scroll = {
+ top : cachedPosition + offset,
+ bottom : cachedPosition + offset + scrollContext.height
+ },
+ direction = module.get.direction(scroll.top),
+ elementScroll = (fits)
+ ? 0
+ : module.get.elementScroll(scroll.top),
+
+ // shorthand
+ doesntFit = !fits,
+ elementVisible = (element.height !== 0)
+ ;
+
+ if(elementVisible) {
+
+ if( module.is.initialPosition() ) {
+ if(scroll.top >= context.bottom) {
+ module.debug('Initial element position is bottom of container');
+ module.bindBottom();
+ }
+ else if(scroll.top > element.top) {
+ if( (element.height + scroll.top - elementScroll) >= context.bottom ) {
+ module.debug('Initial element position is bottom of container');
+ module.bindBottom();
+ }
+ else {
+ module.debug('Initial element position is fixed');
+ module.fixTop();
+ }
+ }
+
+ }
+ else if( module.is.fixed() ) {
+
+ // currently fixed top
+ if( module.is.top() ) {
+ if( scroll.top <= element.top ) {
+ module.debug('Fixed element reached top of container');
+ module.setInitialPosition();
+ }
+ else if( (element.height + scroll.top - elementScroll) >= context.bottom ) {
+ module.debug('Fixed element reached bottom of container');
+ module.bindBottom();
+ }
+ // scroll element if larger than screen
+ else if(doesntFit) {
+ module.set.scroll(elementScroll);
+ module.save.lastScroll(scroll.top);
+ module.save.elementScroll(elementScroll);
+ }
+ }
+
+ // currently fixed bottom
+ else if(module.is.bottom() ) {
+
+ // top edge
+ if( (scroll.bottom - element.height) <= element.top) {
+ module.debug('Bottom fixed rail has reached top of container');
+ module.setInitialPosition();
+ }
+ // bottom edge
+ else if(scroll.bottom >= context.bottom) {
+ module.debug('Bottom fixed rail has reached bottom of container');
+ module.bindBottom();
+ }
+ // scroll element if larger than screen
+ else if(doesntFit) {
+ module.set.scroll(elementScroll);
+ module.save.lastScroll(scroll.top);
+ module.save.elementScroll(elementScroll);
+ }
+
+ }
+ }
+ else if( module.is.bottom() ) {
+ if( scroll.top <= element.top ) {
+ module.debug('Jumped from bottom fixed to top fixed, most likely used home/end button');
+ module.setInitialPosition();
+ }
+ else {
+ if(settings.pushing) {
+ if(module.is.bound() && scroll.bottom <= context.bottom ) {
+ module.debug('Fixing bottom attached element to bottom of browser.');
+ module.fixBottom();
+ }
+ }
+ else {
+ if(module.is.bound() && (scroll.top <= context.bottom - element.height) ) {
+ module.debug('Fixing bottom attached element to top of browser.');
+ module.fixTop();
+ }
+ }
+ }
+ }
+ }
+ },
+
+ bindTop: function() {
+ module.debug('Binding element to top of parent container');
+ module.remove.offset();
+ $module
+ .css({
+ left : '',
+ top : '',
+ marginBottom : ''
+ })
+ .removeClass(className.fixed)
+ .removeClass(className.bottom)
+ .addClass(className.bound)
+ .addClass(className.top)
+ ;
+ settings.onTop.call(element);
+ settings.onUnstick.call(element);
+ },
+ bindBottom: function() {
+ module.debug('Binding element to bottom of parent container');
+ module.remove.offset();
+ $module
+ .css({
+ left : '',
+ top : ''
+ })
+ .removeClass(className.fixed)
+ .removeClass(className.top)
+ .addClass(className.bound)
+ .addClass(className.bottom)
+ ;
+ settings.onBottom.call(element);
+ settings.onUnstick.call(element);
+ },
+
+ setInitialPosition: function() {
+ module.debug('Returning to initial position');
+ module.unfix();
+ module.unbind();
+ },
+
+
+ fixTop: function() {
+ module.debug('Fixing element to top of page');
+ module.set.minimumSize();
+ module.set.offset();
+ $module
+ .css({
+ left : module.cache.element.left,
+ bottom : '',
+ marginBottom : ''
+ })
+ .removeClass(className.bound)
+ .removeClass(className.bottom)
+ .addClass(className.fixed)
+ .addClass(className.top)
+ ;
+ settings.onStick.call(element);
+ },
+
+ fixBottom: function() {
+ module.debug('Sticking element to bottom of page');
+ module.set.minimumSize();
+ module.set.offset();
+ $module
+ .css({
+ left : module.cache.element.left,
+ bottom : '',
+ marginBottom : ''
+ })
+ .removeClass(className.bound)
+ .removeClass(className.top)
+ .addClass(className.fixed)
+ .addClass(className.bottom)
+ ;
+ settings.onStick.call(element);
+ },
+
+ unbind: function() {
+ if( module.is.bound() ) {
+ module.debug('Removing container bound position on element');
+ module.remove.offset();
+ $module
+ .removeClass(className.bound)
+ .removeClass(className.top)
+ .removeClass(className.bottom)
+ ;
+ }
+ },
+
+ unfix: function() {
+ if( module.is.fixed() ) {
+ module.debug('Removing fixed position on element');
+ module.remove.offset();
+ $module
+ .removeClass(className.fixed)
+ .removeClass(className.top)
+ .removeClass(className.bottom)
+ ;
+ settings.onUnstick.call(element);
+ }
+ },
+
+ reset: function() {
+ module.debug('Resetting elements position');
+ module.unbind();
+ module.unfix();
+ module.resetCSS();
+ module.remove.offset();
+ module.remove.lastScroll();
+ },
+
+ resetCSS: function() {
+ $module
+ .css({
+ width : '',
+ height : ''
+ })
+ ;
+ $container
+ .css({
+ height: ''
+ })
+ ;
+ },
+
+ setting: function(name, value) {
+ if( $.isPlainObject(name) ) {
+ $.extend(true, settings, name);
+ }
+ else if(value !== undefined) {
+ settings[name] = value;
+ }
+ else {
+ return settings[name];
+ }
+ },
+ internal: function(name, value) {
+ if( $.isPlainObject(name) ) {
+ $.extend(true, module, name);
+ }
+ else if(value !== undefined) {
+ module[name] = value;
+ }
+ else {
+ return module[name];
+ }
+ },
+ debug: function() {
+ if(!settings.silent && settings.debug) {
+ if(settings.performance) {
+ module.performance.log(arguments);
+ }
+ else {
+ module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
+ module.debug.apply(console, arguments);
+ }
+ }
+ },
+ verbose: function() {
+ if(!settings.silent && settings.verbose && settings.debug) {
+ if(settings.performance) {
+ module.performance.log(arguments);
+ }
+ else {
+ module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
+ module.verbose.apply(console, arguments);
+ }
+ }
+ },
+ error: function() {
+ if(!settings.silent) {
+ module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
+ module.error.apply(console, arguments);
+ }
+ },
+ performance: {
+ log: function(message) {
+ var
+ currentTime,
+ executionTime,
+ previousTime
+ ;
+ if(settings.performance) {
+ currentTime = new Date().getTime();
+ previousTime = time || currentTime;
+ executionTime = currentTime - previousTime;
+ time = currentTime;
+ performance.push({
+ 'Name' : message[0],
+ 'Arguments' : [].slice.call(message, 1) || '',
+ 'Element' : element,
+ 'Execution Time' : executionTime
+ });
+ }
+ clearTimeout(module.performance.timer);
+ module.performance.timer = setTimeout(module.performance.display, 0);
+ },
+ display: function() {
+ var
+ title = settings.name + ':',
+ totalTime = 0
+ ;
+ time = false;
+ clearTimeout(module.performance.timer);
+ $.each(performance, function(index, data) {
+ totalTime += data['Execution Time'];
+ });
+ title += ' ' + totalTime + 'ms';
+ if(moduleSelector) {
+ title += ' \'' + moduleSelector + '\'';
+ }
+ if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
+ console.groupCollapsed(title);
+ if(console.table) {
+ console.table(performance);
+ }
+ else {
+ $.each(performance, function(index, data) {
+ console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
+ });
+ }
+ console.groupEnd();
+ }
+ performance = [];
+ }
+ },
+ invoke: function(query, passedArguments, context) {
+ var
+ object = instance,
+ maxDepth,
+ found,
+ response
+ ;
+ passedArguments = passedArguments || queryArguments;
+ context = element || context;
+ if(typeof query == 'string' && object !== undefined) {
+ query = query.split(/[\. ]/);
+ maxDepth = query.length - 1;
+ $.each(query, function(depth, value) {
+ var camelCaseValue = (depth != maxDepth)
+ ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
+ : query
+ ;
+ if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
+ object = object[camelCaseValue];
+ }
+ else if( object[camelCaseValue] !== undefined ) {
+ found = object[camelCaseValue];
+ return false;
+ }
+ else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
+ object = object[value];
+ }
+ else if( object[value] !== undefined ) {
+ found = object[value];
+ return false;
+ }
+ else {
+ return false;
+ }
+ });
+ }
+ if ( $.isFunction( found ) ) {
+ response = found.apply(context, passedArguments);
+ }
+ else if(found !== undefined) {
+ response = found;
+ }
+ if($.isArray(returnedValue)) {
+ returnedValue.push(response);
+ }
+ else if(returnedValue !== undefined) {
+ returnedValue = [returnedValue, response];
+ }
+ else if(response !== undefined) {
+ returnedValue = response;
+ }
+ return found;
+ }
+ };
+
+ if(methodInvoked) {
+ if(instance === undefined) {
+ module.initialize();
+ }
+ module.invoke(query);
+ }
+ else {
+ if(instance !== undefined) {
+ instance.invoke('destroy');
+ }
+ module.initialize();
+ }
+ })
+ ;
+
+ return (returnedValue !== undefined)
+ ? returnedValue
+ : this
+ ;
+};
+
+$.fn.sticky.settings = {
+
+ name : 'Sticky',
+ namespace : 'sticky',
+
+ silent : false,
+ debug : false,
+ verbose : true,
+ performance : true,
+
+ // whether to stick in the opposite direction on scroll up
+ pushing : false,
+
+ context : false,
+
+ // Context to watch scroll events
+ scrollContext : window,
+
+ // Offset to adjust scroll
+ offset : 0,
+
+ // Offset to adjust scroll when attached to bottom of screen
+ bottomOffset : 0,
+
+ jitter : 5, // will only set container height if difference between context and container is larger than this number
+
+ // Whether to automatically observe changes with Mutation Observers
+ observeChanges : false,
+
+ // Called when position is recalculated
+ onReposition : function(){},
+
+ // Called on each scroll
+ onScroll : function(){},
+
+ // Called when element is stuck to viewport
+ onStick : function(){},
+
+ // Called when element is unstuck from viewport
+ onUnstick : function(){},
+
+ // Called when element reaches top of context
+ onTop : function(){},
+
+ // Called when element reaches bottom of context
+ onBottom : function(){},
+
+ error : {
+ container : 'Sticky element must be inside a relative container',
+ visible : 'Element is hidden, you must call refresh after element becomes visible. Use silent setting to surpress this warning in production.',
+ method : 'The method you called is not defined.',
+ invalidContext : 'Context specified does not exist',
+ elementSize : 'Sticky element is larger than its container, cannot create sticky.'
+ },
+
+ className : {
+ bound : 'bound',
+ fixed : 'fixed',
+ supported : 'native',
+ top : 'top',
+ bottom : 'bottom'
+ }
+
+};
+
+})( jQuery, window, document );
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/modules/sticky.less
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/modules/sticky.less b/semantic/src/definitions/modules/sticky.less
new file mode 100755
index 0000000..9ee898d
--- /dev/null
+++ b/semantic/src/definitions/modules/sticky.less
@@ -0,0 +1,74 @@
+/*!
+ * # Semantic UI - Sticky
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+ Theme
+*******************************/
+
+@type : 'module';
+@element : 'sticky';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+ Sticky
+*******************************/
+
+.ui.sticky {
+ position: static;
+ transition: @transition;
+ z-index: @zIndex;
+}
+
+/*******************************
+ States
+*******************************/
+
+/* Bound */
+.ui.sticky.bound {
+ position: absolute;
+ left: auto;
+ right: auto;
+}
+
+/* Fixed */
+.ui.sticky.fixed {
+ position: fixed;
+ left: auto;
+ right: auto;
+}
+
+/* Bound/Fixed Position */
+.ui.sticky.bound.top,
+.ui.sticky.fixed.top {
+ top: 0px;
+ bottom: auto;
+}
+.ui.sticky.bound.bottom,
+.ui.sticky.fixed.bottom {
+ top: auto;
+ bottom: 0px;
+}
+
+
+/*******************************
+ Types
+*******************************/
+
+.ui.native.sticky {
+ position: -webkit-sticky;
+ position: -moz-sticky;
+ position: -ms-sticky;
+ position: -o-sticky;
+ position: sticky;
+}
+
+.loadUIOverrides();