ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / sothebankuab.com / wp-content / plugins / bdthemes-element-pack / assets / vendor / js

(function ($) {
 
    $.fn.honeycombs = function (options) {

// Establish our default settings
        var settings = $.extend({
            combWidth: 250,
            margin: 0,
            threshold: 3,
            widthTablet: 250,
            widthMobile: 300,
        }, options);

function initialise(element) {

$(element).addClass('bdt-honeycombs-wrapper');
            
            var width = 0;
            var combWidth = 0;
            var combHeight = 0;
            var num = 0;
            var $wrapper = null;

/**
             * Build the dom
             */
             function buildHtml() {
                // add the 2 other boxes
                $(element).find('.bdt-comb').wrapAll('<div class="bdt-honeycombs-inner-wrapper"></div>');
                $wrapper = $(element).find('.bdt-honeycombs-inner-wrapper');

$(element).find('.bdt-comb').append('<div class="bdt-comb-inner-wrapper"></div>');

$(element).find('.bdt-comb-inner-wrapper').append('<div class="bdt-inner front"></div>');
                $(element).find('.bdt-comb-inner-wrapper').append('<div class="bdt-inner back"></div>');
                $(element).find('.bdt-inner').append('<div class="bdt-wrapper"></div>');
                $(element).find('.bdt-comb-inner-wrapper').append('<span class="bdt-icon-hex-lg"></span>');

num = 0;

$(element).find('.bdt-comb').each(function () {
                    num = num + 1;
                    if ($(this).find('.bdt-inner').length > 0) {
                        $(this).find('.bdt-inner.front .bdt-wrapper').html($(this).find('.bdt-front-content').html());
                        $(this).find('.bdt-inner.back .bdt-wrapper').html($(this).find('.bdt-back-content').html());
                        $(this).find('.bdt-front-content').remove();
                        $(this).find('.bdt-back-content').remove();
                    } else {
                        $(this).find('.bdt-inner').remove();
                    }
                });

// Fix Firefox padding error
                // if (navigator.userAgent.search("Firefox") > -1) {
                //     $('.bdt-comb span').addClass('firefox');
                // }
            }

/**
             * Update all scale values
             */
             function updateScales() {
                var combWidthByDevice = '';
                if(  (window.outerWidth) > (settings.viewportLg) ){
                   combWidthByDevice = settings.combWidth;
               }else if( (window.outerWidth) > (settings.viewportMd) ){
                combWidthByDevice = settings.widthTablet;
                    // viewportLg
                }else{
                    combWidthByDevice = settings.widthMobile;
                    // viewportMd
                }

// combWidth = settings.combWidth;
                combWidth = combWidthByDevice;
                combHeight = combWidth;
                $(element).find('.bdt-comb').width(combWidth).height(combHeight);
                $(element).find('.bdt-icon-hex-lg').css('font-size', combWidth);
            }

/**
             * update css classes
             */
             function reorder(animate) {

updateScales();
                width = $(element).width();

var newWidth = $(element).parent().width();

if (newWidth < width) {
                    width = newWidth;
                }

$wrapper.width(newWidth);

var maxLeft = 0;
                var row = 0; // current row
                var offset = 0; // 1 is down
                var left = 1; // pos left
                var top = 0; // pos top
                var cols = 0;

var noOffset = function (offset) {
                    return offset;
                };

var withOffset = function (offset) {
                    return (offset + 1) % 2;
                };

var halfTop = function () {
                    return (row * (0.5 * combHeight * Math.sqrt(3) + settings.margin));
                };

var fullTop = function () {
                    return (row * (combHeight + settings.margin + combHeight * 0.1));
                };

function orderCombs(leftHandler, topHandler) {

$(element).find('.bdt-comb').filter(':not(.placeholder.hide)').each(function (index) {

top = topHandler(top);

if (animate === true) {
                            $(this).stop(true, false);
                            $(this).animate({'left': left, 'top': top});
                        } else {
                            $(this).css('left', left).css('top', top);
                        }

left = left + (combWidth + settings.margin);

if (left > maxLeft) {
                            maxLeft = left;
                        }

if (row === 0) {
                            cols = cols + 1;
                        }

if (left + combWidth > width) {
                            row = row + 1;
                            offset = leftHandler(offset);
                            left = offset / 2 * (combWidth + settings.margin);
                        }

});
                }

if (newWidth < 1.5 * (combWidth + settings.margin)) {
                    $('.bdt-comb.placeholder').addClass('hide');
                    orderCombs(noOffset, fullTop);
                } else if (newWidth < settings.threshold * (combWidth + settings.margin)) {
                    $('.bdt-comb.placeholder').addClass('hide');
                    orderCombs(withOffset, halfTop);
                } else {
                    $('.bdt-comb.placeholder').removeClass('hide');
                    orderCombs(withOffset, halfTop);
                }

$wrapper
                .height(top + combHeight)
                .width(maxLeft - settings.margin)
            }

$(window).resize(function () {
                reorder(true);
            });

buildHtml();
            reorder(false);
        }

return this.each(function () {
            initialise(this);
        });

};

}(jQuery));

