ghost-faq
Version:
Venue FAQ Page Package
1 lines • 28.5 kB
JavaScript
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n=e();for(var r in n)("object"==typeof exports?exports:t)[r]=n[r]}}(window,(function(){return 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}return 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=4)}([function(t,e,n){var r=n(6);"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(3)(r,o);r.locals&&(t.exports=r.locals)},function(t,e,n){var r=n(9);"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(3)(r,o);r.locals&&(t.exports=r.locals)},function(t,e){t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"==typeof btoa){var o=(a=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=r.sources.map((function(t){return"/*# sourceURL="+r.sourceRoot+t+" */"}));return[n].concat(i).concat([o]).join("\n")}var a;return[n].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n})).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e,n){var r,o,i={},a=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=r.apply(this,arguments)),o}),s=function(t,e){return e?e.querySelector(t):document.querySelector(t)},c=function(t){var e={};return function(t,n){if("function"==typeof t)return t();if(void 0===e[t]){var r=s.call(this,t,n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(t){r=null}e[t]=r}return e[t]}}(),d=null,l=0,u=[],f=n(7);function h(t,e){for(var n=0;n<t.length;n++){var r=t[n],o=i[r.id];if(o){o.refs++;for(var a=0;a<o.parts.length;a++)o.parts[a](r.parts[a]);for(;a<r.parts.length;a++)o.parts.push(y(r.parts[a],e))}else{var s=[];for(a=0;a<r.parts.length;a++)s.push(y(r.parts[a],e));i[r.id]={id:r.id,refs:1,parts:s}}}}function g(t,e){for(var n=[],r={},o=0;o<t.length;o++){var i=t[o],a=e.base?i[0]+e.base:i[0],s={css:i[1],media:i[2],sourceMap:i[3]};r[a]?r[a].parts.push(s):n.push(r[a]={id:a,parts:[s]})}return n}function p(t,e){var n=c(t.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=u[u.length-1];if("top"===t.insertAt)r?r.nextSibling?n.insertBefore(e,r.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),u.push(e);else if("bottom"===t.insertAt)n.appendChild(e);else{if("object"!=typeof t.insertAt||!t.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=c(t.insertAt.before,n);n.insertBefore(e,o)}}function b(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t);var e=u.indexOf(t);e>=0&&u.splice(e,1)}function v(t){var e=document.createElement("style");if(void 0===t.attrs.type&&(t.attrs.type="text/css"),void 0===t.attrs.nonce){var r=function(){0;return n.nc}();r&&(t.attrs.nonce=r)}return m(e,t.attrs),p(t,e),e}function m(t,e){Object.keys(e).forEach((function(n){t.setAttribute(n,e[n])}))}function y(t,e){var n,r,o,i;if(e.transform&&t.css){if(!(i="function"==typeof e.transform?e.transform(t.css):e.transform.default(t.css)))return function(){};t.css=i}if(e.singleton){var a=l++;n=d||(d=v(e)),r=w.bind(null,n,a,!1),o=w.bind(null,n,a,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(t){var e=document.createElement("link");return void 0===t.attrs.type&&(t.attrs.type="text/css"),t.attrs.rel="stylesheet",m(e,t.attrs),p(t,e),e}(e),r=C.bind(null,n,e),o=function(){b(n),n.href&&URL.revokeObjectURL(n.href)}):(n=v(e),r=A.bind(null,n),o=function(){b(n)});return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else o()}}t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=a()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var n=g(t,e);return h(n,e),function(t){for(var r=[],o=0;o<n.length;o++){var a=n[o];(s=i[a.id]).refs--,r.push(s)}t&&h(g(t,e),e);for(o=0;o<r.length;o++){var s;if(0===(s=r[o]).refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete i[s.id]}}}};var _,x=(_=[],function(t,e){return _[t]=e,_.filter(Boolean).join("\n")});function w(t,e,n,r){var o=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=x(e,o);else{var i=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function A(t,e){var n=e.css,r=e.media;if(r&&t.setAttribute("media",r),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}function C(t,e,n){var r=n.css,o=n.sourceMap,i=void 0===e.convertToAbsoluteUrls&&o;(e.convertToAbsoluteUrls||i)&&(r=f(r)),o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var a=new Blob([r],{type:"text/css"}),s=t.href;t.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}},function(t,e,n){t.exports=n(10)},function(t,e,n){"use strict";var r=n(0);n.n(r).a},function(t,e,n){(t.exports=n(2)(!1)).push([t.i,".component-badger-accordion .badger-accordion__panel {\n max-height: 0;\n}\n.badger-accordion__panel {\n max-height: 75vh;\n overflow: hidden;\n}\n.badger-accordion__panel.-ba-is-hidden {\n max-height: 0 !important;\n}\n.badger-accordion--initialized .badger-accordion__panel {\n transition: max-height ease-in-out 0.2s;\n}\n.badger-accordion__header .js-badger-accordion-header .badger-accordion-toggle {\n width: 100%;\n background: transparent;\n border: 0;\n box-shadow: none;\n display: flex;\n align-items: center;\n}\n.badger-accordion__header .js-badger-accordion-header .badger-accordion-toggle .badger-accordion-title {\n flex: 0 0 90%;\n cursor: pointer;\n text-align: left;\n}\n.badger-accordion__header .js-badger-accordion-header .badger-accordion-toggle .badger-toggle-indicator {\n flex: 0 0 10%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n cursor: pointer;\n}\n",""])},function(t,e){t.exports=function(t){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var n=e.protocol+"//"+e.host,r=n+e.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,(function(t,e){var o,i=e.trim().replace(/^"(.*)"$/,(function(t,e){return e})).replace(/^'(.*)'$/,(function(t,e){return e}));return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?t:(o=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:r+i.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")}))}},function(t,e,n){"use strict";var r=n(1);n.n(r).a},function(t,e,n){(t.exports=n(2)(!1)).push([t.i,'.ghost-faq .border-pro {\n border: 1px dashed rgba(255, 255, 255, 0.2);\n margin: 0 auto;\n font-size: 18px;\n color: #a0a0b0;\n max-width: 400px;\n}\n.ghost-faq .p-4 {\n padding: 1.5rem !important;\n}\n.ghost-faq .text-capitalize {\n text-transform: capitalize !important;\n}\n.ghost-faq dd {\n margin-inline-start: 0 !important;\n}\n.ghost-faq .text-center {\n text-align: center !important;\n}\n.ghost-faq .text-left {\n text-align: left !important;\n}\n.ghost-faq .text-right {\n text-align: right !important;\n}\n.ghost-faq .badger-accordion__panel {\n max-height: 75vh;\n overflow: hidden;\n}\n.ghost-faq .badger-accordion__panel.-ba-is-hidden {\n max-height: 0 !important;\n}\n.ghost-faq .badger-accordion--initialized .badger-accordion__panel {\n transition: max-height ease-in-out 0.2s;\n}\n.ghost-faq .badger-accordion {\n box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n overflow: hidden;\n}\n.ghost-faq .badger-accordion__header {\n border-top-right-radius: 5px;\n border-top-left-radius: 5px;\n}\n.ghost-faq .badger-accordion__header:not(:first-of-type) {\n margin-top: 15px;\n}\n.ghost-faq .badger-accordion__header:focus,\n.ghost-faq .badger-accordion-toggle:focus {\n outline: none !important;\n}\n.ghost-faq .badger-accordion__header .js-badger-accordion-header .badger-accordion-toggle {\n flex: 0 0 100% !important;\n position: relative !important;\n}\n.ghost-faq .badger-accordion__header .js-badger-accordion-header .badger-accordion-toggle .badger-accordion-title {\n font-size: 22px;\n font-weight: 400;\n}\n.ghost-faq .js-badger-accordion-header {\n align-content: space-between;\n align-items: center;\n background-color: #fff;\n border-radius: 5px;\n color: #34495e;\n display: flex;\n line-height: 1;\n padding: 20px;\n text-align: left;\n transition: all ease-in-out 0.2s;\n outline: none;\n border: 1px solid rgba(238, 238, 238, 0.321569);\n box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1);\n}\n.ghost-faq .js-badger-accordion-header.-ba-is-active {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n.ghost-faq .js-badger-accordion-panel {\n box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1);\n}\n.ghost-faq .js-badger-accordion-header[aria-expanded=true] .badger-accordion__trigger-icon:before {\n -webkit-transform: rotate(45deg) translate3d(13px, 14px, 0);\n transform: rotate(45deg) translate3d(13px, 14px, 0);\n}\n.ghost-faq .js-badger-accordion-header[aria-expanded=true] .badger-accordion__trigger-icon:after {\n -webkit-transform: rotate(-45deg) translate3d(-13px, 14px, 0);\n transform: rotate(-45deg) translate3d(-13px, 14px, 0);\n}\n.ghost-faq .js-badger-accordion-header:focus,\n.ghost-faq .js-badger-accordion-header:active,\n.ghost-faq .js-badger-accordion-header:hover {\n cursor: pointer;\n outline: none;\n color: #fff;\n}\n.ghost-faq .js-badger-accordion-header:focus .badger-accordion__trigger-title,\n.ghost-faq .js-badger-accordion-header:hover .badger-accordion__trigger-title {\n color: #fff;\n}\n.ghost-faq .js-badger-accordion-header:focus .badger-accordion__trigger-icon:after,\n.ghost-faq .js-badger-accordion-header:focus .badger-accordion__trigger-icon:before,\n.ghost-faq .js-badger-accordion-header:hover .badger-accordion__trigger-icon:after,\n.ghost-faq .js-badger-accordion-header:hover .badger-accordion__trigger-icon:before,\n.ghost-faq .js-badger-accordion-header.-ba-is-active .badger-accordion__trigger-icon:before,\n.ghost-faq .js-badger-accordion-header.-ba-is-active .badger-accordion__trigger-icon:after {\n background-color: #fff;\n}\n.ghost-faq .js-badger-accordion-header::-moz-focus-inner {\n border: none;\n}\n.ghost-faq .badger-accordion__trigger-title {\n font-size: 1.2rem;\n transition: ease-in-out 0.3s;\n}\n.ghost-faq .badger-accordion__trigger-icon {\n display: inline-block;\n height: 20px;\n margin-left: auto;\n position: relative;\n transition: all ease-in-out 0.2s;\n width: 40px;\n position: absolute;\n top: -10px;\n right: 0;\n}\n.ghost-faq .badger-accordion__trigger-icon:after,\n.ghost-faq .badger-accordion__trigger-icon:before {\n background-color: #fff;\n content: "";\n height: 3px;\n position: absolute;\n top: 10px;\n transition: all ease-in-out 0.1333333333s;\n width: 30px;\n}\n.ghost-faq .badger-accordion__trigger-icon:before {\n left: 1px;\n -webkit-transform: rotate(45deg) translate3d(8px, 22px, 0);\n transform: rotate(45deg) translate3d(8px, 22px, 0);\n -webkit-transform-origin: 100%;\n transform-origin: 100%;\n}\n.ghost-faq .badger-accordion__trigger-icon:after {\n -webkit-transform: rotate(-45deg) translate3d(-8px, 22px, 0);\n transform: rotate(-45deg) translate3d(-8px, 22px, 0);\n right: 1px;\n -webkit-transform-origin: 0;\n transform-origin: 0;\n}\n.ghost-faq .badger-accordion__panel {\n background-color: #fafafa;\n position: relative;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n}\n.ghost-faq .js-badger-accordion-panel-inner {\n padding: 20px 20px 40px;\n}\n.ghost-faq .js-badger-accordion-panel-inner .content {\n font-size: 18px;\n font-weight: 400;\n}\n@media screen and (max-width: 767px) {\n.ghost-faq .badger-accordion__trigger-icon {\n display: none;\n padding: 20px;\n}\n}\n',""])},function(t,e,n){"use strict";n.r(e);var r,o,i,a;function s(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)}}function c(){return(c=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}function d(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}Array.from||(Array.from=(r=Object.prototype.toString,o=function(t){return"function"==typeof t||"[object Function]"===r.call(t)},i=Math.pow(2,53)-1,a=function(t){var e=function(t){var e=Number(t);return isNaN(e)?0:0!==e&&isFinite(e)?(e>0?1:-1)*Math.floor(Math.abs(e)):e}(t);return Math.min(Math.max(e,0),i)},function(t){var e=this,n=Object(t);if(null==t)throw new TypeError("Array.from requires an array-like object - not null or undefined");var r,i=arguments.length>1?arguments[1]:void 0;if(void 0!==i){if(!o(i))throw new TypeError("Array.from: when provided, the second argument must be a function");arguments.length>2&&(r=arguments[2])}for(var s,c=a(n.length),d=o(e)?Object(new e(c)):new Array(c),l=0;l<c;)s=n[l],d[l]=i?void 0===r?i(s,l):i.call(r,s,l):s,l+=1;return d.length=c,d})),function(t,e){var n=(t.body||t.documentElement).style,r="",o="";""==n.WebkitAnimation&&(r="-webkit-"),""==n.MozAnimation&&(r="-moz-"),""==n.OAnimation&&(r="-o-"),""==n.WebkitTransition&&(o="-webkit-"),""==n.MozTransition&&(o="-moz-"),""==n.OTransition&&(o="-o-"),Object.defineProperty(Object.prototype,"onCSSAnimationEnd",{value:function(t){var e=function e(n){t(),n.target.removeEventListener(n.type,e)};return this.addEventListener("webkitAnimationEnd",e),this.addEventListener("mozAnimationEnd",e),this.addEventListener("oAnimationEnd",e),this.addEventListener("oanimationend",e),this.addEventListener("animationend",e),(""!=r||"animation"in n)&&"0s"!=getComputedStyle(this)[r+"animation-duration"]||t(),this},enumerable:!1,writable:!0}),Object.defineProperty(Object.prototype,"onCSSTransitionEnd",{value:function(t){var e=function e(n){t(),n.target.removeEventListener(n.type,e)};return this.addEventListener("webkitTransitionEnd",e),this.addEventListener("mozTransitionEnd",e),this.addEventListener("oTransitionEnd",e),this.addEventListener("transitionend",e),this.addEventListener("transitionend",e),(""!=o||"transition"in n)&&"0s"!=getComputedStyle(this)[o+"transition-duration"]||t(),this},enumerable:!1,writable:!0})}(document,window);var l=function(){function t(e,n){var r=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t);var o="string"==typeof e?document.querySelector(e):e;if(null!=o){var i={headerClass:".js-badger-accordion-header",panelClass:".js-badger-accordion-panel",panelInnerClass:".js-badger-accordion-panel-inner",hiddenClass:"-ba-is-hidden",activeClass:"-ba-is-active",get hidenClass(){return this.hiddenClass},initializedClass:"badger-accordion--initialized",get initalisedClass(){return this.initializedClass},headerDataAttr:"data-badger-accordion-header-id",openMultiplePanels:!1,openHeadersOnLoad:[],addListenersOnInit:!0,headerOpenLabel:"",headerCloseLabel:"",roles:!0};this.settings=c({},i,n),this.container=o;var a=Array.from(this.container.children),s=a.filter((function(t){return!t.classList.contains(r.settings.panelClass.substr(1))}));this.headers=s.reduce((function(t,e){var n,o=Array.from(e.children).filter((function(t){return t.classList.contains(r.settings.headerClass.substr(1))}));return t=(n=[]).concat.apply(n,d(t).concat([o]))}),[]),this.panels=a.filter((function(t){return t.classList.contains(r.settings.panelClass.substr(1))})),this.toggleEl=void 0!==this.settings.toggleEl?Array.from(this.container.querySelectorAll(this.settings.toggleEl)):this.headers,this.states=[].map.call(this.headers,(function(){return{state:"closed"}})),this.ids=[].map.call(this.headers,(function(){return{id:Math.floor(1e6*Math.random()+1)}})),this.toggling=!1,this.container?this.init():console.log("Something is wrong with you markup...")}}var e,n,r;return e=t,(n=[{key:"init",value:function(){this._setupAttributes(),this._initalState(),this.calculateAllPanelsHeight(),this._insertDataAttrs(),this._addListeners(),this._finishInitialization()}},{key:"_setRole",value:function(t,e){("boolean"==typeof this.settings.roles&&this.settings.roles||void 0!==this.settings.roles[t]&&!1!==this.settings.roles[t])&&e.setAttribute("role",t)}},{key:"_initalState",value:function(){var t=this.settings.openHeadersOnLoad;t.length&&this._openHeadersOnLoad(t),this._renderDom()}},{key:"_insertDataAttrs",value:function(){var t=this;this.headers.forEach((function(e,n){e.setAttribute(t.settings.headerDataAttr,n)}))}},{key:"_finishInitialization",value:function(){this.container.classList.add(this.settings.initializedClass),this._setRole("presentation",this.container)}},{key:"_addListeners",value:function(){if(this.settings.addListenersOnInit){var t=this;this.headers.forEach((function(e,n){e.addEventListener("click",(function(){t.handleClick(e,n)}))}))}}},{key:"handleClick",value:function(t,e){var n=this.settings.headerClass.substr(1);t.classList.contains(n)&&!1===this.toggling&&(this.toggling=!0,this.setState(e),this._renderDom())}},{key:"setState",value:function(t){var e=this,n=this.getState();this.settings.openMultiplePanels||n.filter((function(e,n){n!=t&&(e.state="closed")})),n.filter((function(n,r){if(r==t){var o=e.toggleState(n.state);return n.state=o}}))}},{key:"_renderDom",value:function(){var t=this;this.states.filter((function(e,n){"open"===e.state&&t.open(n,!1)})),this.states.filter((function(e,n){"closed"===e.state&&t.close(n,!1)}))}},{key:"open",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e&&this.setState(t),this.togglePanel("open",t)}},{key:"close",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e&&this.setState(t),this.togglePanel("closed",t)}},{key:"openAll",value:function(){var t=this;this.headers.forEach((function(e,n){t.togglePanel("open",n)}))}},{key:"closeAll",value:function(){var t=this;this.headers.forEach((function(e,n){t.togglePanel("closed",n)}))}},{key:"togglePanel",value:function(t,e){var n=this;if(void 0!==t&&void 0!==e)if("closed"===t){var r=this.headers[e],o=this.panels[e];o.classList.add(this.settings.hiddenClass),o.classList.remove(this.settings.activeClass),r.classList.remove(this.settings.activeClass),r.setAttribute("aria-expanded",!1),o.onCSSTransitionEnd((function(){return n.toggling=!1}))}else if("open"===t){var i=this.headers[e],a=this.panels[e];a.classList.remove(this.settings.hiddenClass),a.classList.add(this.settings.activeClass),i.classList.add(this.settings.activeClass),i.setAttribute("aria-expanded",!0),a.onCSSTransitionEnd((function(){return n.toggling=!1}))}}},{key:"getState",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(e.length&&Array.isArray(e)){var n=e.map((function(e){return t.states[e]}));return n}return this.states}},{key:"toggleState",value:function(t){if(void 0!==t)return"closed"===t?"open":"closed"}},{key:"_openHeadersOnLoad",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(e.length&&Array.isArray(e)){var n=e.filter((function(t){return null!=t}));n.forEach((function(e){t.setState(e)}))}}},{key:"_setupAttributes",value:function(){this._setupHeaders(),this._setupPanels(),this._insertDataAttrs()}},{key:"_setPanelHeight",value:function(){this.calculateAllPanelsHeight()}},{key:"calculatePanelHeight",value:function(t){var e=t.querySelector(this.settings.panelInnerClass).offsetHeight;return t.style.maxHeight="".concat(e,"px")}},{key:"calculateAllPanelsHeight",value:function(){var t=this;this.panels.forEach((function(e){t.calculatePanelHeight(e)}))}},{key:"_setupHeaders",value:function(){var t=this;this.headers.forEach((function(e,n){e.setAttribute("id","badger-accordion-header-".concat(t.ids[n].id)),e.setAttribute("aria-controls","badger-accordion-panel-".concat(t.ids[n].id))}))}},{key:"_setupPanels",value:function(){var t=this;this.panels.forEach((function(e,n){e.setAttribute("id","badger-accordion-panel-".concat(t.ids[n].id)),e.setAttribute("aria-labelledby","badger-accordion-header-".concat(t.ids[n].id)),!0!==t.settings.roles&&!1===t.settings.roles.region||t._setRole("region",e)}))}}])&&s(e.prototype,n),r&&s(e,r),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)}function f(t,e,n,r,o,i,a,s){var c,d="function"==typeof t?t.options:t;if(e&&(d.render=e,d.staticRenderFns=n,d._compiled=!0),r&&(d.functional=!0),i&&(d._scopeId="data-v-"+i),a?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},d._ssrRegister=c):o&&(c=s?function(){o.call(this,this.$root.$options.shadowRoot)}:o),c)if(d.functional){d._injectStyles=c;var l=d.render;d.render=function(t,e){return c.call(e),l(t,e)}}else{var u=d.beforeCreate;d.beforeCreate=u?[].concat(u,c):[c]}return{exports:t,options:d}}var h=f({name:"BadgerAccordion",props:{options:{type:Object,default:function(){return{}}},icons:{default:function(){return{opened:"-",closed:"+"}}},iconComponent:{default:null}},data:function(){return{accordion:null,itemsReady:!1,show:!0,rerendering:!1,children:this.$children}},watch:{"accordion.states":{handler:function(t){this.calculateAllPanelsHeight(),this.$children.forEach((function(e,n){"object"==u(t[n])&&e.changeState("open"==t[n].state)}))},deep:!0}},created:function(){var t=this;this.$on("item:ready",(function(){!function(t){for(var e=document.createDocumentFragment();t.firstChild;){var n=t.removeChild(t.firstChild);e.appendChild(n)}t.parentNode.replaceChild(e,t)}(t.$refs.badger.querySelector(".badger-accordion-item")),t.accordion=new l(t.$refs.badger,t.options||{}),t.$forceUpdate()}))},mounted:function(){var t=this;this.$watch((function(){return t.children.length}),(function(e){t.rerender()}))},methods:{init:function(){this.accordion.init()},getState:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return this.accordion.getState(t)},open:function(t){this.accordion.open(t)},close:function(t){this.accordion.close(t)},togglePanel:function(t,e){this.accordion.togglePanel(t,e)},openAll:function(){this.accordion.openAll()},closeAll:function(){this.accordion.closeAll()},calculateAllPanelsHeight:function(){this.accordion.calculateAllPanelsHeight()},calculatePanelHeight:function(t){this.accordion.calculatePanelHeight(t)},rerender:function(){var t=this;this.rerendering||(this.rerendering=!0,this.show=!1,this.$nextTick((function(){t.show=!0,t.$nextTick((function(){t.rerendering=!1}))})))}}},(function(){var t=this.$createElement,e=this._self._c||t;return this.show?e("dl",{ref:"badger",staticClass:"component-badger-accordion"},[this._t("default")],2):this._e()}),[],!1,null,null,null).exports,g={name:"BadgerAccordionItem",mounted:function(){this.$parent.$emit("item:ready")},data:function(){return{opened:!1}},methods:{changeState:function(t){this.opened=t},getIcon:function(){return this.icon}},computed:{iconComponent:function(){return this.$parent.iconComponent?this.$parent.iconComponent:this.iconLoaded},iconOpened:function(){return this.$parent.icons?this.$parent.icons.opened:""},iconClosed:function(){return this.$parent.icons?this.$parent.icons.closed:""},icon:function(){return this.opened?this.iconOpened:this.iconClosed},iconLoaded:function(){return{template:"<span>"+this.icon+"</span>"}}},watch:{opened:function(t){this.$emit(t?"open":"close")}}},p=(n(5),f(g,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"badger-accordion-item"},[n("dt",{staticClass:"badger-accordion__header"},[n("div",{staticClass:"js-badger-accordion-header"},[n("button",{staticClass:"badger-accordion-toggle"},[n("span",{staticClass:"badger-accordion-title"},[t._t("header",[t._v("Collapse-Title")])],2),t._v(" "),""!==t.icon&&t.iconComponent?n(t.iconComponent,{tag:"component",staticClass:"badger-toggle-indicator",attrs:{opened:t.opened}}):t._e()],1)])]),t._v(" "),n("dd",{staticClass:"badger-accordion__panel js-badger-accordion-panel"},[n("div",{staticClass:"js-badger-accordion-panel-inner"},[t._t("content")],2)])])}),[],!1,null,null,null).exports),b={props:{hasIcon:{type:Boolean,default:!0},textAlign:{type:String,default:"center"},multiPanel:{type:Boolean,default:!1},color:{default:function(){return{title:"#b3b3b6",content:"#bfbec6"}}},background:{default:function(){return{title:"#27292e",content:"#27292e"}}},faqs:{type:Array,default:function(){return[]}}},components:{BadgerAccordion:h,BadgerAccordionItem:p},mounted:function(){var t=this;if(this.textAlign)for(var e=document.querySelectorAll(".badger-accordion-title"),n=0;n<e.length;n++){e[n].classList.add("text-".concat(this.textAlign))}if(this.background){if(this.background.title){var r=document.querySelectorAll(".js-badger-accordion-header");Array.from(r).forEach((function(e){e.style.background=t.background.title}))}if(this.background.content){var o=document.querySelectorAll(".js-badger-accordion-panel");Array.from(o).forEach((function(e){e.style.background=t.background.content}))}}},data:function(){return{name:"FAQ",icons:{opened:"",closed:""},iconComponent:null}}},v=(n(8),f(b,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"ghost-faq"},[t.faqs&&t.faqs.length?[n("badger-accordion",{attrs:{options:{openMultiplePanels:t.multiPanel},icons:t.icons}},t._l(t.faqs,(function(e,r){return n("badger-accordion-item",{key:r},[n("template",{slot:"header"},[n("span",{style:{color:t.color.title}},[t._v(t._s(e.question))]),t._v(" "),t.hasIcon?n("div",{staticClass:"badger-accordion__trigger-icon"}):n("div",[n("span")])]),t._v(" "),n("template",{slot:"content"},[n("div",{class:["text-"+t.textAlign,"content"],style:{color:t.color.content,background:t.background.content}},[t._v(t._s(e.answer))])])],2)})),1)]:[n("p",{staticClass:"text-center p-4 border-pro text-capitalize"},[t._v("Sorry There Are No FAQ Items.")])]],2)}),[],!1,null,null,null).exports);e.default=v}])}));