docs-panacea-jekyll-theme 0.1.1 → 0.1.3

data/assets/js/foundation/foundation.slider.js

@@ -0,0 +1,268 @@
+;
+(function ($, window, document, undefined) {
+    'use strict';
+
+    Foundation.libs.slider = {
+        name: 'slider',
+
+        version: '5.5.0',
+
+        settings: {
+            start: 0,
+            end: 100,
+            step: 1,
+            precision: null,
+            initial: null,
+            display_selector: '',
+            vertical: false,
+            trigger_input_change: false,
+            on_change: function () {
+            }
+        },
+
+        cache: {},
+
+        init: function (scope, method, options) {
+            Foundation.inherit(this, 'throttle');
+            this.bindings(method, options);
+            this.reflow();
+        },
+
+        events: function () {
+            var self = this;
+
+            $(this.scope)
+                .off('.slider')
+                .on('mousedown.fndtn.slider touchstart.fndtn.slider pointerdown.fndtn.slider',
+                '[' + self.attr_name() + ']:not(.disabled, [disabled]) .range-slider-handle', function (e) {
+                    if (!self.cache.active) {
+                        e.preventDefault();
+                        self.set_active_slider($(e.target));
+                    }
+                })
+                .on('mousemove.fndtn.slider touchmove.fndtn.slider pointermove.fndtn.slider', function (e) {
+                    if (!!self.cache.active) {
+                        e.preventDefault();
+                        if ($.data(self.cache.active[0], 'settings').vertical) {
+                            var scroll_offset = 0;
+                            if (!e.pageY) {
+                                scroll_offset = window.scrollY;
+                            }
+                            self.calculate_position(self.cache.active, self.get_cursor_position(e, 'y') + scroll_offset);
+                        } else {
+                            self.calculate_position(self.cache.active, self.get_cursor_position(e, 'x'));
+                        }
+                    }
+                })
+                .on('mouseup.fndtn.slider touchend.fndtn.slider pointerup.fndtn.slider', function (e) {
+                    self.remove_active_slider();
+                })
+                .on('change.fndtn.slider', function (e) {
+                    self.settings.on_change();
+                });
+
+            self.S(window)
+                .on('resize.fndtn.slider', self.throttle(function (e) {
+                    self.reflow();
+                }, 300));
+        },
+
+        get_cursor_position: function (e, xy) {
+            var pageXY = 'page' + xy.toUpperCase(),
+                clientXY = 'client' + xy.toUpperCase(),
+                position;
+
+            if (typeof e[pageXY] !== 'undefined') {
+                position = e[pageXY];
+            }
+            else if (typeof e.originalEvent[clientXY] !== 'undefined') {
+                position = e.originalEvent[clientXY];
+            }
+            else if (e.originalEvent.touches && e.originalEvent.touches[0] && typeof e.originalEvent.touches[0][clientXY] !== 'undefined') {
+                position = e.originalEvent.touches[0][clientXY];
+            }
+            else if (e.currentPoint && typeof e.currentPoint[xy] !== 'undefined') {
+                position = e.currentPoint[xy];
+            }
+            return position;
+        },
+
+        set_active_slider: function ($handle) {
+            this.cache.active = $handle;
+        },
+
+        remove_active_slider: function () {
+            this.cache.active = null;
+        },
+
+        calculate_position: function ($handle, cursor_x) {
+            var self = this,
+                settings = $.data($handle[0], 'settings'),
+                handle_l = $.data($handle[0], 'handle_l'),
+                handle_o = $.data($handle[0], 'handle_o'),
+                bar_l = $.data($handle[0], 'bar_l'),
+                bar_o = $.data($handle[0], 'bar_o');
+
+            requestAnimationFrame(function () {
+                var pct;
+
+                if (Foundation.rtl && !settings.vertical) {
+                    pct = self.limit_to(((bar_o + bar_l - cursor_x) / bar_l), 0, 1);
+                } else {
+                    pct = self.limit_to(((cursor_x - bar_o) / bar_l), 0, 1);
+                }
+
+                pct = settings.vertical ? 1 - pct : pct;
+
+                var norm = self.normalized_value(pct, settings.start, settings.end, settings.step, settings.precision);
+
+                self.set_ui($handle, norm);
+            });
+        },
+
+        set_ui: function ($handle, value) {
+            var settings = $.data($handle[0], 'settings'),
+                handle_l = $.data($handle[0], 'handle_l'),
+                bar_l = $.data($handle[0], 'bar_l'),
+                norm_pct = this.normalized_percentage(value, settings.start, settings.end),
+                handle_offset = norm_pct * (bar_l - handle_l) - 1,
+                progress_bar_length = norm_pct * 100,
+                $handle_parent = $handle.parent(),
+                $hidden_inputs = $handle.parent().children('input[type=hidden]');
+
+            if (Foundation.rtl && !settings.vertical) {
+                handle_offset = -handle_offset;
+            }
+
+            handle_offset = settings.vertical ? -handle_offset + bar_l - handle_l + 1 : handle_offset;
+            this.set_translate($handle, handle_offset, settings.vertical);
+
+            if (settings.vertical) {
+                $handle.siblings('.range-slider-active-segment').css('height', progress_bar_length + '%');
+            } else {
+                $handle.siblings('.range-slider-active-segment').css('width', progress_bar_length + '%');
+            }
+
+            $handle_parent.attr(this.attr_name(), value).trigger('change').trigger('change.fndtn.slider');
+
+            $hidden_inputs.val(value);
+            if (settings.trigger_input_change) {
+                $hidden_inputs.trigger('change');
+            }
+
+            if (!$handle[0].hasAttribute('aria-valuemin')) {
+                $handle.attr({
+                    'aria-valuemin': settings.start,
+                    'aria-valuemax': settings.end
+                });
+            }
+            $handle.attr('aria-valuenow', value);
+
+            if (settings.display_selector != '') {
+                $(settings.display_selector).each(function () {
+                    if (this.hasOwnProperty('value')) {
+                        $(this).val(value);
+                    } else {
+                        $(this).text(value);
+                    }
+                });
+            }
+
+        },
+
+        normalized_percentage: function (val, start, end) {
+            return Math.min(1, (val - start) / (end - start));
+        },
+
+        normalized_value: function (val, start, end, step, precision) {
+            var range = end - start,
+                point = val * range,
+                mod = (point - (point % step)) / step,
+                rem = point % step,
+                round = ( rem >= step * 0.5 ? step : 0);
+            return ((mod * step + round) + start).toFixed(precision);
+        },
+
+        set_translate: function (ele, offset, vertical) {
+            if (vertical) {
+                $(ele)
+                    .css('-webkit-transform', 'translateY(' + offset + 'px)')
+                    .css('-moz-transform', 'translateY(' + offset + 'px)')
+                    .css('-ms-transform', 'translateY(' + offset + 'px)')
+                    .css('-o-transform', 'translateY(' + offset + 'px)')
+                    .css('transform', 'translateY(' + offset + 'px)');
+            } else {
+                $(ele)
+                    .css('-webkit-transform', 'translateX(' + offset + 'px)')
+                    .css('-moz-transform', 'translateX(' + offset + 'px)')
+                    .css('-ms-transform', 'translateX(' + offset + 'px)')
+                    .css('-o-transform', 'translateX(' + offset + 'px)')
+                    .css('transform', 'translateX(' + offset + 'px)');
+            }
+        },
+
+        limit_to: function (val, min, max) {
+            return Math.min(Math.max(val, min), max);
+        },
+
+
+        initialize_settings: function (handle) {
+            var settings = $.extend({}, this.settings, this.data_options($(handle).parent())),
+                decimal_places_match_result;
+
+            if (settings.precision === null) {
+                decimal_places_match_result = ('' + settings.step).match(/\.([\d]*)/);
+                settings.precision = decimal_places_match_result && decimal_places_match_result[1] ? decimal_places_match_result[1].length : 0;
+            }
+
+            if (settings.vertical) {
+                $.data(handle, 'bar_o', $(handle).parent().offset().top);
+                $.data(handle, 'bar_l', $(handle).parent().outerHeight());
+                $.data(handle, 'handle_o', $(handle).offset().top);
+                $.data(handle, 'handle_l', $(handle).outerHeight());
+            } else {
+                $.data(handle, 'bar_o', $(handle).parent().offset().left);
+                $.data(handle, 'bar_l', $(handle).parent().outerWidth());
+                $.data(handle, 'handle_o', $(handle).offset().left);
+                $.data(handle, 'handle_l', $(handle).outerWidth());
+            }
+
+            $.data(handle, 'bar', $(handle).parent());
+            $.data(handle, 'settings', settings);
+        },
+
+        set_initial_position: function ($ele) {
+            var settings = $.data($ele.children('.range-slider-handle')[0], 'settings'),
+                initial = ((typeof settings.initial == 'number' && !isNaN(settings.initial)) ? settings.initial : Math.floor((settings.end - settings.start) * 0.5 / settings.step) * settings.step + settings.start),
+                $handle = $ele.children('.range-slider-handle');
+            this.set_ui($handle, initial);
+        },
+
+        set_value: function (value) {
+            var self = this;
+            $('[' + self.attr_name() + ']', this.scope).each(function () {
+                $(this).attr(self.attr_name(), value);
+            });
+            if (!!$(this.scope).attr(self.attr_name())) {
+                $(this.scope).attr(self.attr_name(), value);
+            }
+            self.reflow();
+        },
+
+        reflow: function () {
+            var self = this;
+            self.S('[' + this.attr_name() + ']').each(function () {
+                var handle = $(this).children('.range-slider-handle')[0],
+                    val = $(this).attr(self.attr_name());
+                self.initialize_settings(handle);
+
+                if (val) {
+                    self.set_ui($(handle), parseFloat(val));
+                } else {
+                    self.set_initial_position($(this));
+                }
+            });
+        }
+    };
+
+}(jQuery, window, window.document));

