{"version":3,"file":"js/8066.7f8757b8.js","mappings":"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","sources":["webpack://upmed-agendamento/./src/components/common/ButtonComponent.vue","webpack://upmed-agendamento/./src/components/common/EllipsisLoading.vue","webpack://upmed-agendamento/src/components/common/EllipsisLoading.vue","webpack://upmed-agendamento/./src/components/common/EllipsisLoading.vue?5fe2","webpack://upmed-agendamento/./src/components/common/EllipsisLoading.vue?ca55","webpack://upmed-agendamento/src/components/common/ButtonComponent.vue","webpack://upmed-agendamento/./src/components/common/ButtonComponent.vue?ff3d","webpack://upmed-agendamento/./src/components/common/ButtonComponent.vue?99e9","webpack://upmed-agendamento/./src/components/onlineRelation/SideCard.vue","webpack://upmed-agendamento/src/components/onlineRelation/SideCard.vue","webpack://upmed-agendamento/./src/components/onlineRelation/SideCard.vue?da8d","webpack://upmed-agendamento/./src/components/onlineRelation/SideCard.vue?8d28"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.href)?_c('a',{class:[\n    _vm.returnButtonTypeWhenIsMobile,\n    _vm.icon === 'left' ? 'icon-left' : '',\n    _vm.icon === 'right' ? 'icon-right' : '',\n  ],attrs:{\"href\":_vm.href,\"target\":\"_blank\",\"rel\":\"noopener noreferrer\"}},[_c('span',{staticClass:\"icon\"},[_vm._t(\"default\")],2),_c('span',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.text))])]):(_vm.to)?_c('router-link',{class:[\n    _vm.returnButtonTypeWhenIsMobile,\n    _vm.icon === 'left' ? 'icon-left' : '',\n    _vm.icon === 'right' ? 'icon-right' : '',\n  ],attrs:{\"to\":_vm.to}},[_c('span',{staticClass:\"icon\"},[_vm._t(\"default\")],2),_c('span',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.text))])]):_c('button',{class:[\n    _vm.returnButtonTypeWhenIsMobile,\n    _vm.icon === 'left' ? 'icon-left' : '',\n    _vm.icon === 'right' ? 'icon-right' : '',\n    _vm.loading ? 'loading' : '',\n  ],attrs:{\"type\":_vm.type,\"disabled\":_vm.disabled || _vm.loading}},[(_vm.loading)?_c('EllipsisLoading',{staticClass:\"ellipsis\"}):_vm._e(),(!_vm.loading)?_c('span',{staticClass:\"icon\"},[_vm._t(\"default\")],2):_vm._e(),(!_vm.loading)?_c('span',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.text))]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"lds-ellipsis\"},[_c('div'),_c('div'),_c('div'),_c('div')])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"lds-ellipsis\">\n    <div />\n    <div />\n    <div />\n    <div />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'EllipsisLoading',\n};\n</script>\n\n<style>\n.lds-ellipsis {\n  display: inline-block;\n  position: relative;\n  width: 40px;\n  height: 40px;\n}\n\n.lds-ellipsis div {\n  position: absolute;\n  top: 16px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  animation-timing-function: cubic-bezier(0, 1, 1, 0);\n}\n\n.lds-ellipsis div:nth-child(1) {\n  left: 4px;\n  animation: lds-ellipsis1 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(2) {\n  left: 4px;\n  animation: lds-ellipsis2 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(3) {\n  left: 16px;\n  animation: lds-ellipsis2 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(4) {\n  left: 28px;\n  animation: lds-ellipsis3 0.6s infinite;\n}\n\n@keyframes lds-ellipsis1 {\n  0% {\n    transform: scale(0);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n@keyframes lds-ellipsis3 {\n  0% {\n    transform: scale(1);\n  }\n\n  100% {\n    transform: scale(0);\n  }\n}\n\n@keyframes lds-ellipsis2 {\n  0% {\n    transform: translate(0, 0);\n  }\n\n  100% {\n    transform: translate(12px, 0);\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!./EllipsisLoading.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!./EllipsisLoading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EllipsisLoading.vue?vue&type=template&id=40aefeb6&\"\nimport script from \"./EllipsisLoading.vue?vue&type=script&lang=js&\"\nexport * from \"./EllipsisLoading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EllipsisLoading.vue?vue&type=style&index=0&id=40aefeb6&prod&lang=css&\"\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","<template>\n  <!-- External link -->\n  <a\n    v-if=\"href\"\n    :href=\"href\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    :class=\"[\n      returnButtonTypeWhenIsMobile,\n      icon === 'left' ? 'icon-left' : '',\n      icon === 'right' ? 'icon-right' : '',\n    ]\"\n  >\n    <span class=\"icon\">\n      <slot />\n    </span>\n    <span class=\"text\">{{ text }}</span>\n  </a>\n\n  <!-- Internal link -->\n  <router-link\n    v-else-if=\"to\"\n    :to=\"to\"\n    :class=\"[\n      returnButtonTypeWhenIsMobile,\n      icon === 'left' ? 'icon-left' : '',\n      icon === 'right' ? 'icon-right' : '',\n    ]\"\n  >\n    <span class=\"icon\">\n      <slot />\n    </span>\n    <span class=\"text\">{{ text }}</span>\n  </router-link>\n\n  <!-- Standard button -->\n  <button\n    v-else\n    :type=\"type\"\n    :class=\"[\n      returnButtonTypeWhenIsMobile,\n      icon === 'left' ? 'icon-left' : '',\n      icon === 'right' ? 'icon-right' : '',\n      loading ? 'loading' : '',\n    ]\"\n    :disabled=\"disabled || loading\"\n  >\n    <EllipsisLoading\n      v-if=\"loading\"\n      class=\"ellipsis\"\n    />\n    <span\n      v-if=\"!loading\"\n      class=\"icon\"\n    >\n      <slot />\n    </span>\n    <span\n      v-if=\"!loading\"\n      class=\"text\"\n    >{{ text }}</span>\n  </button>\n</template>\n\n<script>\nimport EllipsisLoading from './EllipsisLoading.vue';\n\nexport default {\n  name: 'ButtonComponent',\n\n  components: {\n    EllipsisLoading,\n  },\n\n  props: {\n    btnStyle: {\n      type: String,\n      required: false,\n      default: 'primary',\n    },\n    text: {\n      type: String,\n      required: true,\n    },\n    icon: {\n      type: String,\n      required: false,\n      default: '',\n    },\n    disabled: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    loading: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    type: {\n      type: String,\n      required: false,\n      default: 'button',\n    },\n    href: {\n      type: String,\n      required: false,\n      default: '',\n    },\n    to: {\n      type: [String, Object],\n      required: false,\n      default: '',\n    },\n  },\n  computed: {\n    returnButtonTypeWhenIsMobile() {\n      let buttonType = this.btnStyle;\n      const screenWidth = window.screen.width;\n\n      if (screenWidth <= 575 && this.btnStyle === 'secondary') {\n        buttonType = 'tertiary';\n      }\n\n      return buttonType;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n/* Common styling */\nbutton,\na {\n  border: none;\n  border-radius: $sg-btn-radius;\n  padding: $sg-btn-padding-height $sg-btn-padding-width;\n  height: $sg-btn-height;\n  width: fit-content;\n  min-width: $sg-btn-min-width;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  column-gap: 0.5rem;\n  transition: all ease-in-out 300ms;\n  text-decoration: none;\n\n  &:hover:not(.loading, :disabled) {\n    cursor: pointer;\n  }\n}\n\n/* Icon related styling */\n.icon {\n  display: none;\n  align-items: center;\n\n  :first-child {\n    max-width: $sg-icon-height;\n    max-height: $sg-icon-width;\n    font-size: $sg-icon-width;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.icon-left {\n  padding-left: 1rem;\n  flex-direction: row;\n\n  .icon {\n    display: flex;\n  }\n}\n\n.icon-right {\n  padding-right: 1rem;\n  flex-direction: row-reverse;\n\n  .icon {\n    display: flex;\n  }\n}\n\n/* Button related styling */\n.primary {\n  background-color: $primary;\n\n  @include text-btn;\n\n  &:hover:not(.loading, :disabled) {\n    background-color: darken($primary, 15%);\n    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 0.1);\n\n    @include text-btn;\n  }\n\n  &:disabled:not(.loading) {\n    background-color: rgb(0 0 0 / 0.1);\n\n    @include text-btn($color: 2);\n\n    &:hover {\n      cursor: not-allowed;\n    }\n  }\n\n  .ellipsis > :nth-child(n) {\n    background: $white;\n  }\n}\n\n.secondary {\n  background-color: $transparent;\n  border: 1px solid $primary;\n\n  @include text-btn($color: 3);\n\n  &:hover:not(.loading, :disabled) {\n    background-color: $primary-light;\n\n    @include text-btn($color: 3);\n  }\n\n  &:disabled:not(.loading) {\n    border-color: $btn-disabled-border;\n\n    @include text-btn($color: 2);\n\n    &:hover {\n      background-color: $transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .ellipsis > :nth-child(n) {\n    background: $primary;\n  }\n}\n\n.tertiary {\n  background-color: $transparent;\n  padding: 0;\n  height: fit-content;\n  min-width: 0;\n\n  @include text-btn($color: 3);\n\n  .ellipsis > :nth-child(n) {\n    background: $primary;\n  }\n\n  &:hover :is(.text) {\n    text-decoration: underline;\n\n    @include text-btn($color: 3);\n  }\n}\n\n.cancel-primary {\n  background-color: $text-btn-negative;\n\n  @include text-btn;\n\n  &:hover:not(.loading) {\n    background-color: darken($text-btn-negative, 15%);\n    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 0.1);\n\n    @include text-btn;\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  .ellipsis > :nth-child(n) {\n    background: $white;\n  }\n}\n\n.cancel-secondary {\n  background-color: $transparent;\n  border: 1px solid $text-btn-negative;\n\n  @include text-btn($color: 4);\n\n  &:hover:not(.loading) {\n    background-color: #fde9e4;\n    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 0.1);\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  .ellipsis > :nth-child(n) {\n    background: $text-btn-negative;\n  }\n}\n\n.cancel-tertiary {\n  background-color: $transparent;\n  padding: 0;\n  height: fit-content;\n  min-width: 0;\n\n  @include text-btn($color: 4);\n\n  &:hover :is(.text) {\n    text-decoration: underline;\n\n    @include text-btn($color: 4);\n  }\n}\n\n/* Loading related styling */\n.loading:hover {\n  cursor: wait;\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!./ButtonComponent.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!./ButtonComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonComponent.vue?vue&type=template&id=0fae4a82&scoped=true&\"\nimport script from \"./ButtonComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ButtonComponent.vue?vue&type=style&index=0&id=0fae4a82&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  \"0fae4a82\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"side-card\"},[_c('div',{staticClass:\"side-card__container\",class:{ 'side-card__container--modal-card': _vm.isModalCard }},[_c('header',{staticClass:\"side-card__header\",class:{ 'side-card__header--modal-card': _vm.isModalCard }},[_c('icon',{attrs:{\"icon\":\"HomePin\"}}),_c('h1',{staticClass:\"side-card__header__title\"},[_vm._v(\" Vinculação Presencial \")])],1),_vm._m(0),_c('footer',{staticClass:\"side-card__footer\"},[_c('ButtonComponent',{attrs:{\"to\":{ name: 'UnitiesList' },\"btn-style\":\"tertiary\",\"text\":\"Ver Lista de Unidades\",\"icon\":\"right\",\"aria-label\":\"Botão pra redirecionar para página de lista de Unidades\"},nativeOn:{\"click\":function($event){return _vm.redirectPage.apply(null, arguments)}}},[_c('icon',{staticClass:\"icon\",attrs:{\"width\":\"20\",\"icon\":\"ArrowNext\"}})],1)],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('main',{staticClass:\"side-card__content\"},[_c('p',[_vm._v(\" Se enfrentar dificuldades ao realizar a Vinculação Online, é possível solicitar o serviço presencialmente. \")]),_c('p',[_vm._v(\" Basta ir até uma Unidade levando: \"),_c('ul',[_c('li',[_vm._v(\"Documento de identidade\")]),_c('li',[_vm._v(\"CPF\")]),_c('li',[_vm._v(\"Comprovante de residência\")])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"side-card\">\n    <div\n      class=\"side-card__container\"\n      :class=\"{ 'side-card__container--modal-card': isModalCard }\"\n    >\n      <header\n        class=\"side-card__header\"\n        :class=\"{ 'side-card__header--modal-card': isModalCard }\"\n      >\n        <icon icon=\"HomePin\" />\n        <h1 class=\"side-card__header__title\">\n          Vinculação Presencial\n        </h1>\n      </header>\n      <main class=\"side-card__content\">\n        <p>\n          Se enfrentar dificuldades ao realizar a Vinculação Online, é possível solicitar o serviço presencialmente.\n        </p>\n        <p>\n          Basta ir até uma Unidade levando:\n          <ul>\n            <li>Documento de identidade</li>\n            <li>CPF</li>\n            <li>Comprovante de residência</li>\n          </ul>\n        </p>\n      </main>\n      <footer class=\"side-card__footer\">\n        <ButtonComponent\n          :to=\"{ name: 'UnitiesList' }\"\n          btn-style=\"tertiary\"\n          text=\"Ver Lista de Unidades\"\n          icon=\"right\"\n          aria-label=\"Botão pra redirecionar para página de lista de Unidades\"\n          @click.native=\"redirectPage\"\n        >\n          <icon\n            width=\"20\"\n            icon=\"ArrowNext\"\n            class=\"icon\"\n          />\n        </ButtonComponent>\n      </footer>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ButtonComponent from '@/components/common/ButtonComponent.vue';\nexport default {\n  name: 'SideCard',\n  components: { ButtonComponent },\n\n  props: {\n    isModalCard: {\n      type: Boolean,\n      required: false,\n      default: true\n    }\n  },\n\n  methods: {\n    redirectPage() {\n      if(this.isModalCard) this.$emit('closeModal', false);\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n  .side-card {\n    display: flex;\n    flex-direction: column;\n\n    &__container {\n      display: flex;\n      flex-direction: column;\n      padding: 2rem 1.5rem;\n      gap: 0.5rem;\n      border-radius: $radius-lg;\n      background-color: $primary-light;\n\n      &--modal-card {\n        background-color: $transparent;\n        align-items: center;\n      }\n    }\n\n    &__header {\n      display: flex;\n      flex-direction: column;\n      gap: 1.5rem;\n\n      &__title {\n        @include text-l(1, 2);\n      }\n\n      &__icon {\n        @include text-xl();\n      }\n\n      &--modal-card {\n        align-items: center;\n      }\n    }\n\n    &__content {\n      @include text-m(1, 1);\n\n      display: flex;\n      flex-direction: column;\n      gap: 0.5rem;\n      line-height: 1.57rem;\n\n      ul {\n        list-style: inside;\n      }\n    }\n\n    &__footer {\n      margin-top: 0.5rem;\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!./SideCard.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!./SideCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SideCard.vue?vue&type=template&id=658a8de7&scoped=true&\"\nimport script from \"./SideCard.vue?vue&type=script&lang=js&\"\nexport * from \"./SideCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SideCard.vue?vue&type=style&index=0&id=658a8de7&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  \"658a8de7\",\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","href","class","returnButtonTypeWhenIsMobile","icon","attrs","staticClass","_t","_v","_s","text","to","loading","type","disabled","_e","staticRenderFns","_m","name","component","components","EllipsisLoading","props","btnStyle","String","required","default","Boolean","Object","computed","buttonType","screenWidth","window","screen","width","isModalCard","nativeOn","$event","redirectPage","apply","arguments","ButtonComponent","methods","$emit"],"sourceRoot":""}