{"version":3,"file":"js/app.c7c06404.js","mappings":"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","sources":["webpack://components/./src/apis/api.js","webpack://components/./src/apis/cms.js","webpack://components/./src/apis/member.js","webpack://components/./src/App.vue","webpack://components/./src/main.js","webpack://components/./src/apis/dictionary.js","webpack://components/./src/stores/dictionary.js","webpack://components/./src/components/Contact-form.vue","webpack://components/./src/components/Contact-form.vue?6362","webpack://components/./src/components/Member-login.vue","webpack://components/./src/components/Member-login.vue?687c","webpack://components/./src/components/New-memberform.vue","webpack://components/./src/components/New-memberform.vue?a780","webpack://components/./src/components/Online-demo.vue","webpack://components/./src/components/Online-demo.vue?231e","webpack://components/./src/components/Order-experthelp.vue","webpack://components/./src/components/Order-experthelp.vue?990a","webpack://components/./src/apis/ia.js","webpack://components/./src/stores/featurestore.js","webpack://components/./src/components/Price-calculator.vue","webpack://components/./src/components/Price-calculator.vue?e923","webpack://components/./src/components/Support-form.vue","webpack://components/./src/components/Support-form.vue?8d47","webpack://components/./src/components/vector/Vector-demo1.vue","webpack://components/./src/components/vector/Vector-demo1.vue?cd88","webpack://components/./src/components/vector/Vector-demo2.vue","webpack://components/./src/components/vector/Vector-demo2.vue?c52d","webpack://components/./src/components/vector/Vector-demo3.vue","webpack://components/./src/components/vector/Vector-demo3.vue?0a62","webpack://components/./src/components/vector/Vector-demo4.vue","webpack://components/./src/components/vector/Vector-demo4.vue?f1ef","webpack://components/webpack/bootstrap","webpack://components/webpack/runtime/chunk loaded","webpack://components/webpack/runtime/compat get default export","webpack://components/webpack/runtime/define property getters","webpack://components/webpack/runtime/global","webpack://components/webpack/runtime/hasOwnProperty shorthand","webpack://components/webpack/runtime/make namespace object","webpack://components/webpack/runtime/jsonp chunk loading","webpack://components/webpack/startup"],"sourcesContent":["import axios from 'axios';\r\n\r\nvar domain = window.location.hostname;\r\nvar port = window.location.port;\r\n\r\nvar url = '//' + domain;\r\nif (port !== \"\") {\r\n  url += ':' + port;\r\n}\r\n\r\nconst Api = axios.create({\r\n  baseURL: url + '/Umbraco/Api/',\r\n})\r\n\r\nexport default Api;","import Api from './api';\r\n\r\nexport default {\r\n    getDictionary() {\r\n        return Api.get('DictionaryApi/GetDictionaryItems');\r\n    },\r\n\r\n    sendMail(mailDto) {\r\n        return Api.post('CmsApi/SendMail', mailDto);\r\n    },\r\n\r\n    sendSupportMail(mailDto) {\r\n      return Api.post('CmsApi/SendSupportMail', mailDto);\r\n  },\r\n\r\n    LogIn(loginDto) {\r\n        return Api.post('CmsApi/LogIn', loginDto, { withCredentials:true });\r\n    },\r\n}\r\n","import Api from './api';\r\n\r\nexport default {\r\n    CreateTempMember(emailDto)\r\n    {\r\n        return Api.post('TempMemberApi/CreateTempMember', emailDto);\r\n    },   \r\n\r\n    ActivateTempMember(activateDto)\r\n    {\r\n        return Api.post('TempMemberApi/ActivateTempMember', activateDto);\r\n    },\r\n\r\n    CreateMemberFromTemp(createMemberDto)\r\n    {\r\n        return Api.post('MemberApi/CreateMemberFromTemp', createMemberDto);\r\n    },\r\n    \r\n    LogIn(loginDto) {\r\n        return Api.post('MemberApi/LogIn', loginDto, { withCredentials:true });\r\n    },\r\n}","import script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { createApp } from 'vue'\nimport { createPinia } from \"pinia\";\nimport App from './App.vue'\nconst app = createApp(App);\n\napp.use(createPinia());\n\napp.component('new-memberform', require('./components/New-memberform.vue').default);\napp.component('member-login', require('./components/Member-login.vue').default);\napp.component('support-form', require('./components/Support-form.vue').default);\napp.component('contact-form', require('./components/Contact-form.vue').default);\napp.component('price-calculator', require('./components/Price-calculator.vue').default);\napp.component('order-help', require('./components/Order-experthelp.vue').default);\napp.component('online-demo', require('./components/Online-demo.vue').default);\n\napp.component('vector-demo1', require('./components/vector/Vector-demo1.vue').default);\napp.component('vector-demo2', require('./components/vector/Vector-demo2.vue').default);\napp.component('vector-demo3', require('./components/vector/Vector-demo3.vue').default);\napp.component('vector-demo4', require('./components/vector/Vector-demo4.vue').default);\n\napp.mount('#app');\n","import api from './api';\r\n\r\nexport default {\r\n  async getDictionary()  {\r\n      return await api.get('DictionaryApi/GetDictionaryItems');\r\n  },\r\n}\r\n","import { defineStore } from \"pinia\";\r\nimport dictionaryApi from \"../apis/dictionary\";\r\n\r\nexport const useDictionaryStore = defineStore(\"dictionary\", {\r\n  state: () => ({\r\n    dictionary: [],\r\n  }),\r\n\r\n  getters: {\r\n    getDictionary: (state) => {\r\n      return state.dictionary;\r\n    },\r\n\r\n    isLoaded(state)\r\n    {\r\n      return state.dictionary = null & state.dictionary.length > 0\r\n    }\r\n  },\r\n\r\n  actions: {\r\n    loadDictionary() {\r\n      if(this.dictionary == null || this.dictionary.length === 0)\r\n      {\r\n        dictionaryApi.getDictionary().then(response => {\r\n          this.dictionary = response.data;\r\n        });\r\n      }\r\n    },\r\n\r\n    getText(key) {\r\n      let item = this.dictionary.find((item) => item.key === String(key));\r\n      return item != null ? item.value : \"\";      \r\n    },\r\n  },\r\n});","<template>\r\n  <div v-if=\"!data.mailSent\" class=\"umb-element\">\r\n    <form method=\"post\" @submit.prevent=\"submit\" class=\"wide-form\">\r\n      <div class=\"title\">\r\n          <h2>{{getText('Contact form', false)}}</h2>\r\n      </div>        \r\n      <div class=\"form-group\">\r\n        <label for=\"companyname\">{{getText('Company name', false)}}</label>\r\n        <input type=\"text\" name=\"companyname\" id=\"companyname\" :placeholder=\"getText('Company name', false)\" />\r\n      </div>\r\n      <div class=\"form-group\">\r\n        <label for=\"name\">{{getText('Name', true)}}</label>\r\n        <input type=\"text\" name=\"name\" id=\"name\" required :placeholder=\"getText('Name', true)\" />\r\n      </div>\r\n      <div class=\"form-group\">\r\n        <label for=\"email\">{{getText('Email', true)}}</label>\r\n        <input type=\"text\" name=\"email\" id=\"email\" required :placeholder=\"getText('Email',true)\" />\r\n      </div>\r\n      <div class=\"form-group\">\r\n        <label for=\"subject\">{{getText('Subject', true)}}</label>\r\n        <input type=\"text\" name=\"subject\" id=\"subject\" required :placeholder=\"getText('Subject',true)\" />\r\n      </div>\r\n      <div class=\"form-group\">\r\n        <label for=\"message\">{{getText('Message', true)}}</label>\r\n        <textarea name=\"message\" id=\"message\" required :placeholder=\"getText('Message',true)\"></textarea>\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <input type=\"checkbox\" name=\"subscibeToNewsLetter\" id=\"subscibeToNewsLetter\" /> <label for=\"subscibeToNewsLetter\">{{ getText('Subscribe to newsletter',false) }}</label>\r\n      </div>\r\n      <div v-if=\"data.errorText != null\" class=\"error-messages\">\r\n          <div class=\"error-message\">{{ data.errorText }}</div>\r\n      </div>\r\n      <div class=\"form-group center-text\">\r\n          <input type=\"submit\" :value=\"getText('Send', false)\" class=\"btn\" />\r\n      </div>\r\n    </form>\r\n  </div>\r\n  <div v-else>\r\n      Mail sent\r\n  </div>\r\n</template>\r\n<script setup lang=\"js\">\r\nimport { onMounted, reactive } from 'vue'\r\nimport CmsApi from \"../apis/cms\";\r\nimport { useDictionaryStore } from '@/stores/dictionary'\r\nconst dictionaryStore = useDictionaryStore()\r\n\r\nconst data = reactive({\r\n    errorText: null,\r\n    mailSent: false\r\n});\r\n\r\nfunction getText (key, mandatory) {\r\n  let txt = dictionaryStore.getText(key) + (mandatory ? \" *\" : \"\");\r\n  return txt;\r\n}\r\n\r\nfunction submit(event) {\r\n    if(event != null)\r\n    {\r\n        const {companyname,name, email, subject, message, subscibeToNewsLetter } = Object.fromEntries(new FormData(event.target));\r\n        data.companyname = companyname;\r\n        data.name = name;\r\n        data.email = email;\r\n        data.subject = subject;\r\n        data.message = message;\r\n        data.subscibeToNewsLetter = subscibeToNewsLetter == \"on\" ? true : false;\r\n        CmsApi.sendMail({companyname:data.companyname,name:data.name, email:data.email, phone:\"\", subject:data.subject, message:data.message, subscibeToNewsLetter:data.subscibeToNewsLetter}).then(response => {\r\n            if(response.data.error == null)\r\n            {\r\n                data.mailSent = true;\r\n                data.errorText = null;\r\n            }\r\n            else\r\n            {\r\n                data.errorText = response.data.error.message; \r\n            }\r\n        })\r\n    }\r\n}\r\n\r\nonMounted(() => {\r\n    dictionaryStore.loadDictionary();\r\n})\r\n</script>\r\n<style lang=\"css\">\r\n  .wide-form {\r\n    width: 100%;\r\n    max-width: 800px;   \r\n  }\r\n</style>\r\n","import script from \"./Contact-form.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Contact-form.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Contact-form.vue?vue&type=style&index=0&id=27aa0115&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\r\n    <div v-if=\"data.forgotPassword == false\" class=\"umb-element\">\r\n        <form method=\"post\" @submit.prevent=\"submit\" class=\"default-form\">\r\n            <div class=\"center-text\">\r\n              <h2>{{ getText('Login') }}</h2>\r\n            </div>\r\n            <div class=\"form-group\">\r\n                <input type=\"text\" name=\"email\" required :placeholder='getText(\"Email\")'/>\r\n            </div>\r\n            <div class=\"form-group\"> \r\n                <input class=\"show-password\" type=\"password\" name=\"password\" required :placeholder='getText(\"Password\")'/>\r\n            </div>\r\n            <div class=\"form-group\"> \r\n                <input type=\"checkbox\" name=\"persistent\"/> {{ getText(\"Stay logged in\") }}\r\n            </div>\r\n            <div v-if=\"data.errorText != null\" class=\"error-messages\">\r\n                <div class=\"error-message\">{{getText(data.errorText) }}</div>\r\n            </div>\r\n            <div class=\"form-group\"> \r\n                <div class=\"link\" v-on:click=\"ToggleForgotPassword()\">{{ getText(\"Don't remember your password?\") }}</div> \r\n            </div>\r\n            <div class=\"form-group center-text\">\r\n                <input type=\"submit\" :value=\"getText('Login')\" class=\"btn\" />\r\n            </div>\r\n        </form>\r\n    </div>\r\n    <div v-else class=\"umb-element\">\r\n      <form method=\"post\" @submit.prevent=\"submit\" class=\"default-form\">\r\n            <div class=\"center-text\">\r\n              <h2>{{ getText('Request new password') }}</h2>\r\n            </div>\r\n            <div class=\"form-group\">\r\n                <input type=\"text\" name=\"email\" required :placeholder='getText(\"Email\")'/>\r\n            </div>\r\n            <div class=\"form-group\"> \r\n                <div class=\"link\" v-on:click=\"ToggleForgotPassword()\">{{ getText(\"Back to login\") }}</div> \r\n            </div>\r\n            <div class=\"form-group center-text\">\r\n                <input type=\"submit\" :value=\"getText('Login')\" class=\"btn\" />\r\n            </div>\r\n        </form>\r\n    </div>\r\n</template>\r\n<script setup lang=\"js\">\r\nimport { onMounted, reactive } from 'vue'\r\nimport MemberApi from \"../apis/member\";\r\nimport { useDictionaryStore } from '@/stores/dictionary'\r\nconst dictionaryStore = useDictionaryStore()\r\n\r\nconst data = reactive({\r\n    memberData: null,\r\n    persistent: false,\r\n    errorText: null,\r\n    forgotPassword: false\r\n});\r\n\r\nfunction ToggleForgotPassword()\r\n{\r\n  data.forgotPassword = !data.forgotPassword\r\n}\r\n\r\nfunction getText (key) {\r\n  return dictionaryStore.getText(key);\r\n}\r\n\r\nfunction submit(event) {\r\n  if(event != null)\r\n  {\r\n    const {email, password, persistent} = Object.fromEntries(new FormData(event.target));\r\n    data.email = email;\r\n    data.password = password;\r\n    data.persistent = persistent != undefined && persistent === \"on\";\r\n    data.hostname = window.location.hostname;\r\n\r\n    MemberApi.LogIn({\r\n      email: data.email,\r\n      password: data.password,\r\n      rememberMe: data.persistent,\r\n      lockOutOnFailure: false\r\n    }).then(response => {\r\n      if(response.data.error == null)\r\n      {\r\n          \r\n          data.memberData = response.data;\r\n          if(data.memberData != null)\r\n          {\r\n              window.location.href = \"/\"\r\n          }\r\n      }\r\n      else\r\n      {\r\n          data.errorText = response.data.error.message; \r\n      }\r\n  });\r\n  }\r\n}\r\n\r\nonMounted(() => {\r\n  dictionaryStore.loadDictionary();\r\n})\r\n</script>\r\n\r\n<style scoped lang=\"css\">\r\n  .show-password {\r\n    z-index: 1000;\r\n    cursor: pointer;\r\n    padding-right: 15px;\r\n\r\n    background-size: 20px;\r\n  }\r\n</style>","import script from \"./Member-login.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Member-login.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Member-login.vue?vue&type=style&index=0&id=34ea7fbc&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-34ea7fbc\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"stepper\">\r\n    <ol class=\"stepper\">\r\n      <li :class=\"getClass(1)\">Opret</li>\r\n      <li :class=\"getClass(2)\">Aktiver</li>\r\n      <li :class=\"getClass(3)\">Kodeord</li>\r\n      <li :class=\"getClass(4)\">Oprettet</li>\r\n    </ol>\r\n  </div>\r\n  <div v-if=\"!data.tempMemberCreated && data.step == 1\" class=\"umb-element\">\r\n    <form method=\"post\" @submit.prevent=\"submitNewAccount\" class=\"default-form\">\r\n      <div class=\"title\">\r\n        <h2>{{ getText('Inbound Analyzer account') }}</h2>\r\n      </div>\r\n      <div class=\"center\">\r\n        {{getText('Step 1 help')}}\r\n      </div>  \r\n      <div class=\"form-group\">\r\n        <label for=\"companyname\">{{getText('Company name', false)}}</label>\r\n        <input type=\"text\" name=\"companyName\" id=\"companyname\" required :placeholder=\"getText('Enter companyname')\" />\r\n      </div>\r\n      <div class=\"form-group\">\r\n        <label for=\"name\">{{getText('Enter name', false)}}</label>\r\n        <input type=\"text\" name=\"name\" id=\"name\" required :placeholder=\"getText('Enter name')\" />\r\n      </div> \r\n      <div class=\"form-group\">\r\n        <label for=\"email\">{{getText('Email', false)}}</label>\r\n        <input type=\"text\" name=\"email\" id=\"email\" minlength=\"3\" required :placeholder=\"getText('Email')\" />\r\n      </div>\r\n      <div class=\"form-group\">\r\n        <input type=\"checkbox\" name=\"subscibeToNewsLetter\" id=\"subscibeToNewsLetter\" /> \r\n        <label for=\"subscibeToNewsLetter\">{{ getText('Subscribe to newsletter',false) }}</label>\r\n      </div>\r\n      <div class=\"form-group consent\">\r\n        <input type=\"checkbox\" name=\"subscriptionConsent\" id=\"subscriptionConsent\" required /> \r\n        <label for=\"subscriptionConsent\"><a v-bind:href=\"props.subscriptionconcenturl\" target=\"_blank\">{{ getText('Accept subscription consent') }}</a></label>\r\n      </div>\r\n      <div class=\"form-group consent\">\r\n        <input type=\"checkbox\" name=\"dataConsent\" id=\"dataConsent\" required /> \r\n        <label for=\"dataConsent\"><a v-bind:href=\"props.dataconsenturl\" target=\"_blank\">{{ getText('Accept data consent') }}</a></label>\r\n      </div>\r\n      <div v-if=\"data.errorText != null\" class=\"error-messages\">\r\n        <div v-if=\"data.translateErrorText\" class=\"error-message\">{{ getText(data.errorText) }}</div>\r\n        <div v-if=\"!data.translateErrorText\" class=\"error-message\">{{ data.errorText }}</div>\r\n      </div>\r\n      <div class=\"form-group center-text\">\r\n        <input type=\"submit\" :value=\"getText('Create account')\" class=\"btn\" />\r\n      </div>\r\n    </form>\r\n  </div>\r\n  <div v-else-if=\"data.step == 2\" class=\"new-member-form center\">\r\n    <div>\r\n      <form method=\"post\" @submit.prevent=\"submitActivationCode\" class=\"new-member-form\">\r\n        <h2>{{ getText('We have sent you an email') }}</h2>\r\n        <div class=\"center\">\r\n        {{getText('Step 2 help')}}\r\n        </div>  \r\n        <input type=\"hidden\" name=\"email\" :value=\"data.email\" />\r\n        <div class=\"form-group\">\r\n            <input type=\"text\" name=\"inputActivationCode\" minlength=\"6\" class=\"center\" required :placeholder=\"getText('Enter activationcode')\" />\r\n        </div>\r\n        <div v-if=\"data.errorText != null\" class=\"error-messages\">\r\n            <div class=\"error-message\">{{ getText(data.errorText) }}</div>\r\n        </div>\r\n        <div class=\"form-group\">\r\n            <input type=\"submit\" :value=\"getText('Activate account')\" class=\"btn\" />\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n  <div v-else-if=\"data.step == 3\" class=\"new-member-form center\">\r\n    <div>\r\n      <form method=\"post\" @submit.prevent=\"submitSavePassword\" class=\"new-member-form\">\r\n        <h2>{{ getText('Set password for you new account') }}</h2>\r\n        <div class=\"center\">\r\n        {{getText('Step 3 help')}}\r\n        </div>  \r\n          <input type=\"hidden\" name=\"email\" :value=\"data.email\" />\r\n          <div class=\"form-group\">\r\n              <input type=\"password\" name=\"inputPassword\" minlength=\"10\" class=\"center\" required :placeholder=\"getText('Choose a password')\" />\r\n          </div>\r\n          <div v-if=\"data.errorText != null\" class=\"error-messages\">\r\n              <div class=\"error-message\">{{ data.errorText }}</div>\r\n          </div>\r\n          <div class=\"form-group\">\r\n              <input type=\"submit\" :value=\"getText('Save password')\" class=\"btn\" />\r\n          </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n  <div v-else-if=\"data.step == 4 && data.umbracoAccountCreated\" class=\"default-form center\">\r\n    <h2>{{ getText('Your account is created') }}</h2>\r\n    <div class=\"center\">\r\n        {{getText('Step 4 help')}}\r\n    </div>  \r\n    <a target=\"_blank\" :href=\"getText('App url')\">{{ getText('Go to inbound analyzer app') }}</a>\r\n  </div>\r\n</template>\r\n<script setup lang=\"js\">\r\nimport MemberApi from \"../apis/member\";\r\nimport { onMounted, reactive, defineProps } from 'vue'\r\nimport { useDictionaryStore } from '@/stores/dictionary'\r\nconst dictionaryStore = useDictionaryStore()\r\n\r\nconst props = defineProps(['subscriptionconcenturl', 'dataconsenturl']);\r\n\r\nconst url = new URL(window.location.href);\r\n\r\nconst data = reactive({\r\n    companyName: '',\r\n    name: '',\r\n    email: null,\r\n    errorText: null,\r\n    tempMemberCreated: false,\r\n    activationKey: null,\r\n    step: 1,\r\n    umbracoAccountCreated: false,\r\n    translateErrorText: false\r\n});\r\n\r\nfunction getClass(aStep)\r\n{\r\n  if(aStep == data.step)\r\n  {\r\n    return \"active\";\r\n  }\r\n  else\r\n  {\r\n    return \"\";\r\n  }\r\n}\r\n\r\nfunction getText (key) {\r\n    return dictionaryStore.getText(key);\r\n}\r\n\r\nfunction submitNewAccount(event) {\r\n    if(event != null)\r\n    {\r\n        const {companyName, name, email, subscriptionConsent, dataConsent, subscibeToNewsLetter } = Object.fromEntries(new FormData(event.target));\r\n        data.name = name;\r\n        data.companyName = companyName;\r\n        data.email = email;\r\n        data.subscriptionConsent = subscriptionConsent == \"on\" ? true : false;\r\n        data.dataConsent = dataConsent == \"on\" ? true : false;\r\n        data.subscibeToNewsLetter = subscibeToNewsLetter == \"on\" ? true : false;\r\n        data.subscriptonGuid = url.searchParams.get(\"s\");\r\n\r\n        MemberApi.CreateTempMember({\r\n          companyName: data.companyName, \r\n          name: data.name, \r\n          email: data.email, \r\n          subscriptionConsent: data.subscriptionConsent, \r\n          dataConsent: data.dataConsent,\r\n          subscibeToNewsLetter: data.subscibeToNewsLetter,\r\n          subscriptionUniqueId: data.subscriptonGuid,\r\n        }).then(response => {\r\n            if(response.data.error == null)\r\n            {\r\n                data.tempMemberCreated = true;\r\n                data.errorText = null;\r\n                data.step = 2;\r\n            }\r\n            else\r\n            {\r\n                data.errorText = response.data.error.message;\r\n                data.translateErrorText = response.data.error.translate\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\nfunction submitActivationCode(event) {\r\n    const { inputActivationCode, email } = Object.fromEntries(new FormData(event.target));\r\n\r\n    MemberApi.ActivateTempMember({ activationcode:inputActivationCode, email:email}).then(response => {\r\n            if(response.data.error == null)\r\n            {                        \r\n                data.errorText = null;\r\n                if(!response.data.result.tempMemberExists)\r\n                {\r\n                    data.errorText = \"The activationcode is incorrect\";\r\n                    data.activationKey = null;\r\n                }\r\n                else\r\n                {\r\n                    data.activationKey = response.data.result.activationKey;\r\n                    data.step = 3;\r\n                }\r\n            }\r\n            else\r\n            {\r\n                data.errorText = response.data.error.message;\r\n            }\r\n        });\r\n}\r\n\r\nfunction submitSavePassword(event) {\r\n    const {email, inputPassword } = Object.fromEntries(new FormData(event.target));\r\n\r\n    MemberApi.CreateMemberFromTemp({activationKey:data.activationKey,email:email,password:inputPassword}).then(response => {\r\n            if(response.data.error == null)\r\n            {\r\n                data.umbracoAccountCreated = response.data.result.succeeded;\r\n                data.errorText = null;\r\n                data.step = data.umbracoAccountCreated ? 4 : 3;\r\n                data.activationKey = null;\r\n                data.email = null;\r\n                //window.location.href = \"/login?a=newaccount\"\r\n            }\r\n            else\r\n            {\r\n                data.errorText = response.data.error.message;\r\n            }\r\n        });\r\n}\r\n\r\nonMounted(() => {\r\n    dictionaryStore.loadDictionary();\r\n})\r\n</script>\r\n<style lang=\"css\">\r\nol.stepper {\r\n  --default-b: lightgrey;\r\n  --default-c: black;\r\n  --active-b: rgba(0, 0, 30, 0.88);\r\n  --active-c: white;\r\n  --circle: 3.5em; /* size of circle */\r\n  --b: 5px; /* line thickness */\r\n}\r\n\r\nol.stepper {\r\n  display: flex;\r\n  list-style: none;\r\n  justify-content: space-between;\r\n  margin-bottom: 30px;\r\n  padding: 0;\r\n  font-size: 1.1rem;\r\n}\r\n\r\nol.stepper {\r\n  counter-reset: step;\r\n}\r\nol.stepper li::before {\r\n  content: counter(step) \" \";\r\n  counter-increment: step;\r\n}\r\n\r\nol.stepper li {\r\n  overflow: visible;\r\n  width: 90px;\r\n  display: grid;\r\n  place-items: center;\r\n  gap: 5px;\r\n}\r\n\r\nol.stepper li::before {\r\n  content: counter(step) \" \";\r\n  counter-increment: step;\r\n  display: grid;\r\n  place-content: center;\r\n  height: var(--circle);\r\n  aspect-ratio: 1;\r\n  background: var(--active-b);\r\n  color: var(--active-c);\r\n  border: 5px solid #fff;\r\n  box-sizing: border-box;\r\n  border-radius: 50%;\r\n}\r\n\r\nol.stepper li.active ~ li::before{\r\n  background: var(--default-b);\r\n  color: var(--default-c);\r\n}\r\n</style>\r\n<style lang=\"css\">\r\nform {\r\n  margin-inline: auto;\r\n  padding: 0.5em 2em;\r\n  border-radius: 6px 6px 6px 6px !important;\r\n  -webkit-border-radius: 6px 6px 6px 6px !important;\r\n  -moz-border-radius: 6px 6px 6px 6px !important;\r\n  border:1px solid #ddd;\r\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;\r\n  background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(248, 248, 248));\r\n}\r\n\r\nform .title {\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n  font-weight: bold;\r\n  margin-bottom: 12px;\r\n}\r\n\r\nform .btn {\r\n  box-shadow:inset 0px 1px 0px 0px #54a3f7;\r\n\tbackground:linear-gradient(to bottom, #125a92 5%, #08263D 100%);\r\n\tbackground-color:#007dc1;\r\n\tborder-radius:3px;\r\n\tborder:1px solid #124d77;\r\n\tdisplay:inline-block;\r\n\tcursor:pointer;\r\n\tcolor:#ffffff;\r\n\tpadding: 8px 8px;\r\n\ttext-decoration:none;\r\n\ttext-shadow:0px 1px 0px #154682;\r\n}\r\n\r\nform .consent {\r\n  text-align: left !important;\r\n  margin: 1em 0;\r\n  line-height: 1.5;\r\n}\r\n\r\nform textarea {\r\n  min-height: 300px;\r\n}\r\n\r\nform .form-group {\r\n  color:#08263D;\r\n  margin:1em  0;\r\n  font-size: inherit;\r\n  overflow: hidden;\r\n}\r\n\r\nform .form-group label {\r\n  position: relative;\r\n  font-weight: normal;\r\n  line-height: 2;\r\n  white-space: nowrap;\r\n}\r\n\r\nform .form-group input {\r\n  font-size: inherit;\r\n}\r\n\r\nform .form-group input[type='text'], input[type='number'], input[type='tel'], input[type='password'], textarea {\r\n  width:100%;\r\n  font-size: inherit;\r\n  padding: 6px  6px !important;\r\n  background-color: #fafafa !important;\r\n  border:1px solid #ddd !important;\r\n  border-radius: 3px 3x 3px 3px !important;\r\n  -webkit-border-radius: 3px 3x 3px 3px !important;\r\n  -moz-border-radius: 3px 3x 3px 3px !important;\r\n  font-size: inherit;\r\n  margin-bottom: 8px !important;\r\n}\r\n\r\nform .form-group input[type='text']:focus, input[type='number']:focus, input[type='tel']:focus, input[type='password']:focus, textarea:focus\r\n{\r\n  border:1px solid #aaa !important;\r\n  outline: #ddd !important;\r\n}\r\n\r\nform .form-group input[type='checkbox'] {\r\n  position: relative;\r\n  margin-left: 0;\r\n  margin-right: 0.6em;\r\n  cursor: pointer;\r\n}\r\n\r\nform .form-group input[type='checkbox']:before\r\n{\r\n  content: \"\";\r\n  display: block;\r\n  position: absolute;\r\n  width: 16px;\r\n  height: 16px;\r\n  top: -1px;\r\n  left: 0;\r\n  border:1px solid #aaa;\r\n  background-color: white;\r\n  border-radius: 3px 3x 3px 3px !important;\r\n  -webkit-border-radius: 3px 3x 3px 3px !important;\r\n  -moz-border-radius: 3px 3x 3px 3px !important;\r\n}\r\n\r\n.form-group input[type='checkbox']:checked:after {\r\n  content: \"\";\r\n  display: block;\r\n  width: 6px;\r\n  height: 10px;\r\n  border:1px solid #666;\r\n  border-width: 0 2px 2px 0;\r\n  -webkit-transform: rotate(45deg);\r\n  -ms-transform: rotate(45deg);\r\n  transform: rotate(45deg);\r\n  position: absolute;\r\n  top: 0px;\r\n  left: 5px;\r\n}\r\n\r\nform .form-group input[type='submit'] {\r\n  width: 100%;\r\n  font-size: inherit;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n::placeholder\r\n{\r\n    color:#aaa;\r\n}\r\n\r\n.default-form {\r\n  max-width: 400px;   \r\n}\r\n</style>","import script from \"./New-memberform.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./New-memberform.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./New-memberform.vue?vue&type=style&index=0&id=8b171f7a&lang=css\"\nimport \"./New-memberform.vue?vue&type=style&index=1&id=8b171f7a&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\r\n  <form method=\"post\" @submit.prevent=\"submit\" class=\"contact-form\">\r\n    <div class=\"title\">\r\n        <h2>{{ getText('Order online demo') }}</h2>\r\n   </div>\r\n   <div class=\"form-group\">\r\n        <input type=\"text\" name=\"companyName\" required :placeholder=\"getText('Enter companyname')\" />\r\n    </div> \r\n    <div class=\"form-group\">\r\n        <input type=\"text\" name=\"name\" required :placeholder=\"getText('Enter name')\" />\r\n    </div>\r\n    <div class=\"form-group\">\r\n        <input type=\"text\" name=\"email\" minlength=\"3\" required :placeholder=\"getText('Email')\" />\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <div>\r\n        <input type=\"radio\" id=\"Microsoft Teams\" name=\"onlinedemo\" value=\"Microsoft Teams\" v-model=\"picked\" />\r\n        <label for=\"Microsoft Teams\">Microsoft Teams</label>\r\n      </div>  \r\n      <div>\r\n        <input type=\"radio\" id=\"Google Meet\" name=\"onlinedemo\" value=\"Google Meet\" v-model=\"picked\"/>\r\n        <label for=\"Google Meet\">Google Meet</label>\r\n      </div>\r\n      <div>\r\n        <input type=\"radio\" id=\"Zoom\" name=\"onlinedemo\" value=\"Zoom\" v-model=\"picked\" />\r\n        <label for=\"Zoom\">Zoom</label>\r\n      </div>\r\n      <div>\r\n        <input type=\"radio\" id=\"Slack Huddle\" name=\"onlinedemo\" value=\"Slack Huddle\" v-model=\"picked\" required :placeholder=\"getText('Prefered meeting app')\" />\r\n        <label for=\"GSlack Huddle\">Slack Huddle</label>\r\n      </div>\r\n      <div class=\"form-group center-text\">\r\n        <input type=\"submit\" :value=\"getText('Order online demo')\" class=\"btn\" />\r\n      </div>\r\n    </div>\r\n  </form>\r\n</template>\r\n<script setup lang=\"js\">\r\nimport { onMounted, reactive } from 'vue';\r\nimport CmsApi from \"../apis/cms\";\r\nimport { useDictionaryStore } from '@/stores/dictionary';\r\n\r\nconst dictionaryStore = useDictionaryStore()\r\n\r\nconst data = reactive({\r\n    companyName: '',\r\n    name: '',\r\n    email: null,\r\n    preferedMeetingApp: null,\r\n    errorText: null,\r\n    translateErrorText: false\r\n});\r\n\r\nfunction getText (key) {\r\n    return dictionaryStore.getText(key);\r\n}\r\n\r\nfunction submit(event) {\r\n    if(event != null)\r\n    {\r\n        const {companyname, name, email, preferedMeetingApp } = Object.fromEntries(new FormData(event.target));\r\n        data.companyname = companyname;\r\n        data.name = name;\r\n        data.email = email;\r\n        data.preferedMeetingApp = preferedMeetingApp;\r\n        CmsApi.orderOnlineDemo({companyname:data.companyname, name:data.name, email:data.email, preferedMeetingApp: data.preferedMeetingApp}).then(response => {\r\n            if(response.data.error == null)\r\n            {\r\n                data.mailSent = true;\r\n                data.errorText = null;\r\n            }\r\n            else\r\n            {\r\n                data.errorText = response.data.error.message; \r\n            }\r\n        })\r\n    }\r\n}\r\n\r\nonMounted(() => {\r\n  dictionaryStore.loadDictionary();\r\n})\r\n</script>","import script from \"./Online-demo.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Online-demo.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\r\n  <div v-if=\"!data.mailSent\" class=\"umb-element\">\r\n        <form method=\"post\" @submit.prevent=\"submit\" class=\"contact-form\">\r\n        <div class=\"form-group\">\r\n          <label for=\"companyname\">{{getText('Company name', false)}}</label>\r\n          <input type=\"text\" name=\"companyname\" id=\"companyname\" minlength=\"2\" :placeholder=\"getText('Company name', true)\" />\r\n        </div>\r\n        <div class=\"form-group\">\r\n          <label for=\"name\">{{getText('Name', false)}}</label>\r\n          <input type=\"text\" name=\"name\" id=\"name\" minlength=\"2\" required :placeholder=\"getText('Name', true)\" />\r\n        </div>\r\n        <div class=\"form-group\">\r\n          <label for=\"email\">{{getText('Email', false)}}</label>\r\n          <input type=\"text\" name=\"email\" id=\"email\" minlength=\"4\" required :placeholder=\"getText('Email',true)\" />\r\n        </div>\r\n        <div class=\"form-group\">\r\n          <label for=\"pnone\">{{getText('Phone', false)}}</label>\r\n          <input type=\"text\" name=\"pnone\" id=\"pnone\"  minlength=\"8\" maxlength=\"8\" :placeholder=\"getText('Phone', true)\" />\r\n        </div>\r\n        <div class=\"form-group\">\r\n          <label for=\"subject\">{{getText('Subject', false)}}</label>\r\n          <input type=\"text\" name=\"subject\" id=\"subject\" minlength=\"2\" required :placeholder=\"getText('Subject', true)\" />\r\n        </div>\r\n        <div class=\"form-group\">\r\n          <label for=\"message\">{{getText('Message', false)}}</label>\r\n            <textarea name=\"message\" id=\"message\" minlength=\"25\" required :placeholder=\"getText('Message',true)\"></textarea>\r\n        </div>\r\n        <div class=\"form-group\">\r\n            <input type=\"checkbox\" name=\"subscibeToNewsLetter\" id=\"subscibeToNewsLetter\" /> <label for=\"subscibeToNewsLetter\">{{ getText('Subscribe to newsletter',false) }}</label>\r\n        </div>\r\n        <div v-if=\"data.errorText != null\" class=\"error-messages\">\r\n            <div class=\"error-message\">{{ data.errorText }}</div>\r\n        </div>\r\n        <div class=\"form-group center-text\">\r\n            <input type=\"submit\" :value=\"getText('Send', false)\" class=\"btn\" />\r\n        </div>\r\n    </form>\r\n  </div>\r\n  <div v-else>\r\n      Mail sent\r\n  </div>\r\n</template>\r\n<script setup lang=\"js\">\r\n  import { onMounted, reactive } from 'vue'\r\n  import CmsApi from \"../apis/cms\";\r\n  import { useDictionaryStore } from '@/stores/dictionary'\r\n  const dictionaryStore = useDictionaryStore()\r\n\r\n  const data = reactive({\r\n      errorText: null,\r\n      mailSent: false\r\n  });\r\n\r\n  function getText (key, mandatory) {\r\n    let txt = dictionaryStore.getText(key) + (mandatory ? \" *\" : \"\");\r\n    return txt;\r\n  }\r\n\r\n  function submit(event) {\r\n    if(event != null)\r\n    {\r\n        const {companyname,name, email, phone, subject, message, subscibeToNewsLetter } = Object.fromEntries(new FormData(event.target));\r\n        data.companyname = companyname;\r\n        data.name = name;\r\n        data.email = email;\r\n        data.phone = phone;\r\n        data.subject = subject;\r\n        data.message = message;\r\n        data.subscibeToNewsLetter = subscibeToNewsLetter == \"on\" ? true : false;\r\n        CmsApi.sendMail({companyname:data.companyname,name:data.name, email:data.email, phone:data.phone, subject:data.subject, message:data.message, subscibeToNewsLetter:data.subscibeToNewsLetter}).then(response => {\r\n            if(response.data.error == null)\r\n            {\r\n                data.mailSent = true;\r\n                data.errorText = null;\r\n            }\r\n            else\r\n            {\r\n                data.errorText = response.data.error.message; \r\n            }\r\n        })\r\n    }\r\n  }\r\n\r\n  onMounted(() => {\r\n    dictionaryStore.loadDictionary();\r\n  })\r\n</script>\r\n\r\n","import script from \"./Order-experthelp.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Order-experthelp.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import Api from './api';\r\n\r\nexport default {\r\n  getFeatures() {    \r\n      let features = Api.get('FeatureApi/GetFeatures');\r\n      return features;\r\n  },\r\n}","import { defineStore } from \"pinia\";\r\nimport IAApi from \"../apis/ia\";\r\n\r\nexport const useFeatureStore = defineStore(\"feature\", {\r\n  state: () => ({\r\n    features: [],\r\n    featureTotal: 0,\r\n    featureCurrency: \"DKK\"\r\n  }),\r\n\r\n  getters: {\r\n    getFeatures: (state) => {\r\n      return state.features;\r\n    },\r\n\r\n    getFeaturesTotal: (state) => {\r\n      return state.featureTotal;\r\n    },\r\n\r\n    isLoaded(state)\r\n    {\r\n      return state.features = null & state.features?.length > 0\r\n    }\r\n  },\r\n\r\n  actions: {\r\n    loadFeatures() {\r\n      if(this.features == null || this.features.length === 0)\r\n      {\r\n        IAApi.getFeatures().then(response => {\r\n          this.features = response.data;\r\n        }).then(() => {\r\n          this.recalculate();\r\n        })\r\n      }\r\n    },\r\n\r\n    updateUnitCount(featureId, priceIndex, newUnitCount)\r\n    {\r\n      console.log(featureId, priceIndex, newUnitCount);\r\n      const feature = this.features.find((f) => f.uniqueId === featureId);\r\n     \r\n      if (feature) {\r\n        const price = feature.prices[priceIndex];\r\n        if (price) {\r\n          price.unitCount = Math.abs(newUnitCount);\r\n          this.recalculate();\r\n        }\r\n      }\r\n    },\r\n\r\n    recalculate() {\r\n      this.featureTotal = 0;\r\n      this.features.forEach(feature => {\r\n        if(feature.selected)\r\n        {\r\n          this.featureTotal += feature.prices[0].basePrice + (feature.prices[0].additionalUnitPrice * feature.prices[0].unitCount)\r\n        }\r\n      });\r\n    }\r\n  },\r\n});","<template>\r\n  <div class=\"umb-element\">\r\n    <div class=\"card wide-form\">\r\n      <div class=\"title center-text\">\r\n        <h2>{{ getText('Price calculator') }}</h2>\r\n      </div>\r\n      <div v-for=\"feature in featureStore.getFeatures\" :key=\"feature.Id\" >\r\n        <div class=\"feature-group\">\r\n          <div v-if=\"feature.mandatory\">\r\n            <input type=\"checkbox\" :name=\"feature.name\" :checked=\"true\" disabled /> {{feature.displayName}} \r\n          </div>\r\n          <div v-else>\r\n            <input type=\"checkbox\" v-model=\"feature.selected\" v-on:change=\"recalculate()\"/> {{feature.displayName}}\r\n          </div>\r\n          <div v-if=\"feature.prices[0].additionalUnitPrice != null && feature.prices[0].additionalUnitPrice > 0\">\r\n            <div class=\"subFeature\">\r\n              {{feature.prices[0].additionalUnitPriceLabel}}: <input type=\"number\" min=\"1\" v-model=\"feature.unitCount\" v-on:change=\"featureStore.updateUnitCount(feature.uniqueId, 0,  feature.unitCount)\"/>\r\n            </div>\r\n          </div>\r\n          <div class=\"price\">{{feature.prices[0].basePrice + (feature.prices[0].additionalUnitPrice * feature.prices[0].unitCount)}} {{ featureStore.featureCurrency }}</div>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <div class=\"total-price-group\">\r\n          <div class=\"total-label\">Din pris pr måned</div>\r\n          <div class=\"total-price\">{{ featureStore.getFeaturesTotal }} {{ featureStore.featureCurrency }}</div>\r\n          <div class=\"btn large-padding align-right\">\r\n            <a href=\"/opret-konto/\">Opret konto</a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"js\">\r\nimport { onMounted } from 'vue'\r\nimport { useDictionaryStore } from '@/stores/dictionary'\r\nimport { useFeatureStore } from '@/stores/featurestore'\r\n\r\nconst dictionaryStore = useDictionaryStore();\r\nconst featureStore = useFeatureStore();\r\n\r\n/*\r\nconst data = reactive({\r\n    features: []\r\n});\r\n*/\r\n\r\nfunction recalculate()\r\n{\r\n  featureStore.recalculate();\r\n}\r\n\r\nfunction getText (key) {\r\n    return dictionaryStore.getText(key);\r\n}\r\n\r\nonMounted(() => {\r\n  dictionaryStore.loadDictionary();\r\n  featureStore.loadFeatures();\r\n})\r\n</script>\r\n\r\n<style lang=\"css\" scoped>\r\n.feature-group\r\n{\r\n  overflow: hidden;\r\n  position: relative;\r\n  border-radius: 6px;\r\n  margin:0 0;\r\n  padding:10px 10px;\r\n}\r\n\r\n.feature-group div\r\n{\r\n  float: left;\r\n}\r\n\r\n.feature-group input[type='checkbox'] {\r\n  padding: 10px;\r\n}\r\n\r\n.feature-group .subFeature {\r\n  margin-left: 10px;\r\n}\r\n\r\n.feature-group input[type='number'] {\r\n  width:68px;\r\n  color:#888;\r\n  margin: 0 0 0 10px;\r\n  padding: 2px 10px;\r\n  background-color: #f6f6f6;\r\n  border:1px solid #ddd;\r\n  border-radius: 6px;\r\n  font-size: inherit;\r\n  outline: none;\r\n}\r\n\r\n.feature-group .price {\r\n  position: relative;\r\n  float: right;\r\n}\r\n\r\n.total-price-group\r\n{\r\n  border-top: 1px solid #ddd;\r\n  margin:14px 0;\r\n  padding:5px 16px;\r\n}\r\n\r\n.total-price-group .total-label {\r\n  float: left;\r\n  font-weight: bold;\r\n}\r\n\r\n.total-price-group .total-price {\r\n  float: right;\r\n  font-weight: bold;\r\n}\r\n\r\n</style>","import script from \"./Price-calculator.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Price-calculator.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Price-calculator.vue?vue&type=style&index=0&id=2b0915c8&lang=css&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2b0915c8\"]])\n\nexport default __exports__","<template>\r\n  <div v-if=\"!data.mailSent\" class=\"umb-element\">\r\n    <form method=\"post\" @submit.prevent=\"submit\" class=\"contact-form\">\r\n    <div class=\"title\">\r\n      <h2>{{ getText('Support form') }}</h2>\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label for=\"companyname\">{{getText('Company name', false)}}</label>\r\n      <input type=\"text\" name=\"companyname\" id=\"companyname\" minlength=\"2\" required :placeholder=\"getText('Company name', true)\" />\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label for=\"name\">{{getText('Name', false)}}</label>\r\n      <input type=\"text\" name=\"name\" id=\"name\" minlength=\"2\" required :placeholder=\"getText('Name', true)\" />\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label for=\"email\">{{getText('Email', false)}}</label>\r\n      <input type=\"text\" name=\"email\" id=\"email\" minlength=\"4\" required :placeholder=\"getText('Email', true)\" />\r\n    </div>\r\n    <!--\r\n    <div class=\"form-group\">\r\n        <input type=\"text\" name=\"subject\" :placeholder=\"getText('Subject')\" />\r\n    </div>\r\n    -->\r\n    <div class=\"form-group\">\r\n      <label for=\"message\">{{getText('Problem description', false)}}</label>\r\n      <textarea name=\"message\" id=\"message\" minlength=\"25\" required :placeholder=\"getText('Problem description', true)\"></textarea>\r\n    </div>\r\n    <div class=\"form-group\">\r\n        <input type=\"checkbox\" name=\"subscibeToNewsLetter\" id=\"subscibeToNewsLetter\" /> <label for=\"subscibeToNewsLetter\">{{ getText('Subscribe to newsletter',false) }}</label>\r\n    </div>\r\n    <div v-if=\"data.errorText != null\" class=\"error-messages\">\r\n        <div class=\"error-message\">{{ data.errorText }}</div>\r\n    </div>\r\n    <div class=\"form-group center-text\">\r\n        <input type=\"submit\" :value=\"getText('Send')\" class=\"btn\" />\r\n    </div>\r\n    </form>\r\n  </div>\r\n  <div v-else>\r\n        Mail sent\r\n    </div>\r\n</template>\r\n<script setup lang=\"js\">\r\nimport { onMounted, reactive } from 'vue'\r\nimport CmsApi from \"../apis/cms\";\r\nimport { useDictionaryStore } from '@/stores/dictionary'\r\n\r\nconst dictionaryStore = useDictionaryStore()\r\nconst data = reactive({\r\n    translateErrorText: false\r\n});\r\n\r\nfunction getText (key, mandatory) {\r\n    let txt = dictionaryStore.getText(key) + (mandatory ? \" *\" : \"\");\r\n    return txt;\r\n  }\r\n\r\nfunction submit(event) {\r\n    if(event != null)\r\n    {\r\n        const {companyname, name, email, message, subscibeToNewsLetter } = Object.fromEntries(new FormData(event.target));\r\n        data.companyname = companyname;\r\n        data.name = name;\r\n        data.email = email;\r\n        data.message = message;\r\n        data.subscibeToNewsLetter = subscibeToNewsLetter == \"on\" ? true : false;\r\n        CmsApi.sendSupportMail({companyname:data.companyname, name:data.name, email:data.email, message:data.message, subscibeToNewsLetter:data.subscibeToNewsLetter}).then(response => {\r\n            if(response.data.error == null)\r\n            {\r\n                data.mailSent = true;\r\n                data.errorText = null;\r\n            }\r\n            else\r\n            {\r\n                data.errorText = response.data.error.message; \r\n            }\r\n        })\r\n    }\r\n}\r\n\r\nonMounted(() => {\r\n  dictionaryStore.loadDictionary();\r\n})\r\n</script>\r\n","import script from \"./Support-form.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Support-form.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup lang=\"js\">\r\nimport { onMounted } from 'vue';\r\n\r\nonMounted(async () => {\r\n  const card = await document.getElementById('card');\r\n\r\n  function clickRotate() {\r\n    if(card != null)\r\n    {\r\n      card.classList.toggle('rotated');\r\n    }\r\n  }\r\n\r\n  if(card != null)\r\n  {\r\n    card.addEventListener('click', clickRotate);\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <body>\r\n  <div class=\"cards-wrapper\">\r\n    <div class=\"card-container\">\r\n      <div id=\"card\" class=\"card\">\r\n        <div class=\"card-contents card-front\">\r\n          <div class=\"card-depth\">\r\n            <h2>LeadTech</h2>\r\n            <hr>\r\n            <p>Inbound marketing</p>\r\n          </div>\r\n        </div>\r\n        <div class=\"card-contents card-back\">\r\n          <div class=\"card-depth\">\r\n            <h2>Inovativ Userfrendly Inbound Marketing</h2>\r\n            <hr>\r\n            <p>Solutions</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</body>\r\n</template>\r\n\r\n<style lang=\"css\" scoped>\r\nbody {\r\n  background: linear-gradient(to right, #141e30, #243b55);\r\n}\r\n\r\nh1, h2, h3, h4, p {\r\n  color: #FFFFFF;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\r\n.header {\r\n  text-align: center;\r\n  span {\r\n    padding-right: 5px;\r\n  }\r\n}\r\n\r\n.cards-wrapper {\r\n  margin: 0 0;\r\n  padding: 0 0;\r\n}\r\n.card-container {\r\n  perspective: 800px;\r\n  padding: 50px 0;\r\n}\r\n.card {\r\n  margin: 0 auto;\r\n  height: 500px;\r\n  width: 500px;\r\n  max-width: 80%;\r\n  position: relative;\r\n  border-radius: 25px;\r\n  transition: all 1s ease;\r\n  transform-style: preserve-3d;\r\n  box-shadow: 1px 3px 3px rgba(0,0,0,0.2)\r\n}\r\n\r\n.rotated {\r\n  transform: rotateY(-180deg);\r\n}\r\n.card-contents {\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 25px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  text-align: center;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  backface-visibility: hidden;\r\n  h2, p {\r\n    text-shadow: 1px 2px 2px rgba(0,0,0,0.2);\r\n  }\r\n  h2 {\r\n    font-size: 2.5em;\r\n    margin: 0 auto;\r\n  }\r\n  hr {\r\n    width: 50%;\r\n    margin: 20px auto;\r\n  }\r\n  p {\r\n    margin: 0 auto;\r\n  }\r\n}\r\n.card-depth {\r\n   transform: translateZ(100px) scale(0.98);\r\n   perspective: inherit;\r\n\r\n}\r\n.card-front {\r\n  background: linear-gradient(to top left, #3a6186, #89253e);           \r\n  transform-style: preserve-3d;\r\n}\r\n.card-back {\r\n  transform: rotateY(180deg);\r\n  background: linear-gradient(to top left, #ffa17f, #00223e);\r\n  transform-style: preserve-3d;\r\n}\r\n</style>","import script from \"./Vector-demo1.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Vector-demo1.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Vector-demo1.vue?vue&type=style&index=0&id=7f91e7b8&lang=css&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7f91e7b8\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"macbook\">\r\n    <div class=\"inner\">\r\n      <div class=\"screen\">\r\n        <div class=\"face-one\">\r\n          <div class=\"camera\"></div>\r\n          <div class=\"display\">\r\n            <div class=\"shade\"></div>\r\n          </div>\r\n          <span>MacBook Air</span>\r\n        </div>\r\n        <img src=\"http://www.clker.com/cliparts/i/s/H/f/4/T/apple-logo-white.svg\" class=\"logo\" />\r\n      </div>\r\n      <div class=\"body\">\r\n        <div class=\"face-one\">\r\n          <div class=\"touchpad\">\r\n          </div>\r\n          <div class=\"keyboard\">\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key space\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n            <div class=\"key f\"></div>\r\n          </div>\r\n        </div>\r\n        <div class=\"pad one\"></div>\r\n        <div class=\"pad two\"></div>\r\n        <div class=\"pad three\"></div>\r\n        <div class=\"pad four\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"shadow\"></div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"css\" scoped>\r\nbody {\r\n  background: #fff;\r\n}\r\n\r\n.macbook {\r\n  width: 150px;\r\n  height: 96px;\r\n  position: absolute;\r\n  left: 34%;\r\n  top: 75px;\r\n  margin: 0 0 0 -48px;\r\n  perspective: 500px;\r\n}\r\n.shadow {\r\n  position: absolute;\r\n  width: 60px;\r\n  height: 0px;\r\n  left: 40px;\r\n  top: 160px;\r\n  transform: rotateX(80deg) rotateY(0deg) rotateZ(0deg);\r\n  box-shadow: 0 0 60px 40px rgba(0,0,0,0.3);\r\n  animation: shadow infinite 7s ease;\r\n}\r\n.inner {\r\n  z-index: 20;\r\n  position: absolute;\r\n  width: 150px;\r\n  height: 96px;\r\n  left: 0;\r\n  top: 0;\r\n  transform-style: preserve-3d;\r\n  transform:rotateX(-20deg) rotateY(0deg) rotateZ(0deg);\r\n  animation: rotate infinite 7s ease;\r\n}\r\n.screen {\r\n  width: 150px;\r\n  height: 96px;\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  border-radius: 7px;\r\n  background: #ddd;\r\n  transform-style: preserve-3d;\r\n  transform-origin: 50% 93px;\r\n  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\r\n  animation: lid-screen infinite 7s ease;\r\n  background-image: linear-gradient(45deg, rgba(0,0,0,0.34) 0%,rgba(0,0,0,0) 100%);\r\n  background-position: left bottom;\r\n  background-size: 300px 300px;\r\n  box-shadow: inset 0 3px 7px rgba(255,255,255,0.5);\r\n}\r\n.screen .logo {\r\n  position: absolute;\r\n  width: 20px;\r\n  height: 24px;\r\n  left: 50%;\r\n  top: 50%;\r\n  margin: -12px 0 0 -10px;\r\n  transform: rotateY(180deg) translateZ(0.1px);\r\n}\r\n.screen .face-one {\r\n  width: 150px;\r\n  height: 96px;\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  border-radius: 7px;\r\n  background: #d3d3d3;\r\n  transform: translateZ(2px);\r\n  background-image: linear-gradient(45deg,rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);\r\n}\r\n.screen .face-one .camera {\r\n  width: 3px;\r\n  height: 3px;\r\n  border-radius: 100%;\r\n  background: #000;\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 4px;\r\n  margin-left: -1.5px;\r\n}\r\n.screen .face-one .display {\r\n  width: 130px;\r\n  height: 74px;\r\n  margin: 10px;\r\n  background: url(\"https://upload.wikimedia.org/wikipedia/en/9/98/MacOS_Monterey_Desktop.png\") no-repeat center center #000;\r\n  background-size: 100% 100%;\r\n  border-radius: 1px;\r\n  position: relative;\r\n  box-shadow: inset 0 0 2px rgba(0,0,0,1);\r\n}\r\n.screen .face-one .display .shade {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 130px;\r\n  height: 74px;\r\n  background: linear-gradient(-135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 47%,rgba(255,255,255,0) 48%);\r\n  animation: screen-shade infinite 7s ease;\r\n  background-size: 300px 200px;\r\n  background-position: 0px 0px;\r\n}\r\n.screen .face-one span {\r\n  position: absolute;\r\n  top: 85px;\r\n  left: 57px;\r\n  font-size: 6px;\r\n  color: #666\r\n}\r\n\r\n.body {\r\n  width: 150px;\r\n  height: 96px;\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  border-radius: 7px;\r\n  background: #cbcbcb;\r\n  transform-style: preserve-3d;\r\n  transform-origin: 50% bottom;\r\n  transform: rotateX(-90deg);\r\n  animation: lid-body infinite 7s ease;\r\n  background-image: linear-gradient(45deg, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);\r\n}\r\n.body .face-one {\r\n  width: 150px;\r\n  height: 96px;\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  border-radius: 7px;\r\n  transform-style: preserve-3d;\r\n  background: #dfdfdf;\r\n  animation: lid-keyboard-area infinite 7s ease;\r\n  transform: translateZ(-2px);\r\n  background-image: linear-gradient(30deg, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);\r\n}\r\n.body .touchpad {\r\n  width: 40px;\r\n  height: 31px;\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  border-radius: 4px;\r\n  margin: -44px 0 0 -18px;\r\n  background: #cdcdcd;\r\n  background-image: linear-gradient(30deg, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);\r\n  box-shadow: inset 0 0 3px #888;\r\n}\r\n.body .keyboard {\r\nwidth: 130px;\r\nheight: 45px;\r\nposition: absolute;\r\nleft: 7px;\r\ntop: 41px;\r\nborder-radius: 4px;\r\ntransform-style: preserve-3d;\r\nbackground: #cdcdcd;\r\nbackground-image: linear-gradient(30deg, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);\r\nbox-shadow: inset 0 0 3px #777;\r\npadding: 0 0 0 2px;\r\n}\r\n.keyboard .key {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #444;\r\n  float: left;\r\n  margin: 1px;\r\n  transform: translateZ(-2px);\r\n  border-radius: 2px;\r\n  box-shadow: 0 -2px 0 #222;\r\n  animation: keys infinite 7s ease;\r\n}\r\n.key.space {\r\n  width: 45px;\r\n}\r\n.key.f {\r\n  height: 3px;\r\n}\r\n.body .pad {\r\n  width: 5px;\r\n  height: 5px;\r\n  background: #333;\r\n  border-radius: 100%;\r\n  position: absolute;\r\n}\r\n.pad.one {\r\n  left: 20px;\r\n  top: 20px;\r\n}\r\n.pad.two {\r\n  right: 20px;\r\n  top: 20px;\r\n}\r\n.pad.three {\r\n  right: 20px;\r\n  bottom: 20px;\r\n}\r\n.pad.four {\r\n  left: 20px;\r\n  bottom: 20px;\r\n}\r\n\r\n@keyframes rotate {\r\n  0% {\r\n    transform: rotateX(-20deg) rotateY(0deg) rotateZ(0deg);\r\n  }\r\n  5% {\r\n    transform: rotateX(-20deg) rotateY(-20deg) rotateZ(0deg);\r\n  }\r\n  20% {\r\n    transform: rotateX(30deg) rotateY(200deg) rotateZ(0deg);\r\n  }\r\n  25% {\r\n    transform: rotateX(-60deg) rotateY(150deg) rotateZ(0deg);\r\n  }\r\n  60% {\r\n    transform: rotateX(-20deg) rotateY(130deg) rotateZ(0deg);\r\n  }\r\n  65% {\r\n    transform: rotateX(-20deg) rotateY(120deg) rotateZ(0deg);\r\n  }\r\n  80% {\r\n    transform: rotateX(-20deg) rotateY(375deg) rotateZ(0deg);\r\n  }\r\n  85% {\r\n    transform: rotateX(-20deg) rotateY(357deg) rotateZ(0deg);\r\n  }\r\n  87% {\r\n    transform: rotateX(-20deg) rotateY(360deg) rotateZ(0deg);\r\n  }\r\n  100% {\r\n    transform: rotateX(-20deg) rotateY(360deg) rotateZ(0deg);\r\n  }\r\n}\r\n\r\n@keyframes lid-screen {\r\n  0% {\r\n    transform: rotateX(0deg);\r\n    background-position: left bottom;\r\n  }\r\n  5% {\r\n    transform: rotateX(50deg);\r\n    background-position: left bottom;\r\n  }\r\n  20% {\r\n    transform: rotateX(-90deg);\r\n    background-position: -150px top;\r\n  }\r\n  25% {\r\n    transform: rotateX(15deg);\r\n    background-position: left bottom;\r\n  }\r\n  30% {\r\n    transform: rotateX(-5deg);\r\n    background-position: right top;\r\n  }\r\n  38% {\r\n    transform: rotateX(5deg);\r\n    background-position: right top;\r\n  }\r\n  48% {\r\n    transform: rotateX(0deg);\r\n    background-position: right top;\r\n  }\r\n  90% {\r\n    transform: rotateX(0deg);\r\n    background-position: right top;\r\n  }\r\n  100% {\r\n    transform: rotateX(0deg);\r\n    background-position: right center;\r\n  }\r\n}\r\n\r\n@keyframes lid-body {\r\n  0% {\r\n    transform: rotateX(-90deg);\r\n    \r\n  }\r\n  50% {\r\n    transform: rotateX(-90deg);\r\n    \r\n  }\r\n  100% {\r\n    transform: rotateX(-90deg);\r\n    \r\n  }\r\n}\r\n\r\n@keyframes lid-keyboard-area {\r\n  0% {\r\n     background-color: #dfdfdf;\r\n  }\r\n  50% {\r\n    background-color: #bbb;\r\n  }\r\n  100% {\r\n    background-color: #dfdfdf;\r\n  }\r\n}\r\n@keyframes screen-shade {\r\n  0% {\r\n    background-position: -20px 0px;\r\n  }\r\n  5% {\r\n    background-position: -40px 0px;\r\n  }\r\n  20% {\r\n    background-position: 200px 0;\r\n  }\r\n  50% {\r\n    background-position: -200px 0;\r\n  }\r\n  80% {\r\n    background-position: 0px 0px;\r\n  }\r\n  85% {\r\n    background-position: -30px 0;\r\n  }\r\n  90% {\r\n    background-position: -20px 0;\r\n  }\r\n  100% {\r\n    background-position: -20px 0px;\r\n  }\r\n}\r\n@keyframes keys {\r\n  0% {\r\n    box-shadow: 0 -2px 0 #222;\r\n  }\r\n  5% {\r\n    box-shadow: 1 -1px 0 #222;\r\n  }\r\n  20% {\r\n    box-shadow: -1px 1px 0 #222;\r\n  }\r\n  25% {\r\n    box-shadow: -1px 1px 0 #222;\r\n  }\r\n  60% {\r\n    box-shadow: -1px 1px 0 #222;\r\n  }\r\n  80% {\r\n    box-shadow: 0 -2px 0 #222;\r\n  }\r\n  85% {\r\n    box-shadow: 0 -2px 0 #222;\r\n  }\r\n  87% {\r\n    box-shadow: 0 -2px 0 #222;\r\n  }\r\n  100% {\r\n    box-shadow: 0 -2px 0 #222;\r\n  }\r\n}\r\n@keyframes shadow {\r\n  0% {\r\n    transform: rotateX(80deg) rotateY(0deg) rotateZ(0deg);\r\n    box-shadow: 0 0 60px 40px rgba(0,0,0,0.3);\r\n  }\r\n  5% {\r\n    transform: rotateX(80deg) rotateY(10deg) rotateZ(0deg);\r\n    box-shadow: 0 0 60px 40px rgba(0,0,0,0.3);\r\n  }\r\n  20% {\r\n    transform: rotateX(30deg) rotateY(-20deg) rotateZ(-20deg);\r\n    box-shadow: 0 0 50px 30px rgba(0,0,0,0.3);\r\n  }\r\n  25% {\r\n    transform: rotateX(80deg) rotateY(-20deg) rotateZ(50deg);\r\n    box-shadow: 0 0 35px 15px rgba(0,0,0,0.1);\r\n  }\r\n  60% {\r\n    transform: rotateX(80deg) rotateY(0deg) rotateZ(-50deg) translateX(30px);\r\n    box-shadow: 0 0 60px 40px rgba(0,0,0,0.3);\r\n  }\r\n  100% {\r\n    box-shadow: 0 0 60px 40px rgba(0,0,0,0.3);\r\n  }\r\n}\r\n.links {\r\n  position: absolute;\r\n  right: 20px;\r\n  bottom: 20px;\r\n}\r\n.links a {\r\n  color : #555;\r\n  margin-left: 10px;\r\n  text-decoration: none;\r\n}\r\n</style>\r\n","import { render } from \"./Vector-demo2.vue?vue&type=template&id=2985c348&scoped=true\"\nconst script = {}\n\nimport \"./Vector-demo2.vue?vue&type=style&index=0&id=2985c348&lang=css&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2985c348\"]])\n\nexport default __exports__","<script setup lang=\"js\">\r\n\r\n</script>\r\n\r\n<template>\r\n<div class=\"computer\" id=\"computer\">\r\n  <div class=\"screen\">\r\n    <div class=\"front square\"></div>\r\n    <div class=\"back square\"></div>\r\n    <div class=\"top square\"></div>\r\n    <div class=\"left square\">\r\n      <div class=\"progressbar\"></div>\r\n    </div>\r\n    <div class=\"right square\">\r\n      <div class=\"intake\"></div>\r\n      <div class=\"intake\"></div>\r\n      <div class=\"intake\"></div>\r\n      <div class=\"intake\"></div>\r\n      <div class=\"intake\"></div>\r\n      <div class=\"intake\"></div>\r\n      <div class=\"intake\"></div>\r\n      <div class=\"intake\"></div>\r\n      <div class=\"intake\"></div>\r\n      <div class=\"intake\"></div>\r\n    </div>\r\n    <div class=\"left1 square\"></div>\r\n    <div class=\"back1 square\"></div>\r\n    <div class=\"front1 square\"></div>\r\n    <div class=\"bottom1 square\"></div>\r\n    <div class=\"top1 square\"></div>\r\n  </div>\r\n  <div class=\"screenbottom\">\r\n    <div class=\"front2 square\"></div>\r\n    <div class=\"top2 square\"></div>\r\n    <div class=\"left2 square\">\r\n      <div class=\"brownpart\">\r\n        <div class=\"disc\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"right2 square\"></div>\r\n    <div class=\"back2 square\"></div>\r\n    <div class=\"bottom2 square\"></div>\r\n  </div>\r\n  <div class=\"screenbottombottom\">\r\n    <div class=\"front3 square\"></div>\r\n    <div class=\"left3 square\"></div>\r\n    <div class=\"right3 square\"></div>\r\n    <div class=\"bottom3 square\"></div>\r\n    <div class=\"back3 square\"></div>\r\n  </div>\r\n  <div class=\"keyboard\">\r\n    <div class=\"front4 square\"></div>\r\n    <div class=\"back4 square\"></div>\r\n    <div class=\"top4 square\"></div>\r\n    <div class=\"left4 square\"></div>\r\n    <div class=\"right4 square\"></div>\r\n    <div class=\"bottom4 square\"></div>\r\n  </div>\r\n  <div class=\"keyboardkeys\">\r\n    <div class=\"front5 square\"></div>\r\n    <div class=\"back5 square\"></div>\r\n    <div class=\"top5 square\"></div>\r\n    <div class=\"left5 square\"></div>\r\n    <div class=\"right5 square\"></div>\r\n    <div class=\"bottom5 square\"></div>\r\n  </div>\r\n  <div class=\"numpad\">\r\n    <div class=\"front6 square\"></div>\r\n    <div class=\"back6 square\"></div>\r\n    <div class=\"top6 square\"></div>\r\n    <div class=\"left6 square\"></div>\r\n    <div class=\"right6 square\"></div>\r\n    <div class=\"bottom6 square\"></div>\r\n  </div>\r\n</div>\r\n\r\n<form class=\"ui\">\r\n  <input type=\"range\" min=\"-360\" max=\"360\" value=\"45\" id=\"rotatey\"/>\r\n  <input type=\"range\" min=\"-360\" max=\"360\" value=\"-30\" id=\"rotatex\"/>\r\n</form>\r\n</template>\r\n\r\n<style lang=\"css\" scoped>\r\nbody{\r\n  margin:0;\r\n  background-color:#F6C3BA;\r\n}\r\n.computer{\r\n  z-index:10000;\r\n  width:150px;\r\n  height:180px;\r\n  position:absolute;\r\n  left:calc(50% - 75px);\r\n  top:0;\r\n  -moz-transform-style:preserve-3d;\r\n  -ms-transform-style:preserve-3d;\r\n  -o-transform-style:preserve-3d;\r\n  -webkit-transform-style:preserve-3d;\r\n  transform-style:preserve-3d;\r\n  -moz-transform-origin: center center;\r\n  -ms-transform-origin: center center;\r\n  -o-transform-origin: center center;\r\n  -webkit-transform-origin: center center;\r\n  transform-origin: center center;\r\n  -moz-transform:rotatex(-30deg) rotatey(45deg);\r\n  -ms-transform:rotatex(-30deg) rotatey(45deg);\r\n  -o-transform:rotatex(-30deg) rotatey(45deg);\r\n  -webkit-transform:rotatex(-30deg) rotatey(45deg);\r\n  transform:rotatex(-30deg) rotatey(45deg);\r\n}\r\n.screen{\r\n  z-index:1;\r\n  width:150px;\r\n  height:130px;\r\n  position:absolute;\r\n  -moz-transform-style:preserve-3d;\r\n  -ms-transform-style:preserve-3d;\r\n  -o-transform-style:preserve-3d;\r\n  -webkit-transform-style:preserve-3d;\r\n  transform-style:preserve-3d;\r\n  -moz-transform-origin: center center;\r\n  -ms-transform-origin: center center;\r\n  -o-transform-origin: center center;\r\n  -webkit-transform-origin: center center;\r\n  transform-origin: center center;\r\n  -moz-transform:translatey(0px);\r\n  -ms-transform:translatey(0px);\r\n  -o-transform:translatey(0px);\r\n  -webkit-transform:translatey(0px);\r\n  transform:translatey(0px);\r\n}\r\n.square{\r\n  text-align:center;\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  height:100%;\r\n}\r\n.front{\r\n  -moz-transform:translateZ(75px);\r\n  -ms-transform:translateZ(75px);\r\n  -o-transform:translateZ(75px);\r\n  -webkit-transform:translateZ(75px);\r\n  transform:translateZ(75px);\r\n  background-color:#c6b5a4;\r\n}\r\n.back{\r\n  -moz-transform:translateZ(-75px);\r\n  -ms-transform:translateZ(-75px);\r\n  -o-transform:translateZ(-75px);\r\n  -webkit-transform:translateZ(-75px);\r\n  transform:translateZ(-75px);\r\n  background-color:#dbc6b5;\r\n}\r\n.top{\r\n  -moz-transform:rotatex(90deg) translatez(75px);\r\n  -ms-transform:rotatex(90deg) translatez(75px);\r\n  -o-transform:rotatex(90deg) translatez(75px);\r\n  -webkit-transform:rotatex(90deg) translatez(75px);\r\n  transform:rotatex(90deg) translatez(75px);\r\n  background-color:#EEDEC8;\r\n  width:100%;\r\n  height:150px;\r\n}\r\n.left{\r\n  -moz-transform: rotatey(-90deg) translatez(55px);\r\n  -ms-transform: rotatey(-90deg) translatez(55px);\r\n  -o-transform: rotatey(-90deg) translatez(55px);\r\n  -webkit-transform: rotatey(-90deg) translatez(55px);\r\n  transform: rotatey(-90deg) translatez(55px);\r\n  background-color:#282828;\r\n}\r\n.right{\r\n  -moz-transform: rotatey(-90deg) translatez(-75px);\r\n  -ms-transform: rotatey(-90deg) translatez(-75px);\r\n  -o-transform: rotatey(-90deg) translatez(-75px);\r\n  -webkit-transform: rotatey(-90deg) translatez(-75px);\r\n  transform: rotatey(-90deg) translatez(-75px);\r\n  background-color:#c6b5a4;\r\n  padding:15%;\r\n  box-sizing:border-box;\r\n}\r\n.intake{\r\n  width:5%;\r\n  height:80%;\r\n  float:left;\r\n  background-color:#B4A495;\r\n  margin:0 2.5%;\r\n}\r\n.left1{\r\n  width:130px;\r\n  height:110px;\r\n  -moz-transform: rotatey(-90deg) translatez(70px);\r\n  -ms-transform: rotatey(-90deg) translatez(70px);\r\n  -o-transform: rotatey(-90deg) translatez(70px);\r\n  -webkit-transform: rotatey(-90deg) translatez(70px);\r\n  transform: rotatey(-90deg) translatez(70px);\r\n  background-color:transparent;\r\n  border:solid 10px #4d4d4d;\r\n}\r\n.progressbar{\r\n  width:50px;\r\n  height:6px;\r\n  background-color:transparent;\r\n  position:absolute;\r\n  top:calc(50% - 7px);\r\n  left:calc(50% - 29px);\r\n  border:2px solid #4EC456;\r\n}\r\n.progressbar:after{\r\n  content:\"\";\r\n  width:60%;\r\n  height:100%;\r\n  background-color:#4EC456;\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n}\r\n.back1{\r\n  width:15px;\r\n  height:110px;\r\n  -moz-transform:translateZ(-65px) translatey(10px) translatex(5px);\r\n  -ms-transform:translateZ(-65px) translatey(10px) translatex(5px);\r\n  -o-transform:translateZ(-65px) translatey(10px) translatex(5px);\r\n  -webkit-transform:translateZ(-65px) translatey(10px) translatex(5px);\r\n  transform:translateZ(-65px) translatey(10px) translatex(5px);\r\n  background-color:#4d4d4d;\r\n}\r\n.front1{\r\n  width:15px;\r\n  height:110px;\r\n  -moz-transform:translateZ(65px) translatey(10px) translatex(5px);\r\n  -ms-transform:translateZ(65px) translatey(10px) translatex(5px);\r\n  -o-transform:translateZ(65px) translatey(10px) translatex(5px);\r\n  -webkit-transform:translateZ(65px) translatey(10px) translatex(5px);\r\n  transform:translateZ(65px) translatey(10px) translatex(5px);\r\n  background-color:#454545;\r\n}\r\n.bottom1{\r\n  -moz-transform:rotatex(90deg) translatez(-55px) translatex(5px);\r\n  -ms-transform:rotatex(90deg) translatez(-55px) translatex(5px);\r\n  -o-transform:rotatex(90deg) translatez(-55px) translatex(5px);\r\n  -webkit-transform:rotatex(90deg) translatez(-55px) translatex(5px);\r\n  transform:rotatex(90deg) translatez(-55px) translatex(5px);\r\n  background-color:#565656;\r\n  width:15px;\r\n  height:130px;\r\n}\r\n.top1{\r\n  -moz-transform:rotatex(90deg) translatez(-55px) translatex(5px);\r\n  -ms-transform:rotatex(90deg) translatez(-55px) translatex(5px);\r\n  -o-transform:rotatex(90deg) translatez(-55px) translatex(5px);\r\n  -webkit-transform:rotatex(90deg) translatez(-55px) translatex(5px);\r\n  transform:rotatex(90deg) translatez(55px) translatex(5px);\r\n  background-color:#454545;\r\n  width:15px;\r\n  height:130px;\r\n}\r\n.screenbottom{\r\n  z-index:0;\r\n  width:150px;\r\n  height:40px;\r\n  position:absolute;\r\n  -moz-transform-style:preserve-3d;\r\n  -ms-transform-style:preserve-3d;\r\n  -o-transform-style:preserve-3d;\r\n  -webkit-transform-style:preserve-3d;\r\n  transform-style:preserve-3d;\r\n  -moz-transform-origin: center center;\r\n  -ms-transform-origin: center center;\r\n  -o-transform-origin: center center;\r\n  -webkit-transform-origin: center center;\r\n  transform-origin: center center;\r\n  -moz-transform:translatey(130px);\r\n  -ms-transform:translatey(130px);\r\n  -o-transform:translatey(130px);\r\n  -webkit-transform:translatey(130px);\r\n  transform:translatey(130px);\r\n}\r\n.front2{\r\n  -moz-transform:translateZ(75px);\r\n  -ms-transform:translateZ(75px);\r\n  -o-transform:translateZ(75px);\r\n  -webkit-transform:translateZ(75px);\r\n  transform:translateZ(75px);\r\n  background-color:#c6b5a4;\r\n}\r\n.top2{\r\n  -moz-transform:rotatex(90deg) translatez(75px);\r\n  -ms-transform:rotatex(90deg) translatez(75px);\r\n  -o-transform:rotatex(90deg) translatez(75px);\r\n  -webkit-transform:rotatex(90deg) translatez(75px);\r\n  transform:rotatex(90deg) translatez(75px);\r\n  background-color:#eedec8;\r\n  width:100%;\r\n  height:150px;\r\n}\r\n.left2{\r\n  -moz-transform: rotatey(-90deg) translatez(75px);\r\n  -ms-transform: rotatey(-90deg) translatez(75px);\r\n  -o-transform: rotatey(-90deg) translatez(75px);\r\n  -webkit-transform: rotatey(-90deg) translatez(75px);\r\n  transform: rotatey(-90deg) translatez(75px);\r\n  background-color:#dbc6b5;\r\n}\r\n.right2{\r\n  -moz-transform: rotatey(-90deg) translatez(-75px);\r\n  -ms-transform: rotatey(-90deg) translatez(-75px);\r\n  -o-transform: rotatey(-90deg) translatez(-75px);\r\n  -webkit-transform: rotatey(-90deg) translatez(-75px);\r\n  transform: rotatey(-90deg) translatez(-75px);\r\n  background-color:#c6b5a4;\r\n}\r\n.back2{\r\n  -moz-transform:translateZ(-75px);\r\n  -ms-transform:translateZ(-75px);\r\n  -o-transform:translateZ(-75px);\r\n  -webkit-transform:translateZ(-75px);\r\n  transform:translateZ(-75px);\r\n  background-color:#dbc6b5;\r\n}\r\n.bottom2{\r\n  -moz-transform:rotatex(90deg) translatez(35px);\r\n  -ms-transform:rotatex(90deg) translatez(35px);\r\n  -o-transform:rotatex(90deg) translatez(35px);\r\n  -webkit-transform:rotatex(90deg) translatez(35px);\r\n  transform:rotatex(90deg) translatez(35px);\r\n  background-color:#B4A495;\r\n  width:100%;\r\n  height:150px;\r\n}\r\n.screenbottombottom{\r\n  z-index:2;\r\n  width:130px;\r\n  height:20px;\r\n  position:absolute;\r\n  -moz-transform-style:preserve-3d;\r\n  -ms-transform-style:preserve-3d;\r\n  -o-transform-style:preserve-3d;\r\n  -webkit-transform-style:preserve-3d;\r\n  transform-style:preserve-3d;\r\n  -moz-transform-origin: center center;\r\n  -ms-transform-origin: center center;\r\n  -o-transform-origin: center center;\r\n  -webkit-transform-origin: center center;\r\n  transform-origin: center center;\r\n  -moz-transform:translatey(170px) translatex(10px);\r\n  -ms-transform:translatey(170px) translatex(10px);\r\n  -o-transform:translatey(170px) translatex(10px);\r\n  -webkit-transform:translatey(170px) translatex(10px);\r\n  transform:translatey(170px) translatex(10px);\r\n}\r\n.bottom3{\r\n  -moz-transform:rotatex(90deg) translatez(45px);\r\n  -ms-transform:rotatex(90deg) translatez(45px);\r\n  -o-transform:rotatex(90deg) translatez(45px);\r\n  -webkit-transform:rotatex(90deg) translatez(45px);\r\n  transform:rotatex(90deg) translatez(45px);\r\n  background-color:#65504d;\r\n  box-shadow:\r\n    1px 1px 0px #65504d,\r\n    2px 2px 0px #65504d,\r\n    3px 3px 0px #65504d,\r\n    4px 4px 0px #65504d,\r\n    5px 5px 0px #65504d,\r\n    6px 6px 0px #65504d,\r\n    7px 7px 0px #65504d,\r\n    8px 8px 0px #65504d,\r\n    9px 9px 0px #65504d,\r\n    10px 10px 0px #65504d,\r\n    11px 11px 0px #65504d,\r\n    12px 12px 0px #65504d,\r\n    13px 13px 0px #65504d,\r\n    14px 14px 0px #65504d,\r\n    15px 15px 0px #65504d,\r\n    16px 16px 0px #65504d,\r\n    17px 17px 0px #65504d,\r\n    18px 18px 0px #65504d,\r\n    19px 19px 0px #65504d,\r\n    20px 20px 0px #65504d,\r\n    21px 21px 0px #65504d,\r\n    22px 22px 0px #65504d,\r\n    23px 23px 0px #65504d,\r\n    24px 24px 0px #65504d,\r\n    25px 25px 0px #65504d,\r\n    26px 26px 0px #65504d,\r\n    27px 27px 0px #65504d,\r\n    28px 28px 0px #65504d,\r\n    29px 29px 0px #65504d;\r\n  width:100%;\r\n  height:130px;\r\n}\r\n.front3{\r\n  -moz-transform:translateZ(65px);\r\n  -ms-transform:translateZ(65px);\r\n  -o-transform:translateZ(65px);\r\n  -webkit-transform:translateZ(65px);\r\n  transform:translateZ(65px);\r\n  background-color:#bcac9c;\r\n}\r\n.back3{\r\n  -moz-transform:translateZ(-65px);\r\n  -ms-transform:translateZ(-65px);\r\n  -o-transform:translateZ(-65px);\r\n  -webkit-transform:translateZ(-65px);\r\n  transform:translateZ(-65px);\r\n  background-color:#d0bcac;\r\n}\r\n.left3{\r\n  -moz-transform: rotatey(-90deg) translatez(65px);\r\n  -ms-transform: rotatey(-90deg) translatez(65px);\r\n  -o-transform: rotatey(-90deg) translatez(65px);\r\n  -webkit-transform: rotatey(-90deg) translatez(65px);\r\n  transform: rotatey(-90deg) translatez(65px);\r\n  background-color:#d0bcac;\r\n}\r\n.right3{\r\n  -moz-transform: rotatey(-90deg) translatez(-65px);\r\n  -ms-transform: rotatey(-90deg) translatez(-65px);\r\n  -o-transform: rotatey(-90deg) translatez(-65px);\r\n  -webkit-transform: rotatey(-90deg) translatez(65px);\r\n  transform: rotatey(-90deg) translatez(-65px);\r\n  background-color:#bcac9c;\r\n}\r\n.keyboard{\r\n  z-index:0;\r\n  width:80px;\r\n  height:20px;\r\n  position:absolute;\r\n  -moz-transform-style:preserve-3d;\r\n  -ms-transform-style:preserve-3d;\r\n  -o-transform-style:preserve-3d;\r\n  -webkit-transform-style:preserve-3d;\r\n  transform-style:preserve-3d;\r\n  -moz-transform-origin: center center;\r\n  -ms-transform-origin: center center;\r\n  -o-transform-origin: center center;\r\n  -webkit-transform-origin: center center;\r\n  transform-origin: center center;\r\n  -moz-transform:translatey(170px) translatex(-120px);\r\n  -ms-transform:translatey(170px) translatex(-120px);\r\n  -o-transform:translatey(170px) translatex(-120px);\r\n  -webkit-transform:translatey(170px) translatex(-120px);\r\n  transform:translatey(170px) translatex(-120px);\r\n}\r\n.front4{\r\n  -moz-transform:translateZ(75px);\r\n  -ms-transform:translateZ(75px);\r\n  -o-transform:translateZ(75px);\r\n  -webkit-transform:translateZ(75px);\r\n  transform:translateZ(75px);\r\n  background-color:#c6b5a4;\r\n}\r\n.back4{\r\n  -moz-transform:translateZ(-75px);\r\n  -ms-transform:translateZ(-75px);\r\n  -o-transform:translateZ(-75px);\r\n  -webkit-transform:translateZ(-75px);\r\n  transform:translateZ(-75px);\r\n  background-color:#dbc6b5;\r\n}\r\n.bottom4{\r\n  -moz-transform:rotatex(90deg) translatez(55px);\r\n  -ms-transform:rotatex(90deg) translatez(55px);\r\n  -o-transform:rotatex(90deg) translatez(55px);\r\n  -webkit-transform:rotatex(90deg) translatez(55px);\r\n  transform:rotatex(90deg) translatez(55px);\r\n  background-color:#65504d;\r\n  box-shadow:1px 1px 0px #65504d,2px 2px 0px #65504d,3px 3px 0px #65504d,4px 4px 0px #65504d,5px 5px 0px #65504d,6px 6px 0px #65504d,7px 7px 0px #65504d,8px 8px 0px #65504d,9px 9px 0px #65504d,10px 10px 0px #65504d;\r\n  width:100%;\r\n  height:150px;\r\n}\r\n.top4{\r\n  -moz-transform:rotatex(90deg) translatez(75px);\r\n  -ms-transform:rotatex(90deg) translatez(75px);\r\n  -o-transform:rotatex(90deg) translatez(75px);\r\n  -webkit-transform:rotatex(90deg) translatez(75px);\r\n  transform:rotatex(90deg) translatez(75px);\r\n  background-color:#eedec8;\r\n  width:100%;\r\n  height:150px;\r\n}\r\n.left4{\r\n  -moz-transform: rotatey(-90deg) translatez(75px);\r\n  -ms-transform: rotatey(-90deg) translatez(75px);\r\n  -o-transform: rotatey(-90deg) translatez(75px);\r\n  -webkit-transform: rotatey(-90deg) translatez(75px);\r\n  transform: rotatey(-90deg) translatez(75px);\r\n  background-color:#dbc6b5;\r\n  width:150px;\r\n}\r\n.right4{\r\n  -moz-transform: rotatey(-90deg) translatez(-5px);\r\n  -ms-transform: rotatey(-90deg) translatez(-5px);\r\n  -o-transform: rotatey(-90deg) translatez(-5px);\r\n  -webkit-transform: rotatey(-90deg) translatez(-5px);\r\n  transform: rotatey(-90deg) translatez(-5px);\r\n  background-color:#c6b5a4;\r\n  width:150px;\r\n}\r\n.keyboardkeys{\r\n  z-index:0;\r\n  width:60px;\r\n  height:10px;\r\n  position:absolute;\r\n  -moz-transform-style:preserve-3d;\r\n  -ms-transform-style:preserve-3d;\r\n  -o-transform-style:preserve-3d;\r\n  -webkit-transform-style:preserve-3d;\r\n  transform-style:preserve-3d;\r\n  -moz-transform-origin: center center;\r\n  -ms-transform-origin: center center;\r\n  -o-transform-origin: center center;\r\n  -webkit-transform-origin: center center;\r\n  transform-origin: center center;\r\n  -moz-transform:translatey(160px) translatex(-110px) translatez(-20px);;\r\n  -ms-transform:translatey(160px) translatex(-110px) translatez(-20px);;\r\n  -o-transform:translatey(160px) translatex(-110px) translatez(-20px);;\r\n  -webkit-transform:translatey(160px) translatex(-110px) translatez(-20px);;\r\n  transform:translatey(160px) translatex(-110px) translatez(-20px);\r\n}\r\n.bottom5{\r\n  -moz-transform:rotatex(90deg) translatez(30px);\r\n  -ms-transform:rotatex(90deg) translatez(30px);\r\n  -o-transform:rotatex(90deg) translatez(30px);\r\n  -webkit-transform:rotatex(90deg) translatez(30px);\r\n  transform:rotatex(90deg) translatez(30px);\r\n  background-color:transparent;\r\n  box-shadow:1px 1px 0px #b4a998,2px 2px 0px #b4a998,3px 3px 0px #b4a998,4px 4px 0px #b4a998,5px 5px 0px #b4a998;\r\n  width:100%;\r\n  height:80px;\r\n}\r\n.front5{\r\n  -moz-transform:translateZ(40px);\r\n  -ms-transform:translateZ(40px);\r\n  -o-transform:translateZ(40px);\r\n  -webkit-transform:translateZ(40px);\r\n  transform:translateZ(40px);\r\n  background-color:#454545;\r\n}\r\n.back5{\r\n  -moz-transform:translateZ(-40px);\r\n  -ms-transform:translateZ(-40px);\r\n  -o-transform:translateZ(-40px);\r\n  -webkit-transform:translateZ(-40px);\r\n  transform:translateZ(-40px);\r\n  background-color:#4d4d4d;\r\n}\r\n.top5{\r\n  -moz-transform:rotatex(90deg) translatez(40px);\r\n  -ms-transform:rotatex(90deg) translatez(40px);\r\n  -o-transform:rotatex(90deg) translatez(40px);\r\n  -webkit-transform:rotatex(90deg) translatez(40px);\r\n  transform:rotatex(90deg) translatez(40px);\r\n  background-color:#565656;\r\n  width:100%;\r\n  height:80px;\r\n}\r\n.left5{\r\n  -moz-transform: rotatey(-90deg) translatez(40px);\r\n  -ms-transform: rotatey(-90deg) translatez(40px);\r\n  -o-transform: rotatey(-90deg) translatez(40px);\r\n  -webkit-transform: rotatey(-90deg) translatez(40px);\r\n  transform: rotatey(-90deg) translatez(40px);\r\n  background-color:#4d4d4d;\r\n  width:80px;\r\n}\r\n.right5{\r\n  -moz-transform: rotatey(-90deg) translatez(-20px);\r\n  -ms-transform: rotatey(-90deg) translatez(-20px);\r\n  -o-transform: rotatey(-90deg) translatez(-20px);\r\n  -webkit-transform: rotatey(-90deg) translatez(-20px);\r\n  transform: rotatey(-90deg) translatez(-20px);\r\n  background-color:#454545;\r\n  width:80px;\r\n}\r\n.numpad{\r\n  z-index:0;\r\n  width:60px;\r\n  height:10px;\r\n  position:absolute;\r\n  -moz-transform-style:preserve-3d;\r\n  -ms-transform-style:preserve-3d;\r\n  -o-transform-style:preserve-3d;\r\n  -webkit-transform-style:preserve-3d;\r\n  transform-style:preserve-3d;\r\n  -moz-transform-origin: center center;\r\n  -ms-transform-origin: center center;\r\n  -o-transform-origin: center center;\r\n  -webkit-transform-origin: center center;\r\n  transform-origin: center center;\r\n  -moz-transform:translatey(160px) translatex(-110px) translatez(45px);\r\n  -ms-transform:translatey(160px) translatex(-110px) translatez(45px);\r\n  -o-transform:translatey(160px) translatex(-110px) translatez(45px);\r\n  -webkit-transform:translatey(160px) translatex(-110px) translatez(45px);\r\n  transform:translatey(160px) translatex(-110px) translatez(45px);\r\n}\r\n.bottom6{\r\n  -moz-transform:rotatex(90deg) translatez(5px);\r\n  -ms-transform:rotatex(90deg) translatez(5px);\r\n  -o-transform:rotatex(90deg) translatez(5px);\r\n  -webkit-transform:rotatex(90deg) translatez(5px);\r\n  transform:rotatex(90deg) translatez(5px);\r\n  background-color:transparent;\r\n  box-shadow:1px 1px 0px #b4a998,2px 2px 0px #b4a998,3px 3px 0px #b4a998,4px 4px 0px #b4a998,5px 5px 0px #b4a998;\r\n  width:100%;\r\n  height:30px;\r\n}\r\n.front6{\r\n  -moz-transform:translateZ(15px);\r\n  -ms-transform:translateZ(15px);\r\n  -o-transform:translateZ(15px);\r\n  -webkit-transform:translateZ(15px);\r\n  transform:translateZ(15px);\r\n  background-color:#454545;\r\n}\r\n.back6{\r\n  -moz-transform:translateZ(-15px);\r\n  -ms-transform:translateZ(-15px);\r\n  -o-transform:translateZ(-15px);\r\n  -webkit-transform:translateZ(-15px);\r\n  transform:translateZ(-15px);\r\n  background-color:#4d4d4d;\r\n}\r\n.top6{\r\n  -moz-transform:rotatex(90deg) translatez(15px);\r\n  -ms-transform:rotatex(90deg) translatez(15px);\r\n  -o-transform:rotatex(90deg) translatez(15px);\r\n  -webkit-transform:rotatex(90deg) translatez(15px);\r\n  transform:rotatex(90deg) translatez(15px);\r\n  background-color:#565656;\r\n  width:100%;\r\n  height:30px;\r\n}\r\n.left6{\r\n  -moz-transform: rotatey(-90deg) translatez(15px);\r\n  -ms-transform: rotatey(-90deg) translatez(15px);\r\n  -o-transform: rotatey(-90deg) translatez(15px);\r\n  -webkit-transform: rotatey(-90deg) translatez(15px);\r\n  transform: rotatey(-90deg) translatez(15px);\r\n  background-color:#4d4d4d;\r\n  width:30px;\r\n}\r\n.right6{\r\n  -moz-transform: rotatey(-90deg) translatez(-45px);\r\n  -ms-transform: rotatey(-90deg) translatez(-45px);\r\n  -o-transform: rotatey(-90deg) translatez(-45px);\r\n  -webkit-transform: rotatey(-90deg) translatez(-45px);\r\n  transform: rotatey(-90deg) translatez(-45px);\r\n  background-color:#454545;\r\n  width:30px;\r\n}\r\n.brownpart{\r\n  position:absolute;\r\n  width:130px;\r\n  left:10px;\r\n  top:10px;\r\n  height:20px;\r\n  background-color:#9e7063;\r\n}\r\n.disc{\r\n  position:absolute;\r\n  width:30px;\r\n  left:10px;\r\n  top:calc(50% - 2.5px);\r\n  height:5px;\r\n  background-color:#282828;\r\n}\r\n.ui{\r\n  position:absolute;\r\n  left:calc(50% - 250px);\r\n  top:calc(50% - 200px);\r\n  z-index:9999;\r\n  width:500px;\r\n  height:400px;\r\n}\r\n#rotatex{\r\n  position:absolute;\r\n  right:-150px;\r\n  top:50%;\r\n  -webkit-transform:rotate(270deg); \r\n  -moz-transform:rotate(270deg); \r\n  -o-transform:rotate(270deg); \r\n  -ms-transform:rotate(270deg); \r\n  transform:rotate(270deg);\r\n}\r\n#rotatey{\r\n  position:absolute;\r\n  left:calc(50% - 150px);\r\n}\r\ninput[type=\"range\"]{ \r\n  -webkit-appearance: none;\r\n  cursor: pointer;\r\n  width: 300px;  \r\n  background-color: rgba(255,255,255,0.2); \r\n     \r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb{\r\n  -webkit-appearance: none; \r\n  width: 10px; \r\n  height: 10px; \r\n  background-color:#565656;   \r\n}\r\n</style>\r\n","import { render } from \"./Vector-demo3.vue?vue&type=template&id=7e8bad1a&scoped=true\"\nconst script = {}\n\nimport \"./Vector-demo3.vue?vue&type=style&index=0&id=7e8bad1a&lang=css&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7e8bad1a\"]])\n\nexport default __exports__","<script setup lang=\"js\">\r\nimport { onMounted} from 'vue';\r\n\r\nonMounted(async () => {\r\n  (function() {\r\n\t'use strict';\r\n\tclass Point2 {\r\n\t\tconstructor (x, y) {\r\n\t\t\tthis.x = typeof x === 'number' ? x : 0;\r\n\t\t\tthis.y = typeof y === 'number' ? y : 0;\r\n\t\t}\r\n\t}\r\n\r\n\tclass Point3 extends Point2 {\r\n\t\tconstructor (x, y, z) {\r\n\t\t\tsuper(x, y);\r\n\t\t\tthis.z = typeof z === 'number' ? z : 0;\r\n\t\t}\r\n\t}\r\n\r\n\tclass Cube {\r\n\t\tconstructor (center, size) {\r\n\t\t\tconst d = size / 2;\r\n\r\n\t\t\tthis.vertices = [\r\n\t\t\t\tnew Point3(center.x - d, center.y - d, center.z + d),\r\n\t\t\t\tnew Point3(center.x - d, center.y - d, center.z - d),\r\n\t\t\t\tnew Point3(center.x + d, center.y - d, center.z - d),\r\n\t\t\t\tnew Point3(center.x + d, center.y - d, center.z + d),\r\n\t\t\t\tnew Point3(center.x + d, center.y + d, center.z + d),\r\n\t\t\t\tnew Point3(center.x + d, center.y + d, center.z - d),\r\n\t\t\t\tnew Point3(center.x - d, center.y + d, center.z - d),\r\n\t\t\t\tnew Point3(center.x - d, center.y + d, center.z + d)\r\n\t\t\t];\r\n\r\n\t\t\tthis.faces = [\r\n        [this.vertices[0], this.vertices[1], this.vertices[2], this.vertices[3]],\r\n        [this.vertices[3], this.vertices[2], this.vertices[5], this.vertices[4]],\r\n        [this.vertices[4], this.vertices[5], this.vertices[6], this.vertices[7]],\r\n        [this.vertices[7], this.vertices[6], this.vertices[1], this.vertices[0]],\r\n        [this.vertices[7], this.vertices[0], this.vertices[3], this.vertices[4]],\r\n        [this.vertices[1], this.vertices[6], this.vertices[5], this.vertices[2]]\r\n      ];\r\n    }\r\n\r\n\t\trender (container, dx, dy) {\r\n      container.innerHTML = \"\";\r\n\r\n\t\t\tfor(let i = 0, ii = this.faces.length; i < ii; i++) {\r\n\t\t\t\tlet face = this.faces[i];\r\n\t\t\t\tlet point = Project(face[0]);\r\n\t\t\t\tvar str = `<path d=\"M${point.x + dx} ${-point.y + dy}`;\r\n\t\t\t\tfor(let o = 1, oo = face.length; o < oo; o++) {\r\n          point = Project(face[o]);\r\n          str += ` L ${point.x + dx} ${-point.y + dy}`;\r\n        }\r\n\t\t\t\tstr += ` Z\" fill=\"rgba(0, 0, 122, .2)\" stroke=\"rgba(0, 0, 0, .2)\">`;\r\n\t\t\t\tcontainer.innerHTML += str;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tconst Project = (vertice) => new Point2(vertice.x, vertice.z);\r\n\r\n\tconst Rotate = (vertice, center, theta, phi) => {\r\n        var ct = Math.cos(theta),\r\n            st = Math.sin(theta),\r\n            cp = Math.cos(phi),\r\n            sp = Math.sin(phi),\r\n\r\n            x = vertice.x - center.x,\r\n            y = vertice.y - center.y,\r\n            z = vertice.z - center.z;\r\n\r\n        vertice.x = ct * x - st * cp * y + st * sp * z + center.x;\r\n        vertice.y = st * x + ct * cp * y - ct * sp * z + center.y;\r\n        vertice.z = sp * y + cp * z + center.z;\r\n    }\r\n\r\n\tconst container = document.getElementById('boxSvg');\r\n\tconst width = container.attributes.width.value;\r\n\tconst height = container.attributes.height.value;\r\n\tconst dx = width / 3.4;\r\n\tconst dy = height / 2;\r\n\tconst center = new Point3(0, dy, 0);\r\n\tconst cube = new Cube(center, dy);\r\n\tconst mouse = {\r\n        down: false,\r\n        x: 0,\r\n        y: 0\r\n    };\r\n\r\n\tconst Tick = () => {\r\n\t\tfor (var i = 0, ii = 8; i < ii; i++) {\r\n\t\t\tRotate(cube.vertices[i], center, Math.PI / 270, Math.PI / 450);\r\n\t\t}\r\n\r\n\t\tcube.render(container, dx, dy);\r\n\r\n\t\t!mouse.down ? requestAnimationFrame(Tick) : null;\r\n\t}\r\n\r\n\tcube.render(container, dx, dy);\r\n\r\n  console.log(container);\r\n\r\n\tcontainer.addEventListener('mousedown', (e) => {\r\n        mouse.down = true;\r\n        mouse.x = e.clientX;\r\n        mouse.y = e.clientY;\r\n    });\r\n    container.addEventListener('mousemove', (e) => {\r\n        if (mouse.down) {\r\n            var theta = (e.clientX - mouse.x) * Math.PI / 360;\r\n            var phi = (e.clientY - mouse.y) * Math.PI / 180;\r\n\r\n            for (var i = 0, ii = 8; i < ii; i++) {\r\n                Rotate(cube.vertices[i], center, theta, phi);\r\n            }\r\n\r\n            mouse.x = e.clientX;\r\n            mouse.y = e.clientY;\r\n\r\n            cube.render(container, dx, dy);\r\n        }\r\n    });\r\n    container.addEventListener('mouseup', () => {\r\n      setTimeout( () => {mouse.down = false; requestAnimationFrame(Tick);}, 200);\r\n    });\r\n\r\n\t//requestAnimationFrame(Tick);\r\n}());\r\n\r\n})\r\n</script>\r\n\r\n<template>\r\n  <svg id=\"boxSvg\" view-box=\"0 0 800 600\" width=\"850\" height=\"500\"></svg>\r\n</template>\r\n\r\n<style lang=\"css\" scoped>\r\n  body {\r\n    margin: 0;\r\n  }\r\n  p {\r\n    text-align: center;\r\n    font-size: 1em;\r\n  }\r\n  svg {\r\n    z-index: 10000;\r\n    background: transparent;\r\n  }\r\n</style>","import script from \"./Vector-demo4.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Vector-demo4.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Vector-demo4.vue?vue&type=style&index=0&id=13b32912&lang=css&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-13b32912\"]])\n\nexport default __exports__","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkcomponents\"] = self[\"webpackChunkcomponents\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(2160); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["domain","window","location","hostname","port","url","Api","axios","create","baseURL","getDictionary","get","sendMail","mailDto","post","sendSupportMail","LogIn","loginDto","withCredentials","CreateTempMember","emailDto","ActivateTempMember","activateDto","CreateMemberFromTemp","createMemberDto","__exports__","app","createApp","App","use","createPinia","component","require","mount","api","useDictionaryStore","defineStore","state","dictionary","getters","isLoaded","length","actions","loadDictionary","this","dictionaryApi","then","response","data","getText","key","item","find","String","value","dictionaryStore","reactive","errorText","mailSent","mandatory","txt","submit","event","companyname","name","email","subject","message","subscibeToNewsLetter","Object","fromEntries","FormData","target","CmsApi","phone","error","onMounted","memberData","persistent","forgotPassword","ToggleForgotPassword","password","undefined","MemberApi","rememberMe","lockOutOnFailure","href","URL","companyName","tempMemberCreated","activationKey","step","umbracoAccountCreated","translateErrorText","getClass","aStep","submitNewAccount","subscriptionConsent","dataConsent","subscriptonGuid","searchParams","subscriptionUniqueId","translate","submitActivationCode","inputActivationCode","activationcode","result","tempMemberExists","submitSavePassword","inputPassword","succeeded","preferedMeetingApp","orderOnlineDemo","getFeatures","features","useFeatureStore","featureTotal","featureCurrency","getFeaturesTotal","loadFeatures","IAApi","recalculate","updateUnitCount","featureId","priceIndex","newUnitCount","console","log","feature","f","uniqueId","price","prices","unitCount","Math","abs","forEach","selected","basePrice","additionalUnitPrice","featureStore","async","card","document","getElementById","clickRotate","classList","toggle","addEventListener","class","_hoisted_2","_createElementBlock","_hoisted_1","_hoisted_4","script","render","Point2","constructor","x","y","Point3","z","super","Cube","center","size","d","vertices","faces","container","dx","dy","innerHTML","i","ii","face","point","Project","str","o","oo","vertice","Rotate","theta","phi","ct","cos","st","sin","cp","sp","width","attributes","height","cube","mouse","down","Tick","PI","requestAnimationFrame","e","clientX","clientY","setTimeout","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","__webpack_modules__","call","m","deferred","O","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","keys","every","splice","r","n","getter","__esModule","a","definition","defineProperty","enumerable","g","globalThis","Function","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","id","chunkLoadingGlobal","self","bind","push","__webpack_exports__"],"sourceRoot":""}