data/assets/js/foundation/foundation.tab.js

@@ -0,0 +1,221 @@
+;
+(function ($, window, document, undefined) {
+    'use strict';
+
+    Foundation.libs.tab = {
+        name: 'tab',
+
+        version: '5.5.0',
+
+        settings: {
+            active_class: 'active',
+            callback: function () {
+            },
+            deep_linking: false,
+            scroll_to_content: true,
+            is_hover: false
+        },
+
+        default_tab_hashes: [],
+
+        init: function (scope, method, options) {
+            var self = this,
+                S = this.S;
+
+            this.bindings(method, options);
+            this.handle_location_hash_change();
+
+            // Store the default active tabs which will be referenced when the
+            // location hash is absent, as in the case of navigating the tabs and
+            // returning to the first viewing via the browser Back button.
+            S('[' + this.attr_name() + '] > .active > a', this.scope).each(function () {
+                self.default_tab_hashes.push(this.hash);
+            });
+        },
+
+        events: function () {
+            var self = this,
+                S = this.S;
+
+            var usual_tab_behavior = function (e) {
+                var settings = S(this).closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init');
+                if (!settings.is_hover || Modernizr.touch) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    self.toggle_active_tab(S(this).parent());
+                }
+            };
+
+            S(this.scope)
+                .off('.tab')
+                // Click event: tab title
+                .on('focus.fndtn.tab', '[' + this.attr_name() + '] > * > a', usual_tab_behavior)
+                .on('click.fndtn.tab', '[' + this.attr_name() + '] > * > a', usual_tab_behavior)
+                // Hover event: tab title
+                .on('mouseenter.fndtn.tab', '[' + this.attr_name() + '] > * > a', function (e) {
+                    var settings = S(this).closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init');
+                    if (settings.is_hover) self.toggle_active_tab(S(this).parent());
+                });
+
+            // Location hash change event
+            S(window).on('hashchange.fndtn.tab', function (e) {
+                e.preventDefault();
+                self.handle_location_hash_change();
+            });
+        },
+
+        handle_location_hash_change: function () {
+
+            var self = this,
+                S = this.S;
+
+            S('[' + this.attr_name() + ']', this.scope).each(function () {
+                var settings = S(this).data(self.attr_name(true) + '-init');
+                if (settings.deep_linking) {
+                    // Match the location hash to a label
+                    var hash;
+                    if (settings.scroll_to_content) {
+                        hash = self.scope.location.hash;
+                    } else {
+                        // prefix the hash to prevent anchor scrolling
+                        hash = self.scope.location.hash.replace('fndtn-', '');
+                    }
+                    if (hash != '') {
+                        // Check whether the location hash references a tab content div or
+                        // another element on the page (inside or outside the tab content div)
+                        var hash_element = S(hash);
+                        if (hash_element.hasClass('content') && hash_element.parent().hasClass('tabs-content')) {
+                            // Tab content div
+                            self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=' + hash + ']').parent());
+                        } else {
+                            // Not the tab content div. If inside the tab content, find the
+                            // containing tab and toggle it as active.
+                            var hash_tab_container_id = hash_element.closest('.content').attr('id');
+                            if (hash_tab_container_id != undefined) {
+                                self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=#' + hash_tab_container_id + ']').parent(), hash);
+                            }
+                        }
+                    } else {
+                        // Reference the default tab hashes which were initialized in the init function
+                        for (var ind = 0; ind < self.default_tab_hashes.length; ind++) {
+                            self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=' + self.default_tab_hashes[ind] + ']').parent());
+                        }
+                    }
+                }
+            });
+        },
+
+        toggle_active_tab: function (tab, location_hash) {
+            var S = this.S,
+                tabs = tab.closest('[' + this.attr_name() + ']'),
+                tab_link = tab.find('a'),
+                anchor = tab.children('a').first(),
+                target_hash = '#' + anchor.attr('href').split('#')[1],
+                target = S(target_hash),
+                siblings = tab.siblings(),
+                settings = tabs.data(this.attr_name(true) + '-init'),
+                interpret_keyup_action = function (e) {
+                    // Light modification of Heydon Pickering's Practical ARIA Examples: http://heydonworks.com/practical_aria_examples/js/a11y.js
+
+                    // define current, previous and next (possible) tabs
+
+                    var $original = $(this);
+                    var $prev = $(this).parents('li').prev().children('[role="tab"]');
+                    var $next = $(this).parents('li').next().children('[role="tab"]');
+                    var $target;
+
+                    // find the direction (prev or next)
+
+                    switch (e.keyCode) {
+                        case 37:
+                            $target = $prev;
+                            break;
+                        case 39:
+                            $target = $next;
+                            break;
+                        default:
+                            $target = false
+                            break;
+                    }
+
+                    if ($target.length) {
+                        $original.attr({
+                            'tabindex': '-1',
+                            'aria-selected': null
+                        });
+                        $target.attr({
+                            'tabindex': '0',
+                            'aria-selected': true
+                        }).focus();
+                    }
+
+                    // Hide panels
+
+                    $('[role="tabpanel"]')
+                        .attr('aria-hidden', 'true');
+
+                    // Show panel which corresponds to target
+
+                    $('#' + $(document.activeElement).attr('href').substring(1))
+                        .attr('aria-hidden', null);
+
+                };
+
+            // allow usage of data-tab-content attribute instead of href
+            if (S(this).data(this.data_attr('tab-content'))) {
+                target_hash = '#' + S(this).data(this.data_attr('tab-content')).split('#')[1];
+                target = S(target_hash);
+            }
+
+            if (settings.deep_linking) {
+
+                if (settings.scroll_to_content) {
+                    // retain current hash to scroll to content
+                    window.location.hash = location_hash || target_hash;
+                    if (location_hash == undefined || location_hash == target_hash) {
+                        tab.parent()[0].scrollIntoView();
+                    } else {
+                        S(target_hash)[0].scrollIntoView();
+                    }
+                } else {
+                    // prefix the hashes so that the browser doesn't scroll down
+                    if (location_hash != undefined) {
+                        window.location.hash = 'fndtn-' + location_hash.replace('#', '');
+                    } else {
+                        window.location.hash = 'fndtn-' + target_hash.replace('#', '');
+                    }
+                }
+            }
+
+            // WARNING: The activation and deactivation of the tab content must
+            // occur after the deep linking in order to properly refresh the browser
+            // window (notably in Chrome).
+            // Clean up multiple attr instances to done once
+            tab.addClass(settings.active_class).triggerHandler('opened');
+            tab_link.attr({'aria-selected': 'true', tabindex: 0});
+            siblings.removeClass(settings.active_class)
+            siblings.find('a').attr({'aria-selected': 'false', tabindex: -1});
+            target.siblings().removeClass(settings.active_class).attr({'aria-hidden': 'true', tabindex: -1});
+            target.addClass(settings.active_class).attr('aria-hidden', 'false').removeAttr('tabindex');
+            settings.callback(tab);
+            target.triggerHandler('toggled', [tab]);
+            tabs.triggerHandler('toggled', [target]);
+
+            tab_link.off('keydown').on('keydown', interpret_keyup_action);
+        },
+
+        data_attr: function (str) {
+            if (this.namespace.length > 0) {
+                return this.namespace + '-' + str;
+            }
+
+            return str;
+        },
+
+        off: function () {
+        },
+
+        reflow: function () {
+        }
+    };
+}(jQuery, window, window.document));