{"version":3,"file":"Bw8-xD9K.js","sources":["../../../../node_modules/.c12/github_comparaja_hl_z9xSoGLUJ/components/hl/results/Filters.vue"],"sourcesContent":["<template>\n  <div class=\"filters-container\">\n    <div class=\"filters-section\">\n      <div class=\"filters-header\">\n        <span class=\"m-cgg-icon--filters\" />\n        <span>{{ t(\"title.filters\") }}</span>\n      </div>\n      <div class=\"form-container\">\n        <SelectInput\n          :title=\"t('journey.hl.results.input.orderBy.title')\"\n          :size=\"inputSize\"\n          v-model=\"store.orderBy\"\n          :options=\"orderByOptions\"\n        />\n        <RadioInputList\n          :title=\"t('journey.hl.results.input.euribor.title')\"\n          :size=\"inputSize\"\n          name=\"euribor\"\n          :list-layout=\"viewport.isLessThan('lg') ? 'horizontal' : 'vertical'\"\n          v-model=\"store.euriborType\"\n          :options=\"euriborOptions\"\n          v-if=\"store.rateType != 'fixed'\"\n        />\n      </div>\n    </div>\n    <div class=\"filters-section\">\n      <div class=\"filters-header\">\n        <span class=\"m-cgg-icon--document\" />\n        <span>{{ t(\"title.credit\") }}</span>\n      </div>\n      <div class=\"form-container\">\n        <CurrencyInput\n          ref=\"propertyValueInput\"\n          class=\"property-value-input\"\n          :size=\"inputSize\"\n          v-model=\"store.propertyValue\"\n          :title=\"\n            t(\n              `journey.hl.results.input.propertyValue.title.${\n                store.loanType == 'construction' || store.loanType == 'transfer'\n                  ? store.loanType\n                  : 'default'\n              }`\n            )\n          \"\n          :placeholder=\"t('journey.hl.results.input.propertyValue.placeholder')\"\n          :validation=\"currencyValidation\"\n        />\n\n        <CurrencyInput\n          ref=\"wantToBorrowInput\"\n          :size=\"inputSize\"\n          :title=\"t('journey.hl.results.input.wantToBorrow.title')\"\n          :placeholder=\"t('journey.hl.results.input.wantToBorrow.placeholder')\"\n          v-model=\"store.wantToBorrowDisplay\"\n          :validation=\"currencyValidation\"\n          v-if=\"store.loanType == 'transfer'\"\n        />\n        <div class=\"combined-input-container\" v-else>\n          <InputTitle\n            :title=\"t('journey.hl.results.input.wantToBorrow.title')\"\n            :size=\"inputSize\"\n          />\n          <CurrencyInput\n            ref=\"wantToBorrowInput\"\n            :size=\"inputSize\"\n            v-model=\"store.wantToBorrowDisplay\"\n            :placeholder=\"\n              t('journey.hl.results.input.wantToBorrow.placeholder')\n            \"\n            :error-display=\"false\"\n            :validation=\"currencyValidation\"\n          />\n          <TextInput\n            ref=\"borrowingPercentageInput\"\n            :size=\"inputSize\"\n            v-model=\"store.borrowingPercentageDisplay\"\n            inputmode=\"numeric\"\n            :placeholder=\"\n              t('journey.hl.results.input.borrowingPercentage.placeholder')\n            \"\n            suffix=\"%\"\n            :error-display=\"false\"\n            :validation=\"borrowingPercentageValidation\"\n          />\n          <InputError\n            size=\"sm\"\n            :errorMessage=\"\n              wantToBorrowInput.errorMessage ||\n              borrowingPercentageInput.errorMessage\n            \"\n            v-if=\"\n              wantToBorrowInput?.errorMessage ||\n              borrowingPercentageInput?.errorMessage\n            \"\n          />\n        </div>\n\n        <TextInput\n          ref=\"wantToBorrowTimeInput\"\n          :size=\"inputSize\"\n          :title=\"t('journey.hl.results.input.wantToBorrowTime.title')\"\n          :placeholder=\"\n            t('journey.hl.results.input.wantToBorrowTime.placeholder')\n          \"\n          :suffix=\"t('journey.hl.results.input.wantToBorrowTime.suffix')\"\n          inputmode=\"numeric\"\n          v-model=\"store.wantToBorrowTime\"\n          :validation=\"wantToBorrowTimeValidation\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  CurrencyInput,\n  formValidation,\n  InputError,\n  InputTitle,\n  RadioInputList,\n  SelectInput,\n  TextInput,\n  useValidateForm,\n} from \"cja-phoenix\";\nimport { useHLJourneyData } from \"~/composables/useHLJourneyData\";\n\nconst { t } = useI18n();\nconst store = useHLJourneyStore();\n\nconst { orderByOptions, euriborOptions } = useHLJourneyData();\nconst viewport = useViewport();\n\nconst inputSize = computed(() => (viewport.isLessThan(\"lg\") ? \"md\" : \"sm\"));\n\nconst propertyValueInput = ref();\nconst currencyValidation = formValidation.number(\n  {\n    required: t(\"input.error.required\"),\n    moreThan: t(\"input.error.more_than\", { n: 0 }),\n  },\n  {\n    moreThan: 0,\n  }\n);\n\nconst wantToBorrowInput = ref();\n\nconst borrowingPercentageInput = ref();\nconst borrowingPercentageValidation = formValidation.number(\n  {\n    moreThan: t(\"journey.hl.results.input.borrowingPercentage.error.moreThan\", {\n      n: 0,\n    }),\n    max: t(\"journey.hl.results.input.borrowingPercentage.error.max\", {\n      n: 100,\n    }),\n  },\n  {\n    moreThan: 0,\n    max: 100,\n  }\n);\n\nconst wantToBorrowTimeInput = ref();\nconst wantToBorrowTimeValidation = formValidation.number(\n  {\n    required: t(\"input.error.required\"),\n    min: t(\"journey.hl.results.input.wantToBorrowTime.error.min\"),\n    max: t(\"journey.hl.results.input.wantToBorrowTime.error.max\"),\n  },\n  {\n    min: 1,\n    max: 40,\n  }\n);\n\nconst { submit } = useValidateForm({\n  fields: [\n    propertyValueInput,\n    wantToBorrowInput,\n    borrowingPercentageInput,\n    wantToBorrowTimeInput,\n  ],\n  onSubmit: () => {\n    clearTimeout(timer);\n\n    timer = setTimeout(async () => {\n      store.updateProducts();\n    }, 300);\n  },\n  onError: () => {\n    clearTimeout(timer);\n    store.products = [];\n    store.sponsoredProducts = [];\n  },\n  forceValidation: true,\n});\n\nconst { wantToBorrow, propertyValue, wantToBorrowTime, orderBy } =\n  storeToRefs(store);\n\nlet timer: any;\n\nwatch([propertyValue, wantToBorrow, wantToBorrowTime, orderBy], submit);\n</script>\n\n<style lang=\"scss\" scoped>\n.filters-container {\n  .filters-section {\n    + .filters-section {\n      margin-top: 16px;\n      padding-top: 16px;\n      border-top: 1px solid $light-grey;\n    }\n\n    .filters-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 16px;\n      font-weight: 700;\n      line-height: 20px;\n      margin-bottom: 16px;\n\n      [class*=\"m-cgg-icon\"] {\n        font-size: 20px;\n      }\n    }\n\n    &:first-child .filters-header {\n      @media screen and (max-width: $break-md-max) {\n        display: none;\n      }\n    }\n\n    .form-container {\n      display: grid;\n      gap: 16px;\n\n      @media screen and (min-width: $break-md-min) and (max-width: $break-md-max) {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .combined-input-container {\n        display: grid;\n        gap: 8px 12px;\n        grid-template-columns: 1fr 75px;\n\n        .input-title,\n        .input-error {\n          grid-column: 1 / 3;\n        }\n      }\n    }\n  }\n}\n</style>\n\n<i18n lang=\"json\">\n{\n  \"pt\": {\n    \"title\": {\n      \"filters\": \"Filtros\",\n      \"credit\": \"Condições do crédito\"\n    }\n  }\n}\n</i18n>\n"],"names":["t","useI18n","store","useHLJourneyStore","orderByOptions","euriborOptions","useHLJourneyData","viewport","useViewport","inputSize","computed","propertyValueInput","ref","currencyValidation","formValidation","wantToBorrowInput","borrowingPercentageInput","borrowingPercentageValidation","wantToBorrowTimeInput","wantToBorrowTimeValidation","submit","useValidateForm","timer","wantToBorrow","propertyValue","wantToBorrowTime","orderBy","storeToRefs","watch"],"mappings":"iiBAgIM,KAAA,CAAE,EAAAA,CAAE,EAAIC,EAAQ,EAChBC,EAAQC,EAAkB,EAE1B,CAAE,eAAAC,EAAgB,eAAAC,CAAe,EAAIC,EAAiB,EACtDC,EAAWC,EAAY,EAEvBC,EAAYC,EAAS,IAAOH,EAAS,WAAW,IAAI,EAAI,KAAO,IAAK,EAEpEI,EAAqBC,EAAI,EACzBC,EAAqBC,EAAe,OACxC,CACE,SAAUd,EAAE,sBAAsB,EAClC,SAAUA,EAAE,wBAAyB,CAAE,EAAG,CAAG,CAAA,CAC/C,EACA,CACE,SAAU,CAAA,CAEd,EAEMe,EAAoBH,EAAI,EAExBI,EAA2BJ,EAAI,EAC/BK,EAAgCH,EAAe,OACnD,CACE,SAAUd,EAAE,8DAA+D,CACzE,EAAG,CAAA,CACJ,EACD,IAAKA,EAAE,yDAA0D,CAC/D,EAAG,GACJ,CAAA,CACH,EACA,CACE,SAAU,EACV,IAAK,GAAA,CAET,EAEMkB,EAAwBN,EAAI,EAC5BO,EAA6BL,EAAe,OAChD,CACE,SAAUd,EAAE,sBAAsB,EAClC,IAAKA,EAAE,qDAAqD,EAC5D,IAAKA,EAAE,qDAAqD,CAC9D,EACA,CACE,IAAK,EACL,IAAK,EAAA,CAET,EAEM,CAAE,OAAAoB,CAAO,EAAIC,EAAgB,CACjC,OAAQ,CACNV,EACAI,EACAC,EACAE,CACF,EACA,SAAU,IAAM,CACd,aAAaI,CAAK,EAElBA,EAAQ,WAAW,SAAY,CAC7BpB,EAAM,eAAe,GACpB,GAAG,CACR,EACA,QAAS,IAAM,CACb,aAAaoB,CAAK,EAClBpB,EAAM,SAAW,CAAC,EAClBA,EAAM,kBAAoB,CAAC,CAC7B,EACA,gBAAiB,EAAA,CAClB,EAEK,CAAE,aAAAqB,EAAc,cAAAC,EAAe,iBAAAC,EAAkB,QAAAC,CAAQ,EAC7DC,EAAYzB,CAAK,EAEf,IAAAoB,EAEJ,OAAAM,EAAM,CAACJ,EAAeD,EAAcE,EAAkBC,CAAO,EAAGN,CAAM","x_google_ignoreList":[0]}