{"version":3,"sources":["webpack:////src/components/Solutions.vue","webpack:////src/components/Solutions.vue?89cd","webpack:////src/components/Container.vue","webpack:////src/components/Container.vue?f6d5","webpack:////src/components/Solutions.vue?d3f3","webpack:////src/components/Container.vue?1a88","webpack:////src/composables/solutions.js"],"names":["class","id","links","title","t","subtitle","data","item","icon","key","svg","className","text","components","Container","Svg","setup","messages","en","fr","render","color","props","__scopeId","dataSolutions","translate"],"mappings":"4IAEWA,MAAM,a,GAEIA,MAAM,mB,GAGNA,MAAM,sB,0GANzB,eAgBY,GAhBDC,GAAG,YAAYC,MAAM,OAAQC,MAAO,EAAAC,EAAC,SAAWC,SAAS,I,yBAChE,iBAcM,CAdN,eAcM,MAdN,EAcM,E,mBAbJ,eAYU,2BAZmC,EAAAC,MAAI,SAAZC,G,wBAArC,eAYU,OAZJN,GAAE,cAASM,EAAKC,MAA8BC,IAAKF,EAAKG,IAAKV,MAAM,mB,CACjE,eAEM,MAFN,EAEM,CADF,eAAyD,GAAnDQ,KAAMD,EAAKC,KAAMG,UAAU,wB,mBAErC,eAOM,MAPN,EAOM,CANF,eAEK,yBADCJ,EAAKJ,OAAK,GAEhB,eAEI,wBADEI,EAAKK,MAAI,M,+FAgBpB,GACbC,WAAY,CAAEC,YAAA,KAAWC,MAAA,MACzBC,MAFa,WAEN,MACO,eAAQ,CAChBC,SAAS,CACLC,GAAI,EAAQ,QACZC,GAAI,EAAQ,WAHbf,EADF,EACEA,EAMCE,EAAO,gBAAS,kBAAM,eAAcF,MAC1C,MAAO,CAACE,OAAMF,O,UCjCpB,EAAOgB,OAASA,EAED,gB,uICLSpB,MAAM,uC,GACnBA,MAAM,sB,SACFA,MAAM,oB,kFAHnB,eAaM,OAbDA,MAAK,CAAC,YAAoB,EAAAqB,MAAK,cAAiB,EAAAA,MAAK,K,CAC3C,EAAAnB,O,iBAAX,eAAoE,MAApE,I,sBACA,eAUM,MAVN,EAUM,CATkC,EAAAC,O,iBAApC,eAOM,MAPN,EAOM,CANF,eAEK,yBADC,EAAAA,OAAK,GAED,EAAAE,U,iBAAV,eAEK,sBADC,EAAAA,UAAQ,I,+CAGlB,eAAO,uB,MAMF,GACXiB,MAAM,CAAC,QAAS,QAAS,WAAY,U,UCdzC,EAAOF,OAASA,EAChB,EAAOG,UAAY,kBAEJ,U,kCCRf,W,kCCAA,W,yDCAA,kCAEO,IAAMC,EAAgB,SAACC,GAC5B,IAAMnB,EAAO,CACX,CACEE,KAAM,OACNL,MAAOsB,EAAU,sBACjBb,KAAMa,EAAU,uBAElB,CACEjB,KAAM,SACNL,MAAOsB,EAAU,sBACjBb,KAAMa,EAAU,uBAElB,CACEjB,KAAM,MACNL,MAAOsB,EAAU,uBACjBb,KAAMa,EAAU,wBAElB,CACEjB,KAAM,UACNL,MAAOsB,EAAU,sBACjBb,KAAMa,EAAU,uBAElB,CACEjB,KAAM,OACNL,MAAOsB,EAAU,sBACjBb,KAAMa,EAAU,uBAElB,CACEjB,KAAM,OACNL,MAAOsB,EAAU,sBACjBb,KAAMa,EAAU,uBAElB,CACEjB,KAAM,WACNL,MAAOsB,EAAU,sBACjBb,KAAMa,EAAU,uBAElB,CACEjB,KAAM,OACNL,MAAOsB,EAAU,sBACjBb,KAAMa,EAAU,uBAElB,CACEjB,KAAM,UACNL,MAAOsB,EAAU,sBACjBb,KAAMa,EAAU,uBAElB,CACEjB,KAAM,QACNL,MAAOsB,EAAU,sBACjBb,KAAMa,EAAU,uBAElB,CACEjB,KAAM,aACNL,MAAOsB,EAAU,sBACjBb,KAAMa,EAAU,wBAGpB,OAAOnB,I","file":"js/chunk-e58601a2.27c05883.js","sourcesContent":["<template>\n  <container id=\"solutions\" links=\"true\" :title=\"t('title')\" subtitle=\"\">\n      <div class=\"solutions\">\n        <div :id=\"`sol-${item.icon}`\" v-for=\"item in data\" :key=\"item.svg\" class=\"solutions__item\">\n                <div class=\"solutions__logo\">\n                    <Svg :icon=\"item.icon\" className=\"solutions__logo--svg\"/>\n                </div>\n                <div class=\"solutions__content\">\n                    <h3>\n                        {{item.title}}\n                    </h3>\n                    <p>\n                        {{item.text}}\n                    </p>\n                </div>\n            </div>\n      </div>\n  </container>\n</template>\n\n<script>\nimport Svg from './utils/Svg'\nimport Container from './Container.vue'\nimport {dataSolutions} from '../composables/solutions';\n\nimport {useI18n} from 'vue-i18n';\n\nimport { computed } from 'vue';\nexport default {\n  components: { Container, Svg },\n  setup(){\n    const {t} = useI18n({\n        messages:{\n            en: require('../locales/en/solutions.json'),\n            fr: require('../locales/fr/solutions.json')\n        },\n    })\n      const data = computed(() => dataSolutions(t));\n      return {data, t};\n  }\n\n}\n</script>\n\n<style lang=\"scss\">\n@import '../style/main';\n\n.solutions{\n    border: 1px solid currentColor;\n    border-radius: 5px;\n    box-shadow: $shadow;\n\n    padding: 4rem;\n\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    @include respond(phone){\n        flex-direction: column;\n        padding: 2.5rem;\n    }\n\n    &__item{\n\n        flex: 0 0 48%;\n        display: flex;\n\n        margin-bottom: 3rem;\n\n        @include respond(small){\n            flex-direction: column;\n        }\n        \n    }\n\n    &__content{\n        flex: 1;\n\n        & h3{\n            margin-bottom: .6rem;\n            text-transform: uppercase;\n            letter-spacing: .1rem;\n        }\n\n        & p{\n            text-align: justify;\n        }\n    }\n    &__logo{\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 4rem;\n        height: 4rem;\n        border-radius: 3px;\n        border:1px solid currentColor;\n        box-shadow: 3px 3px 0 currentColor;\n        margin-right: 2rem;\n        &--svg{\n            @include svg(2.4rem);\n        }\n\n         @include respond(small){\n            margin-right: 0rem;\n            margin-bottom: 1.6rem;\n        }\n    }\n}\n\n</style>","import { render } from \"./Solutions.vue?vue&type=template&id=6c6f1f18\"\nimport script from \"./Solutions.vue?vue&type=script&lang=js\"\nexport * from \"./Solutions.vue?vue&type=script&lang=js\"\n\nimport \"./Solutions.vue?vue&type=style&index=0&id=6c6f1f18&lang=scss\"\nscript.render = render\n\nexport default script","<template>\n  <div class=\"container\" :class=\"color ? 'container__'+color : ''\">\n      <div v-if=\"links\" class=\"container__link container__link--up\"></div>\n      <div class=\"container__content\">\n          <div class=\"container__title\" v-if=\"title\">\n              <h2>\n                  {{title}}\n              </h2>\n              <h3 v-if=\"subtitle\">\n                  {{subtitle}}\n              </h3>\n          </div>\n          <slot/>\n      </div>\n  </div>\n</template>\n\n<script>\nexport default {\n    props:['color', 'title', 'subtitle', 'links']\n}\n</script>\n\n<style lang=\"scss\" scoped>\n    @import '@/style/main';\n    .container{\n       position: relative;\n        \n        &__content{\n             max-width: $page-width;\n            margin: 0 auto;\n            padding: 6rem 0;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n\n            @include respond(tab-land){\n                width: 95%;\n            }\n            @include respond(phone){\n                width: 92%;\n            }\n            @include respond(large-desktop){\n                max-width: $page-width-large;\n            }\n        }\n\n        &__title{\n            text-align: center;\n            margin-bottom: 4rem;\n\n            & h2{\n                text-transform: uppercase;\n                font-weight: 700;\n                font-size: 2.4rem;\n                letter-spacing: .2rem;\n                margin-bottom: 1.4rem;\n            }\n\n            & h3{\n                font-weight: 300;\n                font-size: 1.8rem;\n                letter-spacing: .1rem;\n                margin-bottom: 2rem;\n            }\n        }\n\n        &__blue-dark{\n            background-color: $color-blue-dark;\n            color:$color-white;\n        }\n\n        &__blue-light{\n            background-color: $color-bck-blue-light;\n        }\n\n        &__blue{\n            background-color: $color-blue-main;\n            color: $color-white;\n        }\n\n        &__link{\n            position: absolute;\n            left: 50%;\n            width: 2px;\n            height: 4rem;\n            background-color: $color-text;\n            z-index: 5;\n\n            &--up{\n                top: 0;\n                transform: translateY(-50%);\n            }\n        }\n    }\n</style>","import { render } from \"./Container.vue?vue&type=template&id=60ee86de&scoped=true\"\nimport script from \"./Container.vue?vue&type=script&lang=js\"\nexport * from \"./Container.vue?vue&type=script&lang=js\"\n\nimport \"./Container.vue?vue&type=style&index=0&id=60ee86de&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-60ee86de\"\n\nexport default script","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-v16/dist/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-v16/dist/index.js??ref--0-1!./Solutions.vue?vue&type=style&index=0&id=6c6f1f18&lang=scss\"","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-v16/dist/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-v16/dist/index.js??ref--0-1!./Container.vue?vue&type=style&index=0&id=60ee86de&lang=scss&scoped=true\"","// import i18n from \"../i18n\";\n\nexport const dataSolutions = (translate) => {\n  const data = [\n    {\n      icon: \"code\",\n      title: translate(\"solutions[0].title\"),\n      text: translate(\"solutions[0].descr\"),\n    },\n    {\n      icon: \"design\",\n      title: translate(\"solutions[1].title\"),\n      text: translate(\"solutions[1].descr\"),\n    },\n    {\n      icon: \"cms\",\n      title: translate(\"solutions[10].title\"),\n      text: translate(\"solutions[10].descr\"),\n    },\n    {\n      icon: \"process\",\n      title: translate(\"solutions[3].title\"),\n      text: translate(\"solutions[3].descr\"),\n    },\n    {\n      icon: \"data\",\n      title: translate(\"solutions[5].title\"),\n      text: translate(\"solutions[5].descr\"),\n    },\n    {\n      icon: \"bill\",\n      title: translate(\"solutions[6].title\"),\n      text: translate(\"solutions[6].descr\"),\n    },\n    {\n      icon: \"calendar\",\n      title: translate(\"solutions[7].title\"),\n      text: translate(\"solutions[7].descr\"),\n    },\n    {\n      icon: \"chat\",\n      title: translate(\"solutions[8].title\"),\n      text: translate(\"solutions[8].descr\"),\n    },\n    {\n      icon: \"payment\",\n      title: translate(\"solutions[9].title\"),\n      text: translate(\"solutions[9].descr\"),\n    },\n    {\n      icon: \"eshop\",\n      title: translate(\"solutions[4].title\"),\n      text: translate(\"solutions[4].descr\"),\n    },\n    {\n      icon: \"moderation\",\n      title: translate(\"solutions[2].title\"),\n      text: translate(\"solutions[2].descr\"),\n    },\n  ];\n  return data;\n};\n"],"sourceRoot":""}