1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[3800],{5564:(n,e,t)=>{t.d(e,{Z:()=>c});var a=t(4015),o=t.n(a),i=t(3645),r=t.n(i)()(o());r.push([n.id,".accordion__animation-enter-active,.accordion__animation-leave-active{transition:all .3s ease}.accordion__animation-enter,.accordion__animation-enter-from,.accordion__animation-leave-to{opacity:0;transform:translateX(20px)}.accordion__animation-enter-to{opacity:1;transform:translateX(0)}","",{version:3,sources:["webpack://./resources/js/transmit/components/Accordion.vue"],names:[],mappings:"AA0EA,sEAEA,uBACA,CACA,4FAGA,SAAA,CACA,0BACA,CACA,+BACA,SAAA,CACA,uBACA",sourcesContent:['<template>\n <div>\n <div\n v-for="(qa, index) in qas"\n :key="index"\n class="border-b border-white border-opacity-25"\n role="tablist"\n >\n <button\n :id="`accordion__tab_${index}`"\n :style="{\n color: color ? color : \'white\'\n }"\n :aria-selected="active === index"\n :aria-controls="`accordion__panel_${index}`"\n class="flex items-center font-semibold hover:text-[#E4097E] w-full appearance-none cursor-pointer py-4"\n role="tab"\n type="button"\n @click.prevent="active = active === index ? null : index"\n >\n <fa-icon\n :icon="[\'fas\', active === index ? \'minus\' : \'add\']"\n class="pr-8"\n size="xs"\n fixed-width\n />\n <span>{{ qa.question }}</span>\n </button>\n <transition name="accordion__animation">\n <div v-show="active === index"\n :id="`accordion__panel_${index}`"\n :class="{\n \'accordion-panel pl-12 pr-8 py-4\': true,\n // \'block\': active === index,\n // \'hidden\': active !== index\n }"\n :style="{\n color: color ? color : \'white\'\n }"\n :aria-labelledby="`accordion__tab_${index}`"\n :aria-hidden="active !== index"\n role="tabpanel"\n v-html="qa.answer"\n />\n </transition>\n </div>\n </div>\n</template>\n<script>\nexport default {\n name: \'Accordion\',\n\n props: {\n qas: Array,\n color: String\n },\n\n watch: {\n qas: function(valueChanged) {\n if (valueChanged) {\n this.active = null\n }\n }\n },\n\n data () {\n return {\n active: null\n }\n }\n}\n<\/script>\n\n<style>\n .accordion__animation-enter-active,\n .accordion__animation-leave-active {\n transition: all 0.3s ease;\n }\n .accordion__animation-enter-from,\n .accordion__animation-enter,\n .accordion__animation-leave-to /* .accordion__animation-leave-active in <2.1.8 */ {\n opacity: 0;\n transform: translateX(20px);\n }\n .accordion__animation-enter-to {\n opacity: 1;\n transform: translateX(0);\n }\n</style>\n'],sourceRoot:""}]);const c=r},3800:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});const a={name:"Accordion",props:{qas:Array,color:String},watch:{qas:function(n){n&&(this.active=null)}},data:function(){return{active:null}}};var o=t(3379),i=t.n(o),r=t(5564),c={insert:"head",singleton:!1};i()(r.Z,c);r.Z.locals;const s=(0,t(1900).Z)(a,(function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",n._l(n.qas,(function(e,a){return t("div",{key:a,staticClass:"border-b border-white border-opacity-25",attrs:{role:"tablist"}},[t("button",{staticClass:"flex items-center font-semibold hover:text-[#E4097E] w-full appearance-none cursor-pointer py-4",style:{color:n.color?n.color:"white"},attrs:{id:"accordion__tab_"+a,"aria-selected":n.active===a,"aria-controls":"accordion__panel_"+a,role:"tab",type:"button"},on:{click:function(e){e.preventDefault(),n.active=n.active===a?null:a}}},[t("fa-icon",{staticClass:"pr-8",attrs:{icon:["fas",n.active===a?"minus":"add"],size:"xs","fixed-width":""}}
1),n._v(" "),t("span",[n._v(n._s(e.question))])],1),n._v(" "),t("transition",{attrs:{name:"accordion__animation"}},[t("div",{directives:[{name:"show",rawName:"v-show",value:n.active===a,expression:"active === index"}],class:{"accordion-panel pl-12 pr-8 py-4":!0},style:{color:n.color?n.color:"white"},attrs:{id:"accordion__panel_"+a,"aria-labelledby":"accordion__tab_"+a,"aria-hidden":n.active!==a,role:"tabpanel"},domProps:{innerHTML:n._s(e.answer)}})])],1)})),0)}),[],!1,null,null,null).exports},1900:(n,e,t)=>{function a(n,e,t,a,o,i,r,c){var s,l="function"==typeof n?n.options:n;if(e&&(l.render=e,l.staticRenderFns=t,l._compiled=!0),a&&(l.functional=!0),i&&(l._scopeId="data-v-"+i),r?(s=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),o&&o.call(this,n),n&&n._registeredComponents&&n._registeredComponents.add(r)},l._ssrRegister=s):o&&(s=c?function(){o.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:o),s)if(l.functional){l._injectStyles=s;var d=l.render;l.render=function(n,e){return s.call(e),d(n,e)}}else{var _=l.beforeCreate;l.beforeCreate=_?[].concat(_,s):[s]}return{exports:n,options:l}}t.d(e,{Z:()=>a})}}]); 2//# sourceMappingURL=3800.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.