{"version":3,"file":"BPHpMJaY.js","sources":["../../../../src/complib/formFields/dropdown/dropdown.vue"],"sourcesContent":["<template>\n  <FormKit\n    :id=\"id\"\n    :type=\"select\"\n    :name=\"name ?? id\"\n    :input-name=\"name ?? id\"\n    :select-options=\"options\"\n    :selected-option=\"value\"\n    :input-container-style=\"'relative'\"\n    :outer-class=\"'mb-sm'\"\n    :input-class=\"inputClass\"\n    :inner-class=\"{\n      'pt-[5px] relative': true,\n      innerClass: true,\n      'partial-opacity ': disabled && !hasWhiteBg,\n      'partial-opacity disabledSelect': disabled && hasWhiteBg,\n    }\"\n    :validation-visibility=\"validationVisibility\"\n    :validation-messages=\"{\n      required: t(requiredMessage),\n      matches: t(matchesMessage),\n    }\"\n    :validation=\"required ? 'required' : ''\"\n    :disabled=\"disabled\"\n    :is-loading=\"isLoading\"\n    :searchable=\"false\"\n    :placeholder=\"placeholder ? t(placeholder) : undefined\"\n    :testid=\"testid.length > 0 ? testid : ''\"\n    @input=\"update\"\n  >\n    <template #label>\n      <FormLabel\n        :label=\"label\"\n        :required=\"required\"\n        :hide-suffix=\"hideLabelSuffix\"\n      />\n    </template>\n    <template v-if=\"info || $slots.info\" #suffix>\n      <Popup\n        :trigger-class=\"`${forceInfo ? 'force-info' : ''} top-[14px] right-[44px]`\"\n        :content-class=\"forceInfo ? 'force-info' : ''\"\n        :disabled=\"disabled && !forceInfo\"\n        :info-on-click=\"infoOnClick\"\n      >\n        <template #trigger>\n          <FaIcon\n            icon-class=\"fad fa-circle-info\"\n            style=\"\n              --fa-primary-color: var(--thm-text-base);\n              --fa-secondary-color: var(--thm-status-warn-base);\n              --fa-secondary-opacity: 1;\n            \"\n          />\n        </template>\n        <template #content>\n          <slot name=\"info\">\n            {{ t(info) }}\n          </slot>\n        </template>\n      </Popup>\n    </template>\n  </FormKit>\n</template>\n<script setup lang=\"ts\">\nimport { createInput, FormKit } from '@formkit/vue';\nimport selectField from '~~/src/components/formFields/components/customSelects/customSelect.vue';\nimport Popup from '~~/src/components/formFields/components/formInfoPopup.vue';\nimport FaIcon from '~~/src/components/fa-icon.vue';\nimport { FormLabel } from '@/complib';\nimport type { FormkitFieldProps } from '~/@types/formie';\nimport type { DropdownOption as Option } from '.';\n\ninterface SelectFieldProps extends FormkitFieldProps {\n  options: Option[];\n  selectedOption?: string;\n  customSelect?: object;\n  allowEmpty?: boolean;\n  isLoading?: boolean;\n  forceInfo?: boolean;\n  infoOnClick?: boolean;\n  /**\n   * @workaround\n   * this should only accept a string, but beacause of fucking formkit it needs to accept Option too, because of Bug #18009\n   * this will be gone when we refactor th forms and kill formkit, so when you use the dropdown manually,\n   * DO NOT supply the dropen with an Option object, only use strings. only formkit is allowed to use the Option here, if you do it it would be like parking in an handicapped parking space\n   */\n  modelValue: string | null | Option;\n}\n\nconst props = withDefaults(defineProps<SelectFieldProps>(), {\n  label: '',\n  id: '',\n  required: true,\n  placeholder: undefined,\n  selectedOption: null,\n  disabled: false,\n  customSelect: () => selectField,\n  hasWhiteBg: true,\n  allowEmpty: false,\n  validationVisibility: 'blur',\n  isLoading: false,\n  info: '',\n  modelValue: '',\n  hideLabelSuffix: false,\n  forceInfo: false,\n  infoOnClick: false,\n  testid: '',\n});\n\n/**\n * !! WARNING !!\n * dropdown reactivity is fickle so DONT touch this if you are not 100% percent sure why this works\n */\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void;\n}>();\n\nconst value = ref<Option>(\n  getSelectedOption(\n    typeof props.modelValue === 'string'\n      ? props.modelValue\n      : props.modelValue?.value,\n  ),\n);\n\nwatch(\n  () => props.modelValue,\n  (nv) => {\n    value.value = getSelectedOption(typeof nv === 'string' ? nv : nv?.value);\n  },\n);\n\nfunction update(n: Option) {\n  //checke for string, because when initializing formkit will call this with a string, which will null things down the line\n  if (typeof n !== 'string') emit('update:modelValue', n?.value);\n}\n\nfunction getSelectedOption(value: string) {\n  const option = props.options.find((option) => option?.value === value);\n  if (option) return option;\n  return props.allowEmpty ? null : props.options[0];\n}\n\nconst { t } = useTrans();\nconst select = createInput(props.customSelect, {\n  props: [\n    'selectOptions',\n    'inputContainerStyle',\n    'id',\n    'value',\n    'isLoading',\n    'customPlaceholder',\n    'selected',\n    'selectedOption',\n    'validationVisibility',\n    'testid',\n  ],\n});\n</script>\n<style lang=\"postcss\">\n.partial-opacity {\n  > div {\n    @apply opacity-50;\n\n    &.force-info {\n      @apply opacity-100;\n    }\n  }\n}\n\n.disabledSelect {\n  .vs--disabled {\n    @apply !bg-background-base;\n    @apply cursor-no-drop;\n    .vs__dropdown-toggle {\n      background-color: transparent !important;\n      * {\n        background-color: transparent !important;\n        @apply cursor-no-drop;\n      }\n    }\n  }\n}\n\n.formkit-outer:has(> .formkit-messages) .v-select:not(.vs--open) {\n  @apply !border-b-status-danger-base !rounded-b-none;\n}\n\n.vs__dropdown-menu {\n  @apply mt-[1px];\n}\n</style>\n"],"names":["props","__props","emit","__emit","value","ref","getSelectedOption","_a","watch","nv","update","n","option","t","useTrans","select","createInput"],"mappings":"wlCAyFA,MAAMA,EAAQC,EAwBRC,EAAOC,EAIPC,EAAQC,EACZC,EACE,OAAON,EAAM,YAAe,SACxBA,EAAM,YACNO,EAAAP,EAAM,aAAN,YAAAO,EAAkB,KACxB,CAAA,EAGFC,EACE,IAAMR,EAAM,WACXS,GAAO,CACNL,EAAM,MAAQE,EAAkB,OAAOG,GAAO,SAAWA,EAAKA,GAAA,YAAAA,EAAI,KAAK,CACzE,CAAA,EAGF,SAASC,EAAOC,EAAW,CAErB,OAAOA,GAAM,UAAeT,EAAA,oBAAqBS,GAAA,YAAAA,EAAG,KAAK,CAC/D,CAEA,SAASL,EAAkBF,EAAe,CAClC,MAAAQ,EAASZ,EAAM,QAAQ,KAAMY,IAAWA,GAAAA,YAAAA,EAAQ,SAAUR,CAAK,EACjE,OAAAQ,IACGZ,EAAM,WAAa,KAAOA,EAAM,QAAQ,CAAC,EAClD,CAEM,KAAA,CAAE,EAAAa,GAAMC,IACRC,EAASC,EAAYhB,EAAM,aAAc,CAC7C,MAAO,CACL,gBACA,sBACA,KACA,QACA,YACA,oBACA,WACA,iBACA,uBACA,QACF,CAAA,CACD"}