{"version":3,"sources":["webpack:///./src/components/TrustBox.vue?5e4a","webpack:///./src/components/TrustBox.vue?8109","webpack:///src/components/TrustBox.vue","webpack:///./src/components/TrustBox.vue?2bb8","webpack:///./src/components/TrustBox.vue?fe18"],"names":["render","_vm","this","_h","$createElement","_c","_self","isAccepted","_e","class","position","visible","bgVariant","staticClass","textColor","_t","close","staticRenderFns","name","props","type","String","default","validator","data","window","localStorage","getItem","STORAGE_KEY","methods","toggle","newState","setTimeout","setItem","created","component"],"mappings":"sHAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAASF,EAAIM,WAAgVN,EAAIO,KAAxUH,EAAG,MAAM,CAACI,MAAM,CAAC,WAAa,KAAOR,EAAIS,SAAW,CAAE,aAAcT,EAAIU,WAAY,CAACN,EAAG,MAAM,CAACA,EAAG,MAAM,CAACI,MAAM,CAAC,cAAgB,MAAQR,EAAIW,aAAcP,EAAG,MAAM,CAACQ,YAAY,8BAA8B,CAACR,EAAG,MAAM,CAACI,MAAM,CAAC,iBAAmB,QAAUR,EAAIa,YAAa,CAACb,EAAIc,GAAG,UAAU,KAAK,CAAC,MAAQd,EAAIe,SAAS,UACzaC,EAAkB,G,wDCkBtB,IACA,6CACA,mCAEA,GACEC,KAAM,WACNC,MAAO,CACLT,SAAU,CACRU,KAAMC,OACNC,QAAS,SACTC,UAAW,SAAjB,uDAEIX,UAAW,CACTQ,KAAMC,OACNC,QAAS,OACTC,UAAW,SAAjB,0BAEIT,UAAW,CACTM,KAAMC,OACNC,QAAS,QACTC,UAAW,SAAjB,0CAGEC,KAnBF,WAoBI,MAAO,CACLjB,WAAYkB,OAAOC,aAAaC,QAAQC,GACxCjB,SAAS,IAGbkB,QAAS,CACPC,OADJ,WACA,yEACA,2BAEUC,EACFC,YAAW,WACT,EAAV,YACA,OAEQ9B,KAAKS,QAAUoB,GAGnBf,MAZJ,WAaMd,KAAK4B,QAAO,GACZL,OAAOC,aAAaO,QAAQL,GAAa,KAG7CM,QA1CF,WA2CShC,KAAKK,YACRL,KAAK4B,QAAO,KCnEgU,I,wBCQ9UK,EAAY,eACd,EACAnC,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAkB,E","file":"js/component-trustbox.a562a165.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrustBox.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isAccepted)?_c('div',{class:['trustbox', (\"p-\" + _vm.position), { 'is-visible': _vm.visible }]},[_c('div',[_c('div',{class:['trustbox-bg', (\"bg-\" + _vm.bgVariant)]}),_c('div',{staticClass:\"trustbox-content container\"},[_c('div',{class:['trustbox-inner', (\"text-\" + _vm.textColor)]},[_vm._t(\"default\",null,{\"close\":_vm.close})],2)])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"!isAccepted\" :class=\"['trustbox', `p-${position}`, { 'is-visible': visible }]\">\r\n    <div>\r\n      <div :class=\"['trustbox-bg', `bg-${bgVariant}`]\"></div>\r\n\r\n      <div class=\"trustbox-content container\">\r\n        <div :class=\"['trustbox-inner', `text-${textColor}`]\">\r\n          <slot :close=\"close\"/>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { name } from '@/../package.json'\r\n\r\nimport SCSS_VARIABLES from '@/assets/js/modules/scss-variables'\r\n\r\nconst FADEIN_DELAY_SECONDS = 1\r\nconst STORAGE_KEY = `${name.toUpperCase()}_TRUSTED`\r\nconst THEME_COLOR_KEYS = Object.keys(SCSS_VARIABLES.colors.theme)\r\n\r\nexport default {\r\n  name: 'TrustBox',\r\n  props: {\r\n    position: {\r\n      type: String,\r\n      default: 'bottom',\r\n      validator: value => ['top', 'bottom', 'left', 'right'].includes(value)\r\n    },\r\n    bgVariant: {\r\n      type: String,\r\n      default: 'dark',\r\n      validator: value => THEME_COLOR_KEYS.includes(value)\r\n    },\r\n    textColor: {\r\n      type: String,\r\n      default: 'white',\r\n      validator: value => ['white', 'black'].includes(value)\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      isAccepted: window.localStorage.getItem(STORAGE_KEY),\r\n      visible: false\r\n    }\r\n  },\r\n  methods: {\r\n    toggle (state = null) {\r\n      const newState = state !== null ? state : !this.visible\r\n\r\n      if (newState) {\r\n        setTimeout(() => {\r\n          this.visible = newState\r\n        }, FADEIN_DELAY_SECONDS * 1000)\r\n      } else {\r\n        this.visible = newState\r\n      }\r\n    },\r\n    close () {\r\n      this.toggle(false)\r\n      window.localStorage.setItem(STORAGE_KEY, true)\r\n    }\r\n  },\r\n  created () {\r\n    if (!this.isAccepted) {\r\n      this.toggle(true)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$trustbox-transition-in: all ease-out 1000ms !default;\r\n$trustbox-transition-out: all ease-in 300ms !default;\r\n\r\n$trustbox-bg-opacity: 0.95 !default;\r\n\r\n$trustbox-inner-padding-y: $component-padding-y * 0.5 !default;\r\n$trustbox-inner-padding-x: 0 !default;\r\n$trustbox-inner-font-size: $font-size-sm !default;\r\n\r\n.trustbox {\r\n  position: fixed;\r\n  z-index: 10000;\r\n\r\n  > div {\r\n    transition: $trustbox-transition-out;\r\n  }\r\n\r\n  .trustbox-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    opacity: $trustbox-bg-opacity;\r\n    z-index: 1;\r\n  }\r\n\r\n  .trustbox-content {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    .trustbox-inner {\r\n      padding: $trustbox-inner-padding-y $trustbox-inner-padding-x;\r\n      font-size: $trustbox-inner-font-size;\r\n    }\r\n  }\r\n\r\n  &.p-top,\r\n  &.p-bottom {\r\n    left: 0;\r\n    right: 0;\r\n  }\r\n\r\n  &.p-left,\r\n  &.p-right {\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    > div {\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  &.p-top { bottom: 100%; }\r\n  &.p-bottom { top: 100%; }\r\n  &.p-left { right: 100%; }\r\n  &.p-right { left: 100%; }\r\n\r\n  &.is-visible {\r\n    > div {\r\n      transition: $trustbox-transition-in;\r\n    }\r\n\r\n    &.p-top > div { transform: translateY(100%); }\r\n    &.p-bottom > div { transform: translateY(-100%); }\r\n    &.p-left > div { transform: translateX(100%); }\r\n    &.p-right > div { transform: translateX(-100%); }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrustBox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrustBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrustBox.vue?vue&type=template&id=4e652bcd&\"\nimport script from \"./TrustBox.vue?vue&type=script&lang=js&\"\nexport * from \"./TrustBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrustBox.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}