[-] SplitText.js [edit]
[-] awesomeCloud.min.js [edit]
[-] prism.min.js [edit]
[-] jquery.progressScroll.js [edit]
[-] jquery.mThumbnailScroller.min.js [edit]
[-] parallax.js [edit]
[-] chart.min.js [edit]
[-] typed.min.js [edit]
[-] jquery.appear.min.js [edit]
[-] lottie.d.ts [edit]
[-] jquery.imagezoom.js [edit]
[-] jquery.tagcanvas.min.js [edit]
[-] prism.js [edit]
[-] metisMenu.js [edit]
[-] lottie.js [edit]
[-] jquery.honeycombs.js [edit]
[-] sidetabs.js [edit]
[-] timeline.min.js [edit]
[-] datatables.min.js [edit]
[-] datatables.uikit.js [edit]
[-] jquery.appear.js [edit]
[+] ..
[-] popper.js [edit]
[-] jquery.jplayer.js [edit]
[-] image-compare-viewer.min.js [edit]
[-] calendly.js [edit]
[-] tilt.jquery.js [edit]
[-] particles.min.js [edit]
[-] jquery.progressHorizontal.min.js [edit]
[-] timeline.js [edit]
[-] jQuery.circleMenu.min.js [edit]
[-] tippy.all.min.js [edit]
[-] calendly.min.js [edit]
[-] jquery.jplayer.min.js [edit]
[-] jquery.newsTicker.min.js [edit]
[-] darkmode.min.js [edit]
[-] goodshare.min.js [edit]
[-] SplitText.min.js [edit]
[-] jquery.newsTicker.js [edit]
[-] jquery.flatWeatherPlugin.min.js [edit]
[-] rvslider.min.js [edit]
[-] gmap.min.js [edit]
[-] jquery.jclock.min.js [edit]
[-] chart.js [edit]
[-] jquery.mousewheel.js [edit]
[-] vanilla-tilt.js [edit]
[-] search.min.js [edit]
[-] jquery.justifiedGallery.min.js [edit]
[-] pageable.min.js [edit]
[-] particles.js [edit]
[-] jquery.imagezoom.min.js [edit]
[-] jquery.mousewheel.min.js [edit]
[-] gmap.js [edit]
[-] news-ticker.min.js [edit]
[-] datatables.uikit.min.js [edit]
[-] tippy.all.js [edit]
[-] gsap.js [edit]
[-] table-of-content.min.js [edit]
[-] gsap.min.js [edit]
[-] metisMenu.min.js [edit]
[-] wavify.min.js [edit]
[-] jquery.progressScroll.min.js [edit]
[-] morphext.min.js [edit]
[-] darkmode.js [edit]
[-] gridtab.min.js [edit]
[-] morphext.js [edit]
[-] image-compare-viewer.js [edit]
[-] parallax.min.js [edit]
[-] search.js [edit]
[-] sidetabs.min.js [edit]
[-] recliner.js [edit]
[-] countUp.js [edit]
[-] clipboard.js [edit]
[-] jquery-asPieProgress.min.js [edit]
[-] wavify.js [edit]
[-] recliner.min.js [edit]
[-] jquery.jclock.js [edit]
[-] pageable.js [edit]
[-] jquery.tagcanvas.js [edit]
[-] gridtab.js [edit]
[-] jquery-qrcode.js [edit]
[-] countUp.min.js [edit]
[-] awesomeCloud.js [edit]
[-] jquery-asPieProgress.js [edit]
[-] lottie.min.js [edit]
[-] moment-timezone-with-data.min.js [edit]
[-] jquery.justifiedGallery.js [edit]
[-] datatables.js [edit]
[-] rvslider.js [edit]
[-] jquery.flatWeatherPlugin.js [edit]
[-] moment.min.js [edit]
[-] jquery.honeycombs.min.js [edit]
[-] table-of-content.js [edit]
[-] goodshare.js [edit]
[-] leaflet.js [edit]
[-] cookieconsent.min.js [edit]
[-] moment-timezone-with-data.js [edit]
[-] jQuery.circleMenu.js [edit]
[-] leaflet.min.js [edit]
[-] vanilla-tilt.min.js [edit]
[-] floating-video.min.js [edit]
[-] typed.js [edit]
[-] popper.min.js [edit]
[-] spritespin.js [edit]
[-] jquery.progressHorizontal.js [edit]
[-] floating-video.js [edit]
[-] jquery.mThumbnailScroller.js [edit]
[-] moment.js [edit]
[-] spritespin.min.js [edit]
[-] tilt.jquery.min.js [edit]
[-] jquery-qrcode.min.js [edit]
[-] cookieconsent.js [edit]