1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[9418],{61601:(n,t,e)=>{e.d(t,{A:()=>i});var s=e(45627),a=e.n(s),o=e(76798),r=e.n(o)()(a());r.push([n.id,".changingWords[data-v-18feabcc]{display:inline-block;padding:0;position:relative;text-align:center;transition:all .2s linear;white-space:nowrap;width:100%;word-break:keep-all}.changingWords span[data-v-18feabcc]{left:0;opacity:0;position:absolute;text-align:center;transition:all .2s ease;width:100%}.changingWords span.active[data-v-18feabcc]{opacity:1;position:absolute}","",{version:3,sources:["webpack://./resources/js/components/Isolated/ChangingWords.vue"],names:[],mappings:"AAsEA,gCAOA,oBAAA,CAFA,SAAA,CAJA,iBAAA,CAOA,iBAAA,CANA,yBAAA,CAEA,kBAAA,CAEA,UAAA,CAHA,mBAMA,CACA,qCAEA,MAAA,CAEA,SAAA,CAHA,iBAAA,CAKA,iBAAA,CADA,uBAAA,CAFA,UAIA,CACA,4CAEA,SAAA,CADA,iBAEA",sourcesContent:["<template>\n <span class=\"changingWords\" :style=\"'height:' + height\">\n <span\n v-for=\"(word, key) in words\"\n :class=\"randomColorClasses[Math.floor(Math.random() * randomColorClasses.length)] + ' ' + (currentWord === key ? 'active' : '')\"\n :key=\"word.id\"\n :style=\"'height:' + height\"\n v-html=\" word \"\n >\n </span>\n </span>\n</template>\n\n<script>\n export default {\n name: 'Xero-Changing-Words',\n props: [\n 'words',\n 'colors',\n 'height'\n ],\n data() {\n return {\n currentWord: 0,\n randomColorClasses: [\n 'has-text-primary',\n 'has-text-info',\n 'has-text-success',\n 'has-text-danger',\n 'has-text-link',\n ],\n };\n },\n mounted() {\n setInterval(this.changeWord, 1000);\n },\n methods: {\n changeWord() {\n this.currentWord = this.currentWord === (this.words.length - 1) ? 0 : this.currentWord + 1;\n },\n }\n }\n\n<\/script>\n\n<style scoped>\n .changingWords {\n position: relative;\n transition: all .2s linear;\n word-break: keep-all;\n white-space: nowrap;\n padding: 0;\n width:100%;\n display: inline-block;\n text-align: center;\n }\n .changingWords span {\n position: absolute;\n left: 0;\n width: 100%;\n opacity: 0;\n transition: all .2s ease;\n text-align: center;\n }\n .changingWords span.active {\n position:absolute;\n opacity: 1;\n }\n</style>\n"],sourceRoot:""}]);const i=r},49418:(n,t,e)=>{e.r(t),e.d(t,{default:()=>A});const s={name:"Xero-Changing-Words",props:["words","colors","height"],data:function(){return{currentWord:0,randomColorClasses:["has-text-primary","has-text-info","has-text-success","has-text-danger","has-text-link"]}},mounted:function(){setInterval(this.changeWord,1e3)},methods:{changeWord:function(){this.currentWord=this.currentWord===this.words.length-1?0:this.currentWord+1}}};var a=e(40100),o=e.n(a),r=e(61601),i={insert:"head",singleton:!1};o()(r.A,i);r.A.locals;const A=(0,e(14486).A)(s,(function(){var n=this,t=n._self._c;return t("span",{staticClass:"changingWords",style:"height:"+n.height},n._l(n.words,(function(e,s){return t("span",{key:e.id,class:n.randomColorClasses[Math.floor(Math.random()*n.randomColorClasses.length)]+" "+(n.currentWord===s?"active":""),style:"height:"+n.height,domProps:{innerHTML:n._s(e)}})})),0)}),[],!1,null,"18feabcc",null).exports}}]); 2//# sourceMappingURL=9418.js.map?id=314b35a3e2ab0f74
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.