docs-panacea-jekyll-theme 0.1.1 → 0.1.3

data/assets/js/foundation/foundation.dropdown.js

@@ -0,0 +1,444 @@
+;
+(function ($, window, document, undefined) {
+    'use strict';
+
+    Foundation.libs.dropdown = {
+        name: 'dropdown',
+
+        version: '5.5.0',
+
+        settings: {
+            active_class: 'open',
+            disabled_class: 'disabled',
+            mega_class: 'mega',
+            align: 'bottom',
+            is_hover: false,
+            hover_timeout: 150,
+            opened: function () {
+            },
+            closed: function () {
+            }
+        },
+
+        init: function (scope, method, options) {
+            Foundation.inherit(this, 'throttle');
+
+            $.extend(true, this.settings, method, options);
+            this.bindings(method, options);
+        },
+
+        events: function (scope) {
+            var self = this,
+                S = self.S;
+
+            S(this.scope)
+                .off('.dropdown')
+                .on('click.fndtn.dropdown', '[' + this.attr_name() + ']', function (e) {
+                    var settings = S(this).data(self.attr_name(true) + '-init') || self.settings;
+                    if (!settings.is_hover || Modernizr.touch) {
+                        e.preventDefault();
+                        if (S(this).parent('[data-reveal-id]')) {
+                            e.stopPropagation();
+                        }
+                        self.toggle($(this));
+                    }
+                })
+                .on('mouseenter.fndtn.dropdown', '[' + this.attr_name() + '], [' + this.attr_name() + '-content]', function (e) {
+                    var $this = S(this),
+                        dropdown,
+                        target;
+
+                    clearTimeout(self.timeout);
+
+                    if ($this.data(self.data_attr())) {
+                        dropdown = S('#' + $this.data(self.data_attr()));
+                        target = $this;
+                    } else {
+                        dropdown = $this;
+                        target = S('[' + self.attr_name() + '="' + dropdown.attr('id') + '"]');
+                    }
+
+                    var settings = target.data(self.attr_name(true) + '-init') || self.settings;
+
+                    if (S(e.currentTarget).data(self.data_attr()) && settings.is_hover) {
+                        self.closeall.call(self);
+                    }
+
+                    if (settings.is_hover) self.open.apply(self, [dropdown, target]);
+                })
+                .on('mouseleave.fndtn.dropdown', '[' + this.attr_name() + '], [' + this.attr_name() + '-content]', function (e) {
+                    var $this = S(this);
+                    var settings;
+
+                    if ($this.data(self.data_attr())) {
+                        settings = $this.data(self.data_attr(true) + '-init') || self.settings;
+                    }
+                    else {
+                        var target = S('[' + self.attr_name() + '="' + S(this).attr('id') + '"]'),
+                            settings = target.data(self.attr_name(true) + '-init') || self.settings;
+                    }
+
+                    self.timeout = setTimeout(function () {
+                        if ($this.data(self.data_attr())) {
+                            if (settings.is_hover) self.close.call(self, S('#' + $this.data(self.data_attr())));
+                        } else {
+                            if (settings.is_hover) self.close.call(self, $this);
+                        }
+                    }.bind(this), settings.hover_timeout);
+                })
+                .on('click.fndtn.dropdown', function (e) {
+                    var parent = S(e.target).closest('[' + self.attr_name() + '-content]');
+                    var links = parent.find('a');
+
+                    if (links.length > 0 && parent.attr('aria-autoclose') !== "false") {
+                        self.close.call(self, S('[' + self.attr_name() + '-content]'));
+                    }
+
+                    if (S(e.target).closest('[' + self.attr_name() + ']').length > 0) {
+                        return;
+                    }
+
+                    if (!(S(e.target).data('revealId')) &&
+                        (parent.length > 0 && (S(e.target).is('[' + self.attr_name() + '-content]') ||
+                        $.contains(parent.first()[0], e.target)))) {
+                        e.stopPropagation();
+                        return;
+                    }
+
+                    self.close.call(self, S('[' + self.attr_name() + '-content]'));
+                })
+                .on('opened.fndtn.dropdown', '[' + self.attr_name() + '-content]', function () {
+                    self.settings.opened.call(this);
+                })
+                .on('closed.fndtn.dropdown', '[' + self.attr_name() + '-content]', function () {
+                    self.settings.closed.call(this);
+                });
+
+            S(window)
+                .off('.dropdown')
+                .on('resize.fndtn.dropdown', self.throttle(function () {
+                    self.resize.call(self);
+                }, 50));
+
+            this.resize();
+        },
+
+        close: function (dropdown) {
+            var self = this;
+            dropdown.each(function () {
+                var original_target = $('[' + self.attr_name() + '=' + dropdown[0].id + ']') || $('aria-controls=' + dropdown[0].id + ']');
+                original_target.attr('aria-expanded', 'false');
+                if (self.S(this).hasClass(self.settings.active_class)) {
+                    self.S(this)
+                        .css(Foundation.rtl ? 'right' : 'left', '-99999px')
+                        .attr('aria-hidden', 'true')
+                        .removeClass(self.settings.active_class)
+                        .prev('[' + self.attr_name() + ']')
+                        .removeClass(self.settings.active_class)
+                        .removeData('target');
+
+                    self.S(this).trigger('closed').trigger('closed.fndtn.dropdown', [dropdown]);
+                }
+            });
+            dropdown.removeClass('f-open-' + this.attr_name(true));
+        },
+
+        closeall: function () {
+            var self = this;
+            $.each(self.S('.f-open-' + this.attr_name(true)), function () {
+                self.close.call(self, self.S(this));
+            });
+        },
+
+        open: function (dropdown, target) {
+            this
+                .css(dropdown
+                    .addClass(this.settings.active_class), target);
+            dropdown.prev('[' + this.attr_name() + ']').addClass(this.settings.active_class);
+            dropdown.data('target', target.get(0)).trigger('opened').trigger('opened.fndtn.dropdown', [dropdown, target]);
+            dropdown.attr('aria-hidden', 'false');
+            target.attr('aria-expanded', 'true');
+            dropdown.focus();
+            dropdown.addClass('f-open-' + this.attr_name(true));
+        },
+
+        data_attr: function () {
+            if (this.namespace.length > 0) {
+                return this.namespace + '-' + this.name;
+            }
+
+            return this.name;
+        },
+
+        toggle: function (target) {
+            if (target.hasClass(this.settings.disabled_class)) {
+                return;
+            }
+            var dropdown = this.S('#' + target.data(this.data_attr()));
+            if (dropdown.length === 0) {
+                // No dropdown found, not continuing
+                return;
+            }
+
+            this.close.call(this, this.S('[' + this.attr_name() + '-content]').not(dropdown));
+
+            if (dropdown.hasClass(this.settings.active_class)) {
+                this.close.call(this, dropdown);
+                if (dropdown.data('target') !== target.get(0))
+                    this.open.call(this, dropdown, target);
+            } else {
+                this.open.call(this, dropdown, target);
+            }
+        },
+
+        resize: function () {
+            var dropdown = this.S('[' + this.attr_name() + '-content].open'),
+                target = this.S('[' + this.attr_name() + '="' + dropdown.attr('id') + '"]');
+
+            if (dropdown.length && target.length) {
+                this.css(dropdown, target);
+            }
+        },
+
+        css: function (dropdown, target) {
+            var left_offset = Math.max((target.width() - dropdown.width()) / 2, 8),
+                settings = target.data(this.attr_name(true) + '-init') || this.settings;
+
+            this.clear_idx();
+
+            if (this.small()) {
+                var p = this.dirs.bottom.call(dropdown, target, settings);
+
+                dropdown.attr('style', '').removeClass('drop-left drop-right drop-top').css({
+                    position: 'absolute',
+                    width: '95%',
+                    'max-width': 'none',
+                    top: p.top
+                });
+
+                dropdown.css(Foundation.rtl ? 'right' : 'left', left_offset);
+            } else {
+
+                this.style(dropdown, target, settings);
+            }
+
+            return dropdown;
+        },
+
+        style: function (dropdown, target, settings) {
+            var css = $.extend({position: 'absolute'},
+                this.dirs[settings.align].call(dropdown, target, settings));
+
+            dropdown.attr('style', '').css(css);
+        },
+
+        // return CSS property object
+        // `this` is the dropdown
+        dirs: {
+            // Calculate target offset
+            _base: function (t) {
+                var o_p = this.offsetParent(),
+                    o = o_p.offset(),
+                    p = t.offset();
+
+                p.top -= o.top;
+                p.left -= o.left;
+
+                //set some flags on the p object to pass along
+                p.missRight = false;
+                p.missTop = false;
+                p.missLeft = false;
+                p.leftRightFlag = false;
+
+                //lets see if the panel will be off the screen
+                //get the actual width of the page and store it
+                var actualBodyWidth;
+                if (document.getElementsByClassName('row')[0]) {
+                    actualBodyWidth = document.getElementsByClassName('row')[0].clientWidth;
+                } else {
+                    actualBodyWidth = window.outerWidth;
+                }
+
+                var actualMarginWidth = (window.outerWidth - actualBodyWidth) / 2;
+                var actualBoundary = actualBodyWidth;
+
+                if (!this.hasClass('mega')) {
+                    //miss top
+                    if (t.offset().top <= this.outerHeight()) {
+                        p.missTop = true;
+                        actualBoundary = window.outerWidth - actualMarginWidth;
+                        p.leftRightFlag = true;
+                    }
+
+                    //miss right
+                    if (t.offset().left + this.outerWidth() > t.offset().left + actualMarginWidth && t.offset().left - actualMarginWidth > this.outerWidth()) {
+                        p.missRight = true;
+                        p.missLeft = false;
+                    }
+
+                    //miss left
+                    if (t.offset().left - this.outerWidth() <= 0) {
+                        p.missLeft = true;
+                        p.missRight = false;
+                    }
+                }
+
+                return p;
+            },
+
+            top: function (t, s) {
+                var self = Foundation.libs.dropdown,
+                    p = self.dirs._base.call(this, t);
+
+                this.addClass('drop-top');
+
+                if (p.missTop == true) {
+                    p.top = p.top + t.outerHeight() + this.outerHeight();
+                    this.removeClass('drop-top');
+                }
+
+                if (p.missRight == true) {
+                    p.left = p.left - this.outerWidth() + t.outerWidth();
+                }
+
+                if (t.outerWidth() < this.outerWidth() || self.small() || this.hasClass(s.mega_menu)) {
+                    self.adjust_pip(this, t, s, p);
+                }
+
+                if (Foundation.rtl) {
+                    return {
+                        left: p.left - this.outerWidth() + t.outerWidth(),
+                        top: p.top - this.outerHeight()
+                    };
+                }
+
+                return {left: p.left, top: p.top - this.outerHeight()};
+            },
+
+            bottom: function (t, s) {
+                var self = Foundation.libs.dropdown,
+                    p = self.dirs._base.call(this, t);
+
+                if (p.missRight == true) {
+                    p.left = p.left - this.outerWidth() + t.outerWidth();
+                }
+
+                if (t.outerWidth() < this.outerWidth() || self.small() || this.hasClass(s.mega_menu)) {
+                    self.adjust_pip(this, t, s, p);
+                }
+
+                if (self.rtl) {
+                    return {left: p.left - this.outerWidth() + t.outerWidth(), top: p.top + t.outerHeight()};
+                }
+
+                return {left: p.left, top: p.top + t.outerHeight()};
+            },
+
+            left: function (t, s) {
+                var p = Foundation.libs.dropdown.dirs._base.call(this, t);
+
+                this.addClass('drop-left');
+
+                if (p.missLeft == true) {
+                    p.left = p.left + this.outerWidth();
+                    p.top = p.top + t.outerHeight();
+                    this.removeClass('drop-left');
+                }
+
+                return {left: p.left - this.outerWidth(), top: p.top};
+            },
+
+            right: function (t, s) {
+                var p = Foundation.libs.dropdown.dirs._base.call(this, t);
+
+                this.addClass('drop-right');
+
+                if (p.missRight == true) {
+                    p.left = p.left - this.outerWidth();
+                    p.top = p.top + t.outerHeight();
+                    this.removeClass('drop-right');
+                } else {
+                    p.triggeredRight = true;
+                }
+
+                var self = Foundation.libs.dropdown;
+
+                if (t.outerWidth() < this.outerWidth() || self.small() || this.hasClass(s.mega_menu)) {
+                    self.adjust_pip(this, t, s, p);
+                }
+
+                return {left: p.left + t.outerWidth(), top: p.top};
+            }
+        },
+
+        // Insert rule to style psuedo elements
+        adjust_pip: function (dropdown, target, settings, position) {
+            var sheet = Foundation.stylesheet,
+                pip_offset_base = 8;
+
+            if (dropdown.hasClass(settings.mega_class)) {
+                pip_offset_base = position.left + (target.outerWidth() / 2) - 8;
+            }
+            else if (this.small()) {
+                pip_offset_base += position.left - 8;
+            }
+
+            this.rule_idx = sheet.cssRules.length;
+
+            //default
+            var sel_before = '.f-dropdown.open:before',
+                sel_after = '.f-dropdown.open:after',
+                css_before = 'left: ' + pip_offset_base + 'px;',
+                css_after = 'left: ' + (pip_offset_base - 1) + 'px;';
+
+            if (position.missRight == true) {
+                pip_offset_base = dropdown.outerWidth() - 23;
+                sel_before = '.f-dropdown.open:before',
+                    sel_after = '.f-dropdown.open:after',
+                    css_before = 'left: ' + pip_offset_base + 'px;',
+                    css_after = 'left: ' + (pip_offset_base - 1) + 'px;';
+            }
+
+            //just a case where right is fired, but its not missing right
+            if (position.triggeredRight == true) {
+                sel_before = '.f-dropdown.open:before',
+                    sel_after = '.f-dropdown.open:after',
+                    css_before = 'left:-12px;',
+                    css_after = 'left:-14px;';
+            }
+
+            if (sheet.insertRule) {
+                sheet.insertRule([sel_before, '{', css_before, '}'].join(' '), this.rule_idx);
+                sheet.insertRule([sel_after, '{', css_after, '}'].join(' '), this.rule_idx + 1);
+            } else {
+                sheet.addRule(sel_before, css_before, this.rule_idx);
+                sheet.addRule(sel_after, css_after, this.rule_idx + 1);
+            }
+        },
+
+        // Remove old dropdown rule index
+        clear_idx: function () {
+            var sheet = Foundation.stylesheet;
+
+            if (typeof this.rule_idx !== 'undefined') {
+                sheet.deleteRule(this.rule_idx);
+                sheet.deleteRule(this.rule_idx);
+                delete this.rule_idx;
+            }
+        },
+
+        small: function () {
+            return matchMedia(Foundation.media_queries.small).matches && !matchMedia(Foundation.media_queries.medium).matches;
+        },
+
+        off: function () {
+            this.S(this.scope).off('.fndtn.dropdown');
+            this.S('html, body').off('.fndtn.dropdown');
+            this.S(window).off('.fndtn.dropdown');
+            this.S('[data-dropdown-content]').off('.fndtn.dropdown');
+        },
+
+        reflow: function () {
+        }
+    };
+}(jQuery, window, window.document));

