{"version":3,"sources":["webpack:///./src/app/portal-documento/shared/components/filtro-custom/shared/components/color-select-filtro/ColorSelectFiltro.vue?a345","webpack:///src/app/portal-documento/shared/components/filtro-custom/shared/components/color-select-filtro/ColorSelectFiltro.vue","webpack:///./src/app/portal-documento/shared/components/filtro-custom/shared/components/color-select-filtro/ColorSelectFiltro.vue?68e4","webpack:///./src/app/portal-documento/shared/components/filtro-custom/shared/components/color-select-filtro/ColorSelectFiltro.vue","webpack:///./src/app/portal-documento/shared/components/filtro-custom/shared/components/color-select-filtro/ColorSelectFiltro.vue?8302"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","attrs","popoverShow","on","$event","onShow","scopedSlots","_u","key","fn","staticClass","_v","onClose","proxy","type","indexOf","_k","keyCode","stopPropagation","apply","arguments","model","value","callback","$$v","nomeFiltro","expression","_l","cor","class","corFiltro","style","preventDefault","nome","desabilitarSalvar","salvar","staticStyle","staticRenderFns","name","components","props","default","data","faChevronLeft","mode","valorAProcurar","filtroNovo","id","usuarios","empresas","vinculadas","naoVinculadas","filtrosDocs","cores","computed","watch","oldValue","created","methods","carregar","mudarCor","atualizar","api","then","component","title","icon","variant","catch"],"mappings":"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","file":"js/chunk-c16bedb0.f944031b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-popover',{ref:\"FiltroCustom\",attrs:{\"id\":'popoverFiltroCustom',\"target\":\"filtroColor\",\"triggers\":['click'],\"placement\":\"auto\",\"show\":_vm.popoverShow},on:{\"update:show\":function($event){_vm.popoverShow=$event},\"show\":_vm.onShow},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"cadastro-filtro-header\"},[_c('span',[_vm._v(\"Selecione uma Cor\")]),_c('b-button',{staticClass:\"close\",attrs:{\"variant\":\"none\"},on:{\"click\":_vm.onClose}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])],1)]},proxy:true}])},[_c('div',{on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }$event.stopPropagation();return _vm.onClose.apply(null, arguments)}}},[_c('div',[_c('div',{staticClass:\"nome-filtro\"},[_c('label',[_vm._v(\"Nome do filtro\")]),_c('b-input',{attrs:{\"autofocus\":\"\"},model:{value:(_vm.nomeFiltro),callback:function ($$v) {_vm.nomeFiltro=$$v},expression:\"nomeFiltro\"}})],1),_c('div',{staticClass:\"cor-filtro\"},[_c('label',[_vm._v(\"Cor do filtro\")]),_vm._l((_vm.cores),function(cor){return _c('div',{key:cor,class:{'filtro-selecionada': _vm.value ? _vm.corFiltro == cor : false},style:((\"background-color:\" + cor)),on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();_vm.corFiltro = cor}}})})],2)]),(_vm.value.nome && _vm.value.nome != '')?_c('div',{staticClass:\"btn-filtro\"},[_c('b-btn',{staticClass:\"btn-sm w-100 mr-50 mt-50\",attrs:{\"variant\":\"primary\",\"disabled\":_vm.desabilitarSalvar},on:{\"click\":function($event){$event.stopPropagation();return _vm.salvar(true)}}},[_vm._v(\" Salvar \")])],1):_c('div',{staticStyle:{},on:{\"click\":function($event){$event.stopPropagation();return _vm.salvar(false)}}},[_c('b-btn',{staticClass:\"btn-sm w-100\",attrs:{\"variant\":\"outline-primary\",\"disabled\":_vm.desabilitarSalvar}},[_vm._v(\" Criar \")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-popover\r\n    :id=\"'popoverFiltroCustom'\"\r\n    ref=\"FiltroCustom\"\r\n    target=\"filtroColor\"\r\n    :triggers=\"['click']\"\r\n    placement=\"auto\"\r\n    :show.sync=\"popoverShow\"\r\n    @show=\"onShow\"\r\n  >\r\n    <template #title>\r\n      <div class=\"cadastro-filtro-header\">\r\n        <span>Selecione uma Cor</span>\r\n\r\n        <b-button\r\n          variant=\"none\"\r\n          class=\"close\"\r\n          @click=\"onClose\"\r\n        >\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </b-button>\r\n      </div>\r\n    </template>\r\n\r\n    <div\r\n      @keyup.esc.stop=\"onClose\"\r\n    >\r\n\r\n      <div>\r\n        <!-- v-if=\"!value\" -->\r\n        <div\r\n          class=\"nome-filtro\"\r\n        >\r\n          <label>Nome do filtro</label>\r\n          <b-input\r\n            v-model=\"nomeFiltro\"\r\n            autofocus\r\n          />\r\n        </div>\r\n\r\n        <div class=\"cor-filtro\">\r\n          <label>Cor do filtro</label>\r\n          <div\r\n            v-for=\"cor in cores\"\r\n            :key=\"cor\"\r\n            :style=\"`background-color:${cor}`\"\r\n            :class=\"{'filtro-selecionada': value ? corFiltro == cor : false}\"\r\n            @click.prevent.stop=\"corFiltro = cor\"\r\n          />\r\n\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-if=\"value.nome && value.nome != ''\"\r\n        class=\"btn-filtro\"\r\n      >\r\n        <b-btn\r\n          variant=\"primary\"\r\n          class=\"btn-sm w-100 mr-50 mt-50\"\r\n          :disabled=\"desabilitarSalvar\"\r\n          @click.stop=\"salvar(true)\"\r\n        >\r\n          Salvar\r\n        </b-btn>\r\n      </div>\r\n\r\n      <div\r\n        v-else\r\n        style=\"btn-filtro\"\r\n        @click.stop=\"salvar(false)\"\r\n      >\r\n        <b-btn\r\n          variant=\"outline-primary\"\r\n          class=\"btn-sm w-100\"\r\n          :disabled=\"desabilitarSalvar\"\r\n        >\r\n          Criar\r\n        </b-btn>\r\n      </div>\r\n    </div>\r\n  </b-popover>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n.cadastro-filtro-header {\r\n  height: 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n\r\n  .close {\r\n    right: 0;\r\n  }\r\n\r\n  .back {\r\n    color: inherit;\r\n    text-shadow: none;\r\n    background-color: transparent;\r\n    -webkit-appearance: none;\r\n    font-size: 1.341rem;\r\n    font-weight: 300;\r\n    line-height: 1;\r\n    opacity: 0.5;\r\n    padding: 0;\r\n    border: 0;\r\n  }\r\n}\r\n\r\n.filtro {\r\n  max-width: 210px;\r\n  border-radius: 4px;\r\n  margin-top: 0.2rem;\r\n  margin-bottom: 0.2rem;\r\n  display: inline-flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  cursor: pointer;\r\n\r\n  &:hover {\r\n    opacity: 4px;\r\n  }\r\n\r\n  & span {\r\n    color: #fff;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n    margin-right: 0.3rem;\r\n  }\r\n\r\n  & span:first-child {\r\n    width: 210px;\r\n    margin: 0.2rem;\r\n    margin-left: 0.3rem;\r\n  }\r\n}\r\n\r\n.filtro-selecionada-edit {\r\n  float: right !important;\r\n}\r\n\r\n.nome-filtro {\r\n  display: block;\r\n  margin-bottom: 0.4rem;\r\n  margin-top: 0.4rem;\r\n\r\n  & > label {\r\n    font-size: 0.9rem;\r\n    display: block;\r\n  }\r\n}\r\n\r\n.cor-filtro {\r\n  display: block;\r\n  margin-bottom: 0.4rem;\r\n  margin-top: 0.4rem;\r\n\r\n  & > label {\r\n    font-size: 0.9rem;\r\n    display: block;\r\n  }\r\n\r\n  & > div {\r\n    height: 40px;\r\n    width: 45px;\r\n    margin: 0.2rem;\r\n    border-radius: 4px;\r\n    display: inline-flex;\r\n    cursor: pointer;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .filtro-selecionada {\r\n    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.651), 0 6px 20px 0 rgba(0, 0, 0, 0.658);\r\n  }\r\n}\r\n\r\n.btn-filtro {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: 0.4rem;\r\n  margin-top: 0.4rem;\r\n\r\n  & > button {\r\n    height: 35px !important;\r\n    min-height: 35px !important;\r\n  }\r\n}\r\n\r\n.search-item:focus {\r\n  border-color: var(--primary)\r\n}\r\n\r\n.procurar-filtro {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  margin-right: 0.5rem;\r\n}\r\n\r\n.desabilitar-inputs {\r\n  pointer-events: none;\r\n}\r\n</style>\r\n\r\n<script>\r\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\r\n// import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\r\n\r\nimport {\r\n  faChevronLeft,\r\n} from '@fortawesome/free-solid-svg-icons'\r\nimport api from '../../../../../services/api' // colocar verificador como prop\r\n\r\nexport default {\r\n  name: 'CadastroFiltroCustom',\r\n  components: {\r\n    // FontAwesomeIcon,\r\n  },\r\n  props: {\r\n    value: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      faChevronLeft,\r\n      popoverShow: false,\r\n      mode: 'none',\r\n      valorAProcurar: null,\r\n      filtroNovo: {\r\n        id: 0,\r\n        nome: '',\r\n        cor: '',\r\n        usuarios: [],\r\n        empresas: { vinculadas: [], naoVinculadas: [] },\r\n        filtrosDocs: [],\r\n      },\r\n      cores: ['#187FD9', '#D62839', '#5FAD56', '#E6DE00', '#EF709D', '#353F3C', '#B8972A', '#707070'], // , '#ED7D3E' , '#193051'\r\n      nomeFiltro: '',\r\n      corFiltro: '',\r\n      desabilitarSalvar: false,\r\n    }\r\n  },\r\n  computed: {\r\n  },\r\n  watch: {\r\n    value(value, oldValue) {\r\n      if (value !== oldValue) {\r\n        this.corFiltro = value.cor\r\n        this.nomeFiltro = value.nome\r\n        this.filtroNovo = { id: 0 }\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.nomeFiltro = this.value ? this.value.nome : ''\r\n    this.corFiltro = this.value ? this.value.cor : ''\r\n    this.popoverShow = false\r\n  },\r\n  methods: {\r\n    carregar() {\r\n    },\r\n    onClose() {\r\n      this.popoverShow = false\r\n    },\r\n    onShow() {\r\n      this.carregar()\r\n      this.popoverShow = true\r\n    },\r\n    mudarCor(cor) {\r\n      if (this.value) {\r\n        this.value.cor = cor\r\n      } else {\r\n        this.filtroNovo.cor = cor\r\n      }\r\n    },\r\n    salvar(atualizar) {\r\n      if (this.nomeFiltro && this.nomeFiltro !== '') {\r\n        this.desabilitarSalvar = true\r\n        api.verificarNome(this.nomeFiltro)\r\n          .then(payload => {\r\n            this.desabilitarSalvar = false\r\n            if (payload.data === false) {\r\n              if (atualizar) {\r\n                this.value.nome = this.nomeFiltro\r\n                this.value.cor = this.corFiltro\r\n              } else {\r\n                this.filtroNovo.id = 0\r\n                this.filtroNovo.nome = this.nomeFiltro\r\n                this.filtroNovo.cor = this.corFiltro\r\n                this.$emit('criar', this.filtroNovo)\r\n              }\r\n              this.popoverShow = false\r\n            } else {\r\n              this.$toast({\r\n                component: ToastificationContent,\r\n                props: {\r\n                  title: 'Nome Existente',\r\n                  icon: 'fa-solid fa-circle-exclamation',\r\n                  variant: 'danger',\r\n                },\r\n              })\r\n            }\r\n          })\r\n          .catch(() => {\r\n            this.desabilitarSalvar = false\r\n            this.$toast({\r\n              component: ToastificationContent,\r\n              props: {\r\n                title: 'Erro ao salvar',\r\n                icon: 'fa-solid fa-circle-exclamation',\r\n                variant: 'danger',\r\n              },\r\n            })\r\n          })\r\n      } else {\r\n        this.$toast({\r\n          component: ToastificationContent,\r\n          props: {\r\n            title: 'Informe um Nome',\r\n            icon: 'fa-solid fa-circle-exclamation',\r\n            variant: 'danger',\r\n          },\r\n        })\r\n      }\r\n    },\r\n    // atualizar() {\r\n    //   if (this.mudarNome(true)) {\r\n    //     this.value.cor = this.corFiltro\r\n    //   }\r\n    //   console.log(this.value)\r\n    // },\r\n    // criar() { // colocar campo obrigatório\r\n    //   if (this.mudarNome(false)) {\r\n    //     this.filtroNovo.cor = this.corFiltro\r\n    //     this.$emit('criar', this.filtroNovo)\r\n    //   }\r\n    // },\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ColorSelectFiltro.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ColorSelectFiltro.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ColorSelectFiltro.vue?vue&type=template&id=b5a6f630&\"\nimport script from \"./ColorSelectFiltro.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorSelectFiltro.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ColorSelectFiltro.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","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--1-0!../../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ColorSelectFiltro.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}