{"version":3,"file":"BVLeS4f4.js","sources":["../../../../src/complib/formFields/radioButton/radio-button.vue"],"sourcesContent":["<template>\n  <div class=\"radio\" :class=\"{ disabled }\">\n    <FormKit\n      :id=\"id\"\n      v-model=\"value\"\n      type=\"radio\"\n      :name=\"name ?? id\"\n      inner-class=\"w-[22px] h-[22px] mr-sm relative overflow-hidden shrink-0\"\n      :input-class=\"\n        disabled && hasWhiteBg\n          ? 'noGlobal bg-background-base cursor-no-drop'\n          : 'noGlobal'\n      \"\n      wrapper-class=\"flex\"\n      :disabled=\"disabled\"\n      :options=\"options\"\n    >\n      <template v-if=\"$slots.label\" #label=\"context\">\n        <slot name=\"label\" :context=\"context\" />\n      </template>\n      <template v-if=\"$slots.optionHelp\" #optionHelp=\"context\">\n        <slot name=\"optionHelp\" :context=\"context\" />\n      </template>\n    </FormKit>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport type { FormKitOptionsProp } from '@formkit/inputs';\nimport type { PropType } from 'vue';\n\ndefineProps({\n  options: {\n    type: Object as PropType<FormKitOptionsProp>,\n    required: true,\n  },\n  id: {\n    type: String,\n    required: false,\n    default: undefined,\n  },\n  name: {\n    type: String,\n    default: '',\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  hasWhiteBg: {\n    type: Boolean,\n    default: true,\n  },\n});\n\nconst value = defineModel<any>();\n</script>\n<style lang=\"postcss\" scoped>\n.radio.disabled {\n  @apply opacity-50;\n}\n\n.radio {\n  :deep(input) {\n    @apply w-[22px] h-[22px] border-border-light border-1 rounded-alt-sm absolute top-0 left-0 p-[4px] !cursor-inherit;\n    background-color: white;\n  }\n  :deep(input:focus) {\n    @apply outline-none ring-0;\n    --tw-shadow: none;\n    --tw-shadow-colored: none;\n    --tw-ring: none;\n    --tw-ring-shadow: none;\n  }\n  :deep(input:checked) {\n    @apply border-border-light border-1;\n    background-color: white;\n    background-size: 0px;\n    &::after {\n      content: '';\n      width: 14px;\n      height: 14px;\n      background-color: var(--thm-primary-base);\n      @apply rounded-alt-xs absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;\n    }\n  }\n  :deep(li) {\n    @apply my-sm !cursor-pointer;\n    label {\n      @apply !cursor-inherit;\n    }\n  }\n  :deep(.formkit-option-help) {\n    @apply ml-[38px] text-sm;\n  }\n  :deep(.formkit-custom-radio-label-hint) {\n    @apply ml-2xs text-sm text-text-light self-center;\n  }\n  :deep([data-disabled='true']) {\n    @apply !cursor-default;\n    .formkit-wrapper > .formkit-inner {\n      @apply opacity-50;\n    }\n    .formkit-wrapper > .custom-label {\n      @apply opacity-50;\n    }\n  }\n  :deep(.formkit-inner:has(input:disabled) + div) {\n    @apply opacity-50;\n  }\n}\n</style>\n"],"names":["value","_useModel","__props"],"mappings":"gbAsDM,MAAAA,EAAQC,EAAiBC,EAAA,YAAA"}