data/assets/js/foundation/foundation.equalizer.js

@@ -0,0 +1,77 @@
+;
+(function ($, window, document, undefined) {
+    'use strict';
+
+    Foundation.libs.equalizer = {
+        name: 'equalizer',
+
+        version: '5.5.0',
+
+        settings: {
+            use_tallest: true,
+            before_height_change: $.noop,
+            after_height_change: $.noop,
+            equalize_on_stack: false
+        },
+
+        init: function (scope, method, options) {
+            Foundation.inherit(this, 'image_loaded');
+            this.bindings(method, options);
+            this.reflow();
+        },
+
+        events: function () {
+            this.S(window).off('.equalizer').on('resize.fndtn.equalizer', function (e) {
+                this.reflow();
+            }.bind(this));
+        },
+
+        equalize: function (equalizer) {
+            var isStacked = false,
+                vals = equalizer.find('[' + this.attr_name() + '-watch]:visible'),
+                settings = equalizer.data(this.attr_name(true) + '-init');
+
+            if (vals.length === 0) return;
+            var firstTopOffset = vals.first().offset().top;
+            settings.before_height_change();
+            equalizer.trigger('before-height-change').trigger('before-height-change.fndth.equalizer');
+            vals.height('inherit');
+            vals.each(function () {
+                var el = $(this);
+                if (el.offset().top !== firstTopOffset) {
+                    isStacked = true;
+                }
+            });
+
+            if (settings.equalize_on_stack === false) {
+                if (isStacked) return;
+            }
+            ;
+
+            var heights = vals.map(function () {
+                return $(this).outerHeight(false)
+            }).get();
+
+            if (settings.use_tallest) {
+                var max = Math.max.apply(null, heights);
+                vals.css('height', max);
+            } else {
+                var min = Math.min.apply(null, heights);
+                vals.css('height', min);
+            }
+            settings.after_height_change();
+            equalizer.trigger('after-height-change').trigger('after-height-change.fndtn.equalizer');
+        },
+
+        reflow: function () {
+            var self = this;
+
+            this.S('[' + this.attr_name() + ']', this.scope).each(function () {
+                var $eq_target = $(this);
+                self.image_loaded(self.S('img', this), function () {
+                    self.equalize($eq_target)
+                });
+            });
+        }
+    };
+})(jQuery, window, window.document);