{"version":3,"file":"wtrRDhIX.js","sources":["../../../../src/components/formFields/validationRow/useValidationRow.ts","../../../../src/components/formFields/validationRow/validationRow.vue"],"sourcesContent":["import type { FormKitNode } from '@formkit/core';\n\nexport function useValidationRow() {\n  const group = ref<FormKitNode>();\n  const messages = reactive<Record<string, string[]>>({});\n  const displayMessages = computed(() => {\n    return Object.values(messages).flat();\n  });\n  const showMessages = computed(() => displayMessages.value.length > 0);\n\n  watch(group, (group) => {\n    (group?.children ?? []).forEach((child) => {\n      watch(\n        () => (child as FormKitNode).context?.messages,\n        (cur) => {\n          if (!messages[child.name]) messages[child.name] = [];\n          if (cur && Object.keys(cur).length) {\n            messages[child.name] = Object.values(cur).map(\n              (v) => v.value as string,\n            );\n          } else {\n            messages[child.name] = [];\n          }\n        },\n      );\n    });\n  });\n\n  return {\n    group,\n    messages,\n    displayMessages,\n    showMessages,\n  };\n}\n","<template>\n  <div\n    :class=\"[\n      'group validation-row',\n      {\n        'rounded-fields': isMinilu,\n        'has-messages': showMessages,\n      },\n    ]\"\n    class=\"mb-sm\"\n  >\n    <label v-if=\"label\">\n      <FormLabel :label=\"label\" :required=\"required\" />\n    </label>\n    <FormKit\n      type=\"group\"\n      :parent=\"parentNode\"\n      :name=\"name\"\n      @node=\"(node) => (group = node)\"\n    >\n      <template #default>\n        <div class=\"flex flex-row gap-sm\">\n          <slot />\n        </div>\n        <div\n          v-if=\"showMessages\"\n          class=\"formkit-messages-custom\"\n          :class=\"{\n            'bg-minilu-bg rounded-br-minilu-md rounded-bl-minilu-md text-minilu-red':\n              isMinilu,\n            'bg-vdv-bg-base text-sign-red': !isMinilu,\n          }\"\n        >\n          <template v-if=\"validationMessage\">\n            {{ t(validationMessage) }}\n          </template>\n          <template\n            v-else-if=\"\n              combinedValidationMessage &&\n              (Object.values(messages).every((cur) => cur.length) ||\n                (combinedMessagesOnly && Object.values(messages).length > 0))\n            \"\n          >\n            {{ t(combinedValidationMessage) }}\n          </template>\n          <template v-else>\n            <div v-for=\"(msg, i) in displayMessages\" :key=\"i\">\n              {{ t(msg) }}\n            </div>\n          </template>\n        </div>\n      </template>\n    </FormKit>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { FormLabel } from '@/complib';\nimport { useValidationRow } from './useValidationRow';\nimport { FormKit } from '@formkit/vue';\nimport { SiteIdent } from '~/utils/types';\nimport type { FormKitNode } from '@formkit/core';\n\ndefineProps({\n  name: {\n    type: String,\n    default: '',\n  },\n  validationMessage: {\n    type: String,\n    default: '',\n  },\n  label: {\n    type: String,\n    default: '',\n  },\n  required: {\n    type: Boolean,\n    default: true,\n  },\n  combinedValidationMessage: {\n    type: String,\n    default: '',\n  },\n  combinedMessagesOnly: {\n    type: Boolean,\n    default: false,\n  },\n  parentNode: {\n    type: Object as PropType<FormKitNode>,\n    default: null,\n  },\n});\n\nconst { messages, showMessages, displayMessages, group } = useValidationRow();\nconst { t } = useTrans();\n\nconst isMinilu = useSiteIdent() !== SiteIdent.default;\n</script>\n<style scoped lang=\"postcss\">\n.group :deep(.formkit-outer) {\n  @apply !mb-0;\n  .formkit-messages {\n    @apply !hidden;\n  }\n}\n\n.group.has-messages :deep(input) {\n  @apply rounded-br-none rounded-bl-none;\n}\n\n.group :deep(.formkit-messages-custom) {\n  @apply px-sm py-[2px];\n}\n</style>\n"],"names":["useValidationRow","group","ref","messages","reactive","displayMessages","computed","showMessages","watch","child","_a","cur","v","t","useTrans","isMinilu","useSiteIdent","SiteIdent"],"mappings":"uRAEO,SAASA,GAAmB,CACjC,MAAMC,EAAQC,IACRC,EAAWC,EAAmC,CAAA,CAAE,EAChDC,EAAkBC,EAAS,IACxB,OAAO,OAAOH,CAAQ,EAAE,KAAK,CACrC,EACKI,EAAeD,EAAS,IAAMD,EAAgB,MAAM,OAAS,CAAC,EAE9D,OAAAG,EAAAP,EAAQA,GAAU,GACrBA,GAAAA,YAAAA,EAAO,WAAY,CAAI,GAAA,QAASQ,GAAU,CACzCD,EACE,IAAO,OAAA,OAAAE,EAAAD,EAAsB,UAAtB,YAAAC,EAA+B,UACrCC,GAAQ,CACFR,EAASM,EAAM,IAAI,IAAYN,EAAAM,EAAM,IAAI,EAAI,IAC9CE,GAAO,OAAO,KAAKA,CAAG,EAAE,OAC1BR,EAASM,EAAM,IAAI,EAAI,OAAO,OAAOE,CAAG,EAAE,IACvCC,GAAMA,EAAE,KAAA,EAGFT,EAAAM,EAAM,IAAI,EAAI,EAE3B,CAAA,CACF,CACD,CAAA,CACF,EAEM,CACL,MAAAR,EACA,SAAAE,EACA,gBAAAE,EACA,aAAAE,CAAA,CAEJ,kXC2DA,KAAM,CAAE,SAAAJ,EAAU,aAAAI,EAAc,gBAAAF,EAAiB,MAAAJ,CAAA,EAAUD,IACrD,CAAE,EAAAa,GAAMC,IAERC,EAAWC,MAAmBC,EAAU"}