22

✏️ Editing: slinky.min.js

/*
 * Slinky
 * Rather sweet menus
 * @author Ali Zahid <ali.zahid@live.com>
 * @license MIT
 */
class Slinky{get options(){return{resize:!0,speed:300,theme:"slinky-theme-default",title:!1}}constructor(e,t={}){this.settings={...this.options,...t},this._init(e)}_init(e){this.menu=jQuery(e),this.base=this.menu.children().first();const{menu:t,settings:s}=this;t.addClass("slinky-menu").addClass(s.theme),this._transition(s.speed),jQuery("a + ul",t).prev().addClass("next"),jQuery("li > a",t).wrapInner("<span>");const i=jQuery("<li>").addClass("header");jQuery("li > ul",t).prepend(i);const n=jQuery("<a>").prop("href","#").addClass("back");jQuery(".header",t).prepend(n),s.title&&jQuery("li > ul",t).each(((e,t)=>{const s=jQuery(t).parent().find("a").first().text();if(s){const e=jQuery("<header>").addClass("title").text(s);jQuery("> .header",t).append(e)}})),this._addListeners(),this._jumpToInitial()}_addListeners(){const{menu:e,settings:t}=this;jQuery("a",e).on("click",(s=>{if(this._clicked+t.speed>Date.now())return!1;this._clicked=Date.now();const i=jQuery(s.currentTarget);if(i.hasClass("next")||i.hasClass("back"))s.preventDefault();else if(0===i.attr("href").indexOf("#"))return!0;i.hasClass("next")?(e.find(".active").removeClass("active"),i.next().show().addClass("active"),this._move(1),t.resize&&this._resize(i.next())):i.hasClass("back")&&(this._move(-1,(()=>{e.find(".active").removeClass("active"),i.parent().parent().hide().parentsUntil(e,"ul").first().addClass("active")})),t.resize&&this._resize(i.parent().parent().parentsUntil(e,"ul")))}))}_jumpToInitial(){const{menu:e,settings:t}=this,s=e.find(".active");s.length>0&&(s.removeClass("active"),this.jump(s,!1))}_move(e=0,t=(()=>{})){if(0===e)return;const{settings:s,base:i}=this,n=Math.round(parseInt(i.get(0).style.left))||0;i.css("left",n-100*e+"%"),"function"==typeof t&&setTimeout(t,s.speed)}_resize(e){const{menu:t}=this;t.height(e.outerHeight())}_transition(e=300){const{menu:t,base:s}=this;t.css("transition-duration",`${e}ms`),s.css("transition-duration",`${e}ms`)}jump(e,t=!0){if(!e)return;const{menu:s,settings:i}=this,n=jQuery(e),a=s.find(".active");let r=0;a.length>0&&(r=a.parentsUntil(s,"ul").length),s.find("ul").removeClass("active").hide();const l=n.parentsUntil(s,"ul");l.show(),n.show().addClass("active"),t||this._transition(0),this._move(l.length-r),i.resize&&this._resize(n),t||this._transition(i.speed)}home(e=!0){const{base:t,menu:s,settings:i}=this;e||this._transition(0);const n=s.find(".active"),a=n.parentsUntil(s,"ul");this._move(-a.length,(()=>{n.removeClass("active").hide(),a.not(t).hide()})),i.resize&&this._resize(t),!1===e&&this._transition(i.speed)}destroy(){const{base:e,menu:t}=this;jQuery(".header",t).remove(),jQuery("a",t).removeClass("next").off("click"),t.css({height:"","transition-duration":""}),e.css({left:"","transition-duration":""}),jQuery("li > a > span",t).contents().unwrap(),t.find(".active").removeClass("active");t.attr("class").split(" ").forEach((e=>{0===e.indexOf("slinky")&&t.removeClass(e)}));["settings","menu","base"].forEach((e=>delete this[e]))}}jQuery.fn.slinky=function(e){return new Slinky(this,e)};

MR SKB