{"version":3,"sources":["webpack:///./src/components/Status.vue?f705","webpack:///src/components/Status.vue","webpack:///./src/components/Status.vue?5cf2","webpack:///./src/components/Status.vue?cf2b","webpack:///./node_modules/@odx/application-ui/src/constants/application-step-statuses.js","webpack:///./src/components/UserFlowStep.vue?f632","webpack:///./src/components/UserFlowStep.vue?7b88","webpack:///src/components/UserFlowStep.vue","webpack:///./src/components/UserFlowStep.vue?0b71","webpack:///./src/components/UserFlowStep.vue?462c","webpack:///./src/components/Status.vue?97f3"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","attrs","steps","on","onClick","staticRenderFns","name","props","stepStatuses","type","Array","required","components","UserFlowStep","data","stepsTemplate","computed","map","status","methods","$emit","component","COMPLETE","PENDING","_v","_s","$t","_l","ref","key","iconName","title","subtitle","description","class"],"mappings":"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","file":"js/chunk-417f5724.4d6e976a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_vm._t(\"title\"),_vm._t(\"description\"),_c('user-flow-step',{attrs:{\"steps\":_vm.steps}}),_vm._t(\"note\"),_c('brand-button',{staticClass:\"statusButton\",on:{\"click\":_vm.onClick}},[_vm._t(\"buttonLabel\")],2)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"content\">\n    <slot class=\"title\" name=\"title\" />\n    <slot class=\"description\" name=\"description\" />\n    <user-flow-step :steps=\"steps\"></user-flow-step>\n    <slot class=\"note\" name=\"note\" />\n    <brand-button class=\"statusButton\" @click=\"onClick\">\n      <slot class=\"buttonLabel\" name=\"buttonLabel\" />\n    </brand-button>\n  </div>\n</template>\n\n<script>\nimport UserFlowStep from '@/components/UserFlowStep';\n\nexport default {\n  name: 'status',\n  props: {\n    stepStatuses: {\n      type: Array,\n      required: true,\n    },\n  },\n  components: {\n    UserFlowStep,\n  },\n  data() {\n    return {\n      stepsTemplate: [\n        {\n          iconName: 'Icons_Communication_Desktop',\n          title: this.$t('status.steps.apply.title'),\n          subtitle: this.$t('status.steps.apply.subtitle'),\n        },\n        {\n          iconName: 'Icons_Business_Tailored',\n          title: this.$t('status.steps.customize.title'),\n          subtitle: this.$t('status.steps.customize.subtitle'),\n        },\n        {\n          iconName: 'Icons_Actions_Thumbs Up',\n          title: this.$t('status.steps.finalize.title'),\n          subtitle: this.$t('status.steps.finalize.subtitle'),\n        },\n      ],\n    };\n  },\n  computed: {\n    steps() {\n      return this.stepsTemplate.map((step, index) => {\n        return {\n          ...step,\n          status: this.stepStatuses[index],\n        };\n      });\n    },\n  },\n  methods: {\n    onClick() {\n      this.$emit('click');\n    },\n  },\n};\n</script>\n<style lang=\"sass\" scoped>\n.content\n  display: flex\n  flex-direction: column\n  align-items: center\n\n.title\n  +mq($stego)\n    margin-top: baseunit(6.8)\n\n.description\n  margin-top: $glass-spacing-3\n  margin-bottom: $glass-spacing-4\n  +font-size(13.33)\n  width: 100%\n  color: $color-system-neutral-gray-5\n  +mq($stego)\n    width: baseunit(87)\n\n.note\n  margin-top: $glass-spacing-4\n  margin-bottom: $glass-spacing-2\n  +font-size(13.33)\n  width: 100%\n  +mq($stego)\n    width: baseunit(80)\n\n.statusButton\n  margin-top: $glass-spacing-2\n  margin-bottom: $glass-spacing-5\n\n::v-deep\n  .step\n    .title\n      font-weight: bold\n\n    &.pending\n      .image .icon\n        color: $color-primary-brand-light\n\n      .line\n        background-color: $color-primary-brand-light\n\n      .progress\n        .circle\n          display: none\n</style>\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!./Status.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!./Status.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Status.vue?vue&type=template&id=4cd72b13&scoped=true&\"\nimport script from \"./Status.vue?vue&type=script&lang=js&\"\nexport * from \"./Status.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Status.vue?vue&type=style&index=0&id=4cd72b13&lang=sass&scoped=true&\"\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  \"4cd72b13\",\n  null\n  \n)\n\nexport default component.exports","export const COMPLETE = 'complete';\nexport const PENDING = 'pending';\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserFlowStep.vue?vue&type=style&index=0&id=048ee427&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserFlowStep.vue?vue&type=style&index=0&id=048ee427&lang=sass&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"userFlowStep\"},[_c('heading',{staticClass:\"title\",attrs:{\"level\":\"4\"}},[_vm._v(_vm._s(_vm.$t('inReview.article.title')))]),_c('div',{staticClass:\"groupSteps\"},_vm._l((_vm.steps),function(ref,key){\nvar iconName = ref.iconName;\nvar title = ref.title;\nvar subtitle = ref.subtitle;\nvar description = ref.description;\nvar status = ref.status;\nreturn _c('div',{key:key,class:['step', status]},[_c('div',{staticClass:\"image\"},[_c('svg-use',{staticClass:\"circle\",attrs:{\"name\":\"Icons _ Circle\"}}),_c('svg-use',{staticClass:\"icon\",attrs:{\"name\":iconName}})],1),_c('div',{staticClass:\"progress\"},[_c('div',{staticClass:\"line left\"}),_c('svg-use',{staticClass:\"checkmark\",attrs:{\"name\":\"Icons _ 01 System _ Action _ Check Circle\"}}),_c('svg-use',{staticClass:\"circle\",attrs:{\"name\":\"Icons _ Stepper _ Future\"}}),_c('svg-use',{staticClass:\"disk\",attrs:{\"name\":\"Icons _ Disk\"}}),_c('div',{staticClass:\"line right\"})],1),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(title))]),_c('div',{staticClass:\"subtitle\"},[_vm._v(_vm._s(subtitle))]),_c('div',{staticClass:\"description\"},[_vm._v(_vm._s(description))])])}),0)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"userFlowStep\">\n    <heading level=\"4\" class=\"title\">{{ $t('inReview.article.title') }}</heading>\n    <div class=\"groupSteps\">\n      <div\n        v-for=\"({ iconName, title, subtitle, description, status }, key) in steps\"\n        :key=\"key\"\n        :class=\"['step', status]\"\n      >\n        <div class=\"image\">\n          <svg-use class=\"circle\" name=\"Icons _ Circle\" />\n          <svg-use class=\"icon\" :name=\"iconName\" />\n        </div>\n        <div class=\"progress\">\n          <div class=\"line left\"></div>\n          <svg-use class=\"checkmark\" name=\"Icons _ 01 System _ Action _ Check Circle\" />\n          <svg-use class=\"circle\" name=\"Icons _ Stepper _ Future\" />\n          <svg-use class=\"disk\" name=\"Icons _ Disk\" />\n          <div class=\"line right\"></div>\n        </div>\n        <div class=\"title\">{{ title }}</div>\n        <div class=\"subtitle\">{{ subtitle }}</div>\n        <div class=\"description\">{{ description }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name: 'user-flow-step',\n  props: {\n    steps: {\n      type: Array,\n      required: true,\n    },\n  },\n};\n</script>\n<style lang=\"sass\" scoped>\n$desktop-breakpoint: $tricera !default\n\n$circle-size: baseunit(6)\n$icon-size: baseunit(4)\n$checkmark-size: baseunit(2.4)\n$disk-size-small: baseunit(2.0)\n$circle-size-small: baseunit(2.4)\n$bar-height: baseunit(0.2)\n\n.userFlowStep\n  background: $glass-color-system-neutral-white\n  border: 1px solid $color-system-neutral-gray-3\n  border-radius: 4px\n  padding: $glass-spacing-5\n  width: 100%\n  +mq($desktop-breakpoint)\n    padding: $glass-spacing-3\n    width: auto\n\n.groupSteps\n  display: flex\n  justify-content: center\n  margin-top: $glass-spacing-3\n  flex-direction: column\n  +mq($desktop-breakpoint)\n    flex-direction: row\n\n.progress\n  .checkmark, .disk\n    display: none\n\n.line\n  background-color: $glass-color-system-neutral-grey-07\n\n  +mq($desktop-breakpoint)\n    flex: 1 0 0\n    height: 0\n    margin-top: $checkmark-size / 2\n\n  &.right\n    margin-left: $glass-spacing-025\n\n  &.left\n    margin-right: $glass-spacing-025\n\n.step\n  position: relative\n  width: 100%\n  flex: 0 0 auto\n  margin: 0 auto\n  color: $glass-color-system-neutral-grey-07\n\n  +mq($desktop-breakpoint)\n    margin: 0\n    width: baseunit(24.6)\n\n  .image\n    background: $glass-color-system-neutral-white\n    position: relative\n    width: $circle-size\n    height: $circle-size\n    margin: 0 auto\n\n    .circle, .icon\n      position: absolute\n\n    .circle\n      width: $circle-size\n      height: $circle-size\n      top: 0\n      left: 0\n      stroke: $glass-color-system-neutral-grey-09\n\n    .icon\n      color: $glass-color-system-neutral-grey-07\n      width: $icon-size\n      height: $icon-size\n      top: ($circle-size - $icon-size) / 2\n      left: ($circle-size - $icon-size) / 2\n\n  &.complete,\n  &.pending\n    .line\n      background-color: $color-primary-brand-light\n\n    .progress\n      .circle\n        display: none\n\n  &.complete\n    .progress .checkmark\n      display: block\n\n  &.pending\n    color: $glass-color-system-neutral-grey-09\n\n    .progress .disk\n      display: block\n\n    .title\n      font-weight: bold\n      color: $color-system-neutral-gray-6\n\n    .subtitle\n      font-weight: bold\n      color: $color-system-neutral-gray-5\n\n    .line.right\n      background-color: $glass-color-system-neutral-grey-07\n\n    .image .icon\n      color: $color-primary-brand-light\n\n  &:not(:last-child)\n    margin-bottom: $glass-spacing-4\n    +mq($desktop-breakpoint)\n      margin-bottom: 0\n\n    .line.right\n      height: $bar-height\n\n  &:not(:first-child)\n    .line.left\n      height: $bar-height\n\n  .title\n    +font-size(16, 20)\n    color: $color-system-neutral-gray-6\n\n  .subtitle\n    +font-size(13.33, 18)\n\n  .description\n    margin-top: $glass-spacing-2\n    +font-size(13.33, 18)\n    white-space: pre-wrap\n\n.progress\n  display: flex\n  justify-content: center\n  margin: $glass-spacing-1 0 $glass-spacing-05\n\n  .checkmark\n    background: $glass-color-system-neutral-white\n    color: $color-primary-brand-light\n    width: $checkmark-size\n    height: $checkmark-size\n\n  .disk\n    width: $disk-size-small\n    height: $disk-size-small\n    margin: $glass-spacing-025 0\n\n  .circle\n    width: $circle-size-small\n    height: $circle-size-small\n\n  .disk\n    color: $color-primary-brand-light\n</style>\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!./UserFlowStep.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!./UserFlowStep.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserFlowStep.vue?vue&type=template&id=048ee427&scoped=true&\"\nimport script from \"./UserFlowStep.vue?vue&type=script&lang=js&\"\nexport * from \"./UserFlowStep.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserFlowStep.vue?vue&type=style&index=0&id=048ee427&lang=sass&scoped=true&\"\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  \"048ee427\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Status.vue?vue&type=style&index=0&id=4cd72b13&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Status.vue?vue&type=style&index=0&id=4cd72b13&lang=sass&scoped=true&\""],"sourceRoot":""}