{"version":3,"file":"js/home-1fd36368.444d1dc7.js","mappings":"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","sources":["webpack://procon-web/./src/components/common/AppBannerPrimary.vue","webpack://procon-web/src/components/common/AppBannerPrimary.vue","webpack://procon-web/./src/components/common/AppBannerPrimary.vue?53b2","webpack://procon-web/./src/components/common/AppBannerPrimary.vue?8893","webpack://procon-web/./src/components/common/AppBannerSecondary.vue","webpack://procon-web/src/components/common/AppBannerSecondary.vue","webpack://procon-web/./src/components/common/AppBannerSecondary.vue?6fcc","webpack://procon-web/./src/components/common/AppBannerSecondary.vue?18b9","webpack://procon-web/./src/components/common/GeneralBanner.vue","webpack://procon-web/src/components/common/GeneralBanner.vue","webpack://procon-web/./src/components/common/GeneralBanner.vue?4292","webpack://procon-web/./src/components/common/GeneralBanner.vue?446c","webpack://procon-web/./src/components/common/GoogleIcon.vue","webpack://procon-web/src/components/common/GoogleIcon.vue","webpack://procon-web/./src/components/common/GoogleIcon.vue?333c","webpack://procon-web/./src/components/common/GoogleIcon.vue?040f","webpack://procon-web/./src/components/common/HighlightsBanner.vue","webpack://procon-web/src/components/common/HighlightsBanner.vue","webpack://procon-web/./src/components/common/HighlightsBanner.vue?2a55","webpack://procon-web/./src/components/common/HighlightsBanner.vue?be5a","webpack://procon-web/./src/components/common/SearchBanner.vue","webpack://procon-web/src/components/common/SearchBanner.vue","webpack://procon-web/./src/components/common/SearchBanner.vue?761f","webpack://procon-web/./src/components/common/SearchBanner.vue?b638","webpack://procon-web/./src/components/common/ShortcutCard.vue","webpack://procon-web/src/components/common/ShortcutCard.vue","webpack://procon-web/./src/components/common/ShortcutCard.vue?deb8","webpack://procon-web/./src/components/common/ShortcutCard.vue?22c7","webpack://procon-web/./src/components/common/ShortcutSlider.vue","webpack://procon-web/src/components/common/ShortcutSlider.vue","webpack://procon-web/./src/components/common/ShortcutSlider.vue?e144","webpack://procon-web/./src/components/common/ShortcutSlider.vue?70b0"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.$t('HOME.OTHERS.LINKS.googlePlay') && _vm.$t('HOME.OTHERS.LINKS.appleStore'))?_c('section',{staticClass:\"banner\"},[_c('div',{staticClass:\"banner__text\"},[_c('h3',[_vm._v(\"Experimente nosso app\")]),_c('p',[_vm._v(\"Acesse os diversos serviços oferecidos pela sua cidade de forma intuitiva, rápida e fácil.\")]),_c('div',{staticClass:\"banner__text__links\"},[_c('a',{attrs:{\"href\":_vm.$t('HOME.OTHERS.LINKS.appleStore'),\"target\":\"_blank\",\"rel\":\"noopener noreferrer\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/app-store-badge.svg\"),\"alt\":\"Baixar na App Store\"}})]),_c('a',{attrs:{\"href\":_vm.$t('HOME.OTHERS.LINKS.googlePlay'),\"target\":\"_blank\",\"rel\":\"noopener noreferrer\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/google-play-badge.svg\"),\"alt\":\"Disponível no Google Play\"}})])])]),_c('img',{staticClass:\"banner__mockup\",attrs:{\"src\":require(`@/assets/theme/${_vm.realm}/imgs/smartphone.svg`) || require(`@/assets/img/mockup.png`),\"alt\":\"Celular mostrando o aplicativo\"}})]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section\n    v-if=\"$t('HOME.OTHERS.LINKS.googlePlay') && $t('HOME.OTHERS.LINKS.appleStore')\"\n    class=\"banner\"\n  >\n    <div class=\"banner__text\">\n      <h3>Experimente nosso app</h3>\n      <p>Acesse os diversos serviços oferecidos pela sua cidade de forma intuitiva, rápida e fácil.</p>\n      <div class=\"banner__text__links\">\n        <a\n          :href=\"$t('HOME.OTHERS.LINKS.appleStore')\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <img\n            src=\"@/assets/img/app-store-badge.svg\"\n            alt=\"Baixar na App Store\"\n          >\n        </a>\n        <a\n          :href=\"$t('HOME.OTHERS.LINKS.googlePlay')\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <img\n            src=\"@/assets/img/google-play-badge.svg\"\n            alt=\"Disponível no Google Play\"\n          >\n        </a>\n      </div>\n    </div>\n    <img\n      :src=\"require(`@/assets/theme/${realm}/imgs/smartphone.svg`) || require(`@/assets/img/mockup.png`)\"\n      alt=\"Celular mostrando o aplicativo\"\n      class=\"banner__mockup\"\n    >\n  </section>\n</template>\n\n<script>\nconst realmTheme = process.env.VUE_APP_THEME_REALM ?? process.env.VUE_APP_KEYCLOAK_REALM;\n\nexport default {\n  name: 'AppBannerPrimary',\n  data() {\n    const realm = realmTheme  === 'Uppersoft'  ?  'upcities' : realmTheme;\n\n    return {\n      realm\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.banner {\n  width: 92%;\n  margin: $spacing-06 auto;\n  padding: $spacing-06;\n  max-width: $max-width-mobile;\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: center;\n  justify-content: space-between;\n  column-gap: $spacing-05;\n  row-gap: $spacing-06;\n  background-color: $white;\n  border-radius: $radius-lg;\n  box-shadow: $shadow-02;\n\n  @include screen (tablet-big-up) {\n    width: 84%;\n    max-width: $max-width-desktop;\n    margin: 0 auto;\n    box-shadow: none;\n    background-color: $transparent;\n    padding: 0;\n    flex-direction: row;\n    margin-top: 1rem;\n  }\n\n  &__text {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    row-gap: $spacing-03;\n    color: $gray-60;\n\n    @include screen (tablet-big-up) {\n      max-width: 22rem;\n    }\n\n    h3 {\n      text-align: center;\n      width: 100%;\n\n      @include text-l($weight: 3);\n\n      @include screen (tablet-big-up) {\n        text-align: left;\n\n        @include title-m;\n      }\n    }\n\n    p {\n      text-align: center;\n      width: 100%;\n\n      @include text-m;\n\n      @include screen (tablet-big-up) {\n        text-align: left;\n\n        @include text-l;\n      }\n    }\n\n    &__links {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      column-gap: $spacing-05;\n      margin-top: $spacing-05;\n\n      @include screen (tablet-big-up) {\n        justify-content: flex-start;\n      }\n\n      img {\n        height: 2.65rem;\n      }\n    }\n  }\n\n  &__mockup {\n    border-bottom: $border-1 solid $gray-50;\n    height: 100px;\n\n    @include screen (tablet-big-up) {\n      border-bottom: none;\n      height: auto;\n      max-width: 495px;\n      max-height: 364px;\n    }\n  }\n\n  @media print {\n    display: none;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./AppBannerPrimary.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./AppBannerPrimary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppBannerPrimary.vue?vue&type=template&id=7e9f676a&scoped=true&\"\nimport script from \"./AppBannerPrimary.vue?vue&type=script&lang=js&\"\nexport * from \"./AppBannerPrimary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppBannerPrimary.vue?vue&type=style&index=0&id=7e9f676a&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7e9f676a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.$t('HOME.OTHERS.LINKS.googlePlay') && _vm.$t('HOME.OTHERS.LINKS.appleStore'))?_c('section',{staticClass:\"banner\"},[_c('h3',{staticClass:\"banner__title\"},[_vm._v(\" Experimente o app de \\\"\"+_vm._s(_vm.$t('APP.name'))+\"\\\"! \")]),_c('div',{staticClass:\"banner__links\"},[_c('a',{attrs:{\"href\":_vm.$t('HOME.OTHERS.LINKS.appleStore'),\"target\":\"_blank\",\"rel\":\"noopener noreferrer\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/app-store-badge.svg\"),\"alt\":\"Baixar na App Store\"}})]),_c('a',{attrs:{\"href\":_vm.$t('HOME.OTHERS.LINKS.googlePlay'),\"target\":\"_blank\",\"rel\":\"noopener noreferrer\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/google-play-badge.svg\"),\"alt\":\"Disponível no Google Play\"}})])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section\n    v-if=\"$t('HOME.OTHERS.LINKS.googlePlay') && $t('HOME.OTHERS.LINKS.appleStore')\"\n    class=\"banner\"\n  >\n    <h3 class=\"banner__title\">\n      Experimente o app de \"{{ $t('APP.name') }}\"!\n    </h3>\n    <div class=\"banner__links\">\n      <a\n        :href=\"$t('HOME.OTHERS.LINKS.appleStore')\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <img\n          src=\"@/assets/img/app-store-badge.svg\"\n          alt=\"Baixar na App Store\"\n        >\n      </a>\n      <a\n        :href=\"$t('HOME.OTHERS.LINKS.googlePlay')\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <img\n          src=\"@/assets/img/google-play-badge.svg\"\n          alt=\"Disponível no Google Play\"\n        >\n      </a>\n    </div>\n  </section>\n</template>\n\n<script>\nexport default {\n  name: 'AppBannerSecondary',\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.banner {\n  width: 100%;\n  background-color: $step-select;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  row-gap: $spacing-05;\n  padding: $spacing-07 max(4%, calc(50% - $max-width-mobile/2));\n\n  @include screen(tablet-big-up) {\n    flex-direction: row;\n    padding: $spacing-07 max(8%, calc(50% - $max-width-desktop/2));\n  }\n\n  &__title {\n    text-align: center;\n\n    @include title-xs($weight: 2);\n\n    @include screen (tablet-big-up) {\n      @include title-s;\n    }\n  }\n\n  &__links {\n    display: flex;\n    align-items: center;\n    column-gap: $spacing-05;\n\n    img {\n      height: 2.65rem;\n    }\n  }\n\n  @media print {\n    display: none;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./AppBannerSecondary.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./AppBannerSecondary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppBannerSecondary.vue?vue&type=template&id=73f07a36&scoped=true&\"\nimport script from \"./AppBannerSecondary.vue?vue&type=script&lang=js&\"\nexport * from \"./AppBannerSecondary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppBannerSecondary.vue?vue&type=style&index=0&id=73f07a36&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"73f07a36\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('router-link',{staticClass:\"banner\",attrs:{\"to\":{ path: '/pesquisa-precos' }}},[_c('picture',{staticClass:\"banner__img\"},[_c('source',{attrs:{\"media\":\"(max-width: 575px)\",\"srcset\":require(`@/assets/theme/${_vm.realm}/imgs/pesquisa_preco-mobile.svg`)}}),_c('img',{attrs:{\"src\":require(`@/assets/theme/${_vm.realm}/imgs/pesquisa_preco.svg`),\"alt\":\"Ícone de pesquisa de preço\"}})]),_c('span',{staticClass:\"banner__content\"},[_c('p',{staticClass:\"banner__title\"},[_vm._v(\" Pesquisa de preços \")]),_c('p',{staticClass:\"banner__description\"},[_vm._v(\" Pesquisar preços em diferentes lojas é sempre a melhor alternativa para economizar \")])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <router-link\n      :to=\"{ path: '/pesquisa-precos' }\"\n      class=\"banner\"\n    >\n      <picture class=\"banner__img\">\n        <source\n          media=\"(max-width: 575px)\"\n          :srcset=\"require(`@/assets/theme/${realm}/imgs/pesquisa_preco-mobile.svg`)\"\n        >\n        <img\n          :src=\"require(`@/assets/theme/${realm}/imgs/pesquisa_preco.svg`)\"\n          alt=\"Ícone de pesquisa de preço\"\n        >\n      </picture>\n      <span class=\"banner__content\">\n        <p class=\"banner__title\">\n          Pesquisa de preços\n        </p>\n        <p class=\"banner__description\">\n          Pesquisar preços em diferentes lojas é sempre a melhor alternativa para economizar\n        </p>\n      </span>\n    </router-link>\n  </div>\n</template>\n\n<script>\nconst realmTheme = process.env.VUE_APP_THEME_REALM ?? process.env.VUE_APP_KEYCLOAK_REALM;\n\nexport default {\n  name: 'GeneralBanner',\n  data() {\n\n    const realm =  realmTheme === 'Uppersoft' ? 'upcities' : realmTheme;\n\n    return {\n      realm\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.banner {\n  padding-top: $spacing-05;\n  height: fit-content;\n  width: 100%;\n  border-radius: $radius-md;\n  background-color: $primary-light;\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  column-gap: $spacing-05;\n\n  &__content {\n    padding-right: 1.75rem;\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n    justify-content: center;\n    padding-bottom: $spacing-05;\n    height: 7rem;\n  }\n\n  &__title {\n    @include text-l(1,2);\n  }\n\n  &__description {\n    @include text-s();\n  }\n\n  &__img {\n    position: relative;\n    min-width: 7rem;\n\n    & * {\n      position: absolute;\n      bottom: 0;\n    }\n  }\n}\n\n@include screen (phone-up) {\n  .banner {\n    &__img {\n      min-width: 15rem;\n    }\n\n    &__title {\n      @include title-s();\n    }\n\n    &__description {\n      @include text-l();\n    }\n  }\n}\n\n@media (max-width: 350px) {\n  .banner__title {\n    @include title-s();\n  }\n\n  .banner__description {\n    display: none;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./GeneralBanner.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./GeneralBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GeneralBanner.vue?vue&type=template&id=7e44aab4&scoped=true&\"\nimport script from \"./GeneralBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./GeneralBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GeneralBanner.vue?vue&type=style&index=0&id=7e44aab4&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7e44aab4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.icon)?_c('span',{class:`material-icons${_vm.materialIconsStyleClass}`,attrs:{\"translate\":\"no\"}},[_vm._v(_vm._s(_vm.icon))]):(_vm.symbol)?_c('span',{staticClass:\"material-symbols-outlined\",attrs:{\"translate\":\"no\"}},[_vm._v(\" \"+_vm._s(_vm.symbol)+\" \")]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <span\n    v-if=\"icon\"\n    translate=\"no\"\n    :class=\"`material-icons${materialIconsStyleClass}`\"\n  >{{ icon }}</span>\n  <span\n    v-else-if=\"symbol\"\n    translate=\"no\"\n    class=\"material-symbols-outlined\"\n  >\n    {{ symbol }}\n  </span>\n</template>\n\n<script>\nexport default {\n  name: 'GoogleIcon',\n  props: {\n    icon: {\n      type: String,\n      default: ''\n    },\n    iconStyle: {\n      type: String,\n      default: 'outlined'\n    },\n    symbol: {\n      type: String,\n      default: ''\n    }\n  },\n  computed: {\n    materialIconsStyleClass() {\n      return this.iconStyle !== 'filled' ? `-${this.iconStyle}` : '';\n    }\n  }\n};\n</script>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./GoogleIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./GoogleIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GoogleIcon.vue?vue&type=template&id=5b85d51a&\"\nimport script from \"./GoogleIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./GoogleIcon.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"highlights--container\"},[_c('h2',{staticClass:\"visually-hidden\"},[_vm._v(\" Destaques \")]),_c('div',{staticClass:\"highlights\"},[_c('article',{staticClass:\"highlights__card\"},[_c('div',{staticClass:\"highlights__card__icon\"},[_c('SvgElement',{attrs:{\"icon\":\"CodigoDeDefesa\"}})],1),_c('div',{staticClass:\"highlights__content\"},[_c('h3',{staticClass:\"highlights__card__title\"},[_vm._v(\" \"+_vm._s(_vm.$t('HIGHLIGHTS.FIRST.title'))+\" \")]),_c('p',{staticClass:\"highlights__card__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('HIGHLIGHTS.FIRST.description'))+\" \")])]),_c('ButtonComponent',{attrs:{\"btn-style\":\"tertiary\",\"to\":_vm.$t('HIGHLIGHTS.FIRST.href'),\"text\":\"Consulte\",\"icon\":\"right\"}},[_c('SvgElement',{attrs:{\"icon\":\"ArrowNext\"}})],1)],1),_c('article',{staticClass:\"highlights__card\"},[_c('div',{staticClass:\"highlights__card__icon\"},[_c('SvgElement',{attrs:{\"icon\":\"QuestionCircle\"}})],1),_c('div',{staticClass:\"highlights__content\"},[_c('h3',{staticClass:\"highlights__card__title\"},[_vm._v(\" \"+_vm._s(_vm.$t('HIGHLIGHTS.SECOND.title'))+\" \")]),_c('p',{staticClass:\"highlights__card__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('HIGHLIGHTS.SECOND.description'))+\" \")])]),_c('ButtonComponent',{attrs:{\"btn-style\":\"tertiary\",\"to\":_vm.$t('HIGHLIGHTS.SECOND.href'),\"text\":\"Preciso de ajuda\",\"icon\":\"right\"}},[_c('SvgElement',{attrs:{\"icon\":\"ArrowNext\"}})],1)],1),_c('article',{staticClass:\"highlights__card\"},[_c('div',{staticClass:\"highlights__card__icon\"},[_c('SvgElement',{attrs:{\"icon\":\"Solid\"}})],1),_c('div',{staticClass:\"highlights__content\"},[_c('h3',{staticClass:\"highlights__card__title\"},[_vm._v(\" \"+_vm._s(_vm.$t('HIGHLIGHTS.THIRD.title'))+\" \")]),_c('p',{staticClass:\"highlights__card__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('HIGHLIGHTS.THIRD.description'))+\" \")])]),_c('ButtonComponent',{attrs:{\"btn-style\":\"tertiary\",\"href\":_vm.$t('HIGHLIGHTS.THIRD.href'),\"text\":\"Atualizar cadastro\",\"icon\":\"right\"}},[_c('SvgElement',{attrs:{\"icon\":\"ArrowNext\"}})],1)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"highlights--container\">\n    <h2 class=\"visually-hidden\">\n      Destaques\n    </h2>\n    <div class=\"highlights\">\n      <article class=\"highlights__card\">\n        <div class=\"highlights__card__icon\">\n          <SvgElement icon=\"CodigoDeDefesa\" />\n        </div>\n        <div class=\"highlights__content\">\n          <h3 class=\"highlights__card__title\">\n            {{ $t('HIGHLIGHTS.FIRST.title') }}\n          </h3>\n          <p class=\"highlights__card__text\">\n            {{ $t('HIGHLIGHTS.FIRST.description') }}\n          </p>\n        </div>\n        <ButtonComponent\n          btn-style=\"tertiary\"\n          :to=\"$t('HIGHLIGHTS.FIRST.href')\"\n          text=\"Consulte\"\n          icon=\"right\"\n        >\n          <SvgElement icon=\"ArrowNext\" />\n        </ButtonComponent>\n      </article>\n\n      <article class=\"highlights__card\">\n        <div class=\"highlights__card__icon\">\n          <SvgElement icon=\"QuestionCircle\" />\n        </div>\n        <div class=\"highlights__content\">\n          <h3 class=\"highlights__card__title\">\n            {{ $t('HIGHLIGHTS.SECOND.title') }}\n          </h3>\n          <p class=\"highlights__card__text\">\n            {{ $t('HIGHLIGHTS.SECOND.description') }}\n          </p>\n        </div>\n        <ButtonComponent\n          btn-style=\"tertiary\"\n          :to=\"$t('HIGHLIGHTS.SECOND.href')\"\n          text=\"Preciso de ajuda\"\n          icon=\"right\"\n        >\n          <SvgElement icon=\"ArrowNext\" />\n        </ButtonComponent>\n      </article>\n\n      <article class=\"highlights__card\">\n        <div class=\"highlights__card__icon\">\n          <SvgElement icon=\"Solid\" />\n        </div>\n        <div class=\"highlights__content\">\n          <h3 class=\"highlights__card__title\">\n            {{ $t('HIGHLIGHTS.THIRD.title') }}\n          </h3>\n          <p class=\"highlights__card__text\">\n            {{ $t('HIGHLIGHTS.THIRD.description') }}\n          </p>\n        </div>\n        <ButtonComponent\n          btn-style=\"tertiary\"\n          :href=\"$t('HIGHLIGHTS.THIRD.href')\"\n          text=\"Atualizar cadastro\"\n          icon=\"right\"\n        >\n          <SvgElement icon=\"ArrowNext\" />\n        </ButtonComponent>\n      </article>\n    </div>\n  </section>\n</template>\n\n<script>\nimport ButtonComponent from '@/components/common/ButtonComponent.vue';\nimport SvgElement from '@/components/base/svg/SvgWrapper.vue';\n\nexport default {\n  name: 'HighlightsBanner',\n\n  components: {\n    ButtonComponent,\n    SvgElement\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nsection {\n  width: 100vw;\n  background-color: $white;\n}\n\n/* Container rules */\n.highlights--container {\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 1.5rem max(4%, calc(50% - $max-width-mobile/2));\n\n  @include screen (tablet-big-up) {\n    padding: 1.5rem max(8%, calc(50% - $max-width-desktop/2));\n  }\n\n  /**\n   * Remove the attribute to center content\n   */\n  &--no-centered {\n    padding-right: initial;\n    padding-left: initial;\n  }\n\n  &--only {\n    &-desktop {\n      @include screen (desktop-up) {\n        padding-right: 0;\n        padding-left: 0;\n        width: 100%;\n      }\n    }\n  }\n}\n\n.highlights {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  row-gap: 2.5rem;\n\n  @include screen(tablet-big-up) {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    column-gap: 4rem;\n    align-items: stretch;\n  }\n\n  &__card {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    position: relative;\n    height: 100%;\n\n    @include screen(tablet-big-up) {\n      &:not(:last-child)::before {\n        content: \"\";\n        background-color: $btn-disabled-border;\n        display: inline;\n        width: 1px;\n        height: 100%;\n        position: absolute;\n        right: -2rem;\n        max-height: 100%;\n      }\n    }\n\n    &__icon {\n      height: 1.5rem;\n      width: 1.5rem;\n      box-sizing: content-box;\n      padding: 1rem;\n      border-radius: 100%;\n      color: $text-dark;\n      fill: $text-dark;\n      background-color: $primary-light;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 1rem;\n\n      @include screen(tablet-big-up) {\n        margin-bottom: 2rem;\n      }\n    }\n\n    &__title {\n      margin-bottom: 0.5rem;\n\n      @include text-l($weight: 2);\n\n      @include screen(tablet-big-up) {\n        @include text-xl($weight: 2);\n      }\n    }\n\n    &__text {\n      margin-bottom: 1rem;\n\n      @include text-m;\n\n      @include screen(tablet-big-up) {\n        @include text-l;\n      }\n    }\n  }\n\n  &__content {\n    flex-grow: 1;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./HighlightsBanner.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./HighlightsBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HighlightsBanner.vue?vue&type=template&id=77328a75&scoped=true&\"\nimport script from \"./HighlightsBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./HighlightsBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HighlightsBanner.vue?vue&type=style&index=0&id=77328a75&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"77328a75\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"search-banner\",style:({ 'background-image': `url(${_vm.background})` })},[(_vm.title)?_c('h1',{staticClass:\"search-banner__title\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]):_vm._e(),_c('h2',{staticClass:\"search-banner__subtitle\"},[_vm._v(\" \"+_vm._s(_vm.subtitle)+\" \")]),_c('SearchInput',{attrs:{\"options\":_vm.searchOptions,\"placeholder\":\"Busque o serviço desejado\"},on:{\"search\":_vm.updateSearchParam}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section\n    class=\"search-banner\"\n    :style=\"{ 'background-image': `url(${background})` }\"\n  >\n    <h1\n      v-if=\"title\"\n      class=\"search-banner__title\"\n    >\n      {{ title }}\n    </h1>\n    <h2 class=\"search-banner__subtitle\">\n      {{ subtitle }}\n    </h2>\n\n    <SearchInput\n      :options=\"searchOptions\"\n      placeholder=\"Busque o serviço desejado\"\n      @search=\"updateSearchParam\"\n    />\n  </section>\n</template>\n\n<script>\nimport SearchInput from '../base/inputs/SearchInput.vue';\nimport { searchOptions } from '../../assets/searchOptions';\n\nexport default {\n  name: 'SearchBanner',\n\n  components: {\n    SearchInput,\n  },\n\n  props: {\n    background: {\n      type: String,\n      default: () => require('../../assets/img/banner.png'),\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    subtitle: {\n      type: String,\n      default: 'Olá, estamos aqui para te ajudar!',\n    },\n  },\n\n  data() {\n    return {\n      searchOptions,\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.search-banner {\n  width: 100%;\n  padding: 9rem 4% 7.5rem;\n  color: $white;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 0.5rem;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  position: relative;\n\n  @include screen(tablet-big-up) {\n    padding: 9rem max(8%, calc(50% - $max-width-desktop/2));\n  }\n\n  &__title {\n    font-size: $text-xs;\n    font-weight: $font-semibold;\n\n    @include screen(tablet-big-up) {\n      font-size: $text-sm;\n    }\n  }\n\n  &__subtitle {\n    font-size: $text-2xl;\n    font-weight: $font-bold;\n\n    @include screen(tablet-big-up) {\n      font-size: $text-3xl;\n    }\n  }\n}\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SearchBanner.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SearchBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchBanner.vue?vue&type=template&id=708305da&scoped=true&\"\nimport script from \"./SearchBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchBanner.vue?vue&type=style&index=0&id=708305da&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"708305da\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"card\",attrs:{\"href\":_vm.link,\"target\":\"_blank\",\"rel\":\"noopener noreferrer\"}},[_c('div',{staticClass:\"card__header\",class:{ 'no-text': !_vm.text }},[_c('DynamicSVG',{staticClass:\"card__header__icon\",attrs:{\"url\":_vm.icon}}),_c('h3',{staticClass:\"card__header__title\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")])],1),(_vm.text)?_c('p',{staticClass:\"card__text\"},[_vm._v(\" \"+_vm._s(_vm.text)+\" \")]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a\n    :href=\"link\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    class=\"card\"\n  >\n    <div\n      class=\"card__header\"\n      :class=\"{ 'no-text': !text }\"\n    >\n      <DynamicSVG\n        :url=\"icon\"\n        class=\"card__header__icon\"\n      />\n      <h3 class=\"card__header__title\">\n        {{ title }}\n      </h3>\n    </div>\n    <p\n      v-if=\"text\"\n      class=\"card__text\"\n    >\n      {{ text }}\n    </p>\n  </a>\n</template>\n\n<script>\nimport DynamicSVG from '@/components/base/svg/DynamicSVG.vue';\n\nexport default {\n  name: 'ShortcutCard',\n\n  components: {\n    DynamicSVG\n  },\n\n  props: {\n    icon: {\n      type: String,\n      required: false,\n      default: '',\n    },\n    title: {\n      type: String,\n      required: true,\n    },\n    text: {\n      type: String,\n      required: false,\n      default: '',\n    },\n    link: {\n      type: String || Object,\n      required: true,\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.card {\n  min-width: calc(50vw - 3.5rem);\n  padding: 0.75rem;\n  box-sizing: border-box;\n  border-radius: 0.5rem;\n  background-color: $white;\n  transition: all ease-in-out 300ms;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  row-gap: 0.5rem;\n  box-shadow: 2px 2px 4px 0 rgb(0 0 0 / 0.1);\n  scroll-snap-align: start;\n  scroll-margin: 3rem;\n\n  &:hover {\n    box-shadow: 4px 4px 8px 0 rgb(0 0 0 / 0.1);\n    cursor: pointer;\n\n    .title {\n      color: $primary;\n    }\n  }\n\n  @include screen(tablet-big-up) {\n    min-width: 0;\n    width: 100%;\n    scroll-margin: 0;\n  }\n\n  &__header {\n    display: flex;\n    flex-direction: column;\n    row-gap: 1rem;\n    align-items: flex-start;\n\n    @include screen(tablet-big-up) {\n      row-gap: 1.5rem;\n    }\n\n    &__title {\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical;\n      text-overflow: ellipsis;\n      overflow-wrap: anywhere;\n      transition: all ease-in-out 300ms;\n\n      @include text-m($weight: 2);\n\n      @include screen(tablet-big-up) {\n        @include text-l($weight: 2);\n      }\n    }\n\n    &__icon {\n      height: 1.5rem;\n      width: auto;\n      min-width: 1.5rem;\n      color: $primary;\n      fill: $primary;\n      font-size: 1.5rem;\n      max-width: 60px;\n\n      @include screen(tablet-big-up) {\n        height: 2rem;\n        min-width: 2rem;\n        font-size: 2rem;\n      }\n    }\n  }\n\n  &__text {\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow-wrap: anywhere;\n    overflow: hidden;\n\n    @include text-s;\n\n    @include screen(tablet-big-up) {\n      @include text-m;\n    }\n  }\n\n  /* 'no-text' variation */\n  .no-text {\n    @include screen(tablet-big-up) {\n      flex-direction: row;\n      column-gap: 1rem;\n      height: 100%;\n      align-items: center;\n\n      .card__header__title {\n        -webkit-line-clamp: 2;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ShortcutCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ShortcutCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShortcutCard.vue?vue&type=template&id=49636fe4&scoped=true&\"\nimport script from \"./ShortcutCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ShortcutCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShortcutCard.vue?vue&type=style&index=0&id=49636fe4&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"49636fe4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"shortcuts\"},[_c('Title',{staticClass:\"shortcuts__title\"},[_vm._v(\" Links úteis \")]),_c('p',{staticClass:\"shortcuts__description\"},[_vm._v(\" Serviço úteis relacionados aos seus direitos como consumidor \")]),_c('div',{staticClass:\"shortcuts__btn\"},[(_vm.content.length > 4)?_c('ButtonComponent',{attrs:{\"btn-style\":\"tertiary\",\"text\":\"Ver todos\",\"to\":{ name: 'ShortcutList' }}}):_vm._e()],1),_c('div',{staticClass:\"slider\",class:[\n      { 'scroll-start': _vm.scrollStart },\n      { 'scroll-end': _vm.scrollEnd }\n    ]},[_c('button',{staticClass:\"slider__btn slider__btn--left\",attrs:{\"id\":\"slider-left-arrow\",\"type\":\"button\"},on:{\"click\":_vm.prevCard}},[_c('SvgElement',{attrs:{\"icon\":\"ArrowRight\"}})],1),_c('div',{staticClass:\"cards\",attrs:{\"id\":_vm.dedicatedKey}},_vm._l((_vm.content.slice(0,4)),function(card,index){return _c('ShortcutCard',{key:index,attrs:{\"icon\":card.iconUrl,\"title\":card.title,\"text\":card.description,\"link\":card.link}})}),1),_c('button',{staticClass:\"slider__btn slider__btn--right\",attrs:{\"id\":\"slider-right-arrow\",\"type\":\"button\"},on:{\"click\":_vm.nextCard}},[_c('SvgElement',{attrs:{\"icon\":\"ArrowRight\"}})],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section\n    class=\"shortcuts\"\n  >\n    <Title class=\"shortcuts__title\">\n      Links úteis\n    </Title>\n    <p class=\"shortcuts__description\">\n      Serviço úteis relacionados aos seus direitos como consumidor\n    </p>\n    <div class=\"shortcuts__btn\">\n      <ButtonComponent\n        v-if=\"content.length > 4\"\n        btn-style=\"tertiary\"\n        text=\"Ver todos\"\n        :to=\"{ name: 'ShortcutList' }\"\n      />\n    </div>\n    <div\n      class=\"slider\"\n      :class=\"[\n        { 'scroll-start': scrollStart },\n        { 'scroll-end': scrollEnd }\n      ]\"\n    >\n      <button\n        id=\"slider-left-arrow\"\n        type=\"button\"\n        class=\"slider__btn slider__btn--left\"\n        @click=\"prevCard\"\n      >\n        <SvgElement\n          icon=\"ArrowRight\"\n        />\n      </button>\n      <div\n        :id=\"dedicatedKey\"\n        class=\"cards\"\n      >\n        <ShortcutCard\n          v-for=\"(card, index) in content.slice(0,4)\"\n          :key=\"index\"\n          :icon=\"card.iconUrl\"\n          :title=\"card.title\"\n          :text=\"card.description\"\n          :link=\"card.link\"\n        />\n      </div>\n      <button\n        id=\"slider-right-arrow\"\n        type=\"button\"\n        class=\"slider__btn slider__btn--right\"\n        @click=\"nextCard\"\n      >\n        <SvgElement\n          icon=\"ArrowRight\"\n        />\n      </button>\n    </div>\n  </section>\n</template>\n\n<script>\nimport ShortcutCard from './ShortcutCard.vue';\nimport ButtonComponent from './ButtonComponent.vue';\nimport SvgElement from '@/components/base/svg/SVG.vue';\nimport Title from '@/components/common/Title.vue';\n\nexport default {\n  name: 'ShortcutSlider',\n\n  components: {\n    ShortcutCard,\n    SvgElement,\n    ButtonComponent,\n    Title\n  },\n\n  props: {\n    content: {\n      type: Array,\n      required: true,\n    },\n    dedicatedKey: {\n      type: String,\n      required: true,\n    }\n  },\n\n  data() {\n    return {\n      scrollStart: true,\n      scrollEnd: false,\n    };\n  },\n\n  mounted() {\n    const cards = document.getElementById(this.dedicatedKey);\n\n    if(cards.children.length > 2) {\n      const lastCard = cards.children[cards.children.length - 1];\n\n      cards.addEventListener('scroll', () => {\n        this.scrollStart = cards.scrollLeft === 0;\n        this.scrollEnd = lastCard.getBoundingClientRect().left < lastCard.offsetWidth*2;\n      });\n    } else {\n      this.scrollStart = true;\n      this.scrollEnd = true;\n    }\n  },\n\n  methods: {\n    prevCard() {\n      const cards = document.getElementById(this.dedicatedKey);\n      const cardWidth = cards.children[0].offsetWidth;\n\n      cards.scrollBy({\n        top: 0,\n        left: -cardWidth,\n        behavior: 'smooth'\n      });\n    },\n\n    nextCard() {\n      const cards = document.getElementById(this.dedicatedKey);\n      const cardWidth = cards.children[0].offsetWidth;\n\n      cards.scrollBy({\n        top: 0,\n        left: cardWidth,\n        behavior: 'smooth'\n      });\n\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n/* Main section */\n.shortcuts {\n  display: flex;\n  flex-direction: column;\n  background-color: $main-bg;\n\n  @include screen(tablet-big-down) {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  &__title {\n    margin-right: auto;\n\n    @include title-s();\n  }\n\n  &__description {\n    @include text-m();\n\n    @include screen(tablet-big-up) {\n      display: block;\n\n      @include text-l();\n    }\n  }\n\n  &__btn {\n    width: 100%;\n    display: flex;\n    flex-direction: row-reverse;\n    padding: 0 1rem 0.5rem;\n    min-height: 30px;\n\n    @include screen(tablet-big-up) {\n      padding: 0 0 0.5rem;\n      box-sizing: border-box;\n    }\n  }\n\n  /* Slider controls */\n  .slider {\n    display: flex;\n    align-items: center;\n    position: relative;\n    width: fit-content;\n\n    &__btn {\n      background: linear-gradient(90deg, rgba($white, 0) 0%, rgba($white, 0.6) 20%, rgba($white, 1) 100%);\n      position: absolute;\n      color: $text-placeholder;\n      padding-right: 1rem;\n      padding-left: 0.5rem;\n      border-radius: 0.5rem 0 0 0.5rem;\n      height: calc(100% - 1rem);\n      transition: all ease-in-out 300ms;\n\n      &:focus {\n        outline: none;\n      }\n\n      @include screen(tablet-big-up) {\n        display: none;\n      }\n\n      &--left {\n        left: 0;\n        transform: rotate(180deg);\n      }\n\n      &--right {\n        right: 0;\n      }\n    }\n  }\n\n  /* Slider content (cards) */\n  .cards {\n    width: 100vw;\n    display: flex;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    scroll-behavior: smooth;\n    column-gap: 1rem;\n    row-gap: 1rem;\n    padding: 0.5rem 1rem;\n    justify-content: flex-start;\n    align-items: stretch;\n    scroll-snap-type: x mandatory;\n\n    &::-webkit-scrollbar {\n      height: 0;\n    }\n\n    @include screen(tablet-big-up) {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr 1fr;\n      overflow-x: hidden;\n      scroll-snap-type: none;\n      width: 100%;\n      column-gap: 1.5rem;\n      row-gap: 1.5rem;\n      padding: 0;\n      box-sizing: content-box;\n      overflow: visible;\n    }\n  }\n}\n\n/* Scroll variations */\n.scroll-start {\n  .slider__btn--left {\n    display: none;\n  }\n\n  .slider__btn--right {\n    padding-right: 3rem;\n  }\n}\n\n.scroll-end {\n  .slider__btn--left {\n    padding-right: 3rem;\n  }\n\n  .slider__btn--right {\n    display: none;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ShortcutSlider.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ShortcutSlider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShortcutSlider.vue?vue&type=template&id=60519f29&scoped=true&\"\nimport script from \"./ShortcutSlider.vue?vue&type=script&lang=js&\"\nexport * from \"./ShortcutSlider.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShortcutSlider.vue?vue&type=style&index=0&id=60519f29&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"60519f29\",\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","$t","staticClass","_v","attrs","require","realm","_e","staticRenderFns","realmTheme","VUE_APP_THEME_REALM","name","data","component","_s","path","icon","class","materialIconsStyleClass","symbol","props","type","default","iconStyle","computed","components","ButtonComponent","SvgElement","style","background","title","subtitle","searchOptions","on","updateSearchParam","SearchInput","link","text","DynamicSVG","required","content","length","scrollStart","scrollEnd","prevCard","dedicatedKey","_l","slice","card","index","key","iconUrl","description","nextCard","ShortcutCard","Title","mounted","cards","methods","top","left","behavior"],"sourceRoot":""}