@10up/component-tabs - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

dist/tabs.js

@@ -1,2 +0,2 @@
-!function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=39)}([function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e,n){var r=n(13)("wks"),o=n(7),i=n(0).Symbol,u="function"==typeof i;(t.exports=function(t){return r[t]||(r[t]=u&&i[t]||(u?i:o)("Symbol."+t))}).store=r},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var r=n(4),o=n(15);t.exports=n(5)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(14),o=n(28),i=n(18),u=Object.defineProperty;e.f=n(5)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return u(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){t.exports=!n(9)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e,n){var r=n(32),o=n(34);t.exports=function(t){return r(o(t))}},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var r=n(31),o=n(22);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e){var n=t.exports={version:"2.6.5"};"number"==typeof __e&&(__e=n)},function(t,e){t.exports=!1},function(t,e,n){var r=n(11),o=n(0),i=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return i[t]||(i[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n(12)?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},function(t,e,n){var r=n(8);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(0),o=n(3),i=n(2),u=n(7)("src"),c=n(40),a=(""+c).split("toString");n(11).inspectSource=function(t){return c.call(t)},(t.exports=function(t,e,n,c){var s="function"==typeof n;s&&(i(n,"name")||o(n,"name",e)),t[e]!==n&&(s&&(i(n,u)||o(n,u,t[e]?""+t[e]:a.join(String(e)))),t===r?t[e]=n:c?t[e]?t[e]=n:o(t,e,n):(delete t[e],o(t,e,n)))})(Function.prototype,"toString",function(){return"function"==typeof this&&this[u]||c.call(this)})},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){var r=n(8);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var r=n(0),o=n(11),i=n(3),u=n(16),c=n(41),a=function(t,e,n){var s,f,l,p,y=t&a.F,v=t&a.G,b=t&a.S,h=t&a.P,d=t&a.B,g=v?r:b?r[e]||(r[e]={}):(r[e]||{}).prototype,m=v?o:o[e]||(o[e]={}),S=m.prototype||(m.prototype={});for(s in v&&(n=e),n)l=((f=!y&&g&&void 0!==g[s])?g:n)[s],p=d&&f?c(l,r):h&&"function"==typeof l?c(Function.call,l):l,g&&u(g,s,l,t&a.U),m[s]!=l&&i(m,s,p),h&&S[s]!=l&&(S[s]=l)};r.core=o,a.F=1,a.G=2,a.S=4,a.P=8,a.B=16,a.W=32,a.U=64,a.R=128,t.exports=a},function(t,e,n){var r=n(4).f,o=n(2),i=n(1)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){var r=n(13)("keys"),o=n(7);t.exports=function(t){return r[t]||(r[t]=o(t))}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e){t.exports={}},function(t,e,n){n(26)("asyncIterator")},function(t,e,n){var r=n(0),o=n(11),i=n(12),u=n(27),c=n(4).f;t.exports=function(t){var e=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==t.charAt(0)||t in e||c(e,t,{value:u.f(t)})}},function(t,e,n){e.f=n(1)},function(t,e,n){t.exports=!n(5)&&!n(9)(function(){return 7!=Object.defineProperty(n(29)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){var r=n(8),o=n(0).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e,n){"use strict";var r=n(0),o=n(2),i=n(5),u=n(19),c=n(16),a=n(43).KEY,s=n(9),f=n(13),l=n(20),p=n(7),y=n(1),v=n(27),b=n(26),h=n(44),d=n(48),g=n(14),m=n(8),S=n(6),x=n(18),O=n(15),w=n(36),j=n(51),T=n(52),P=n(4),_=n(10),L=T.f,E=P.f,A=j.f,k=r.Symbol,M=r.JSON,N=M&&M.stringify,C=y("_hidden"),F=y("toPrimitive"),I={}.propertyIsEnumerable,D=f("symbol-registry"),q=f("symbols"),G=f("op-symbols"),R=Object.prototype,B="function"==typeof k,V=r.QObject,U=!V||!V.prototype||!V.prototype.findChild,W=i&&s(function(){return 7!=w(E({},"a",{get:function(){return E(this,"a",{value:7}).a}})).a})?function(t,e,n){var r=L(R,e);r&&delete R[e],E(t,e,n),r&&t!==R&&E(R,e,r)}:E,H=function(t){var e=q[t]=w(k.prototype);return e._k=t,e},J=B&&"symbol"==typeof k.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof k},z=function(t,e,n){return t===R&&z(G,e,n),g(t),e=x(e,!0),g(n),o(q,e)?(n.enumerable?(o(t,C)&&t[C][e]&&(t[C][e]=!1),n=w(n,{enumerable:O(0,!1)})):(o(t,C)||E(t,C,O(1,{})),t[C][e]=!0),W(t,e,n)):E(t,e,n)},K=function(t,e){g(t);for(var n,r=h(e=S(e)),o=0,i=r.length;i>o;)z(t,n=r[o++],e[n]);return t},$=function(t){var e=I.call(this,t=x(t,!0));return!(this===R&&o(q,t)&&!o(G,t))&&(!(e||!o(this,t)||!o(q,t)||o(this,C)&&this[C][t])||e)},Y=function(t,e){if(t=S(t),e=x(e,!0),t!==R||!o(q,e)||o(G,e)){var n=L(t,e);return!n||!o(q,e)||o(t,C)&&t[C][e]||(n.enumerable=!0),n}},Q=function(t){for(var e,n=A(S(t)),r=[],i=0;n.length>i;)o(q,e=n[i++])||e==C||e==a||r.push(e);return r},X=function(t){for(var e,n=t===R,r=A(n?G:S(t)),i=[],u=0;r.length>u;)!o(q,e=r[u++])||n&&!o(R,e)||i.push(q[e]);return i};B||(c((k=function(){if(this instanceof k)throw TypeError("Symbol is not a constructor!");var t=p(arguments.length>0?arguments[0]:void 0),e=function(n){this===R&&e.call(G,n),o(this,C)&&o(this[C],t)&&(this[C][t]=!1),W(this,t,O(1,n))};return i&&U&&W(R,t,{configurable:!0,set:e}),H(t)}).prototype,"toString",function(){return this._k}),T.f=Y,P.f=z,n(37).f=j.f=Q,n(17).f=$,n(23).f=X,i&&!n(12)&&c(R,"propertyIsEnumerable",$,!0),v.f=function(t){return H(y(t))}),u(u.G+u.W+u.F*!B,{Symbol:k});for(var Z="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),tt=0;Z.length>tt;)y(Z[tt++]);for(var et=_(y.store),nt=0;et.length>nt;)b(et[nt++]);u(u.S+u.F*!B,"Symbol",{for:function(t){return o(D,t+="")?D[t]:D[t]=k(t)},keyFor:function(t){if(!J(t))throw TypeError(t+" is not a symbol!");for(var e in D)if(D[e]===t)return e},useSetter:function(){U=!0},useSimple:function(){U=!1}}),u(u.S+u.F*!B,"Object",{create:function(t,e){return void 0===e?w(t):K(w(t),e)},defineProperty:z,defineProperties:K,getOwnPropertyDescriptor:Y,getOwnPropertyNames:Q,getOwnPropertySymbols:X}),M&&u(u.S+u.F*(!B||s(function(){var t=k();return"[null]"!=N([t])||"{}"!=N({a:t})||"{}"!=N(Object(t))})),"JSON",{stringify:function(t){for(var e,n,r=[t],o=1;arguments.length>o;)r.push(arguments[o++]);if(n=e=r[1],(m(e)||void 0!==t)&&!J(t))return d(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!J(e))return e}),r[1]=e,N.apply(M,r)}}),k.prototype[F]||n(3)(k.prototype,F,k.prototype.valueOf),l(k,"Symbol"),l(Math,"Math",!0),l(r.JSON,"JSON",!0)},function(t,e,n){var r=n(2),o=n(6),i=n(45)(!1),u=n(21)("IE_PROTO");t.exports=function(t,e){var n,c=o(t),a=0,s=[];for(n in c)n!=u&&r(c,n)&&s.push(n);for(;e.length>a;)r(c,n=e[a++])&&(~i(s,n)||s.push(n));return s}},function(t,e,n){var r=n(33);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e,n){var r=n(14),o=n(49),i=n(22),u=n(21)("IE_PROTO"),c=function(){},a=function(){var t,e=n(29)("iframe"),r=i.length;for(e.style.display="none",n(50).appendChild(e),e.src="javascript:",(t=e.contentWindow.document).open(),t.write("<script>document.F=Object<\/script>"),t.close(),a=t.F;r--;)delete a.prototype[i[r]];return a()};t.exports=Object.create||function(t,e){var n;return null!==t?(c.prototype=r(t),n=new c,c.prototype=null,n[u]=t):n=a(),void 0===e?n:o(n,e)}},function(t,e,n){var r=n(31),o=n(22).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},function(t,e,n){var r=n(34);t.exports=function(t){return Object(r(t))}},function(t,e,n){n(63),t.exports=n(62)},function(t,e,n){t.exports=n(13)("native-function-to-string",Function.toString)},function(t,e,n){var r=n(42);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,n){var r=n(7)("meta"),o=n(8),i=n(2),u=n(4).f,c=0,a=Object.isExtensible||function(){return!0},s=!n(9)(function(){return a(Object.preventExtensions({}))}),f=function(t){u(t,r,{value:{i:"O"+ ++c,w:{}}})},l=t.exports={KEY:r,NEED:!1,fastKey:function(t,e){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,r)){if(!a(t))return"F";if(!e)return"E";f(t)}return t[r].i},getWeak:function(t,e){if(!i(t,r)){if(!a(t))return!0;if(!e)return!1;f(t)}return t[r].w},onFreeze:function(t){return s&&l.NEED&&a(t)&&!i(t,r)&&f(t),t}}},function(t,e,n){var r=n(10),o=n(23),i=n(17);t.exports=function(t){var e=r(t),n=o.f;if(n)for(var u,c=n(t),a=i.f,s=0;c.length>s;)a.call(t,u=c[s++])&&e.push(u);return e}},function(t,e,n){var r=n(6),o=n(46),i=n(47);t.exports=function(t){return function(e,n,u){var c,a=r(e),s=o(a.length),f=i(u,s);if(t&&n!=n){for(;s>f;)if((c=a[f++])!=c)return!0}else for(;s>f;f++)if((t||f in a)&&a[f]===n)return t||f||0;return!t&&-1}}},function(t,e,n){var r=n(35),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(35),o=Math.max,i=Math.min;t.exports=function(t,e){return(t=r(t))<0?o(t+e,0):i(t,e)}},function(t,e,n){var r=n(33);t.exports=Array.isArray||function(t){return"Array"==r(t)}},function(t,e,n){var r=n(4),o=n(14),i=n(10);t.exports=n(5)?Object.defineProperties:function(t,e){o(t);for(var n,u=i(e),c=u.length,a=0;c>a;)r.f(t,n=u[a++],e[n]);return t}},function(t,e,n){var r=n(0).document;t.exports=r&&r.documentElement},function(t,e,n){var r=n(6),o=n(37).f,i={}.toString,u="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];t.exports.f=function(t){return u&&"[object Window]"==i.call(t)?function(t){try{return o(t)}catch(t){return u.slice()}}(t):o(r(t))}},function(t,e,n){var r=n(17),o=n(15),i=n(6),u=n(18),c=n(2),a=n(28),s=Object.getOwnPropertyDescriptor;e.f=n(5)?s:function(t,e){if(t=i(t),e=u(e,!0),a)try{return s(t,e)}catch(t){}if(c(t,e))return o(!r.f.call(t,e),t[e])}},function(t,e,n){for(var r=n(54),o=n(10),i=n(16),u=n(0),c=n(3),a=n(24),s=n(1),f=s("iterator"),l=s("toStringTag"),p=a.Array,y={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},v=o(y),b=0;b<v.length;b++){var h,d=v[b],g=y[d],m=u[d],S=m&&m.prototype;if(S&&(S[f]||c(S,f,p),S[l]||c(S,l,d),a[d]=p,g))for(h in r)S[h]||i(S,h,r[h],!0)}},function(t,e,n){"use strict";var r=n(55),o=n(56),i=n(24),u=n(6);t.exports=n(57)(Array,"Array",function(t,e){this._t=u(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,o(1)):o(0,"keys"==e?n:"values"==e?t[n]:[n,t[n]])},"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},function(t,e,n){var r=n(1)("unscopables"),o=Array.prototype;null==o[r]&&n(3)(o,r,{}),t.exports=function(t){o[r][t]=!0}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){"use strict";var r=n(12),o=n(19),i=n(16),u=n(3),c=n(24),a=n(58),s=n(20),f=n(59),l=n(1)("iterator"),p=!([].keys&&"next"in[].keys()),y=function(){return this};t.exports=function(t,e,n,v,b,h,d){a(n,e,v);var g,m,S,x=function(t){if(!p&&t in T)return T[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},O=e+" Iterator",w="values"==b,j=!1,T=t.prototype,P=T[l]||T["@@iterator"]||b&&T[b],_=P||x(b),L=b?w?x("entries"):_:void 0,E="Array"==e&&T.entries||P;if(E&&(S=f(E.call(new t)))!==Object.prototype&&S.next&&(s(S,O,!0),r||"function"==typeof S[l]||u(S,l,y)),w&&P&&"values"!==P.name&&(j=!0,_=function(){return P.call(this)}),r&&!d||!p&&!j&&T[l]||u(T,l,_),c[e]=_,c[O]=y,b)if(g={values:w?_:x("values"),keys:h?_:x("keys"),entries:L},d)for(m in g)m in T||i(T,m,g[m]);else o(o.P+o.F*(p||j),e,g);return g}},function(t,e,n){"use strict";var r=n(36),o=n(15),i=n(20),u={};n(3)(u,n(1)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(u,{next:o(1,n)}),i(t,e+" Iterator")}},function(t,e,n){var r=n(2),o=n(38),i=n(21)("IE_PROTO"),u=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?u:null}},function(t,e,n){var r=n(19);r(r.S+r.F,"Object",{assign:n(61)})},function(t,e,n){"use strict";var r=n(10),o=n(23),i=n(17),u=n(38),c=n(32),a=Object.assign;t.exports=!a||n(9)(function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach(function(t){e[t]=t}),7!=a({},t)[n]||Object.keys(a({},e)).join("")!=r})?function(t,e){for(var n=u(t),a=arguments.length,s=1,f=o.f,l=i.f;a>s;)for(var p,y=c(arguments[s++]),v=f?r(y).concat(f(y)):r(y),b=v.length,h=0;b>h;)l.call(y,p=v[h++])&&(n[p]=y[p]);return n}:a},function(t,e,n){},function(t,e,n){"use strict";n.r(e);n(25),n(30),n(53),n(60);function r(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var o=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t);if(e&&"string"==typeof e)if(this.$tabs=document.querySelectorAll(e),this.$tabs){this.settings=Object.assign({},{onCreate:null,onTabChange:null},n);var r=!0,o=!1,i=void 0;try{for(var u,c=this.$tabs[Symbol.iterator]();!(r=(u=c.next()).done);r=!0){var a=u.value;this.setupTabs(a)}}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}this.settings.onCreate&&"function"==typeof this.settings.onCreate&&this.settings.onCreate.call()}else console.error("10up Tabs: Target not found. A valid target (tab area) must be used.");else console.error("10up Tabs: No target supplied. A valid target (tab area) must be used.")}var e,n,o;return e=t,(n=[{key:"setupTabs",value:function(t){var e=this,n=t.querySelectorAll('.tab-list [role="tab"]'),r=!0,o=!1,i=void 0;try{for(var u,c=n[Symbol.iterator]();!(r=(u=c.next()).done);r=!0){var a=u.value,s=a.getAttribute("aria-controls"),f="tab-".concat(s),l=document.getElementById(s);a.setAttribute("id",f),a.setAttribute("aria-selected",!1),a.parentNode.setAttribute("role","presentation"),l.setAttribute("aria-labeledby",f),l.setAttribute("aria-hidden",!0),a.addEventListener("click",function(n){n.preventDefault(),n.target.parentNode.classList.contains("is-active")||e.goToTab(n,t)}),a.addEventListener("keyup",function(n){32!==n.which||n.target.parentNode.classList.contains("is-active")||(n.preventDefault(),e.goToTab(n,t))})}}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}this.setFirstTab(t)}},{key:"setFirstTab",value:function(t){var e=t.querySelector('.tab-list li:first-child [role="tab"]'),n=e.getAttribute("aria-controls"),r=document.getElementById(n);e.setAttribute("aria-selected","true"),e.parentNode.classList.add("is-active"),r.setAttribute("aria-hidden","false"),r.classList.add("is-active")}},{key:"goToTab",value:function(t,e){var n=e.querySelector('.tab-list li.is-active [role="tab"]'),r=n.getAttribute("aria-controls"),o=document.getElementById(r);n.setAttribute("aria-selected","false"),n.parentNode.classList.remove("is-active"),o.setAttribute("aria-hidden","true"),o.classList.remove("is-active");var i=t.target,u=i.getAttribute("aria-controls"),c=document.getElementById(u);i.setAttribute("aria-selected","true"),i.parentNode.classList.add("is-active"),c.setAttribute("aria-hidden","false"),c.classList.add("is-active"),c.querySelector("h2")&&(c.querySelector("h2").setAttribute("tabindex",-1),c.querySelector("h2").focus()),this.settings.onTabChange&&"function"==typeof this.settings.onTabChange&&this.settings.onTabChange.call()}}])&&r(e.prototype,n),o&&r(e,o),t}();function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}"object"!==i(window.TenUp)&&(window.TenUp={}),window.TenUp.tabs=o}]);
+!function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=40)}([function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e,n){var r=n(14)("wks"),o=n(7),i=n(0).Symbol,u="function"==typeof i;(t.exports=function(t){return r[t]||(r[t]=u&&i[t]||(u?i:o)("Symbol."+t))}).store=r},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var r=n(4),o=n(16);t.exports=n(5)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(15),o=n(29),i=n(18),u=Object.defineProperty;e.f=n(5)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return u(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){t.exports=!n(9)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e,n){var r=n(33),o=n(34);t.exports=function(t){return r(o(t))}},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var r=n(0),o=n(3),i=n(2),u=n(7)("src"),a=n(41),c=(""+a).split("toString");n(12).inspectSource=function(t){return a.call(t)},(t.exports=function(t,e,n,a){var s="function"==typeof n;s&&(i(n,"name")||o(n,"name",e)),t[e]!==n&&(s&&(i(n,u)||o(n,u,t[e]?""+t[e]:c.join(String(e)))),t===r?t[e]=n:a?t[e]?t[e]=n:o(t,e,n):(delete t[e],o(t,e,n)))})(Function.prototype,"toString",function(){return"function"==typeof this&&this[u]||a.call(this)})},function(t,e,n){var r=n(32),o=n(23);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e){var n=t.exports={version:"2.6.5"};"number"==typeof __e&&(__e=n)},function(t,e){t.exports=!1},function(t,e,n){var r=n(12),o=n(0),i=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return i[t]||(i[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n(13)?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},function(t,e,n){var r=n(8);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){var r=n(8);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var r=n(0),o=n(12),i=n(3),u=n(10),a=n(42),c=function(t,e,n){var s,f,l,p,y=t&c.F,b=t&c.G,v=t&c.S,h=t&c.P,d=t&c.B,g=b?r:v?r[e]||(r[e]={}):(r[e]||{}).prototype,m=b?o:o[e]||(o[e]={}),S=m.prototype||(m.prototype={});for(s in b&&(n=e),n)l=((f=!y&&g&&void 0!==g[s])?g:n)[s],p=d&&f?a(l,r):h&&"function"==typeof l?a(Function.call,l):l,g&&u(g,s,l,t&c.U),m[s]!=l&&i(m,s,p),h&&S[s]!=l&&(S[s]=l)};r.core=o,c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},function(t,e,n){var r=n(4).f,o=n(2),i=n(1)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e,n){var r=n(14)("keys"),o=n(7);t.exports=function(t){return r[t]||(r[t]=o(t))}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e){t.exports={}},function(t,e,n){n(27)("asyncIterator")},function(t,e,n){var r=n(0),o=n(12),i=n(13),u=n(28),a=n(4).f;t.exports=function(t){var e=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==t.charAt(0)||t in e||a(e,t,{value:u.f(t)})}},function(t,e,n){e.f=n(1)},function(t,e,n){t.exports=!n(5)&&!n(9)(function(){return 7!=Object.defineProperty(n(30)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){var r=n(8),o=n(0).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e,n){"use strict";var r=n(0),o=n(2),i=n(5),u=n(19),a=n(10),c=n(44).KEY,s=n(9),f=n(14),l=n(20),p=n(7),y=n(1),b=n(28),v=n(27),h=n(45),d=n(49),g=n(15),m=n(8),S=n(6),x=n(18),O=n(16),T=n(36),w=n(52),j=n(53),k=n(4),A=n(11),P=j.f,_=k.f,E=w.f,L=r.Symbol,M=r.JSON,N=M&&M.stringify,C=y("_hidden"),F=y("toPrimitive"),I={}.propertyIsEnumerable,D=f("symbol-registry"),G=f("symbols"),q=f("op-symbols"),R=Object.prototype,z="function"==typeof L,V=r.QObject,B=!V||!V.prototype||!V.prototype.findChild,U=i&&s(function(){return 7!=T(_({},"a",{get:function(){return _(this,"a",{value:7}).a}})).a})?function(t,e,n){var r=P(R,e);r&&delete R[e],_(t,e,n),r&&t!==R&&_(R,e,r)}:_,W=function(t){var e=G[t]=T(L.prototype);return e._k=t,e},H=z&&"symbol"==typeof L.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof L},J=function(t,e,n){return t===R&&J(q,e,n),g(t),e=x(e,!0),g(n),o(G,e)?(n.enumerable?(o(t,C)&&t[C][e]&&(t[C][e]=!1),n=T(n,{enumerable:O(0,!1)})):(o(t,C)||_(t,C,O(1,{})),t[C][e]=!0),U(t,e,n)):_(t,e,n)},K=function(t,e){g(t);for(var n,r=h(e=S(e)),o=0,i=r.length;i>o;)J(t,n=r[o++],e[n]);return t},$=function(t){var e=I.call(this,t=x(t,!0));return!(this===R&&o(G,t)&&!o(q,t))&&(!(e||!o(this,t)||!o(G,t)||o(this,C)&&this[C][t])||e)},Y=function(t,e){if(t=S(t),e=x(e,!0),t!==R||!o(G,e)||o(q,e)){var n=P(t,e);return!n||!o(G,e)||o(t,C)&&t[C][e]||(n.enumerable=!0),n}},Q=function(t){for(var e,n=E(S(t)),r=[],i=0;n.length>i;)o(G,e=n[i++])||e==C||e==c||r.push(e);return r},X=function(t){for(var e,n=t===R,r=E(n?q:S(t)),i=[],u=0;r.length>u;)!o(G,e=r[u++])||n&&!o(R,e)||i.push(G[e]);return i};z||(a((L=function(){if(this instanceof L)throw TypeError("Symbol is not a constructor!");var t=p(arguments.length>0?arguments[0]:void 0),e=function(n){this===R&&e.call(q,n),o(this,C)&&o(this[C],t)&&(this[C][t]=!1),U(this,t,O(1,n))};return i&&B&&U(R,t,{configurable:!0,set:e}),W(t)}).prototype,"toString",function(){return this._k}),j.f=Y,k.f=J,n(37).f=w.f=Q,n(17).f=$,n(24).f=X,i&&!n(13)&&a(R,"propertyIsEnumerable",$,!0),b.f=function(t){return W(y(t))}),u(u.G+u.W+u.F*!z,{Symbol:L});for(var Z="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),tt=0;Z.length>tt;)y(Z[tt++]);for(var et=A(y.store),nt=0;et.length>nt;)v(et[nt++]);u(u.S+u.F*!z,"Symbol",{for:function(t){return o(D,t+="")?D[t]:D[t]=L(t)},keyFor:function(t){if(!H(t))throw TypeError(t+" is not a symbol!");for(var e in D)if(D[e]===t)return e},useSetter:function(){B=!0},useSimple:function(){B=!1}}),u(u.S+u.F*!z,"Object",{create:function(t,e){return void 0===e?T(t):K(T(t),e)},defineProperty:J,defineProperties:K,getOwnPropertyDescriptor:Y,getOwnPropertyNames:Q,getOwnPropertySymbols:X}),M&&u(u.S+u.F*(!z||s(function(){var t=L();return"[null]"!=N([t])||"{}"!=N({a:t})||"{}"!=N(Object(t))})),"JSON",{stringify:function(t){for(var e,n,r=[t],o=1;arguments.length>o;)r.push(arguments[o++]);if(n=e=r[1],(m(e)||void 0!==t)&&!H(t))return d(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!H(e))return e}),r[1]=e,N.apply(M,r)}}),L.prototype[F]||n(3)(L.prototype,F,L.prototype.valueOf),l(L,"Symbol"),l(Math,"Math",!0),l(r.JSON,"JSON",!0)},function(t,e,n){var r=n(2),o=n(6),i=n(46)(!1),u=n(22)("IE_PROTO");t.exports=function(t,e){var n,a=o(t),c=0,s=[];for(n in a)n!=u&&r(a,n)&&s.push(n);for(;e.length>c;)r(a,n=e[c++])&&(~i(s,n)||s.push(n));return s}},function(t,e,n){var r=n(21);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e,n){var r=n(15),o=n(50),i=n(23),u=n(22)("IE_PROTO"),a=function(){},c=function(){var t,e=n(30)("iframe"),r=i.length;for(e.style.display="none",n(51).appendChild(e),e.src="javascript:",(t=e.contentWindow.document).open(),t.write("<script>document.F=Object<\/script>"),t.close(),c=t.F;r--;)delete c.prototype[i[r]];return c()};t.exports=Object.create||function(t,e){var n;return null!==t?(a.prototype=r(t),n=new a,a.prototype=null,n[u]=t):n=c(),void 0===e?n:o(n,e)}},function(t,e,n){var r=n(32),o=n(23).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},function(t,e,n){var r=n(34);t.exports=function(t){return Object(r(t))}},function(t,e,n){"use strict";var r=n(57),o=n(58),i=n(25),u=n(6);t.exports=n(59)(Array,"Array",function(t,e){this._t=u(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,o(1)):o(0,"keys"==e?n:"values"==e?t[n]:[n,t[n]])},"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},function(t,e,n){n(65),t.exports=n(64)},function(t,e,n){t.exports=n(14)("native-function-to-string",Function.toString)},function(t,e,n){var r=n(43);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,n){var r=n(7)("meta"),o=n(8),i=n(2),u=n(4).f,a=0,c=Object.isExtensible||function(){return!0},s=!n(9)(function(){return c(Object.preventExtensions({}))}),f=function(t){u(t,r,{value:{i:"O"+ ++a,w:{}}})},l=t.exports={KEY:r,NEED:!1,fastKey:function(t,e){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,r)){if(!c(t))return"F";if(!e)return"E";f(t)}return t[r].i},getWeak:function(t,e){if(!i(t,r)){if(!c(t))return!0;if(!e)return!1;f(t)}return t[r].w},onFreeze:function(t){return s&&l.NEED&&c(t)&&!i(t,r)&&f(t),t}}},function(t,e,n){var r=n(11),o=n(24),i=n(17);t.exports=function(t){var e=r(t),n=o.f;if(n)for(var u,a=n(t),c=i.f,s=0;a.length>s;)c.call(t,u=a[s++])&&e.push(u);return e}},function(t,e,n){var r=n(6),o=n(47),i=n(48);t.exports=function(t){return function(e,n,u){var a,c=r(e),s=o(c.length),f=i(u,s);if(t&&n!=n){for(;s>f;)if((a=c[f++])!=a)return!0}else for(;s>f;f++)if((t||f in c)&&c[f]===n)return t||f||0;return!t&&-1}}},function(t,e,n){var r=n(35),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(35),o=Math.max,i=Math.min;t.exports=function(t,e){return(t=r(t))<0?o(t+e,0):i(t,e)}},function(t,e,n){var r=n(21);t.exports=Array.isArray||function(t){return"Array"==r(t)}},function(t,e,n){var r=n(4),o=n(15),i=n(11);t.exports=n(5)?Object.defineProperties:function(t,e){o(t);for(var n,u=i(e),a=u.length,c=0;a>c;)r.f(t,n=u[c++],e[n]);return t}},function(t,e,n){var r=n(0).document;t.exports=r&&r.documentElement},function(t,e,n){var r=n(6),o=n(37).f,i={}.toString,u="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];t.exports.f=function(t){return u&&"[object Window]"==i.call(t)?function(t){try{return o(t)}catch(t){return u.slice()}}(t):o(r(t))}},function(t,e,n){var r=n(17),o=n(16),i=n(6),u=n(18),a=n(2),c=n(29),s=Object.getOwnPropertyDescriptor;e.f=n(5)?s:function(t,e){if(t=i(t),e=u(e,!0),c)try{return s(t,e)}catch(t){}if(a(t,e))return o(!r.f.call(t,e),t[e])}},function(t,e,n){var r=n(19);r(r.S+r.F,"Object",{assign:n(55)})},function(t,e,n){"use strict";var r=n(11),o=n(24),i=n(17),u=n(38),a=n(33),c=Object.assign;t.exports=!c||n(9)(function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach(function(t){e[t]=t}),7!=c({},t)[n]||Object.keys(c({},e)).join("")!=r})?function(t,e){for(var n=u(t),c=arguments.length,s=1,f=o.f,l=i.f;c>s;)for(var p,y=a(arguments[s++]),b=f?r(y).concat(f(y)):r(y),v=b.length,h=0;v>h;)l.call(y,p=b[h++])&&(n[p]=y[p]);return n}:c},function(t,e,n){for(var r=n(39),o=n(11),i=n(10),u=n(0),a=n(3),c=n(25),s=n(1),f=s("iterator"),l=s("toStringTag"),p=c.Array,y={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},b=o(y),v=0;v<b.length;v++){var h,d=b[v],g=y[d],m=u[d],S=m&&m.prototype;if(S&&(S[f]||a(S,f,p),S[l]||a(S,l,d),c[d]=p,g))for(h in r)S[h]||i(S,h,r[h],!0)}},function(t,e,n){var r=n(1)("unscopables"),o=Array.prototype;null==o[r]&&n(3)(o,r,{}),t.exports=function(t){o[r][t]=!0}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){"use strict";var r=n(13),o=n(19),i=n(10),u=n(3),a=n(25),c=n(60),s=n(20),f=n(61),l=n(1)("iterator"),p=!([].keys&&"next"in[].keys()),y=function(){return this};t.exports=function(t,e,n,b,v,h,d){c(n,e,b);var g,m,S,x=function(t){if(!p&&t in j)return j[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},O=e+" Iterator",T="values"==v,w=!1,j=t.prototype,k=j[l]||j["@@iterator"]||v&&j[v],A=k||x(v),P=v?T?x("entries"):A:void 0,_="Array"==e&&j.entries||k;if(_&&(S=f(_.call(new t)))!==Object.prototype&&S.next&&(s(S,O,!0),r||"function"==typeof S[l]||u(S,l,y)),T&&k&&"values"!==k.name&&(w=!0,A=function(){return k.call(this)}),r&&!d||!p&&!w&&j[l]||u(j,l,A),a[e]=A,a[O]=y,v)if(g={values:T?A:x("values"),keys:h?A:x("keys"),entries:P},d)for(m in g)m in j||i(j,m,g[m]);else o(o.P+o.F*(p||w),e,g);return g}},function(t,e,n){"use strict";var r=n(36),o=n(16),i=n(20),u={};n(3)(u,n(1)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(u,{next:o(1,n)}),i(t,e+" Iterator")}},function(t,e,n){var r=n(2),o=n(38),i=n(22)("IE_PROTO"),u=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?u:null}},function(t,e,n){"use strict";var r=n(63),o={};o[n(1)("toStringTag")]="z",o+""!="[object z]"&&n(10)(Object.prototype,"toString",function(){return"[object "+r(this)+"]"},!0)},function(t,e,n){var r=n(21),o=n(1)("toStringTag"),i="Arguments"==r(function(){return arguments}());t.exports=function(t){var e,n,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=Object(t),o))?n:i?r(e):"Object"==(u=r(e))&&"function"==typeof e.callee?"Arguments":u}},function(t,e,n){},function(t,e,n){"use strict";n.r(e);n(26),n(31),n(54),n(56),n(39),n(62);function r(t){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var i=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.keys={end:35,home:36,left:37,up:38,right:39,down:40},this.direction={37:-1,38:-1,39:1,40:1};if(e&&"string"==typeof e)if(this.$tabs=document.querySelectorAll(e),this.$tabs){this.settings=Object.assign({},{orientation:"horizontal",onCreate:null,onTabChange:null},n);var r=!0,o=!1,i=void 0;try{for(var u,a=this.$tabs[Symbol.iterator]();!(r=(u=a.next()).done);r=!0){var c=u.value;this.setupTabs(c)}}catch(t){o=!0,i=t}finally{try{r||null==a.return||a.return()}finally{if(o)throw i}}this.settings.onCreate&&"function"==typeof this.settings.onCreate&&this.settings.onCreate.call()}else console.error("10up Tabs: Target not found. A valid target (tab area) must be used.");else console.error("10up Tabs: No target supplied. A valid target (tab area) must be used.")}var e,n,i;return e=t,(n=[{key:"setupTabs",value:function(t){var e=this,n=t.querySelectorAll('.tab-list [role="tab"]');t.querySelector(".tab-list").setAttribute("aria-orientation",this.settings.orientation);var r=!0,o=!1,i=void 0;try{for(var u,a=n[Symbol.iterator]();!(r=(u=a.next()).done);r=!0){var c=u.value,s=c.getAttribute("aria-controls"),f="tab-".concat(s),l=document.getElementById(s);c.setAttribute("id",f),c.setAttribute("aria-selected",!1),c.setAttribute("tabindex",-1),c.parentNode.setAttribute("role","presentation"),l.setAttribute("aria-labeledby",f),l.setAttribute("aria-hidden",!0),this.goToTab(0,t),c.addEventListener("click",function(n){n.preventDefault(),n.target.parentNode.classList.contains("is-active")||e.goToTab(n,t)}),c.addEventListener("keyup",function(n){32!==n.which||n.target.parentNode.classList.contains("is-active")||(n.preventDefault(),e.goToTab(n,t))}),c.addEventListener("keydown",function(r){var o=r.keyCode,i=e.determineNextTab(r,t,n);switch(o){case e.keys.end:r.preventDefault(),e.goToTab(parseInt(n.length-1,10),t,!0);break;case e.keys.home:r.preventDefault(),e.goToTab(0,t,!0);break;case e.keys.up:case e.keys.down:"vertical"===e.settings.orientation&&(r.preventDefault(),e.goToTab(i,t,!0))}}),c.addEventListener("keyup",function(r){var o=r.keyCode,i=e.determineNextTab(r,t,n);switch(o){case e.keys.left:case e.keys.right:"horizontal"===e.settings.orientation&&e.goToTab(i,t,!0)}})}}catch(t){o=!0,i=t}finally{try{r||null==a.return||a.return()}finally{if(o)throw i}}}},{key:"determineNextTab",value:function(t,e,n){var r=t.keyCode,o=e.querySelector('.tab-list li.is-active [role="tab"]'),i=[].indexOf.call(n,o),u=parseInt(i+this.direction[r],10);return u>=n.length?0:0>u?parseInt(n.length-1,10):u}},{key:"goToTab",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=r(t),i="function"===o||"object"===o&&!!t,u=e.querySelectorAll('.tab-list li [role="tab"]'),a=e.querySelector('.tab-list li.is-active [role="tab"]');if(a){var c=a.getAttribute("aria-controls"),s=document.getElementById(c);a.setAttribute("aria-selected","false"),a.setAttribute("tabindex",-1),a.parentNode.classList.remove("is-active"),s.setAttribute("aria-hidden","true"),s.classList.remove("is-active"),s.removeAttribute("tabindex")}var f=i?t.target:u[t];if(f){var l=f.getAttribute("aria-controls"),p=document.getElementById(l);f.setAttribute("aria-selected","true"),f.removeAttribute("tabindex"),f.parentNode.classList.add("is-active"),n&&f.focus(),p.setAttribute("aria-hidden","false"),p.classList.add("is-active"),p.setAttribute("tabindex",0),this.settings.onTabChange&&"function"==typeof this.settings.onTabChange&&this.settings.onTabChange.call()}}}])&&o(e.prototype,n),i&&o(e,i),t}();function u(t){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}"object"!==u(window.TenUp)&&(window.TenUp={}),window.TenUp.tabs=i}]);
 //# sourceMappingURL=tabs.js.map

package.json

 {
   "name": "@10up/component-tabs",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "author": "10up",
@@ -5,0 +5,0 @@ "description": "Accessible tab component.",

src/tabs.js

@@ -24,5 +24,24 @@ 'use strict';
 
+		// KeyCodes
+		this.keys = {
+			end: 35,
+			home: 36,
+			left: 37,
+			up: 38,
+			right: 39,
+			down: 40
+		};
+
+		// Direction when using arrows
+		this.direction = {
+			37: -1,
+			38: -1,
+			39: 1,
+			40: 1
+		};
+
 		// Defaults
 		const defaults = {
-
+			// Default orientation is horizontal
+			orientation: 'horizontal',
 			// Event callbacks
@@ -73,3 +92,6 @@ onCreate: null,
 		const tabLinks = tabArea.querySelectorAll( '.tab-list [role="tab"]' );
+		const tabList = tabArea.querySelector( '.tab-list' );
 
+		tabList.setAttribute( 'aria-orientation', this.settings.orientation );
+
 		for ( const tabLink of tabLinks ) {
@@ -82,2 +104,3 @@ const tabId = tabLink.getAttribute( 'aria-controls' );
 			tabLink.setAttribute( 'aria-selected', false );
+			tabLink.setAttribute( 'tabindex', -1 );
 			tabLink.parentNode.setAttribute( 'role', 'presentation' );
@@ -88,2 +111,5 @@
 
+			// Sets the first tab as active.
+			this.goToTab( 0, tabArea );
+
 			// Activate the tab on [click]
@@ -106,26 +132,63 @@ tabLink.addEventListener( 'click', ( event ) => {
 			} );
+
+			// Keyboard home, end, up, down key bindings
+			tabLink.addEventListener( 'keydown', ( event ) => {
+				const key = event.keyCode;
+				const newIndex = this.determineNextTab( event, tabArea, tabLinks );
+
+				switch( key ) {
+						case this.keys.end:
+							event.preventDefault();
+							this.goToTab( parseInt( tabLinks.length - 1, 10 ), tabArea, true );
+							break;
+						case this.keys.home:
+							event.preventDefault();
+							this.goToTab( 0, tabArea, true );
+							break;
+						case this.keys.up:
+						case this.keys.down:
+							if ( 'vertical' === this.settings.orientation ) {
+								event.preventDefault();
+								this.goToTab( newIndex, tabArea, true );
+							}
+							break;
+				}
+			} );
+
+			// Keyboard left, right key bindings
+			tabLink.addEventListener( 'keyup', ( event ) => {
+				const key = event.keyCode;
+				const newIndex = this.determineNextTab( event, tabArea, tabLinks );
+
+				switch( key ) {
+						case this.keys.left:
+						case this.keys.right:
+							if ( 'horizontal' === this.settings.orientation ) {
+								this.goToTab( newIndex, tabArea, true );
+							}
+							break;
+				}
+			} );
 		}
-
-		this.setFirstTab( tabArea );
 	}
 
 	/**
-	 * Sets the first tab as active.
-	 * Adds CSS classes and toggle AIRA attributes.
+	 * Finds the next tab when using keyboard arrows, home or end keys
 	 *
-	 * @param   {element} $tabArea The tabArea to scope changes.
-	 * @returns {void}
+	 * @param   {Object}  $event      The tab click event object
+	 * @param   {element} $tabArea    The tabArea to scope changes.
+	 * @param   {element} $tabLinks   The tab items
+	 * @returns {Integer}
 	 */
-	setFirstTab( tabArea ) {
-		// Change state of first tab.
-		const firstTab = tabArea.querySelector( '.tab-list li:first-child [role="tab"]' );
-		const firstTabId = firstTab.getAttribute( 'aria-controls' );
-		const firstTabContent = document.getElementById( firstTabId );
+	determineNextTab( event, tabArea, tabLinks ) {
+		const key = event.keyCode;
 
-		firstTab.setAttribute( 'aria-selected', 'true' );
-		firstTab.parentNode.classList.add( 'is-active' );
+		const currentTab = tabArea.querySelector( '.tab-list li.is-active [role="tab"]' );
+		const currentIndex = [].indexOf.call( tabLinks, currentTab );
+		const desiredIndex = parseInt( currentIndex + this.direction[key], 10 );
 
-		// Show first tab content.
-		firstTabContent.setAttribute( 'aria-hidden', 'false' );
-		firstTabContent.classList.add( 'is-active' );
+		// Loop: if the desiredIndex is >= to the number of tabs, activate first tab, if it's < 0, activate last tab
+		const newIndex = desiredIndex >= tabLinks.length ? 0 : 0 > desiredIndex ? parseInt( tabLinks.length - 1, 10 ) : desiredIndex;
+
+		return newIndex;
 	}
@@ -135,47 +198,63 @@
 	 * Changes the active tab when clicked.
-	 * Adds CSS classes and toggle AIRA attributes.
+	 * Adds CSS classes and toggle ARIA attributes.
 
-	 * @param   {Object}  $event   The tab click event object.
-	 * @param   {element} $tabArea The tabArea to scope changes.
+	 * @param   {Object|Integer}  $tab      The tab click event object, or the desired tab index
+	 * @param   {element}         $tabArea  The tabArea to scope changes.
+	 * @param   {bool}            $setFocus If we need to set focus to the tab or not
 	 * @returns {void}
 	 */
-	goToTab( event, tabArea ) {
+	goToTab( tab, tabArea, setFocus = false ) {
 
+		const type = typeof tab;
+		const isEvent = 'function' === type || 'object' === type && !!tab;
+
+		const tabItems = tabArea.querySelectorAll( '.tab-list li [role="tab"]' );
 		const oldTab = tabArea.querySelector( '.tab-list li.is-active [role="tab"]' );
 
-		// Change state of previously selected tab.
-		const oldTabId = oldTab.getAttribute( 'aria-controls' );
-		const oldTabContent = document.getElementById( oldTabId );
+		if ( oldTab ) {
+			// Change state of previously selected tab.
+			const oldTabId = oldTab.getAttribute( 'aria-controls' );
+			const oldTabContent = document.getElementById( oldTabId );
 
-		oldTab.setAttribute( 'aria-selected', 'false' );
-		oldTab.parentNode.classList.remove( 'is-active' );
+			oldTab.setAttribute( 'aria-selected', 'false' );
+			oldTab.setAttribute( 'tabindex', -1 );
+			oldTab.parentNode.classList.remove( 'is-active' );
 
-		oldTabContent.setAttribute( 'aria-hidden', 'true' );
-		oldTabContent.classList.remove( 'is-active' );
+			oldTabContent.setAttribute( 'aria-hidden', 'true' );
+			oldTabContent.classList.remove( 'is-active' );
+			oldTabContent.removeAttribute( 'tabindex' );
+		}
 
+
 		// Change state of newly selected tab.
-		const newTab = event.target;
-		const newTabId = newTab.getAttribute( 'aria-controls' );
-		const newTabContent = document.getElementById( newTabId );
+		const newTab = isEvent ? tab.target : tabItems[tab];
 
-		newTab.setAttribute( 'aria-selected', 'true' );
-		newTab.parentNode.classList.add( 'is-active' );
+		if ( newTab ) {
+			const newTabId = newTab.getAttribute( 'aria-controls' );
+			const newTabContent = document.getElementById( newTabId );
 
-		// Show newly selected content.
-		newTabContent.setAttribute( 'aria-hidden', 'false' );
-		newTabContent.classList.add( 'is-active' );
+			newTab.setAttribute( 'aria-selected', 'true' );
+			newTab.removeAttribute( 'tabindex' );
+			newTab.parentNode.classList.add( 'is-active' );
 
-		if ( newTabContent.querySelector( 'h2' ) ) {
-			newTabContent.querySelector( 'h2' ).setAttribute( 'tabindex', -1 );
-			newTabContent.querySelector( 'h2' ).focus();
-		}
+			if ( setFocus ) {
+				// Set focus to the tab
+				newTab.focus();
+			}
 
-		/**
-		 * Called after a tab has been changed.
-		 * @callback onTabChange
-		*/
-		if ( this.settings.onTabChange && 'function' === typeof this.settings.onTabChange ) {
-			this.settings.onTabChange.call();
+			// Show newly selected content.
+			newTabContent.setAttribute( 'aria-hidden', 'false' );
+			newTabContent.classList.add( 'is-active' );
+			// Make tab focusable
+			newTabContent.setAttribute( 'tabindex', 0 );
+
+			/**
+			 * Called after a tab has been changed.
+			 * @callback onTabChange
+			*/
+			if ( this.settings.onTabChange && 'function' === typeof this.settings.onTabChange ) {
+				this.settings.onTabChange.call();
+			}
 		}
 	}
 }

No alert changes

Improved metrics

Total package byte prevSize

125815

increased by11.06%

Lines of code

539

increased by33.75%

No dependency changes