bootstrap-vue-next 0.44.2 → 0.44.4

package/dist/{BFormFile-CNtEA98J.mjs.map → BFormFile-Bf3GMYeX.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"BFormFile-CNtEA98J.mjs","names":[],"sources":["../src/components/BFormFile/BFormFile.vue","../src/components/BFormFile/BFormFile.vue"],"sourcesContent":["<template>\n  <div ref=\"rootRef\" v-bind=\"processedAttrs.rootAttrs\" class=\"b-form-file-root\">\n    <!-- Optional label -->\n    <label\n      v-if=\"hasLabelSlot || props.label\"\n      class=\"form-label\"\n      :class=\"props.labelClass\"\n      :for=\"computedId\"\n    >\n      <slot name=\"label\">\n        {{ props.label }}\n      </slot>\n    </label>\n\n    <!-- Drop zone wrapper -->\n    <div\n      v-if=\"!props.plain\"\n      ref=\"dropZoneRef\"\n      v-bind=\"processedAttrs.dropZoneAttrs\"\n      class=\"b-form-file-wrapper\"\n      :class=\"{\n        'b-form-file-dragging': isOverDropZone && !props.noDrop,\n        'b-form-file-has-files': hasFiles,\n      }\"\n    >\n      <!-- Custom file control (mimics Bootstrap native input) -->\n      <div\n        class=\"b-form-file-control\"\n        :class=\"computedClasses\"\n        :aria-disabled=\"props.disabled\"\n        @click=\"handleControlClick\"\n      >\n        <!-- Custom browse button (now on LEFT to match Bootstrap v5) -->\n        <button\n          v-if=\"!props.noButton\"\n          :id=\"computedId\"\n          ref=\"browseButtonRef\"\n          type=\"button\"\n          class=\"b-form-file-button\"\n          :disabled=\"props.disabled\"\n          :aria-label=\"props.ariaLabel\"\n          :aria-labelledby=\"props.ariaLabelledby\"\n          @click.stop=\"openFileDialog\"\n        >\n          {{ effectiveBrowseText }}\n        </button>\n\n        <!-- File name display -->\n        <div class=\"b-form-file-text\">\n          <slot name=\"file-name\" :files=\"selectedFiles\" :names=\"fileNames\">\n            <span v-if=\"hasFiles\">{{ formattedFileNames }}</span>\n            <span v-else-if=\"hasPlaceholderSlot || props.placeholder\" class=\"text-muted\">\n              <slot name=\"placeholder\">{{ props.placeholder }}</slot>\n            </span>\n          </slot>\n        </div>\n      </div>\n\n      <!-- Drag overlay (only shown when dragging) -->\n      <div v-if=\"isOverDropZone && !props.noDrop\" class=\"b-form-file-drag-overlay\">\n        <slot name=\"drop-placeholder\">\n          <div class=\"b-form-file-drag-text\">\n            {{ effectiveDropPlaceholder }}\n          </div>\n        </slot>\n      </div>\n\n      <!-- Hidden input for form submission (positioned behind UI with z-index) -->\n      <input\n        ref=\"customInputRef\"\n        v-bind=\"processedAttrs.inputAttrs\"\n        type=\"file\"\n        :name=\"props.name\"\n        :form=\"props.form\"\n        :multiple=\"props.multiple || props.directory\"\n        :disabled=\"props.disabled\"\n        :required=\"props.required\"\n        :accept=\"computedAccept || undefined\"\n        :capture=\"props.capture\"\n        :directory=\"props.directory || undefined\"\n        :webkitdirectory=\"props.directory || undefined\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        style=\"\n          position: absolute;\n          z-index: -5;\n          width: 0;\n          height: 0;\n          opacity: 0;\n          overflow: hidden;\n          pointer-events: none;\n        \"\n      />\n    </div>\n\n    <!-- Plain mode - simple native input -->\n    <input\n      v-else\n      :id=\"computedId\"\n      ref=\"plainInputRef\"\n      v-bind=\"processedAttrs.inputAttrs\"\n      type=\"file\"\n      :class=\"computedPlainClasses\"\n      :form=\"props.form\"\n      :name=\"props.name\"\n      :multiple=\"props.multiple || props.directory\"\n      :disabled=\"props.disabled\"\n      :capture=\"props.capture\"\n      :accept=\"computedAccept || undefined\"\n      :required=\"props.required || undefined\"\n      :aria-label=\"props.ariaLabel\"\n      :aria-labelledby=\"props.ariaLabelledby\"\n      :aria-required=\"props.required || undefined\"\n      :directory=\"props.directory || undefined\"\n      :webkitdirectory=\"props.directory || undefined\"\n      @change=\"onPlainChange\"\n    />\n\n    <!-- External file display (when showFileNames is true and not plain) -->\n    <div v-if=\"showExternalDisplay\" class=\"b-form-file-display mt-2\">\n      <slot name=\"file-name\" :files=\"selectedFiles\" :names=\"fileNames\">\n        <div v-if=\"hasFiles\" class=\"small text-muted\">\n          {{ formattedFileNames }}\n        </div>\n        <div v-else-if=\"hasPlaceholderSlot || props.placeholder\" class=\"small text-muted\">\n          <slot name=\"placeholder\">\n            {{ props.placeholder }}\n          </slot>\n        </div>\n      </slot>\n    </div>\n\n    <!-- ARIA live region for screen reader announcements -->\n    <div v-if=\"!props.plain\" class=\"visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\">\n      {{ ariaLiveMessage }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDropZone, useFileDialog} from '@vueuse/core'\nimport {computed, nextTick, onMounted, ref, type Ref, useAttrs, useTemplateRef, watch} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {isEmptySlot} from '../../utils/dom'\nimport type {BFormFileSlots, BFormFileProps} from '../../types'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BFormFileProps, 'modelValue'>>(), {\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  accept: '',\n  autofocus: false,\n  browseText: undefined,\n  capture: undefined,\n  directory: false,\n  disabled: false,\n  dropPlaceholder: undefined,\n  fileNameFormatter: undefined,\n  form: undefined,\n  id: undefined,\n  label: '',\n  labelClass: undefined,\n  multiple: false,\n  name: undefined,\n  noButton: false,\n  noDrop: false,\n  plain: false,\n  placeholder: 'No file chosen',\n  required: false,\n  showFileNames: false,\n  size: undefined,\n  state: null,\n})\nconst props = useDefaults(_props, 'BFormFile')\nconst slots = defineSlots<BFormFileSlots>()\n\nconst emit = defineEmits<{\n  change: [value: Event]\n}>()\n\nconst modelValue = defineModel<Exclude<BFormFileProps['modelValue'], undefined>>({\n  default: null,\n})\n\nconst attrs = useAttrs()\n\nconst processedAttrs = computed(() => {\n  // In plain mode, pass all attributes to the input element\n  if (props.plain) {\n    return {\n      rootAttrs: {},\n      dropZoneAttrs: {},\n      inputAttrs: attrs,\n    }\n  }\n  // In custom mode, split attributes:\n  // - class/style go to root (for layout/positioning)\n  // - title goes to drop zone (for tooltip on interactive element)\n  // - everything else goes to hidden input (for form functionality)\n  const {class: rootClass, style: rootStyle, title: dropZoneTitle, ...inputAttrs} = attrs\n  const rootAttrs: Record<string, unknown> = {}\n  const dropZoneAttrs: Record<string, unknown> = {}\n  if (rootClass !== undefined) rootAttrs.class = rootClass\n  if (rootStyle !== undefined) rootAttrs.style = rootStyle\n  if (dropZoneTitle !== undefined) dropZoneAttrs.title = dropZoneTitle\n  return {\n    rootAttrs,\n    dropZoneAttrs,\n    inputAttrs,\n  }\n})\n\nconst computedId = useId(() => props.id)\nconst stateClass = useStateClass(() => props.state)\n\n// Refs\nconst rootRef = useTemplateRef('rootRef')\nconst dropZoneRef = useTemplateRef('dropZoneRef')\nconst browseButtonRef = useTemplateRef('browseButtonRef')\nconst plainInputRef = useTemplateRef<HTMLInputElement>('plainInputRef')\nconst customInputRef = useTemplateRef<HTMLInputElement>('customInputRef')\n\n// Computed accept for file type validation\nconst computedAccept = computed(() =>\n  typeof props.accept === 'string' ? props.accept : props.accept.join(',')\n)\n\n// VueUse file dialog (uses our hidden input element)\nconst {\n  open,\n  reset: resetDialog,\n  onChange: onDialogChange,\n} = useFileDialog({\n  accept: computedAccept.value,\n  multiple: props.multiple || props.directory,\n  directory: props.directory,\n  input: customInputRef as unknown as Ref<HTMLInputElement>,\n})\n\n// VueUse drop zone (replaces manual drag/drop)\n// Note: We don't pass dataTypes because the accept attribute handles validation\n// and there is no reliable way to get MIME types from in all browsers\n// https://github.com/vueuse/vueuse/issues/4523\nconst {isOverDropZone} = useDropZone(dropZoneRef, {\n  onDrop: (files) => {\n    if (files && !props.noDrop) {\n      handleFiles(files)\n    }\n  },\n  multiple: props.multiple || props.directory,\n})\n\n// Computed properties\nconst hasLabelSlot = computed(() => !isEmptySlot(slots.label))\nconst hasPlaceholderSlot = computed(() => !isEmptySlot(slots.placeholder))\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  {\n    [`form-control-${props.size}`]: props.size !== undefined,\n  },\n])\n\nconst computedPlainClasses = computed(() => [\n  'form-control',\n  stateClass.value,\n  {\n    [`form-control-${props.size}`]: props.size !== undefined,\n  },\n])\n\n// Selected files (from dialog or managed state)\nconst internalFiles = ref<readonly File[]>([])\n\nconst selectedFiles = computed<readonly File[]>(() => internalFiles.value)\n\nconst hasFiles = computed(() => selectedFiles.value.length > 0)\n\nconst fileNames = computed(() => selectedFiles.value.map((file) => file.name))\n\nconst formattedFileNames = computed(() => {\n  if (!hasFiles.value) return ''\n  if (props.fileNameFormatter) {\n    return props.fileNameFormatter(selectedFiles.value)\n  }\n  const names = fileNames.value\n  if (names.length === 1) return names[0]\n  return `${names.length} files selected`\n})\n\nconst showExternalDisplay = computed(\n  () => !props.plain && props.showFileNames && (hasFiles.value || props.placeholder)\n)\n\n// ARIA live region message for accessibility\nconst ariaLiveMessage = computed(() => {\n  if (!hasFiles.value) return ''\n  const count = selectedFiles.value.length\n  if (count === 1) {\n    return `File selected: ${selectedFiles.value[0]?.name}`\n  }\n  return `${count} files selected`\n})\n\nconst effectiveBrowseText = computed(() => props.browseText ?? 'Browse')\nconst effectiveDropPlaceholder = computed(() => props.dropPlaceholder ?? 'Drop files here...')\n\n// Validate file against accept criteria\nconst isFileAccepted = (file: File): boolean => {\n  if (!computedAccept.value) return true\n\n  const acceptTypes = computedAccept.value.split(',').map((type) => type.trim())\n\n  return acceptTypes.some((acceptType) => {\n    // Extension match (e.g., .pdf)\n    if (acceptType.startsWith('.')) {\n      return file.name.toLowerCase().endsWith(acceptType.toLowerCase())\n    }\n    // Exact MIME type match (e.g., image/png)\n    if (!acceptType.includes('*')) {\n      return file.type === acceptType\n    }\n    // Wildcard MIME type match (e.g., image/* or */*)\n    const slashIndex = acceptType.indexOf('/')\n    if (slashIndex === -1) {\n      // Malformed wildcard pattern (no '/'): do not match anything\n      return false\n    }\n    const category = acceptType.slice(0, slashIndex)\n    // */* should match any MIME type\n    if (category === '*') {\n      return true\n    }\n    return file.type.startsWith(`${category}/`)\n  })\n}\n\n// File handling\nconst handleFiles = (files: File[] | FileList, nativeEvent?: Event) => {\n  let fileArray: File[] = []\n\n  if (nativeEvent) {\n    // Plain mode: read from the event target (browser already filtered via accept)\n    const input = nativeEvent.target as HTMLInputElement\n    fileArray = input.files ? Array.from(input.files) : []\n  } else {\n    // Custom mode (drag & drop or file dialog): manually filter and set on hidden input\n    fileArray = Array.from(files).filter((file) => isFileAccepted(file))\n    if (customInputRef.value && typeof DataTransfer !== 'undefined') {\n      try {\n        const dataTransfer = new DataTransfer()\n        fileArray.forEach((file) => dataTransfer.items.add(file))\n        customInputRef.value.files = dataTransfer.files\n      } catch {\n        // In environments where DataTransfer is not fully supported, skip syncing files on the input\n      }\n    }\n  }\n\n  // Update internal state\n  internalFiles.value = fileArray\n\n  // Update model value\n  if (fileArray.length === 0) {\n    modelValue.value = null\n  } else if (props.directory || props.multiple) {\n    modelValue.value = fileArray\n  } else {\n    const [firstFile] = fileArray\n    if (firstFile) {\n      modelValue.value = firstFile\n    }\n  }\n\n  // Emit change event in nextTick to ensure DOM updates\n  // In plain mode: forward the native event (has target.files)\n  // In custom mode: create CustomEvent with files in detail\n  nextTick(() => {\n    if (nativeEvent) {\n      // Plain mode: forward native event\n      emit('change', nativeEvent)\n    } else {\n      // Custom mode: create CustomEvent with files\n      const changeEvent = new CustomEvent('change', {\n        bubbles: true,\n        cancelable: false,\n        detail: {\n          files: fileArray,\n          target: {files: fileArray},\n        },\n      })\n      // Also attach files directly for easier access\n      Object.defineProperty(changeEvent, 'files', {\n        value: fileArray,\n        enumerable: true,\n      })\n      emit('change', changeEvent)\n    }\n  })\n}\n\n// Open file dialog\nconst openFileDialog = () => {\n  if (!props.disabled) {\n    open({\n      accept: computedAccept.value,\n      multiple: props.multiple || props.directory,\n      directory: props.directory,\n    })\n  }\n}\n\n// Handle click on control wrapper (make entire control clickable like Bootstrap v5)\nconst handleControlClick = () => {\n  // Don't trigger if clicking the button itself (button has its own handler with .stop)\n  // Don't trigger if disabled\n  if (!props.disabled) {\n    openFileDialog()\n  }\n}\n\n// Plain mode change handler\nconst onPlainChange = (e: Event) => {\n  const input = e.target as HTMLInputElement\n  if (input.files) {\n    handleFiles(input.files, e) // Pass native event\n  }\n}\n\n// Watch dialog files from useFileDialog\nonDialogChange((files) => {\n  if (files) {\n    handleFiles(files)\n  }\n})\n\n// Reset method\nconst reset = () => {\n  internalFiles.value = []\n  modelValue.value = null\n  resetDialog() // This resets the hidden input in custom mode\n  if (plainInputRef.value) {\n    plainInputRef.value.value = ''\n  }\n}\n\n// Focus management\nconst focus = () => {\n  if (props.plain) {\n    plainInputRef.value?.focus()\n  } else {\n    browseButtonRef.value?.focus()\n  }\n}\n\nconst blur = () => {\n  if (props.plain) {\n    plainInputRef.value?.blur()\n  } else {\n    browseButtonRef.value?.blur()\n  }\n}\n\n// Autofocus support - initial focus on mount\nonMounted(() => {\n  if (props.autofocus) {\n    nextTick(() => {\n      focus()\n    })\n  }\n})\n\n// Autofocus support - runtime prop changes\nwatch(\n  () => props.autofocus,\n  (autofocus) => {\n    if (autofocus) {\n      focus()\n    }\n  }\n)\n\n// Watch modelValue changes from parent\nwatch(modelValue, (newValue) => {\n  if (newValue === null) {\n    internalFiles.value = []\n    if (plainInputRef.value) {\n      plainInputRef.value.value = ''\n    }\n  } else if (Array.isArray(newValue)) {\n    internalFiles.value = newValue as readonly File[]\n  } else {\n    internalFiles.value = [newValue] as readonly File[]\n  }\n})\n\ndefineExpose({\n  blur,\n  element: computed(() => (props.plain ? plainInputRef.value : browseButtonRef.value)),\n  focus,\n  reset,\n})\n</script>\n","<template>\n  <div ref=\"rootRef\" v-bind=\"processedAttrs.rootAttrs\" class=\"b-form-file-root\">\n    <!-- Optional label -->\n    <label\n      v-if=\"hasLabelSlot || props.label\"\n      class=\"form-label\"\n      :class=\"props.labelClass\"\n      :for=\"computedId\"\n    >\n      <slot name=\"label\">\n        {{ props.label }}\n      </slot>\n    </label>\n\n    <!-- Drop zone wrapper -->\n    <div\n      v-if=\"!props.plain\"\n      ref=\"dropZoneRef\"\n      v-bind=\"processedAttrs.dropZoneAttrs\"\n      class=\"b-form-file-wrapper\"\n      :class=\"{\n        'b-form-file-dragging': isOverDropZone && !props.noDrop,\n        'b-form-file-has-files': hasFiles,\n      }\"\n    >\n      <!-- Custom file control (mimics Bootstrap native input) -->\n      <div\n        class=\"b-form-file-control\"\n        :class=\"computedClasses\"\n        :aria-disabled=\"props.disabled\"\n        @click=\"handleControlClick\"\n      >\n        <!-- Custom browse button (now on LEFT to match Bootstrap v5) -->\n        <button\n          v-if=\"!props.noButton\"\n          :id=\"computedId\"\n          ref=\"browseButtonRef\"\n          type=\"button\"\n          class=\"b-form-file-button\"\n          :disabled=\"props.disabled\"\n          :aria-label=\"props.ariaLabel\"\n          :aria-labelledby=\"props.ariaLabelledby\"\n          @click.stop=\"openFileDialog\"\n        >\n          {{ effectiveBrowseText }}\n        </button>\n\n        <!-- File name display -->\n        <div class=\"b-form-file-text\">\n          <slot name=\"file-name\" :files=\"selectedFiles\" :names=\"fileNames\">\n            <span v-if=\"hasFiles\">{{ formattedFileNames }}</span>\n            <span v-else-if=\"hasPlaceholderSlot || props.placeholder\" class=\"text-muted\">\n              <slot name=\"placeholder\">{{ props.placeholder }}</slot>\n            </span>\n          </slot>\n        </div>\n      </div>\n\n      <!-- Drag overlay (only shown when dragging) -->\n      <div v-if=\"isOverDropZone && !props.noDrop\" class=\"b-form-file-drag-overlay\">\n        <slot name=\"drop-placeholder\">\n          <div class=\"b-form-file-drag-text\">\n            {{ effectiveDropPlaceholder }}\n          </div>\n        </slot>\n      </div>\n\n      <!-- Hidden input for form submission (positioned behind UI with z-index) -->\n      <input\n        ref=\"customInputRef\"\n        v-bind=\"processedAttrs.inputAttrs\"\n        type=\"file\"\n        :name=\"props.name\"\n        :form=\"props.form\"\n        :multiple=\"props.multiple || props.directory\"\n        :disabled=\"props.disabled\"\n        :required=\"props.required\"\n        :accept=\"computedAccept || undefined\"\n        :capture=\"props.capture\"\n        :directory=\"props.directory || undefined\"\n        :webkitdirectory=\"props.directory || undefined\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        style=\"\n          position: absolute;\n          z-index: -5;\n          width: 0;\n          height: 0;\n          opacity: 0;\n          overflow: hidden;\n          pointer-events: none;\n        \"\n      />\n    </div>\n\n    <!-- Plain mode - simple native input -->\n    <input\n      v-else\n      :id=\"computedId\"\n      ref=\"plainInputRef\"\n      v-bind=\"processedAttrs.inputAttrs\"\n      type=\"file\"\n      :class=\"computedPlainClasses\"\n      :form=\"props.form\"\n      :name=\"props.name\"\n      :multiple=\"props.multiple || props.directory\"\n      :disabled=\"props.disabled\"\n      :capture=\"props.capture\"\n      :accept=\"computedAccept || undefined\"\n      :required=\"props.required || undefined\"\n      :aria-label=\"props.ariaLabel\"\n      :aria-labelledby=\"props.ariaLabelledby\"\n      :aria-required=\"props.required || undefined\"\n      :directory=\"props.directory || undefined\"\n      :webkitdirectory=\"props.directory || undefined\"\n      @change=\"onPlainChange\"\n    />\n\n    <!-- External file display (when showFileNames is true and not plain) -->\n    <div v-if=\"showExternalDisplay\" class=\"b-form-file-display mt-2\">\n      <slot name=\"file-name\" :files=\"selectedFiles\" :names=\"fileNames\">\n        <div v-if=\"hasFiles\" class=\"small text-muted\">\n          {{ formattedFileNames }}\n        </div>\n        <div v-else-if=\"hasPlaceholderSlot || props.placeholder\" class=\"small text-muted\">\n          <slot name=\"placeholder\">\n            {{ props.placeholder }}\n          </slot>\n        </div>\n      </slot>\n    </div>\n\n    <!-- ARIA live region for screen reader announcements -->\n    <div v-if=\"!props.plain\" class=\"visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\">\n      {{ ariaLiveMessage }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDropZone, useFileDialog} from '@vueuse/core'\nimport {computed, nextTick, onMounted, ref, type Ref, useAttrs, useTemplateRef, watch} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {isEmptySlot} from '../../utils/dom'\nimport type {BFormFileSlots, BFormFileProps} from '../../types'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BFormFileProps, 'modelValue'>>(), {\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  accept: '',\n  autofocus: false,\n  browseText: undefined,\n  capture: undefined,\n  directory: false,\n  disabled: false,\n  dropPlaceholder: undefined,\n  fileNameFormatter: undefined,\n  form: undefined,\n  id: undefined,\n  label: '',\n  labelClass: undefined,\n  multiple: false,\n  name: undefined,\n  noButton: false,\n  noDrop: false,\n  plain: false,\n  placeholder: 'No file chosen',\n  required: false,\n  showFileNames: false,\n  size: undefined,\n  state: null,\n})\nconst props = useDefaults(_props, 'BFormFile')\nconst slots = defineSlots<BFormFileSlots>()\n\nconst emit = defineEmits<{\n  change: [value: Event]\n}>()\n\nconst modelValue = defineModel<Exclude<BFormFileProps['modelValue'], undefined>>({\n  default: null,\n})\n\nconst attrs = useAttrs()\n\nconst processedAttrs = computed(() => {\n  // In plain mode, pass all attributes to the input element\n  if (props.plain) {\n    return {\n      rootAttrs: {},\n      dropZoneAttrs: {},\n      inputAttrs: attrs,\n    }\n  }\n  // In custom mode, split attributes:\n  // - class/style go to root (for layout/positioning)\n  // - title goes to drop zone (for tooltip on interactive element)\n  // - everything else goes to hidden input (for form functionality)\n  const {class: rootClass, style: rootStyle, title: dropZoneTitle, ...inputAttrs} = attrs\n  const rootAttrs: Record<string, unknown> = {}\n  const dropZoneAttrs: Record<string, unknown> = {}\n  if (rootClass !== undefined) rootAttrs.class = rootClass\n  if (rootStyle !== undefined) rootAttrs.style = rootStyle\n  if (dropZoneTitle !== undefined) dropZoneAttrs.title = dropZoneTitle\n  return {\n    rootAttrs,\n    dropZoneAttrs,\n    inputAttrs,\n  }\n})\n\nconst computedId = useId(() => props.id)\nconst stateClass = useStateClass(() => props.state)\n\n// Refs\nconst rootRef = useTemplateRef('rootRef')\nconst dropZoneRef = useTemplateRef('dropZoneRef')\nconst browseButtonRef = useTemplateRef('browseButtonRef')\nconst plainInputRef = useTemplateRef<HTMLInputElement>('plainInputRef')\nconst customInputRef = useTemplateRef<HTMLInputElement>('customInputRef')\n\n// Computed accept for file type validation\nconst computedAccept = computed(() =>\n  typeof props.accept === 'string' ? props.accept : props.accept.join(',')\n)\n\n// VueUse file dialog (uses our hidden input element)\nconst {\n  open,\n  reset: resetDialog,\n  onChange: onDialogChange,\n} = useFileDialog({\n  accept: computedAccept.value,\n  multiple: props.multiple || props.directory,\n  directory: props.directory,\n  input: customInputRef as unknown as Ref<HTMLInputElement>,\n})\n\n// VueUse drop zone (replaces manual drag/drop)\n// Note: We don't pass dataTypes because the accept attribute handles validation\n// and there is no reliable way to get MIME types from in all browsers\n// https://github.com/vueuse/vueuse/issues/4523\nconst {isOverDropZone} = useDropZone(dropZoneRef, {\n  onDrop: (files) => {\n    if (files && !props.noDrop) {\n      handleFiles(files)\n    }\n  },\n  multiple: props.multiple || props.directory,\n})\n\n// Computed properties\nconst hasLabelSlot = computed(() => !isEmptySlot(slots.label))\nconst hasPlaceholderSlot = computed(() => !isEmptySlot(slots.placeholder))\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  {\n    [`form-control-${props.size}`]: props.size !== undefined,\n  },\n])\n\nconst computedPlainClasses = computed(() => [\n  'form-control',\n  stateClass.value,\n  {\n    [`form-control-${props.size}`]: props.size !== undefined,\n  },\n])\n\n// Selected files (from dialog or managed state)\nconst internalFiles = ref<readonly File[]>([])\n\nconst selectedFiles = computed<readonly File[]>(() => internalFiles.value)\n\nconst hasFiles = computed(() => selectedFiles.value.length > 0)\n\nconst fileNames = computed(() => selectedFiles.value.map((file) => file.name))\n\nconst formattedFileNames = computed(() => {\n  if (!hasFiles.value) return ''\n  if (props.fileNameFormatter) {\n    return props.fileNameFormatter(selectedFiles.value)\n  }\n  const names = fileNames.value\n  if (names.length === 1) return names[0]\n  return `${names.length} files selected`\n})\n\nconst showExternalDisplay = computed(\n  () => !props.plain && props.showFileNames && (hasFiles.value || props.placeholder)\n)\n\n// ARIA live region message for accessibility\nconst ariaLiveMessage = computed(() => {\n  if (!hasFiles.value) return ''\n  const count = selectedFiles.value.length\n  if (count === 1) {\n    return `File selected: ${selectedFiles.value[0]?.name}`\n  }\n  return `${count} files selected`\n})\n\nconst effectiveBrowseText = computed(() => props.browseText ?? 'Browse')\nconst effectiveDropPlaceholder = computed(() => props.dropPlaceholder ?? 'Drop files here...')\n\n// Validate file against accept criteria\nconst isFileAccepted = (file: File): boolean => {\n  if (!computedAccept.value) return true\n\n  const acceptTypes = computedAccept.value.split(',').map((type) => type.trim())\n\n  return acceptTypes.some((acceptType) => {\n    // Extension match (e.g., .pdf)\n    if (acceptType.startsWith('.')) {\n      return file.name.toLowerCase().endsWith(acceptType.toLowerCase())\n    }\n    // Exact MIME type match (e.g., image/png)\n    if (!acceptType.includes('*')) {\n      return file.type === acceptType\n    }\n    // Wildcard MIME type match (e.g., image/* or */*)\n    const slashIndex = acceptType.indexOf('/')\n    if (slashIndex === -1) {\n      // Malformed wildcard pattern (no '/'): do not match anything\n      return false\n    }\n    const category = acceptType.slice(0, slashIndex)\n    // */* should match any MIME type\n    if (category === '*') {\n      return true\n    }\n    return file.type.startsWith(`${category}/`)\n  })\n}\n\n// File handling\nconst handleFiles = (files: File[] | FileList, nativeEvent?: Event) => {\n  let fileArray: File[] = []\n\n  if (nativeEvent) {\n    // Plain mode: read from the event target (browser already filtered via accept)\n    const input = nativeEvent.target as HTMLInputElement\n    fileArray = input.files ? Array.from(input.files) : []\n  } else {\n    // Custom mode (drag & drop or file dialog): manually filter and set on hidden input\n    fileArray = Array.from(files).filter((file) => isFileAccepted(file))\n    if (customInputRef.value && typeof DataTransfer !== 'undefined') {\n      try {\n        const dataTransfer = new DataTransfer()\n        fileArray.forEach((file) => dataTransfer.items.add(file))\n        customInputRef.value.files = dataTransfer.files\n      } catch {\n        // In environments where DataTransfer is not fully supported, skip syncing files on the input\n      }\n    }\n  }\n\n  // Update internal state\n  internalFiles.value = fileArray\n\n  // Update model value\n  if (fileArray.length === 0) {\n    modelValue.value = null\n  } else if (props.directory || props.multiple) {\n    modelValue.value = fileArray\n  } else {\n    const [firstFile] = fileArray\n    if (firstFile) {\n      modelValue.value = firstFile\n    }\n  }\n\n  // Emit change event in nextTick to ensure DOM updates\n  // In plain mode: forward the native event (has target.files)\n  // In custom mode: create CustomEvent with files in detail\n  nextTick(() => {\n    if (nativeEvent) {\n      // Plain mode: forward native event\n      emit('change', nativeEvent)\n    } else {\n      // Custom mode: create CustomEvent with files\n      const changeEvent = new CustomEvent('change', {\n        bubbles: true,\n        cancelable: false,\n        detail: {\n          files: fileArray,\n          target: {files: fileArray},\n        },\n      })\n      // Also attach files directly for easier access\n      Object.defineProperty(changeEvent, 'files', {\n        value: fileArray,\n        enumerable: true,\n      })\n      emit('change', changeEvent)\n    }\n  })\n}\n\n// Open file dialog\nconst openFileDialog = () => {\n  if (!props.disabled) {\n    open({\n      accept: computedAccept.value,\n      multiple: props.multiple || props.directory,\n      directory: props.directory,\n    })\n  }\n}\n\n// Handle click on control wrapper (make entire control clickable like Bootstrap v5)\nconst handleControlClick = () => {\n  // Don't trigger if clicking the button itself (button has its own handler with .stop)\n  // Don't trigger if disabled\n  if (!props.disabled) {\n    openFileDialog()\n  }\n}\n\n// Plain mode change handler\nconst onPlainChange = (e: Event) => {\n  const input = e.target as HTMLInputElement\n  if (input.files) {\n    handleFiles(input.files, e) // Pass native event\n  }\n}\n\n// Watch dialog files from useFileDialog\nonDialogChange((files) => {\n  if (files) {\n    handleFiles(files)\n  }\n})\n\n// Reset method\nconst reset = () => {\n  internalFiles.value = []\n  modelValue.value = null\n  resetDialog() // This resets the hidden input in custom mode\n  if (plainInputRef.value) {\n    plainInputRef.value.value = ''\n  }\n}\n\n// Focus management\nconst focus = () => {\n  if (props.plain) {\n    plainInputRef.value?.focus()\n  } else {\n    browseButtonRef.value?.focus()\n  }\n}\n\nconst blur = () => {\n  if (props.plain) {\n    plainInputRef.value?.blur()\n  } else {\n    browseButtonRef.value?.blur()\n  }\n}\n\n// Autofocus support - initial focus on mount\nonMounted(() => {\n  if (props.autofocus) {\n    nextTick(() => {\n      focus()\n    })\n  }\n})\n\n// Autofocus support - runtime prop changes\nwatch(\n  () => props.autofocus,\n  (autofocus) => {\n    if (autofocus) {\n      focus()\n    }\n  }\n)\n\n// Watch modelValue changes from parent\nwatch(modelValue, (newValue) => {\n  if (newValue === null) {\n    internalFiles.value = []\n    if (plainInputRef.value) {\n      plainInputRef.value.value = ''\n    }\n  } else if (Array.isArray(newValue)) {\n    internalFiles.value = newValue as readonly File[]\n  } else {\n    internalFiles.value = [newValue] as readonly File[]\n  }\n})\n\ndefineExpose({\n  blur,\n  element: computed(() => (props.plain ? plainInputRef.value : browseButtonRef.value)),\n  focus,\n  reset,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"BFormFile-Bf3GMYeX.mjs","names":[],"sources":["../src/components/BFormFile/BFormFile.vue","../src/components/BFormFile/BFormFile.vue"],"sourcesContent":["<template>\n  <div ref=\"rootRef\" v-bind=\"processedAttrs.rootAttrs\" class=\"b-form-file-root\">\n    <!-- Optional label -->\n    <label\n      v-if=\"hasLabelSlot || props.label\"\n      class=\"form-label\"\n      :class=\"props.labelClass\"\n      :for=\"computedId\"\n    >\n      <slot name=\"label\">\n        {{ props.label }}\n      </slot>\n    </label>\n\n    <!-- Drop zone wrapper -->\n    <div\n      v-if=\"!props.plain\"\n      ref=\"dropZoneRef\"\n      v-bind=\"processedAttrs.dropZoneAttrs\"\n      class=\"b-form-file-wrapper\"\n      :class=\"{\n        'b-form-file-dragging': isOverDropZone && !props.noDrop,\n        'b-form-file-has-files': hasFiles,\n      }\"\n    >\n      <!-- Custom file control (mimics Bootstrap native input) -->\n      <div\n        class=\"b-form-file-control\"\n        :class=\"computedClasses\"\n        :aria-disabled=\"props.disabled\"\n        @click=\"handleControlClick\"\n      >\n        <!-- Custom browse button (now on LEFT to match Bootstrap v5) -->\n        <button\n          v-if=\"!props.noButton\"\n          :id=\"computedId\"\n          ref=\"browseButtonRef\"\n          type=\"button\"\n          class=\"b-form-file-button\"\n          :disabled=\"props.disabled\"\n          :aria-label=\"props.ariaLabel\"\n          :aria-labelledby=\"props.ariaLabelledby\"\n          @click.stop=\"openFileDialog\"\n        >\n          {{ effectiveBrowseText }}\n        </button>\n\n        <!-- File name display -->\n        <div class=\"b-form-file-text\">\n          <slot name=\"file-name\" :files=\"selectedFiles\" :names=\"fileNames\">\n            <span v-if=\"hasFiles\">{{ formattedFileNames }}</span>\n            <span v-else-if=\"hasPlaceholderSlot || props.placeholder\" class=\"text-muted\">\n              <slot name=\"placeholder\">{{ props.placeholder }}</slot>\n            </span>\n          </slot>\n        </div>\n      </div>\n\n      <!-- Drag overlay (only shown when dragging) -->\n      <div v-if=\"isOverDropZone && !props.noDrop\" class=\"b-form-file-drag-overlay\">\n        <slot name=\"drop-placeholder\">\n          <div class=\"b-form-file-drag-text\">\n            {{ effectiveDropPlaceholder }}\n          </div>\n        </slot>\n      </div>\n\n      <!-- Hidden input for form submission (positioned behind UI with z-index) -->\n      <input\n        ref=\"customInputRef\"\n        v-bind=\"processedAttrs.inputAttrs\"\n        type=\"file\"\n        :name=\"props.name\"\n        :form=\"props.form\"\n        :multiple=\"props.multiple || props.directory\"\n        :disabled=\"props.disabled\"\n        :required=\"props.required\"\n        :accept=\"computedAccept || undefined\"\n        :capture=\"props.capture\"\n        :directory=\"props.directory || undefined\"\n        :webkitdirectory=\"props.directory || undefined\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        style=\"\n          position: absolute;\n          z-index: -5;\n          width: 0;\n          height: 0;\n          opacity: 0;\n          overflow: hidden;\n          pointer-events: none;\n        \"\n      />\n    </div>\n\n    <!-- Plain mode - simple native input -->\n    <input\n      v-else\n      :id=\"computedId\"\n      ref=\"plainInputRef\"\n      v-bind=\"processedAttrs.inputAttrs\"\n      type=\"file\"\n      :class=\"computedPlainClasses\"\n      :form=\"props.form\"\n      :name=\"props.name\"\n      :multiple=\"props.multiple || props.directory\"\n      :disabled=\"props.disabled\"\n      :capture=\"props.capture\"\n      :accept=\"computedAccept || undefined\"\n      :required=\"props.required || undefined\"\n      :aria-label=\"props.ariaLabel\"\n      :aria-labelledby=\"props.ariaLabelledby\"\n      :aria-required=\"props.required || undefined\"\n      :directory=\"props.directory || undefined\"\n      :webkitdirectory=\"props.directory || undefined\"\n      @change=\"onPlainChange\"\n    />\n\n    <!-- External file display (when showFileNames is true and not plain) -->\n    <div v-if=\"showExternalDisplay\" class=\"b-form-file-display mt-2\">\n      <slot name=\"file-name\" :files=\"selectedFiles\" :names=\"fileNames\">\n        <div v-if=\"hasFiles\" class=\"small text-muted\">\n          {{ formattedFileNames }}\n        </div>\n        <div v-else-if=\"hasPlaceholderSlot || props.placeholder\" class=\"small text-muted\">\n          <slot name=\"placeholder\">\n            {{ props.placeholder }}\n          </slot>\n        </div>\n      </slot>\n    </div>\n\n    <!-- ARIA live region for screen reader announcements -->\n    <div v-if=\"!props.plain\" class=\"visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\">\n      {{ ariaLiveMessage }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDropZone, useFileDialog} from '@vueuse/core'\nimport {computed, nextTick, onMounted, ref, type Ref, useAttrs, useTemplateRef, watch} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {isEmptySlot} from '../../utils/dom'\nimport type {BFormFileSlots, BFormFileProps} from '../../types'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BFormFileProps, 'modelValue'>>(), {\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  accept: '',\n  autofocus: false,\n  browseText: undefined,\n  capture: undefined,\n  directory: false,\n  disabled: false,\n  dropPlaceholder: undefined,\n  fileNameFormatter: undefined,\n  form: undefined,\n  id: undefined,\n  label: '',\n  labelClass: undefined,\n  multiple: false,\n  name: undefined,\n  noButton: false,\n  noDrop: false,\n  plain: false,\n  placeholder: 'No file chosen',\n  required: false,\n  showFileNames: false,\n  size: undefined,\n  state: null,\n})\nconst props = useDefaults(_props, 'BFormFile')\nconst slots = defineSlots<BFormFileSlots>()\n\nconst emit = defineEmits<{\n  change: [value: Event]\n}>()\n\nconst modelValue = defineModel<Exclude<BFormFileProps['modelValue'], undefined>>({\n  default: null,\n})\n\nconst attrs = useAttrs()\n\nconst processedAttrs = computed(() => {\n  // In plain mode, pass all attributes to the input element\n  if (props.plain) {\n    return {\n      rootAttrs: {},\n      dropZoneAttrs: {},\n      inputAttrs: attrs,\n    }\n  }\n  // In custom mode, split attributes:\n  // - class/style go to root (for layout/positioning)\n  // - title goes to drop zone (for tooltip on interactive element)\n  // - everything else goes to hidden input (for form functionality)\n  const {class: rootClass, style: rootStyle, title: dropZoneTitle, ...inputAttrs} = attrs\n  const rootAttrs: Record<string, unknown> = {}\n  const dropZoneAttrs: Record<string, unknown> = {}\n  if (rootClass !== undefined) rootAttrs.class = rootClass\n  if (rootStyle !== undefined) rootAttrs.style = rootStyle\n  if (dropZoneTitle !== undefined) dropZoneAttrs.title = dropZoneTitle\n  return {\n    rootAttrs,\n    dropZoneAttrs,\n    inputAttrs,\n  }\n})\n\nconst computedId = useId(() => props.id)\nconst stateClass = useStateClass(() => props.state)\n\n// Refs\nconst rootRef = useTemplateRef('rootRef')\nconst dropZoneRef = useTemplateRef('dropZoneRef')\nconst browseButtonRef = useTemplateRef('browseButtonRef')\nconst plainInputRef = useTemplateRef<HTMLInputElement>('plainInputRef')\nconst customInputRef = useTemplateRef<HTMLInputElement>('customInputRef')\n\n// Computed accept for file type validation\nconst computedAccept = computed(() =>\n  typeof props.accept === 'string' ? props.accept : props.accept.join(',')\n)\n\n// VueUse file dialog (uses our hidden input element)\nconst {\n  open,\n  reset: resetDialog,\n  onChange: onDialogChange,\n} = useFileDialog({\n  accept: computedAccept.value,\n  multiple: props.multiple || props.directory,\n  directory: props.directory,\n  input: customInputRef as unknown as Ref<HTMLInputElement>,\n})\n\n// VueUse drop zone (replaces manual drag/drop)\n// Note: We don't pass dataTypes because the accept attribute handles validation\n// and there is no reliable way to get MIME types from in all browsers\n// https://github.com/vueuse/vueuse/issues/4523\nconst {isOverDropZone} = useDropZone(dropZoneRef, {\n  onDrop: (files) => {\n    if (files && !props.noDrop) {\n      handleFiles(files)\n    }\n  },\n  multiple: props.multiple || props.directory,\n})\n\n// Computed properties\nconst hasLabelSlot = computed(() => !isEmptySlot(slots.label))\nconst hasPlaceholderSlot = computed(() => !isEmptySlot(slots.placeholder))\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  {\n    [`form-control-${props.size}`]: props.size !== undefined,\n  },\n])\n\nconst computedPlainClasses = computed(() => [\n  'form-control',\n  stateClass.value,\n  {\n    [`form-control-${props.size}`]: props.size !== undefined,\n  },\n])\n\n// Selected files (from dialog or managed state)\nconst internalFiles = ref<readonly File[]>([])\n\nconst selectedFiles = computed<readonly File[]>(() => internalFiles.value)\n\nconst hasFiles = computed(() => selectedFiles.value.length > 0)\n\nconst fileNames = computed(() => selectedFiles.value.map((file) => file.name))\n\nconst formattedFileNames = computed(() => {\n  if (!hasFiles.value) return ''\n  if (props.fileNameFormatter) {\n    return props.fileNameFormatter(selectedFiles.value)\n  }\n  const names = fileNames.value\n  if (names.length === 1) return names[0]\n  return `${names.length} files selected`\n})\n\nconst showExternalDisplay = computed(\n  () => !props.plain && props.showFileNames && (hasFiles.value || props.placeholder)\n)\n\n// ARIA live region message for accessibility\nconst ariaLiveMessage = computed(() => {\n  if (!hasFiles.value) return ''\n  const count = selectedFiles.value.length\n  if (count === 1) {\n    return `File selected: ${selectedFiles.value[0]?.name}`\n  }\n  return `${count} files selected`\n})\n\nconst effectiveBrowseText = computed(() => props.browseText ?? 'Browse')\nconst effectiveDropPlaceholder = computed(() => props.dropPlaceholder ?? 'Drop files here...')\n\n// Validate file against accept criteria\nconst isFileAccepted = (file: File): boolean => {\n  if (!computedAccept.value) return true\n\n  const acceptTypes = computedAccept.value.split(',').map((type) => type.trim())\n\n  return acceptTypes.some((acceptType) => {\n    // Extension match (e.g., .pdf)\n    if (acceptType.startsWith('.')) {\n      return file.name.toLowerCase().endsWith(acceptType.toLowerCase())\n    }\n    // Exact MIME type match (e.g., image/png)\n    if (!acceptType.includes('*')) {\n      return file.type === acceptType\n    }\n    // Wildcard MIME type match (e.g., image/* or */*)\n    const slashIndex = acceptType.indexOf('/')\n    if (slashIndex === -1) {\n      // Malformed wildcard pattern (no '/'): do not match anything\n      return false\n    }\n    const category = acceptType.slice(0, slashIndex)\n    // */* should match any MIME type\n    if (category === '*') {\n      return true\n    }\n    return file.type.startsWith(`${category}/`)\n  })\n}\n\n// File handling\nconst handleFiles = (files: File[] | FileList, nativeEvent?: Event) => {\n  let fileArray: File[] = []\n\n  if (nativeEvent) {\n    // Plain mode: read from the event target (browser already filtered via accept)\n    const input = nativeEvent.target as HTMLInputElement\n    fileArray = input.files ? Array.from(input.files) : []\n  } else {\n    // Custom mode (drag & drop or file dialog): manually filter and set on hidden input\n    fileArray = Array.from(files).filter((file) => isFileAccepted(file))\n    if (customInputRef.value && typeof DataTransfer !== 'undefined') {\n      try {\n        const dataTransfer = new DataTransfer()\n        fileArray.forEach((file) => dataTransfer.items.add(file))\n        customInputRef.value.files = dataTransfer.files\n      } catch {\n        // In environments where DataTransfer is not fully supported, skip syncing files on the input\n      }\n    }\n  }\n\n  // Update internal state\n  internalFiles.value = fileArray\n\n  // Update model value\n  if (fileArray.length === 0) {\n    modelValue.value = null\n  } else if (props.directory || props.multiple) {\n    modelValue.value = fileArray\n  } else {\n    const [firstFile] = fileArray\n    if (firstFile) {\n      modelValue.value = firstFile\n    }\n  }\n\n  // Emit change event in nextTick to ensure DOM updates\n  // In plain mode: forward the native event (has target.files)\n  // In custom mode: create CustomEvent with files in detail\n  nextTick(() => {\n    if (nativeEvent) {\n      // Plain mode: forward native event\n      emit('change', nativeEvent)\n    } else {\n      // Custom mode: create CustomEvent with files\n      const changeEvent = new CustomEvent('change', {\n        bubbles: true,\n        cancelable: false,\n        detail: {\n          files: fileArray,\n          target: {files: fileArray},\n        },\n      })\n      // Also attach files directly for easier access\n      Object.defineProperty(changeEvent, 'files', {\n        value: fileArray,\n        enumerable: true,\n      })\n      emit('change', changeEvent)\n    }\n  })\n}\n\n// Open file dialog\nconst openFileDialog = () => {\n  if (!props.disabled) {\n    open({\n      accept: computedAccept.value,\n      multiple: props.multiple || props.directory,\n      directory: props.directory,\n    })\n  }\n}\n\n// Handle click on control wrapper (make entire control clickable like Bootstrap v5)\nconst handleControlClick = () => {\n  // Don't trigger if clicking the button itself (button has its own handler with .stop)\n  // Don't trigger if disabled\n  if (!props.disabled) {\n    openFileDialog()\n  }\n}\n\n// Plain mode change handler\nconst onPlainChange = (e: Event) => {\n  const input = e.target as HTMLInputElement\n  if (input.files) {\n    handleFiles(input.files, e) // Pass native event\n  }\n}\n\n// Watch dialog files from useFileDialog\nonDialogChange((files) => {\n  if (files) {\n    handleFiles(files)\n  }\n})\n\n// Reset method\nconst reset = () => {\n  internalFiles.value = []\n  modelValue.value = null\n  resetDialog() // This resets the hidden input in custom mode\n  if (plainInputRef.value) {\n    plainInputRef.value.value = ''\n  }\n}\n\n// Focus management\nconst focus = () => {\n  if (props.plain) {\n    plainInputRef.value?.focus()\n  } else {\n    browseButtonRef.value?.focus()\n  }\n}\n\nconst blur = () => {\n  if (props.plain) {\n    plainInputRef.value?.blur()\n  } else {\n    browseButtonRef.value?.blur()\n  }\n}\n\n// Autofocus support - initial focus on mount\nonMounted(() => {\n  if (props.autofocus) {\n    nextTick(() => {\n      focus()\n    })\n  }\n})\n\n// Autofocus support - runtime prop changes\nwatch(\n  () => props.autofocus,\n  (autofocus) => {\n    if (autofocus) {\n      focus()\n    }\n  }\n)\n\n// Watch modelValue changes from parent\nwatch(modelValue, (newValue) => {\n  if (newValue === null) {\n    internalFiles.value = []\n    if (plainInputRef.value) {\n      plainInputRef.value.value = ''\n    }\n  } else if (Array.isArray(newValue)) {\n    internalFiles.value = newValue as readonly File[]\n  } else {\n    internalFiles.value = [newValue] as readonly File[]\n  }\n})\n\ndefineExpose({\n  blur,\n  element: computed(() => (props.plain ? plainInputRef.value : browseButtonRef.value)),\n  focus,\n  reset,\n})\n</script>\n","<template>\n  <div ref=\"rootRef\" v-bind=\"processedAttrs.rootAttrs\" class=\"b-form-file-root\">\n    <!-- Optional label -->\n    <label\n      v-if=\"hasLabelSlot || props.label\"\n      class=\"form-label\"\n      :class=\"props.labelClass\"\n      :for=\"computedId\"\n    >\n      <slot name=\"label\">\n        {{ props.label }}\n      </slot>\n    </label>\n\n    <!-- Drop zone wrapper -->\n    <div\n      v-if=\"!props.plain\"\n      ref=\"dropZoneRef\"\n      v-bind=\"processedAttrs.dropZoneAttrs\"\n      class=\"b-form-file-wrapper\"\n      :class=\"{\n        'b-form-file-dragging': isOverDropZone && !props.noDrop,\n        'b-form-file-has-files': hasFiles,\n      }\"\n    >\n      <!-- Custom file control (mimics Bootstrap native input) -->\n      <div\n        class=\"b-form-file-control\"\n        :class=\"computedClasses\"\n        :aria-disabled=\"props.disabled\"\n        @click=\"handleControlClick\"\n      >\n        <!-- Custom browse button (now on LEFT to match Bootstrap v5) -->\n        <button\n          v-if=\"!props.noButton\"\n          :id=\"computedId\"\n          ref=\"browseButtonRef\"\n          type=\"button\"\n          class=\"b-form-file-button\"\n          :disabled=\"props.disabled\"\n          :aria-label=\"props.ariaLabel\"\n          :aria-labelledby=\"props.ariaLabelledby\"\n          @click.stop=\"openFileDialog\"\n        >\n          {{ effectiveBrowseText }}\n        </button>\n\n        <!-- File name display -->\n        <div class=\"b-form-file-text\">\n          <slot name=\"file-name\" :files=\"selectedFiles\" :names=\"fileNames\">\n            <span v-if=\"hasFiles\">{{ formattedFileNames }}</span>\n            <span v-else-if=\"hasPlaceholderSlot || props.placeholder\" class=\"text-muted\">\n              <slot name=\"placeholder\">{{ props.placeholder }}</slot>\n            </span>\n          </slot>\n        </div>\n      </div>\n\n      <!-- Drag overlay (only shown when dragging) -->\n      <div v-if=\"isOverDropZone && !props.noDrop\" class=\"b-form-file-drag-overlay\">\n        <slot name=\"drop-placeholder\">\n          <div class=\"b-form-file-drag-text\">\n            {{ effectiveDropPlaceholder }}\n          </div>\n        </slot>\n      </div>\n\n      <!-- Hidden input for form submission (positioned behind UI with z-index) -->\n      <input\n        ref=\"customInputRef\"\n        v-bind=\"processedAttrs.inputAttrs\"\n        type=\"file\"\n        :name=\"props.name\"\n        :form=\"props.form\"\n        :multiple=\"props.multiple || props.directory\"\n        :disabled=\"props.disabled\"\n        :required=\"props.required\"\n        :accept=\"computedAccept || undefined\"\n        :capture=\"props.capture\"\n        :directory=\"props.directory || undefined\"\n        :webkitdirectory=\"props.directory || undefined\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        style=\"\n          position: absolute;\n          z-index: -5;\n          width: 0;\n          height: 0;\n          opacity: 0;\n          overflow: hidden;\n          pointer-events: none;\n        \"\n      />\n    </div>\n\n    <!-- Plain mode - simple native input -->\n    <input\n      v-else\n      :id=\"computedId\"\n      ref=\"plainInputRef\"\n      v-bind=\"processedAttrs.inputAttrs\"\n      type=\"file\"\n      :class=\"computedPlainClasses\"\n      :form=\"props.form\"\n      :name=\"props.name\"\n      :multiple=\"props.multiple || props.directory\"\n      :disabled=\"props.disabled\"\n      :capture=\"props.capture\"\n      :accept=\"computedAccept || undefined\"\n      :required=\"props.required || undefined\"\n      :aria-label=\"props.ariaLabel\"\n      :aria-labelledby=\"props.ariaLabelledby\"\n      :aria-required=\"props.required || undefined\"\n      :directory=\"props.directory || undefined\"\n      :webkitdirectory=\"props.directory || undefined\"\n      @change=\"onPlainChange\"\n    />\n\n    <!-- External file display (when showFileNames is true and not plain) -->\n    <div v-if=\"showExternalDisplay\" class=\"b-form-file-display mt-2\">\n      <slot name=\"file-name\" :files=\"selectedFiles\" :names=\"fileNames\">\n        <div v-if=\"hasFiles\" class=\"small text-muted\">\n          {{ formattedFileNames }}\n        </div>\n        <div v-else-if=\"hasPlaceholderSlot || props.placeholder\" class=\"small text-muted\">\n          <slot name=\"placeholder\">\n            {{ props.placeholder }}\n          </slot>\n        </div>\n      </slot>\n    </div>\n\n    <!-- ARIA live region for screen reader announcements -->\n    <div v-if=\"!props.plain\" class=\"visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\">\n      {{ ariaLiveMessage }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDropZone, useFileDialog} from '@vueuse/core'\nimport {computed, nextTick, onMounted, ref, type Ref, useAttrs, useTemplateRef, watch} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {isEmptySlot} from '../../utils/dom'\nimport type {BFormFileSlots, BFormFileProps} from '../../types'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BFormFileProps, 'modelValue'>>(), {\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  accept: '',\n  autofocus: false,\n  browseText: undefined,\n  capture: undefined,\n  directory: false,\n  disabled: false,\n  dropPlaceholder: undefined,\n  fileNameFormatter: undefined,\n  form: undefined,\n  id: undefined,\n  label: '',\n  labelClass: undefined,\n  multiple: false,\n  name: undefined,\n  noButton: false,\n  noDrop: false,\n  plain: false,\n  placeholder: 'No file chosen',\n  required: false,\n  showFileNames: false,\n  size: undefined,\n  state: null,\n})\nconst props = useDefaults(_props, 'BFormFile')\nconst slots = defineSlots<BFormFileSlots>()\n\nconst emit = defineEmits<{\n  change: [value: Event]\n}>()\n\nconst modelValue = defineModel<Exclude<BFormFileProps['modelValue'], undefined>>({\n  default: null,\n})\n\nconst attrs = useAttrs()\n\nconst processedAttrs = computed(() => {\n  // In plain mode, pass all attributes to the input element\n  if (props.plain) {\n    return {\n      rootAttrs: {},\n      dropZoneAttrs: {},\n      inputAttrs: attrs,\n    }\n  }\n  // In custom mode, split attributes:\n  // - class/style go to root (for layout/positioning)\n  // - title goes to drop zone (for tooltip on interactive element)\n  // - everything else goes to hidden input (for form functionality)\n  const {class: rootClass, style: rootStyle, title: dropZoneTitle, ...inputAttrs} = attrs\n  const rootAttrs: Record<string, unknown> = {}\n  const dropZoneAttrs: Record<string, unknown> = {}\n  if (rootClass !== undefined) rootAttrs.class = rootClass\n  if (rootStyle !== undefined) rootAttrs.style = rootStyle\n  if (dropZoneTitle !== undefined) dropZoneAttrs.title = dropZoneTitle\n  return {\n    rootAttrs,\n    dropZoneAttrs,\n    inputAttrs,\n  }\n})\n\nconst computedId = useId(() => props.id)\nconst stateClass = useStateClass(() => props.state)\n\n// Refs\nconst rootRef = useTemplateRef('rootRef')\nconst dropZoneRef = useTemplateRef('dropZoneRef')\nconst browseButtonRef = useTemplateRef('browseButtonRef')\nconst plainInputRef = useTemplateRef<HTMLInputElement>('plainInputRef')\nconst customInputRef = useTemplateRef<HTMLInputElement>('customInputRef')\n\n// Computed accept for file type validation\nconst computedAccept = computed(() =>\n  typeof props.accept === 'string' ? props.accept : props.accept.join(',')\n)\n\n// VueUse file dialog (uses our hidden input element)\nconst {\n  open,\n  reset: resetDialog,\n  onChange: onDialogChange,\n} = useFileDialog({\n  accept: computedAccept.value,\n  multiple: props.multiple || props.directory,\n  directory: props.directory,\n  input: customInputRef as unknown as Ref<HTMLInputElement>,\n})\n\n// VueUse drop zone (replaces manual drag/drop)\n// Note: We don't pass dataTypes because the accept attribute handles validation\n// and there is no reliable way to get MIME types from in all browsers\n// https://github.com/vueuse/vueuse/issues/4523\nconst {isOverDropZone} = useDropZone(dropZoneRef, {\n  onDrop: (files) => {\n    if (files && !props.noDrop) {\n      handleFiles(files)\n    }\n  },\n  multiple: props.multiple || props.directory,\n})\n\n// Computed properties\nconst hasLabelSlot = computed(() => !isEmptySlot(slots.label))\nconst hasPlaceholderSlot = computed(() => !isEmptySlot(slots.placeholder))\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  {\n    [`form-control-${props.size}`]: props.size !== undefined,\n  },\n])\n\nconst computedPlainClasses = computed(() => [\n  'form-control',\n  stateClass.value,\n  {\n    [`form-control-${props.size}`]: props.size !== undefined,\n  },\n])\n\n// Selected files (from dialog or managed state)\nconst internalFiles = ref<readonly File[]>([])\n\nconst selectedFiles = computed<readonly File[]>(() => internalFiles.value)\n\nconst hasFiles = computed(() => selectedFiles.value.length > 0)\n\nconst fileNames = computed(() => selectedFiles.value.map((file) => file.name))\n\nconst formattedFileNames = computed(() => {\n  if (!hasFiles.value) return ''\n  if (props.fileNameFormatter) {\n    return props.fileNameFormatter(selectedFiles.value)\n  }\n  const names = fileNames.value\n  if (names.length === 1) return names[0]\n  return `${names.length} files selected`\n})\n\nconst showExternalDisplay = computed(\n  () => !props.plain && props.showFileNames && (hasFiles.value || props.placeholder)\n)\n\n// ARIA live region message for accessibility\nconst ariaLiveMessage = computed(() => {\n  if (!hasFiles.value) return ''\n  const count = selectedFiles.value.length\n  if (count === 1) {\n    return `File selected: ${selectedFiles.value[0]?.name}`\n  }\n  return `${count} files selected`\n})\n\nconst effectiveBrowseText = computed(() => props.browseText ?? 'Browse')\nconst effectiveDropPlaceholder = computed(() => props.dropPlaceholder ?? 'Drop files here...')\n\n// Validate file against accept criteria\nconst isFileAccepted = (file: File): boolean => {\n  if (!computedAccept.value) return true\n\n  const acceptTypes = computedAccept.value.split(',').map((type) => type.trim())\n\n  return acceptTypes.some((acceptType) => {\n    // Extension match (e.g., .pdf)\n    if (acceptType.startsWith('.')) {\n      return file.name.toLowerCase().endsWith(acceptType.toLowerCase())\n    }\n    // Exact MIME type match (e.g., image/png)\n    if (!acceptType.includes('*')) {\n      return file.type === acceptType\n    }\n    // Wildcard MIME type match (e.g., image/* or */*)\n    const slashIndex = acceptType.indexOf('/')\n    if (slashIndex === -1) {\n      // Malformed wildcard pattern (no '/'): do not match anything\n      return false\n    }\n    const category = acceptType.slice(0, slashIndex)\n    // */* should match any MIME type\n    if (category === '*') {\n      return true\n    }\n    return file.type.startsWith(`${category}/`)\n  })\n}\n\n// File handling\nconst handleFiles = (files: File[] | FileList, nativeEvent?: Event) => {\n  let fileArray: File[] = []\n\n  if (nativeEvent) {\n    // Plain mode: read from the event target (browser already filtered via accept)\n    const input = nativeEvent.target as HTMLInputElement\n    fileArray = input.files ? Array.from(input.files) : []\n  } else {\n    // Custom mode (drag & drop or file dialog): manually filter and set on hidden input\n    fileArray = Array.from(files).filter((file) => isFileAccepted(file))\n    if (customInputRef.value && typeof DataTransfer !== 'undefined') {\n      try {\n        const dataTransfer = new DataTransfer()\n        fileArray.forEach((file) => dataTransfer.items.add(file))\n        customInputRef.value.files = dataTransfer.files\n      } catch {\n        // In environments where DataTransfer is not fully supported, skip syncing files on the input\n      }\n    }\n  }\n\n  // Update internal state\n  internalFiles.value = fileArray\n\n  // Update model value\n  if (fileArray.length === 0) {\n    modelValue.value = null\n  } else if (props.directory || props.multiple) {\n    modelValue.value = fileArray\n  } else {\n    const [firstFile] = fileArray\n    if (firstFile) {\n      modelValue.value = firstFile\n    }\n  }\n\n  // Emit change event in nextTick to ensure DOM updates\n  // In plain mode: forward the native event (has target.files)\n  // In custom mode: create CustomEvent with files in detail\n  nextTick(() => {\n    if (nativeEvent) {\n      // Plain mode: forward native event\n      emit('change', nativeEvent)\n    } else {\n      // Custom mode: create CustomEvent with files\n      const changeEvent = new CustomEvent('change', {\n        bubbles: true,\n        cancelable: false,\n        detail: {\n          files: fileArray,\n          target: {files: fileArray},\n        },\n      })\n      // Also attach files directly for easier access\n      Object.defineProperty(changeEvent, 'files', {\n        value: fileArray,\n        enumerable: true,\n      })\n      emit('change', changeEvent)\n    }\n  })\n}\n\n// Open file dialog\nconst openFileDialog = () => {\n  if (!props.disabled) {\n    open({\n      accept: computedAccept.value,\n      multiple: props.multiple || props.directory,\n      directory: props.directory,\n    })\n  }\n}\n\n// Handle click on control wrapper (make entire control clickable like Bootstrap v5)\nconst handleControlClick = () => {\n  // Don't trigger if clicking the button itself (button has its own handler with .stop)\n  // Don't trigger if disabled\n  if (!props.disabled) {\n    openFileDialog()\n  }\n}\n\n// Plain mode change handler\nconst onPlainChange = (e: Event) => {\n  const input = e.target as HTMLInputElement\n  if (input.files) {\n    handleFiles(input.files, e) // Pass native event\n  }\n}\n\n// Watch dialog files from useFileDialog\nonDialogChange((files) => {\n  if (files) {\n    handleFiles(files)\n  }\n})\n\n// Reset method\nconst reset = () => {\n  internalFiles.value = []\n  modelValue.value = null\n  resetDialog() // This resets the hidden input in custom mode\n  if (plainInputRef.value) {\n    plainInputRef.value.value = ''\n  }\n}\n\n// Focus management\nconst focus = () => {\n  if (props.plain) {\n    plainInputRef.value?.focus()\n  } else {\n    browseButtonRef.value?.focus()\n  }\n}\n\nconst blur = () => {\n  if (props.plain) {\n    plainInputRef.value?.blur()\n  } else {\n    browseButtonRef.value?.blur()\n  }\n}\n\n// Autofocus support - initial focus on mount\nonMounted(() => {\n  if (props.autofocus) {\n    nextTick(() => {\n      focus()\n    })\n  }\n})\n\n// Autofocus support - runtime prop changes\nwatch(\n  () => props.autofocus,\n  (autofocus) => {\n    if (autofocus) {\n      focus()\n    }\n  }\n)\n\n// Watch modelValue changes from parent\nwatch(modelValue, (newValue) => {\n  if (newValue === null) {\n    internalFiles.value = []\n    if (plainInputRef.value) {\n      plainInputRef.value.value = ''\n    }\n  } else if (Array.isArray(newValue)) {\n    internalFiles.value = newValue as readonly File[]\n  } else {\n    internalFiles.value = [newValue] as readonly File[]\n  }\n})\n\ndefineExpose({\n  blur,\n  element: computed(() => (props.plain ? plainInputRef.value : browseButtonRef.value)),\n  focus,\n  reset,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkLA,MAAM,QAAQ,YA1BC,SA0BmB,YAAW;EAC7C,MAAM,QAAQ,UAAA;EAEd,MAAM,OAAO;EAIb,MAAM,aAAa,SAA6D,SAAA,aAE/E;EAED,MAAM,QAAQ,UAAS;EAEvB,MAAM,iBAAiB,eAAe;AAEpC,OAAI,MAAM,MACR,QAAO;IACL,WAAW,EAAE;IACb,eAAe,EAAE;IACjB,YAAY;IACd;GAMF,MAAM,EAAC,OAAO,WAAW,OAAO,WAAW,OAAO,eAAe,GAAG,eAAc;GAClF,MAAM,YAAqC,EAAC;GAC5C,MAAM,gBAAyC,EAAC;AAChD,OAAI,cAAc,KAAA,EAAW,WAAU,QAAQ;AAC/C,OAAI,cAAc,KAAA,EAAW,WAAU,QAAQ;AAC/C,OAAI,kBAAkB,KAAA,EAAW,eAAc,QAAQ;AACvD,UAAO;IACL;IACA;IACA;IACF;IACD;EAED,MAAM,aAAa,cAAY,MAAM,GAAE;EACvC,MAAM,aAAa,oBAAoB,MAAM,MAAK;EAGlD,MAAM,UAAU,eAAe,UAAS;EACxC,MAAM,cAAc,eAAe,cAAa;EAChD,MAAM,kBAAkB,eAAe,kBAAiB;EACxD,MAAM,gBAAgB,eAAiC,gBAAe;EACtE,MAAM,iBAAiB,eAAiC,iBAAgB;EAGxE,MAAM,iBAAiB,eACrB,OAAO,MAAM,WAAW,WAAW,MAAM,SAAS,MAAM,OAAO,KAAK,IAAG,CACzE;EAGA,MAAM,EACJ,MACA,OAAO,aACP,UAAU,mBACR,cAAc;GAChB,QAAQ,eAAe;GACvB,UAAU,MAAM,YAAY,MAAM;GAClC,WAAW,MAAM;GACjB,OAAO;GACR,CAAA;EAMD,MAAM,EAAC,mBAAkB,YAAY,aAAa;GAChD,SAAS,UAAU;AACjB,QAAI,SAAS,CAAC,MAAM,OAClB,aAAY,MAAK;;GAGrB,UAAU,MAAM,YAAY,MAAM;GACnC,CAAA;EAGD,MAAM,eAAe,eAAe,CAAC,YAAY,MAAM,MAAM,CAAA;EAC7D,MAAM,qBAAqB,eAAe,CAAC,YAAY,MAAM,YAAY,CAAA;EAEzE,MAAM,kBAAkB,eAAe,CACrC,WAAW,OACX,GACG,gBAAgB,MAAM,SAAS,MAAM,SAAS,KAAA,GAChD,CACF,CAAA;EAED,MAAM,uBAAuB,eAAe;GAC1C;GACA,WAAW;GACX,GACG,gBAAgB,MAAM,SAAS,MAAM,SAAS,KAAA,GAAA;GAElD,CAAA;EAGD,MAAM,gBAAgB,IAAqB,EAAE,CAAA;EAE7C,MAAM,gBAAgB,eAAgC,cAAc,MAAK;EAEzE,MAAM,WAAW,eAAe,cAAc,MAAM,SAAS,EAAC;EAE9D,MAAM,YAAY,eAAe,cAAc,MAAM,KAAK,SAAS,KAAK,KAAK,CAAA;EAE7E,MAAM,qBAAqB,eAAe;AACxC,OAAI,CAAC,SAAS,MAAO,QAAO;AAC5B,OAAI,MAAM,kBACR,QAAO,MAAM,kBAAkB,cAAc,MAAK;GAEpD,MAAM,QAAQ,UAAU;AACxB,OAAI,MAAM,WAAW,EAAG,QAAO,MAAM;AACrC,UAAO,GAAG,MAAM,OAAO;IACxB;EAED,MAAM,sBAAsB,eACpB,CAAC,MAAM,SAAS,MAAM,kBAAkB,SAAS,SAAS,MAAM,aACxE;EAGA,MAAM,kBAAkB,eAAe;AACrC,OAAI,CAAC,SAAS,MAAO,QAAO;GAC5B,MAAM,QAAQ,cAAc,MAAM;AAClC,OAAI,UAAU,EACZ,QAAO,kBAAkB,cAAc,MAAM,IAAI;AAEnD,UAAO,GAAG,MAAM;IACjB;EAED,MAAM,sBAAsB,eAAe,MAAM,cAAc,SAAQ;EACvE,MAAM,2BAA2B,eAAe,MAAM,mBAAmB,qBAAoB;EAG7F,MAAM,kBAAkB,SAAwB;AAC9C,OAAI,CAAC,eAAe,MAAO,QAAO;AAIlC,UAFoB,eAAe,MAAM,MAAM,IAAI,CAAC,KAAK,SAAS,KAAK,MAAM,CAAA,CAE1D,MAAM,eAAe;AAEtC,QAAI,WAAW,WAAW,IAAI,CAC5B,QAAO,KAAK,KAAK,aAAa,CAAC,SAAS,WAAW,aAAa,CAAA;AAGlE,QAAI,CAAC,WAAW,SAAS,IAAI,CAC3B,QAAO,KAAK,SAAS;IAGvB,MAAM,aAAa,WAAW,QAAQ,IAAG;AACzC,QAAI,eAAe,GAEjB,QAAO;IAET,MAAM,WAAW,WAAW,MAAM,GAAG,WAAU;AAE/C,QAAI,aAAa,IACf,QAAO;AAET,WAAO,KAAK,KAAK,WAAW,GAAG,SAAS,GAAE;KAC3C;;EAIH,MAAM,eAAe,OAA0B,gBAAwB;GACrE,IAAI,YAAoB,EAAC;AAEzB,OAAI,aAAa;IAEf,MAAM,QAAQ,YAAY;AAC1B,gBAAY,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,GAAG,EAAC;UAChD;AAEL,gBAAY,MAAM,KAAK,MAAM,CAAC,QAAQ,SAAS,eAAe,KAAK,CAAA;AACnE,QAAI,eAAe,SAAS,OAAO,iBAAiB,YAClD,KAAI;KACF,MAAM,eAAe,IAAI,cAAa;AACtC,eAAU,SAAS,SAAS,aAAa,MAAM,IAAI,KAAK,CAAA;AACxD,oBAAe,MAAM,QAAQ,aAAa;YACpC;;AAOZ,iBAAc,QAAQ;AAGtB,OAAI,UAAU,WAAW,EACvB,YAAW,QAAQ;YACV,MAAM,aAAa,MAAM,SAClC,YAAW,QAAQ;QACd;IACL,MAAM,CAAC,aAAa;AACpB,QAAI,UACF,YAAW,QAAQ;;AAOvB,kBAAe;AACb,QAAI,YAEF,MAAK,UAAU,YAAW;SACrB;KAEL,MAAM,cAAc,IAAI,YAAY,UAAU;MAC5C,SAAS;MACT,YAAY;MACZ,QAAQ;OACN,OAAO;OACP,QAAQ,EAAC,OAAO,WAAA;;MAEnB,CAAA;AAED,YAAO,eAAe,aAAa,SAAS;MAC1C,OAAO;MACP,YAAY;MACb,CAAA;AACD,UAAK,UAAU,YAAW;;KAE7B;;EAIH,MAAM,uBAAuB;AAC3B,OAAI,CAAC,MAAM,SACT,MAAK;IACH,QAAQ,eAAe;IACvB,UAAU,MAAM,YAAY,MAAM;IAClC,WAAW,MAAM;IAClB,CAAA;;EAKL,MAAM,2BAA2B;AAG/B,OAAI,CAAC,MAAM,SACT,iBAAe;;EAKnB,MAAM,iBAAiB,MAAa;GAClC,MAAM,QAAQ,EAAE;AAChB,OAAI,MAAM,MACR,aAAY,MAAM,OAAO,EAAE;;AAK/B,kBAAgB,UAAU;AACxB,OAAI,MACF,aAAY,MAAK;IAEpB;EAGD,MAAM,cAAc;AAClB,iBAAc,QAAQ,EAAC;AACvB,cAAW,QAAQ;AACnB,gBAAa;AACb,OAAI,cAAc,MAChB,eAAc,MAAM,QAAQ;;EAKhC,MAAM,cAAc;AAClB,OAAI,MAAM,MACR,eAAc,OAAO,OAAM;OAE3B,iBAAgB,OAAO,OAAM;;EAIjC,MAAM,aAAa;AACjB,OAAI,MAAM,MACR,eAAc,OAAO,MAAK;OAE1B,iBAAgB,OAAO,MAAK;;AAKhC,kBAAgB;AACd,OAAI,MAAM,UACR,gBAAe;AACb,WAAM;KACP;IAEJ;AAGD,cACQ,MAAM,YACX,cAAc;AACb,OAAI,UACF,QAAM;IAGZ;AAGA,QAAM,aAAa,aAAa;AAC9B,OAAI,aAAa,MAAM;AACrB,kBAAc,QAAQ,EAAC;AACvB,QAAI,cAAc,MAChB,eAAc,MAAM,QAAQ;cAErB,MAAM,QAAQ,SAAS,CAChC,eAAc,QAAQ;OAEtB,eAAc,QAAQ,CAAC,SAAS;IAEnC;AAED,WAAa;GACX;GACA,SAAS,eAAgB,MAAM,QAAQ,cAAc,QAAQ,gBAAgB,MAAO;GACpF;GACA;GACD,CAAA;;uBAzfC,mBAuIM,OAvIN,WAuIM;aAvIG;IAAJ,KAAI;MAAkB,eAAA,MAAe,WAAS,EAAE,OAAM,oBAAkB,CAAA,EAAA;IAGnE,aAAA,SAAgB,MAAA,MAAK,CAAC,SAAA,WAAA,EAD9B,mBASQ,SAAA;;KAPN,OAAK,eAAA,CAAC,cACE,MAAA,MAAK,CAAC,WAAU,CAAA;KACvB,KAAK,MAAA,WAAA;QAEN,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,MAAA,MAAK,CAAC,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA;KAMT,MAAA,MAAK,CAAC,SAAA,WAAA,EADf,mBA8EM,OA9EN,WA8EM;;cA5EA;KAAJ,KAAI;OACI,eAAA,MAAe,eAAa,EACpC,OAAK,CAAC,uBAAqB;6BACe,MAAA,eAAc,IAAA,CAAK,MAAA,MAAK,CAAC;8BAAyC,SAAA;;KAM5G,mBA8BM,OAAA;MA7BJ,OAAK,eAAA,CAAC,uBACE,gBAAA,MAAe,CAAA;MACtB,iBAAe,MAAA,MAAK,CAAC;MACrB,SAAO;UAIC,MAAA,MAAK,CAAC,YAAA,WAAA,EADf,mBAYS,UAAA;;MAVN,IAAI,MAAA,WAAU;eACX;MAAJ,KAAI;MACJ,MAAK;MACL,OAAM;MACL,UAAU,MAAA,MAAK,CAAC;MAChB,cAAY,MAAA,MAAK,CAAC;MAClB,mBAAiB,MAAA,MAAK,CAAC;MACvB,SAAK,cAAO,gBAAc,CAAA,OAAA,CAAA;wBAExB,oBAAA,MAAmB,EAAA,GAAA,WAAA,IAAA,mBAAA,IAAA,KAAA,EAIxB,mBAOM,OAPN,YAOM,CANJ,WAKO,KAAA,QAAA,aAAA;MALiB,OAAO,cAAA;MAAgB,OAAO,UAAA;cAK/C,CAJO,SAAA,SAAA,WAAA,EAAZ,mBAAqD,QAAA,YAAA,gBAA5B,mBAAA,MAAkB,EAAA,EAAA,IAC1B,mBAAA,SAAsB,MAAA,MAAK,CAAC,eAAA,WAAA,EAA7C,mBAEO,QAFP,YAEO,CADL,WAAuD,KAAA,QAAA,eAAA,EAAA,QAAA,CAAA,gBAAA,gBAA3B,MAAA,MAAK,CAAC,YAAW,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,IAAA,WAAA;KAO1C,MAAA,eAAc,IAAA,CAAK,MAAA,MAAK,CAAC,UAAA,WAAA,EAApC,mBAMM,OANN,YAMM,CALJ,WAIO,KAAA,QAAA,oBAAA,EAAA,QAAA,CAHL,mBAEM,OAFN,YAEM,gBADD,yBAAA,MAAwB,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;KAMjC,mBAwBE,SAxBF,WAwBE;eAvBI;MAAJ,KAAI;QACI,eAAA,MAAe,YAAU;MACjC,MAAK;MACJ,MAAM,MAAA,MAAK,CAAC;MACZ,MAAM,MAAA,MAAK,CAAC;MACZ,UAAU,MAAA,MAAK,CAAC,YAAY,MAAA,MAAK,CAAC;MAClC,UAAU,MAAA,MAAK,CAAC;MAChB,UAAU,MAAA,MAAK,CAAC;MAChB,QAAQ,eAAA,SAAkB,KAAA;MAC1B,SAAS,MAAA,MAAK,CAAC;MACf,WAAW,MAAA,MAAK,CAAC,aAAa,KAAA;MAC9B,iBAAiB,MAAA,MAAK,CAAC,aAAa,KAAA;MACrC,UAAS;MACT,eAAY;MACZ,OAAA;OAAA,YAAA;OAAA,WAAA;OAAA,SAAA;OAAA,UAAA;OAAA,WAAA;OAAA,YAAA;OAAA,kBAAA;;;4BAaJ,mBAoBE,SApBF,WAoBE;;KAlBC,IAAI,MAAA,WAAU;cACX;KAAJ,KAAI;OACI,eAAA,MAAe,YAAU;KACjC,MAAK;KACJ,OAAO,qBAAA;KACP,MAAM,MAAA,MAAK,CAAC;KACZ,MAAM,MAAA,MAAK,CAAC;KACZ,UAAU,MAAA,MAAK,CAAC,YAAY,MAAA,MAAK,CAAC;KAClC,UAAU,MAAA,MAAK,CAAC;KAChB,SAAS,MAAA,MAAK,CAAC;KACf,QAAQ,eAAA,SAAkB,KAAA;KAC1B,UAAU,MAAA,MAAK,CAAC,YAAY,KAAA;KAC5B,cAAY,MAAA,MAAK,CAAC;KAClB,mBAAiB,MAAA,MAAK,CAAC;KACvB,iBAAe,MAAA,MAAK,CAAC,YAAY,KAAA;KACjC,WAAW,MAAA,MAAK,CAAC,aAAa,KAAA;KAC9B,iBAAiB,MAAA,MAAK,CAAC,aAAa,KAAA;KACpC,UAAQ;;IAIA,oBAAA,SAAA,WAAA,EAAX,mBAWM,OAXN,aAWM,CAVJ,WASO,KAAA,QAAA,aAAA;KATiB,OAAO,cAAA;KAAgB,OAAO,UAAA;aAS/C,CARM,SAAA,SAAA,WAAA,EAAX,mBAEM,OAFN,aAEM,gBADD,mBAAA,MAAkB,EAAA,EAAA,IAEP,mBAAA,SAAsB,MAAA,MAAK,CAAC,eAAA,WAAA,EAA5C,mBAIM,OAJN,aAIM,CAHJ,WAEO,KAAA,QAAA,eAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,MAAA,MAAK,CAAC,YAAW,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;KAOhB,MAAA,MAAK,CAAC,SAAA,WAAA,EAAlB,mBAEM,OAFN,aAEM,gBADD,gBAAA,MAAe,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/{BFormGroup-DBVGyJ-f.mjs → BFormGroup--38dFj0X.mjs}

@@ -1,13 +1,13 @@
 import { d as formGroupKey } from "./keys-CQKrwmvN.mjs";
-import { n as createReusableTemplate } from "./dist-Dn5blevd.mjs";
+import { n as createReusableTemplate } from "./dist-B10a-gZ8.mjs";
 import { s as isVisible, t as attemptFocus } from "./dom-AhkaSoh8.mjs";
-import { t as useId$1 } from "./useId-CCwnEmGh.mjs";
-import { t as useDefaults } from "./useDefaults-CCWS15M8.mjs";
-import { a as upperFirst } from "./stringUtils-BP8rZgjn.mjs";
-import { t as BCol_default } from "./BCol-BjC3q-su.mjs";
-import { i as BFormInvalidFeedback_default, n as BFormText_default, r as BFormRow_default, t as BFormValidFeedback_default } from "./BFormValidFeedback-foz9BlkH.mjs";
-import { t as useAriaInvalid } from "./useAriaInvalid-01Dd60GC.mjs";
-import { t as useStateClass } from "./useStateClass-DKjpw1Pn.mjs";
+import { t as useDefaults } from "./useDefaults-BKgBaqOV.mjs";
+import { t as useId$1 } from "./useId-BKZFSYm8.mjs";
+import { a as upperFirst } from "./stringUtils-CslYpDTt.mjs";
+import { t as useStateClass } from "./useStateClass-CdmlbrGn.mjs";
+import { t as useAriaInvalid } from "./useAriaInvalid-apOwgexm.mjs";
+import { t as BCol_default } from "./BCol-C4v-TOX6.mjs";
+import { i as BFormInvalidFeedback_default, n as BFormText_default, r as BFormRow_default, t as BFormValidFeedback_default } from "./BFormValidFeedback-_Dgzm0Ag.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, toRef, unref, useSlots, useTemplateRef, withCtx } from "vue";
 //#region src/utils/props.ts
 /**
@@ -378,4 +378,4 @@ var BFormGroup_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BFormGroup_default as t };
 
-//# sourceMappingURL=BFormGroup-DBVGyJ-f.mjs.map
+//# sourceMappingURL=BFormGroup--38dFj0X.mjs.map

package/dist/{BFormGroup-DBVGyJ-f.mjs.map → BFormGroup--38dFj0X.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"BFormGroup-DBVGyJ-f.mjs","names":["$attrs"],"sources":["../src/utils/props.ts","../src/components/BFormGroup/BFormGroup.vue","../src/components/BFormGroup/BFormGroup.vue"],"sourcesContent":["// Suffix can be a falsey value so nothing is appended to string\n// (helps when looping over props & some shouldn't change)\n\nimport {upperFirst} from './stringUtils'\n\n/**\n * Use data last parameters to allow for currying\n *\n * @param suffix\n * @param value\n * @returns\n */\nexport const suffixPropName = (suffix: string, value: string): string =>\n  value + (suffix ? upperFirst(suffix) : '')\n","<template>\n  <component\n    :is=\"isFieldset ? 'fieldset' : 'div'\"\n    :id=\"computedId\"\n    :disabled=\"isFieldset ? props.disabled : null\"\n    :role=\"isFieldset ? null : 'group'\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :aria-labelledby=\"isFieldset && isHorizontal ? labelId : null\"\n    v-bind=\"$attrs\"\n    :class=\"[stateClass, {'was-validated': props.validated}]\"\n    class=\"b-form-group\"\n  >\n    <ContentTemplate.define>\n      <BFormInvalidFeedback\n        v-if=\"slots['invalid-feedback'] || props.invalidFeedback\"\n        :id=\"invalidFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"invalid-feedback\">{{ props.invalidFeedback }}</slot>\n      </BFormInvalidFeedback>\n      <BFormValidFeedback\n        v-if=\"slots['valid-feedback'] || props.validFeedback\"\n        :id=\"validFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"valid-feedback\">{{ props.validFeedback }}</slot>\n      </BFormValidFeedback>\n      <BFormText v-if=\"slots.description || props.description\" :id=\"descriptionId\">\n        <slot name=\"description\">{{ props.description }}</slot>\n      </BFormText>\n    </ContentTemplate.define>\n    <LabelContentTemplate.define>\n      <template v-if=\"slots.label || props.label || isHorizontal\">\n        <BCol\n          v-if=\"isHorizontal\"\n          v-bind=\"labelColProps\"\n          :id=\"labelId\"\n          :tag=\"labelTag\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"[labelAlignClasses, labelClasses]\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </BCol>\n        <component\n          :is=\"labelTag\"\n          v-else\n          :id=\"labelId\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"labelClasses\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </component>\n      </template>\n    </LabelContentTemplate.define>\n    <!-- End of definitions -->\n    <BFormRow v-if=\"isHorizontal\">\n      <LabelContentTemplate.reuse />\n      <BCol v-bind=\"contentColProps\" ref=\"_content\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </BCol>\n    </BFormRow>\n    <template v-else>\n      <div v-if=\"props.floating && !isHorizontal\" ref=\"_content\" class=\"form-floating\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <LabelContentTemplate.reuse />\n        <ContentTemplate.reuse />\n      </div>\n      <template v-else>\n        <LabelContentTemplate.reuse />\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </template>\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type Ref, ref, toRef, useTemplateRef} from 'vue'\nimport {useAriaInvalid} from '../../composables/useAriaInvalid'\nimport {attemptFocus, isVisible} from '../../utils/dom'\nimport BCol from '../BContainer/BCol.vue'\nimport BFormInvalidFeedback from '../BForm/BFormInvalidFeedback.vue'\nimport BFormRow from '../BForm/BFormRow.vue'\nimport BFormText from '../BForm/BFormText.vue'\nimport BFormValidFeedback from '../BForm/BFormValidFeedback.vue'\nimport {suffixPropName} from '../../utils/props'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useId} from '../../composables/useId'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BFormGroupProps, BFormGroupSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {formGroupKey} from '../../utils/keys'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst INPUTS = ['input', 'select', 'textarea']\n\nconst _props = withDefaults(defineProps<BFormGroupProps>(), {\n  ariaInvalid: undefined,\n  contentCols: undefined,\n  contentColsLg: undefined,\n  contentColsMd: undefined,\n  contentColsSm: undefined,\n  contentColsXl: undefined,\n  description: undefined,\n  disabled: false,\n  feedbackAriaLive: 'assertive',\n  floating: false,\n  id: undefined,\n  invalidFeedback: undefined,\n  label: undefined,\n  labelAlign: undefined,\n  labelAlignLg: undefined,\n  labelAlignMd: undefined,\n  labelAlignSm: undefined,\n  labelAlignXl: undefined,\n  labelClass: undefined,\n  labelCols: undefined,\n  labelColsLg: undefined,\n  labelColsMd: undefined,\n  labelColsSm: undefined,\n  labelColsXl: undefined,\n  labelFor: undefined,\n  labelSize: undefined,\n  labelVisuallyHidden: false,\n  state: null,\n  tooltip: false,\n  validFeedback: undefined,\n  validated: false,\n})\nconst props = useDefaults(_props, 'BFormGroup')\nconst slots = defineSlots<BFormGroupSlots>()\n\nconst LabelContentTemplate = createReusableTemplate()\nconst ContentTemplate = createReusableTemplate()\n\nconst computedState = toRef(() => props.state)\nconst computedDisabled = toRef(() => props.disabled)\nconst childId = ref<Ref<string>[]>([])\nprovide(formGroupKey, (id) => {\n  childId.value = [id]\n\n  return {\n    state: computedState,\n    disabled: computedDisabled,\n  }\n})\nconst computedLabelFor = computed(() => {\n  if (props.labelFor !== undefined) return props.labelFor\n  if (childId.value[0] && childId.value[0].value) return childId.value[0].value\n  return null\n})\n\nconst breakPoints = ['xs', 'sm', 'md', 'lg', 'xl']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getColProps = (props: any, prefix: string) =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  breakPoints.reduce((result: any, breakpoint: string) => {\n    const suffix = suffixPropName(breakpoint === 'xs' ? '' : breakpoint, `${prefix}Cols`)\n    let propValue = props[suffix]\n    propValue = propValue === '' ? true : propValue || false\n\n    if (!(typeof propValue === 'boolean') && propValue !== 'auto') {\n      const val = Number.parseInt(propValue)\n      propValue = Number.isNaN(val) ? 0 : val\n      propValue = propValue > 0 ? propValue : false\n    }\n\n    if (propValue) {\n      if (breakpoint === 'xs') {\n        result[typeof propValue === 'boolean' ? 'col' : 'cols'] = propValue\n      } else {\n        result[breakpoint || (typeof propValue === 'boolean' ? 'col' : 'cols')] = propValue\n      }\n    }\n    return result\n  }, {})\n\nconst content = useTemplateRef<HTMLDivElement | InstanceType<typeof BCol> | null>('_content')\n\nconst contentColProps = computed(() => getColProps(props, 'content'))\nconst labelAlignClasses = computed(() =>\n  ((props: BFormGroupProps, prefix: string) =>\n    breakPoints.reduce((result: string[], breakpoint) => {\n      const suffix = suffixPropName(\n        breakpoint === 'xs' ? '' : breakpoint,\n        `${prefix}Align`\n      ) as keyof BFormGroupProps\n      const propValue: string = props[suffix] || null\n      if (propValue) {\n        if (breakpoint === 'xs') {\n          result.push(`text-${propValue}`)\n        } else {\n          result.push(`text-${breakpoint}-${propValue}`)\n        }\n      }\n      return result\n    }, []))(props, 'label')\n)\nconst labelColProps = computed(() => getColProps(props, 'label'))\nconst isHorizontal = computed(\n  () => Object.keys(contentColProps.value).length > 0 || Object.keys(labelColProps.value).length > 0\n)\n\nconst stateClass = useStateClass(computedState)\nconst computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, computedState)\n\nconst onLegendClick = (event: Readonly<MouseEvent>) => {\n  if (computedLabelFor.value || content.value === null) return\n\n  const {target} = event\n  const tagName = target ? (target as HTMLElement).tagName : ''\n\n  if ([...INPUTS, 'a', 'button', 'label'].indexOf(tagName) !== -1) return\n\n  // In horizontal mode, content.value is a BCol component instance, not a DOM element\n  // Access the DOM element via $el property\n  const contentElement =\n    isHorizontal.value && content.value && '$el' in content.value\n      ? (content.value.$el as HTMLElement)\n      : (content.value as HTMLDivElement | null)\n  if (!contentElement) return\n\n  const inputs = [\n    ...contentElement.querySelectorAll(INPUTS.map((v) => `${v}:not([disabled])`).join()),\n  ].filter(isVisible)\n  const [inp] = inputs\n  if (inputs.length === 1 && inp instanceof HTMLElement) {\n    attemptFocus(inp)\n  }\n}\n\nconst computedId = useId(() => props.id)\nconst labelId = useId(undefined, '_BV_label_')\nconst labelTag = computed(() => (!computedLabelFor.value ? 'legend' : 'label'))\nconst labelClasses = computed(() => [\n  isHorizontal.value ? 'col-form-label' : 'form-label',\n  {\n    'bv-no-focus-ring': !computedLabelFor.value,\n    'col-form-label': isHorizontal.value || !computedLabelFor.value,\n    'pt-0': !isHorizontal.value && !computedLabelFor.value,\n    'd-block': !isHorizontal.value && computedLabelFor.value,\n    [`col-form-label-${props.labelSize}`]: !!props.labelSize,\n    'visually-hidden': props.labelVisuallyHidden,\n  },\n  isHorizontal.value ? null : labelAlignClasses.value,\n  props.labelClass,\n])\n\nconst invalidFeedbackId = useId(undefined, '_BV_feedback_invalid_')\n\nconst validFeedbackId = useId(undefined, '_BV_feedback_valid_')\nconst descriptionId = useId(undefined, '_BV_description_')\n\nconst isFieldset = computed(() => !computedLabelFor.value)\n</script>\n","<template>\n  <component\n    :is=\"isFieldset ? 'fieldset' : 'div'\"\n    :id=\"computedId\"\n    :disabled=\"isFieldset ? props.disabled : null\"\n    :role=\"isFieldset ? null : 'group'\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :aria-labelledby=\"isFieldset && isHorizontal ? labelId : null\"\n    v-bind=\"$attrs\"\n    :class=\"[stateClass, {'was-validated': props.validated}]\"\n    class=\"b-form-group\"\n  >\n    <ContentTemplate.define>\n      <BFormInvalidFeedback\n        v-if=\"slots['invalid-feedback'] || props.invalidFeedback\"\n        :id=\"invalidFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"invalid-feedback\">{{ props.invalidFeedback }}</slot>\n      </BFormInvalidFeedback>\n      <BFormValidFeedback\n        v-if=\"slots['valid-feedback'] || props.validFeedback\"\n        :id=\"validFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"valid-feedback\">{{ props.validFeedback }}</slot>\n      </BFormValidFeedback>\n      <BFormText v-if=\"slots.description || props.description\" :id=\"descriptionId\">\n        <slot name=\"description\">{{ props.description }}</slot>\n      </BFormText>\n    </ContentTemplate.define>\n    <LabelContentTemplate.define>\n      <template v-if=\"slots.label || props.label || isHorizontal\">\n        <BCol\n          v-if=\"isHorizontal\"\n          v-bind=\"labelColProps\"\n          :id=\"labelId\"\n          :tag=\"labelTag\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"[labelAlignClasses, labelClasses]\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </BCol>\n        <component\n          :is=\"labelTag\"\n          v-else\n          :id=\"labelId\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"labelClasses\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </component>\n      </template>\n    </LabelContentTemplate.define>\n    <!-- End of definitions -->\n    <BFormRow v-if=\"isHorizontal\">\n      <LabelContentTemplate.reuse />\n      <BCol v-bind=\"contentColProps\" ref=\"_content\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </BCol>\n    </BFormRow>\n    <template v-else>\n      <div v-if=\"props.floating && !isHorizontal\" ref=\"_content\" class=\"form-floating\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <LabelContentTemplate.reuse />\n        <ContentTemplate.reuse />\n      </div>\n      <template v-else>\n        <LabelContentTemplate.reuse />\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </template>\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type Ref, ref, toRef, useTemplateRef} from 'vue'\nimport {useAriaInvalid} from '../../composables/useAriaInvalid'\nimport {attemptFocus, isVisible} from '../../utils/dom'\nimport BCol from '../BContainer/BCol.vue'\nimport BFormInvalidFeedback from '../BForm/BFormInvalidFeedback.vue'\nimport BFormRow from '../BForm/BFormRow.vue'\nimport BFormText from '../BForm/BFormText.vue'\nimport BFormValidFeedback from '../BForm/BFormValidFeedback.vue'\nimport {suffixPropName} from '../../utils/props'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useId} from '../../composables/useId'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BFormGroupProps, BFormGroupSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {formGroupKey} from '../../utils/keys'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst INPUTS = ['input', 'select', 'textarea']\n\nconst _props = withDefaults(defineProps<BFormGroupProps>(), {\n  ariaInvalid: undefined,\n  contentCols: undefined,\n  contentColsLg: undefined,\n  contentColsMd: undefined,\n  contentColsSm: undefined,\n  contentColsXl: undefined,\n  description: undefined,\n  disabled: false,\n  feedbackAriaLive: 'assertive',\n  floating: false,\n  id: undefined,\n  invalidFeedback: undefined,\n  label: undefined,\n  labelAlign: undefined,\n  labelAlignLg: undefined,\n  labelAlignMd: undefined,\n  labelAlignSm: undefined,\n  labelAlignXl: undefined,\n  labelClass: undefined,\n  labelCols: undefined,\n  labelColsLg: undefined,\n  labelColsMd: undefined,\n  labelColsSm: undefined,\n  labelColsXl: undefined,\n  labelFor: undefined,\n  labelSize: undefined,\n  labelVisuallyHidden: false,\n  state: null,\n  tooltip: false,\n  validFeedback: undefined,\n  validated: false,\n})\nconst props = useDefaults(_props, 'BFormGroup')\nconst slots = defineSlots<BFormGroupSlots>()\n\nconst LabelContentTemplate = createReusableTemplate()\nconst ContentTemplate = createReusableTemplate()\n\nconst computedState = toRef(() => props.state)\nconst computedDisabled = toRef(() => props.disabled)\nconst childId = ref<Ref<string>[]>([])\nprovide(formGroupKey, (id) => {\n  childId.value = [id]\n\n  return {\n    state: computedState,\n    disabled: computedDisabled,\n  }\n})\nconst computedLabelFor = computed(() => {\n  if (props.labelFor !== undefined) return props.labelFor\n  if (childId.value[0] && childId.value[0].value) return childId.value[0].value\n  return null\n})\n\nconst breakPoints = ['xs', 'sm', 'md', 'lg', 'xl']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getColProps = (props: any, prefix: string) =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  breakPoints.reduce((result: any, breakpoint: string) => {\n    const suffix = suffixPropName(breakpoint === 'xs' ? '' : breakpoint, `${prefix}Cols`)\n    let propValue = props[suffix]\n    propValue = propValue === '' ? true : propValue || false\n\n    if (!(typeof propValue === 'boolean') && propValue !== 'auto') {\n      const val = Number.parseInt(propValue)\n      propValue = Number.isNaN(val) ? 0 : val\n      propValue = propValue > 0 ? propValue : false\n    }\n\n    if (propValue) {\n      if (breakpoint === 'xs') {\n        result[typeof propValue === 'boolean' ? 'col' : 'cols'] = propValue\n      } else {\n        result[breakpoint || (typeof propValue === 'boolean' ? 'col' : 'cols')] = propValue\n      }\n    }\n    return result\n  }, {})\n\nconst content = useTemplateRef<HTMLDivElement | InstanceType<typeof BCol> | null>('_content')\n\nconst contentColProps = computed(() => getColProps(props, 'content'))\nconst labelAlignClasses = computed(() =>\n  ((props: BFormGroupProps, prefix: string) =>\n    breakPoints.reduce((result: string[], breakpoint) => {\n      const suffix = suffixPropName(\n        breakpoint === 'xs' ? '' : breakpoint,\n        `${prefix}Align`\n      ) as keyof BFormGroupProps\n      const propValue: string = props[suffix] || null\n      if (propValue) {\n        if (breakpoint === 'xs') {\n          result.push(`text-${propValue}`)\n        } else {\n          result.push(`text-${breakpoint}-${propValue}`)\n        }\n      }\n      return result\n    }, []))(props, 'label')\n)\nconst labelColProps = computed(() => getColProps(props, 'label'))\nconst isHorizontal = computed(\n  () => Object.keys(contentColProps.value).length > 0 || Object.keys(labelColProps.value).length > 0\n)\n\nconst stateClass = useStateClass(computedState)\nconst computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, computedState)\n\nconst onLegendClick = (event: Readonly<MouseEvent>) => {\n  if (computedLabelFor.value || content.value === null) return\n\n  const {target} = event\n  const tagName = target ? (target as HTMLElement).tagName : ''\n\n  if ([...INPUTS, 'a', 'button', 'label'].indexOf(tagName) !== -1) return\n\n  // In horizontal mode, content.value is a BCol component instance, not a DOM element\n  // Access the DOM element via $el property\n  const contentElement =\n    isHorizontal.value && content.value && '$el' in content.value\n      ? (content.value.$el as HTMLElement)\n      : (content.value as HTMLDivElement | null)\n  if (!contentElement) return\n\n  const inputs = [\n    ...contentElement.querySelectorAll(INPUTS.map((v) => `${v}:not([disabled])`).join()),\n  ].filter(isVisible)\n  const [inp] = inputs\n  if (inputs.length === 1 && inp instanceof HTMLElement) {\n    attemptFocus(inp)\n  }\n}\n\nconst computedId = useId(() => props.id)\nconst labelId = useId(undefined, '_BV_label_')\nconst labelTag = computed(() => (!computedLabelFor.value ? 'legend' : 'label'))\nconst labelClasses = computed(() => [\n  isHorizontal.value ? 'col-form-label' : 'form-label',\n  {\n    'bv-no-focus-ring': !computedLabelFor.value,\n    'col-form-label': isHorizontal.value || !computedLabelFor.value,\n    'pt-0': !isHorizontal.value && !computedLabelFor.value,\n    'd-block': !isHorizontal.value && computedLabelFor.value,\n    [`col-form-label-${props.labelSize}`]: !!props.labelSize,\n    'visually-hidden': props.labelVisuallyHidden,\n  },\n  isHorizontal.value ? null : labelAlignClasses.value,\n  props.labelClass,\n])\n\nconst invalidFeedbackId = useId(undefined, '_BV_feedback_invalid_')\n\nconst validFeedbackId = useId(undefined, '_BV_feedback_valid_')\nconst descriptionId = useId(undefined, '_BV_description_')\n\nconst isFieldset = computed(() => !computedLabelFor.value)\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"BFormGroup--38dFj0X.mjs","names":["$attrs"],"sources":["../src/utils/props.ts","../src/components/BFormGroup/BFormGroup.vue","../src/components/BFormGroup/BFormGroup.vue"],"sourcesContent":["// Suffix can be a falsey value so nothing is appended to string\n// (helps when looping over props & some shouldn't change)\n\nimport {upperFirst} from './stringUtils'\n\n/**\n * Use data last parameters to allow for currying\n *\n * @param suffix\n * @param value\n * @returns\n */\nexport const suffixPropName = (suffix: string, value: string): string =>\n  value + (suffix ? upperFirst(suffix) : '')\n","<template>\n  <component\n    :is=\"isFieldset ? 'fieldset' : 'div'\"\n    :id=\"computedId\"\n    :disabled=\"isFieldset ? props.disabled : null\"\n    :role=\"isFieldset ? null : 'group'\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :aria-labelledby=\"isFieldset && isHorizontal ? labelId : null\"\n    v-bind=\"$attrs\"\n    :class=\"[stateClass, {'was-validated': props.validated}]\"\n    class=\"b-form-group\"\n  >\n    <ContentTemplate.define>\n      <BFormInvalidFeedback\n        v-if=\"slots['invalid-feedback'] || props.invalidFeedback\"\n        :id=\"invalidFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"invalid-feedback\">{{ props.invalidFeedback }}</slot>\n      </BFormInvalidFeedback>\n      <BFormValidFeedback\n        v-if=\"slots['valid-feedback'] || props.validFeedback\"\n        :id=\"validFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"valid-feedback\">{{ props.validFeedback }}</slot>\n      </BFormValidFeedback>\n      <BFormText v-if=\"slots.description || props.description\" :id=\"descriptionId\">\n        <slot name=\"description\">{{ props.description }}</slot>\n      </BFormText>\n    </ContentTemplate.define>\n    <LabelContentTemplate.define>\n      <template v-if=\"slots.label || props.label || isHorizontal\">\n        <BCol\n          v-if=\"isHorizontal\"\n          v-bind=\"labelColProps\"\n          :id=\"labelId\"\n          :tag=\"labelTag\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"[labelAlignClasses, labelClasses]\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </BCol>\n        <component\n          :is=\"labelTag\"\n          v-else\n          :id=\"labelId\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"labelClasses\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </component>\n      </template>\n    </LabelContentTemplate.define>\n    <!-- End of definitions -->\n    <BFormRow v-if=\"isHorizontal\">\n      <LabelContentTemplate.reuse />\n      <BCol v-bind=\"contentColProps\" ref=\"_content\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </BCol>\n    </BFormRow>\n    <template v-else>\n      <div v-if=\"props.floating && !isHorizontal\" ref=\"_content\" class=\"form-floating\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <LabelContentTemplate.reuse />\n        <ContentTemplate.reuse />\n      </div>\n      <template v-else>\n        <LabelContentTemplate.reuse />\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </template>\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type Ref, ref, toRef, useTemplateRef} from 'vue'\nimport {useAriaInvalid} from '../../composables/useAriaInvalid'\nimport {attemptFocus, isVisible} from '../../utils/dom'\nimport BCol from '../BContainer/BCol.vue'\nimport BFormInvalidFeedback from '../BForm/BFormInvalidFeedback.vue'\nimport BFormRow from '../BForm/BFormRow.vue'\nimport BFormText from '../BForm/BFormText.vue'\nimport BFormValidFeedback from '../BForm/BFormValidFeedback.vue'\nimport {suffixPropName} from '../../utils/props'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useId} from '../../composables/useId'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BFormGroupProps, BFormGroupSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {formGroupKey} from '../../utils/keys'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst INPUTS = ['input', 'select', 'textarea']\n\nconst _props = withDefaults(defineProps<BFormGroupProps>(), {\n  ariaInvalid: undefined,\n  contentCols: undefined,\n  contentColsLg: undefined,\n  contentColsMd: undefined,\n  contentColsSm: undefined,\n  contentColsXl: undefined,\n  description: undefined,\n  disabled: false,\n  feedbackAriaLive: 'assertive',\n  floating: false,\n  id: undefined,\n  invalidFeedback: undefined,\n  label: undefined,\n  labelAlign: undefined,\n  labelAlignLg: undefined,\n  labelAlignMd: undefined,\n  labelAlignSm: undefined,\n  labelAlignXl: undefined,\n  labelClass: undefined,\n  labelCols: undefined,\n  labelColsLg: undefined,\n  labelColsMd: undefined,\n  labelColsSm: undefined,\n  labelColsXl: undefined,\n  labelFor: undefined,\n  labelSize: undefined,\n  labelVisuallyHidden: false,\n  state: null,\n  tooltip: false,\n  validFeedback: undefined,\n  validated: false,\n})\nconst props = useDefaults(_props, 'BFormGroup')\nconst slots = defineSlots<BFormGroupSlots>()\n\nconst LabelContentTemplate = createReusableTemplate()\nconst ContentTemplate = createReusableTemplate()\n\nconst computedState = toRef(() => props.state)\nconst computedDisabled = toRef(() => props.disabled)\nconst childId = ref<Ref<string>[]>([])\nprovide(formGroupKey, (id) => {\n  childId.value = [id]\n\n  return {\n    state: computedState,\n    disabled: computedDisabled,\n  }\n})\nconst computedLabelFor = computed(() => {\n  if (props.labelFor !== undefined) return props.labelFor\n  if (childId.value[0] && childId.value[0].value) return childId.value[0].value\n  return null\n})\n\nconst breakPoints = ['xs', 'sm', 'md', 'lg', 'xl']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getColProps = (props: any, prefix: string) =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  breakPoints.reduce((result: any, breakpoint: string) => {\n    const suffix = suffixPropName(breakpoint === 'xs' ? '' : breakpoint, `${prefix}Cols`)\n    let propValue = props[suffix]\n    propValue = propValue === '' ? true : propValue || false\n\n    if (!(typeof propValue === 'boolean') && propValue !== 'auto') {\n      const val = Number.parseInt(propValue)\n      propValue = Number.isNaN(val) ? 0 : val\n      propValue = propValue > 0 ? propValue : false\n    }\n\n    if (propValue) {\n      if (breakpoint === 'xs') {\n        result[typeof propValue === 'boolean' ? 'col' : 'cols'] = propValue\n      } else {\n        result[breakpoint || (typeof propValue === 'boolean' ? 'col' : 'cols')] = propValue\n      }\n    }\n    return result\n  }, {})\n\nconst content = useTemplateRef<HTMLDivElement | InstanceType<typeof BCol> | null>('_content')\n\nconst contentColProps = computed(() => getColProps(props, 'content'))\nconst labelAlignClasses = computed(() =>\n  ((props: BFormGroupProps, prefix: string) =>\n    breakPoints.reduce((result: string[], breakpoint) => {\n      const suffix = suffixPropName(\n        breakpoint === 'xs' ? '' : breakpoint,\n        `${prefix}Align`\n      ) as keyof BFormGroupProps\n      const propValue: string = props[suffix] || null\n      if (propValue) {\n        if (breakpoint === 'xs') {\n          result.push(`text-${propValue}`)\n        } else {\n          result.push(`text-${breakpoint}-${propValue}`)\n        }\n      }\n      return result\n    }, []))(props, 'label')\n)\nconst labelColProps = computed(() => getColProps(props, 'label'))\nconst isHorizontal = computed(\n  () => Object.keys(contentColProps.value).length > 0 || Object.keys(labelColProps.value).length > 0\n)\n\nconst stateClass = useStateClass(computedState)\nconst computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, computedState)\n\nconst onLegendClick = (event: Readonly<MouseEvent>) => {\n  if (computedLabelFor.value || content.value === null) return\n\n  const {target} = event\n  const tagName = target ? (target as HTMLElement).tagName : ''\n\n  if ([...INPUTS, 'a', 'button', 'label'].indexOf(tagName) !== -1) return\n\n  // In horizontal mode, content.value is a BCol component instance, not a DOM element\n  // Access the DOM element via $el property\n  const contentElement =\n    isHorizontal.value && content.value && '$el' in content.value\n      ? (content.value.$el as HTMLElement)\n      : (content.value as HTMLDivElement | null)\n  if (!contentElement) return\n\n  const inputs = [\n    ...contentElement.querySelectorAll(INPUTS.map((v) => `${v}:not([disabled])`).join()),\n  ].filter(isVisible)\n  const [inp] = inputs\n  if (inputs.length === 1 && inp instanceof HTMLElement) {\n    attemptFocus(inp)\n  }\n}\n\nconst computedId = useId(() => props.id)\nconst labelId = useId(undefined, '_BV_label_')\nconst labelTag = computed(() => (!computedLabelFor.value ? 'legend' : 'label'))\nconst labelClasses = computed(() => [\n  isHorizontal.value ? 'col-form-label' : 'form-label',\n  {\n    'bv-no-focus-ring': !computedLabelFor.value,\n    'col-form-label': isHorizontal.value || !computedLabelFor.value,\n    'pt-0': !isHorizontal.value && !computedLabelFor.value,\n    'd-block': !isHorizontal.value && computedLabelFor.value,\n    [`col-form-label-${props.labelSize}`]: !!props.labelSize,\n    'visually-hidden': props.labelVisuallyHidden,\n  },\n  isHorizontal.value ? null : labelAlignClasses.value,\n  props.labelClass,\n])\n\nconst invalidFeedbackId = useId(undefined, '_BV_feedback_invalid_')\n\nconst validFeedbackId = useId(undefined, '_BV_feedback_valid_')\nconst descriptionId = useId(undefined, '_BV_description_')\n\nconst isFieldset = computed(() => !computedLabelFor.value)\n</script>\n","<template>\n  <component\n    :is=\"isFieldset ? 'fieldset' : 'div'\"\n    :id=\"computedId\"\n    :disabled=\"isFieldset ? props.disabled : null\"\n    :role=\"isFieldset ? null : 'group'\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :aria-labelledby=\"isFieldset && isHorizontal ? labelId : null\"\n    v-bind=\"$attrs\"\n    :class=\"[stateClass, {'was-validated': props.validated}]\"\n    class=\"b-form-group\"\n  >\n    <ContentTemplate.define>\n      <BFormInvalidFeedback\n        v-if=\"slots['invalid-feedback'] || props.invalidFeedback\"\n        :id=\"invalidFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"invalid-feedback\">{{ props.invalidFeedback }}</slot>\n      </BFormInvalidFeedback>\n      <BFormValidFeedback\n        v-if=\"slots['valid-feedback'] || props.validFeedback\"\n        :id=\"validFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"valid-feedback\">{{ props.validFeedback }}</slot>\n      </BFormValidFeedback>\n      <BFormText v-if=\"slots.description || props.description\" :id=\"descriptionId\">\n        <slot name=\"description\">{{ props.description }}</slot>\n      </BFormText>\n    </ContentTemplate.define>\n    <LabelContentTemplate.define>\n      <template v-if=\"slots.label || props.label || isHorizontal\">\n        <BCol\n          v-if=\"isHorizontal\"\n          v-bind=\"labelColProps\"\n          :id=\"labelId\"\n          :tag=\"labelTag\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"[labelAlignClasses, labelClasses]\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </BCol>\n        <component\n          :is=\"labelTag\"\n          v-else\n          :id=\"labelId\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"labelClasses\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </component>\n      </template>\n    </LabelContentTemplate.define>\n    <!-- End of definitions -->\n    <BFormRow v-if=\"isHorizontal\">\n      <LabelContentTemplate.reuse />\n      <BCol v-bind=\"contentColProps\" ref=\"_content\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </BCol>\n    </BFormRow>\n    <template v-else>\n      <div v-if=\"props.floating && !isHorizontal\" ref=\"_content\" class=\"form-floating\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <LabelContentTemplate.reuse />\n        <ContentTemplate.reuse />\n      </div>\n      <template v-else>\n        <LabelContentTemplate.reuse />\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </template>\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type Ref, ref, toRef, useTemplateRef} from 'vue'\nimport {useAriaInvalid} from '../../composables/useAriaInvalid'\nimport {attemptFocus, isVisible} from '../../utils/dom'\nimport BCol from '../BContainer/BCol.vue'\nimport BFormInvalidFeedback from '../BForm/BFormInvalidFeedback.vue'\nimport BFormRow from '../BForm/BFormRow.vue'\nimport BFormText from '../BForm/BFormText.vue'\nimport BFormValidFeedback from '../BForm/BFormValidFeedback.vue'\nimport {suffixPropName} from '../../utils/props'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useId} from '../../composables/useId'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BFormGroupProps, BFormGroupSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {formGroupKey} from '../../utils/keys'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst INPUTS = ['input', 'select', 'textarea']\n\nconst _props = withDefaults(defineProps<BFormGroupProps>(), {\n  ariaInvalid: undefined,\n  contentCols: undefined,\n  contentColsLg: undefined,\n  contentColsMd: undefined,\n  contentColsSm: undefined,\n  contentColsXl: undefined,\n  description: undefined,\n  disabled: false,\n  feedbackAriaLive: 'assertive',\n  floating: false,\n  id: undefined,\n  invalidFeedback: undefined,\n  label: undefined,\n  labelAlign: undefined,\n  labelAlignLg: undefined,\n  labelAlignMd: undefined,\n  labelAlignSm: undefined,\n  labelAlignXl: undefined,\n  labelClass: undefined,\n  labelCols: undefined,\n  labelColsLg: undefined,\n  labelColsMd: undefined,\n  labelColsSm: undefined,\n  labelColsXl: undefined,\n  labelFor: undefined,\n  labelSize: undefined,\n  labelVisuallyHidden: false,\n  state: null,\n  tooltip: false,\n  validFeedback: undefined,\n  validated: false,\n})\nconst props = useDefaults(_props, 'BFormGroup')\nconst slots = defineSlots<BFormGroupSlots>()\n\nconst LabelContentTemplate = createReusableTemplate()\nconst ContentTemplate = createReusableTemplate()\n\nconst computedState = toRef(() => props.state)\nconst computedDisabled = toRef(() => props.disabled)\nconst childId = ref<Ref<string>[]>([])\nprovide(formGroupKey, (id) => {\n  childId.value = [id]\n\n  return {\n    state: computedState,\n    disabled: computedDisabled,\n  }\n})\nconst computedLabelFor = computed(() => {\n  if (props.labelFor !== undefined) return props.labelFor\n  if (childId.value[0] && childId.value[0].value) return childId.value[0].value\n  return null\n})\n\nconst breakPoints = ['xs', 'sm', 'md', 'lg', 'xl']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getColProps = (props: any, prefix: string) =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  breakPoints.reduce((result: any, breakpoint: string) => {\n    const suffix = suffixPropName(breakpoint === 'xs' ? '' : breakpoint, `${prefix}Cols`)\n    let propValue = props[suffix]\n    propValue = propValue === '' ? true : propValue || false\n\n    if (!(typeof propValue === 'boolean') && propValue !== 'auto') {\n      const val = Number.parseInt(propValue)\n      propValue = Number.isNaN(val) ? 0 : val\n      propValue = propValue > 0 ? propValue : false\n    }\n\n    if (propValue) {\n      if (breakpoint === 'xs') {\n        result[typeof propValue === 'boolean' ? 'col' : 'cols'] = propValue\n      } else {\n        result[breakpoint || (typeof propValue === 'boolean' ? 'col' : 'cols')] = propValue\n      }\n    }\n    return result\n  }, {})\n\nconst content = useTemplateRef<HTMLDivElement | InstanceType<typeof BCol> | null>('_content')\n\nconst contentColProps = computed(() => getColProps(props, 'content'))\nconst labelAlignClasses = computed(() =>\n  ((props: BFormGroupProps, prefix: string) =>\n    breakPoints.reduce((result: string[], breakpoint) => {\n      const suffix = suffixPropName(\n        breakpoint === 'xs' ? '' : breakpoint,\n        `${prefix}Align`\n      ) as keyof BFormGroupProps\n      const propValue: string = props[suffix] || null\n      if (propValue) {\n        if (breakpoint === 'xs') {\n          result.push(`text-${propValue}`)\n        } else {\n          result.push(`text-${breakpoint}-${propValue}`)\n        }\n      }\n      return result\n    }, []))(props, 'label')\n)\nconst labelColProps = computed(() => getColProps(props, 'label'))\nconst isHorizontal = computed(\n  () => Object.keys(contentColProps.value).length > 0 || Object.keys(labelColProps.value).length > 0\n)\n\nconst stateClass = useStateClass(computedState)\nconst computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, computedState)\n\nconst onLegendClick = (event: Readonly<MouseEvent>) => {\n  if (computedLabelFor.value || content.value === null) return\n\n  const {target} = event\n  const tagName = target ? (target as HTMLElement).tagName : ''\n\n  if ([...INPUTS, 'a', 'button', 'label'].indexOf(tagName) !== -1) return\n\n  // In horizontal mode, content.value is a BCol component instance, not a DOM element\n  // Access the DOM element via $el property\n  const contentElement =\n    isHorizontal.value && content.value && '$el' in content.value\n      ? (content.value.$el as HTMLElement)\n      : (content.value as HTMLDivElement | null)\n  if (!contentElement) return\n\n  const inputs = [\n    ...contentElement.querySelectorAll(INPUTS.map((v) => `${v}:not([disabled])`).join()),\n  ].filter(isVisible)\n  const [inp] = inputs\n  if (inputs.length === 1 && inp instanceof HTMLElement) {\n    attemptFocus(inp)\n  }\n}\n\nconst computedId = useId(() => props.id)\nconst labelId = useId(undefined, '_BV_label_')\nconst labelTag = computed(() => (!computedLabelFor.value ? 'legend' : 'label'))\nconst labelClasses = computed(() => [\n  isHorizontal.value ? 'col-form-label' : 'form-label',\n  {\n    'bv-no-focus-ring': !computedLabelFor.value,\n    'col-form-label': isHorizontal.value || !computedLabelFor.value,\n    'pt-0': !isHorizontal.value && !computedLabelFor.value,\n    'd-block': !isHorizontal.value && computedLabelFor.value,\n    [`col-form-label-${props.labelSize}`]: !!props.labelSize,\n    'visually-hidden': props.labelVisuallyHidden,\n  },\n  isHorizontal.value ? null : labelAlignClasses.value,\n  props.labelClass,\n])\n\nconst invalidFeedbackId = useId(undefined, '_BV_feedback_invalid_')\n\nconst validFeedbackId = useId(undefined, '_BV_feedback_valid_')\nconst descriptionId = useId(undefined, '_BV_description_')\n\nconst isFieldset = computed(() => !computedLabelFor.value)\n</script>\n"],"mappings":"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"}

package/dist/{BFormGroup-CGjb_pUi.js → BFormGroup-BwO1BZD1.js}

@@ -1,14 +1,14 @@
 require("./chunk-CoQrYLCe.js");
 const require_keys = require("./keys-durSVUrO.js");
-const require_dist = require("./dist-B_c893QG.js");
+const require_dist = require("./dist-BJ15ThEs.js");
 const require_dom = require("./dom-Bs6DzM72.js");
-const require_useId = require("./useId-DTrBK9CE.js");
-const require_useDefaults = require("./useDefaults-DK6Y9lar.js");
-const require_stringUtils = require("./stringUtils-hUreqC0N.js");
-const require_BCol = require("./BCol-GOE5drq_.js");
-const require_BFormValidFeedback = require("./BFormValidFeedback-Ot8gdDST.js");
-const require_useAriaInvalid = require("./useAriaInvalid-BYMq9BBX.js");
-const require_useStateClass = require("./useStateClass-Cnvy2Hnm.js");
+const require_useDefaults = require("./useDefaults-DsLf4iRY.js");
+const require_useId = require("./useId-DHrBgM7P.js");
+const require_stringUtils = require("./stringUtils-BwKOASdU.js");
+const require_useStateClass = require("./useStateClass-CJ24hpkn.js");
+const require_useAriaInvalid = require("./useAriaInvalid-CHHPHNLU.js");
+const require_BCol = require("./BCol-0tZmpOme.js");
+const require_BFormValidFeedback = require("./BFormValidFeedback-DvTgwqSe.js");
 let vue = require("vue");
 //#region src/utils/props.ts
 /**
@@ -384,4 +384,4 @@ Object.defineProperty(exports, "BFormGroup_default", {
 	}
 });
 
-//# sourceMappingURL=BFormGroup-CGjb_pUi.js.map
+//# sourceMappingURL=BFormGroup-BwO1BZD1.js.map

package/dist/{BFormGroup-CGjb_pUi.js.map → BFormGroup-BwO1BZD1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BFormGroup-CGjb_pUi.js","names":["$attrs"],"sources":["../src/utils/props.ts","../src/components/BFormGroup/BFormGroup.vue","../src/components/BFormGroup/BFormGroup.vue"],"sourcesContent":["// Suffix can be a falsey value so nothing is appended to string\n// (helps when looping over props & some shouldn't change)\n\nimport {upperFirst} from './stringUtils'\n\n/**\n * Use data last parameters to allow for currying\n *\n * @param suffix\n * @param value\n * @returns\n */\nexport const suffixPropName = (suffix: string, value: string): string =>\n  value + (suffix ? upperFirst(suffix) : '')\n","<template>\n  <component\n    :is=\"isFieldset ? 'fieldset' : 'div'\"\n    :id=\"computedId\"\n    :disabled=\"isFieldset ? props.disabled : null\"\n    :role=\"isFieldset ? null : 'group'\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :aria-labelledby=\"isFieldset && isHorizontal ? labelId : null\"\n    v-bind=\"$attrs\"\n    :class=\"[stateClass, {'was-validated': props.validated}]\"\n    class=\"b-form-group\"\n  >\n    <ContentTemplate.define>\n      <BFormInvalidFeedback\n        v-if=\"slots['invalid-feedback'] || props.invalidFeedback\"\n        :id=\"invalidFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"invalid-feedback\">{{ props.invalidFeedback }}</slot>\n      </BFormInvalidFeedback>\n      <BFormValidFeedback\n        v-if=\"slots['valid-feedback'] || props.validFeedback\"\n        :id=\"validFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"valid-feedback\">{{ props.validFeedback }}</slot>\n      </BFormValidFeedback>\n      <BFormText v-if=\"slots.description || props.description\" :id=\"descriptionId\">\n        <slot name=\"description\">{{ props.description }}</slot>\n      </BFormText>\n    </ContentTemplate.define>\n    <LabelContentTemplate.define>\n      <template v-if=\"slots.label || props.label || isHorizontal\">\n        <BCol\n          v-if=\"isHorizontal\"\n          v-bind=\"labelColProps\"\n          :id=\"labelId\"\n          :tag=\"labelTag\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"[labelAlignClasses, labelClasses]\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </BCol>\n        <component\n          :is=\"labelTag\"\n          v-else\n          :id=\"labelId\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"labelClasses\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </component>\n      </template>\n    </LabelContentTemplate.define>\n    <!-- End of definitions -->\n    <BFormRow v-if=\"isHorizontal\">\n      <LabelContentTemplate.reuse />\n      <BCol v-bind=\"contentColProps\" ref=\"_content\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </BCol>\n    </BFormRow>\n    <template v-else>\n      <div v-if=\"props.floating && !isHorizontal\" ref=\"_content\" class=\"form-floating\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <LabelContentTemplate.reuse />\n        <ContentTemplate.reuse />\n      </div>\n      <template v-else>\n        <LabelContentTemplate.reuse />\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </template>\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type Ref, ref, toRef, useTemplateRef} from 'vue'\nimport {useAriaInvalid} from '../../composables/useAriaInvalid'\nimport {attemptFocus, isVisible} from '../../utils/dom'\nimport BCol from '../BContainer/BCol.vue'\nimport BFormInvalidFeedback from '../BForm/BFormInvalidFeedback.vue'\nimport BFormRow from '../BForm/BFormRow.vue'\nimport BFormText from '../BForm/BFormText.vue'\nimport BFormValidFeedback from '../BForm/BFormValidFeedback.vue'\nimport {suffixPropName} from '../../utils/props'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useId} from '../../composables/useId'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BFormGroupProps, BFormGroupSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {formGroupKey} from '../../utils/keys'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst INPUTS = ['input', 'select', 'textarea']\n\nconst _props = withDefaults(defineProps<BFormGroupProps>(), {\n  ariaInvalid: undefined,\n  contentCols: undefined,\n  contentColsLg: undefined,\n  contentColsMd: undefined,\n  contentColsSm: undefined,\n  contentColsXl: undefined,\n  description: undefined,\n  disabled: false,\n  feedbackAriaLive: 'assertive',\n  floating: false,\n  id: undefined,\n  invalidFeedback: undefined,\n  label: undefined,\n  labelAlign: undefined,\n  labelAlignLg: undefined,\n  labelAlignMd: undefined,\n  labelAlignSm: undefined,\n  labelAlignXl: undefined,\n  labelClass: undefined,\n  labelCols: undefined,\n  labelColsLg: undefined,\n  labelColsMd: undefined,\n  labelColsSm: undefined,\n  labelColsXl: undefined,\n  labelFor: undefined,\n  labelSize: undefined,\n  labelVisuallyHidden: false,\n  state: null,\n  tooltip: false,\n  validFeedback: undefined,\n  validated: false,\n})\nconst props = useDefaults(_props, 'BFormGroup')\nconst slots = defineSlots<BFormGroupSlots>()\n\nconst LabelContentTemplate = createReusableTemplate()\nconst ContentTemplate = createReusableTemplate()\n\nconst computedState = toRef(() => props.state)\nconst computedDisabled = toRef(() => props.disabled)\nconst childId = ref<Ref<string>[]>([])\nprovide(formGroupKey, (id) => {\n  childId.value = [id]\n\n  return {\n    state: computedState,\n    disabled: computedDisabled,\n  }\n})\nconst computedLabelFor = computed(() => {\n  if (props.labelFor !== undefined) return props.labelFor\n  if (childId.value[0] && childId.value[0].value) return childId.value[0].value\n  return null\n})\n\nconst breakPoints = ['xs', 'sm', 'md', 'lg', 'xl']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getColProps = (props: any, prefix: string) =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  breakPoints.reduce((result: any, breakpoint: string) => {\n    const suffix = suffixPropName(breakpoint === 'xs' ? '' : breakpoint, `${prefix}Cols`)\n    let propValue = props[suffix]\n    propValue = propValue === '' ? true : propValue || false\n\n    if (!(typeof propValue === 'boolean') && propValue !== 'auto') {\n      const val = Number.parseInt(propValue)\n      propValue = Number.isNaN(val) ? 0 : val\n      propValue = propValue > 0 ? propValue : false\n    }\n\n    if (propValue) {\n      if (breakpoint === 'xs') {\n        result[typeof propValue === 'boolean' ? 'col' : 'cols'] = propValue\n      } else {\n        result[breakpoint || (typeof propValue === 'boolean' ? 'col' : 'cols')] = propValue\n      }\n    }\n    return result\n  }, {})\n\nconst content = useTemplateRef<HTMLDivElement | InstanceType<typeof BCol> | null>('_content')\n\nconst contentColProps = computed(() => getColProps(props, 'content'))\nconst labelAlignClasses = computed(() =>\n  ((props: BFormGroupProps, prefix: string) =>\n    breakPoints.reduce((result: string[], breakpoint) => {\n      const suffix = suffixPropName(\n        breakpoint === 'xs' ? '' : breakpoint,\n        `${prefix}Align`\n      ) as keyof BFormGroupProps\n      const propValue: string = props[suffix] || null\n      if (propValue) {\n        if (breakpoint === 'xs') {\n          result.push(`text-${propValue}`)\n        } else {\n          result.push(`text-${breakpoint}-${propValue}`)\n        }\n      }\n      return result\n    }, []))(props, 'label')\n)\nconst labelColProps = computed(() => getColProps(props, 'label'))\nconst isHorizontal = computed(\n  () => Object.keys(contentColProps.value).length > 0 || Object.keys(labelColProps.value).length > 0\n)\n\nconst stateClass = useStateClass(computedState)\nconst computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, computedState)\n\nconst onLegendClick = (event: Readonly<MouseEvent>) => {\n  if (computedLabelFor.value || content.value === null) return\n\n  const {target} = event\n  const tagName = target ? (target as HTMLElement).tagName : ''\n\n  if ([...INPUTS, 'a', 'button', 'label'].indexOf(tagName) !== -1) return\n\n  // In horizontal mode, content.value is a BCol component instance, not a DOM element\n  // Access the DOM element via $el property\n  const contentElement =\n    isHorizontal.value && content.value && '$el' in content.value\n      ? (content.value.$el as HTMLElement)\n      : (content.value as HTMLDivElement | null)\n  if (!contentElement) return\n\n  const inputs = [\n    ...contentElement.querySelectorAll(INPUTS.map((v) => `${v}:not([disabled])`).join()),\n  ].filter(isVisible)\n  const [inp] = inputs\n  if (inputs.length === 1 && inp instanceof HTMLElement) {\n    attemptFocus(inp)\n  }\n}\n\nconst computedId = useId(() => props.id)\nconst labelId = useId(undefined, '_BV_label_')\nconst labelTag = computed(() => (!computedLabelFor.value ? 'legend' : 'label'))\nconst labelClasses = computed(() => [\n  isHorizontal.value ? 'col-form-label' : 'form-label',\n  {\n    'bv-no-focus-ring': !computedLabelFor.value,\n    'col-form-label': isHorizontal.value || !computedLabelFor.value,\n    'pt-0': !isHorizontal.value && !computedLabelFor.value,\n    'd-block': !isHorizontal.value && computedLabelFor.value,\n    [`col-form-label-${props.labelSize}`]: !!props.labelSize,\n    'visually-hidden': props.labelVisuallyHidden,\n  },\n  isHorizontal.value ? null : labelAlignClasses.value,\n  props.labelClass,\n])\n\nconst invalidFeedbackId = useId(undefined, '_BV_feedback_invalid_')\n\nconst validFeedbackId = useId(undefined, '_BV_feedback_valid_')\nconst descriptionId = useId(undefined, '_BV_description_')\n\nconst isFieldset = computed(() => !computedLabelFor.value)\n</script>\n","<template>\n  <component\n    :is=\"isFieldset ? 'fieldset' : 'div'\"\n    :id=\"computedId\"\n    :disabled=\"isFieldset ? props.disabled : null\"\n    :role=\"isFieldset ? null : 'group'\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :aria-labelledby=\"isFieldset && isHorizontal ? labelId : null\"\n    v-bind=\"$attrs\"\n    :class=\"[stateClass, {'was-validated': props.validated}]\"\n    class=\"b-form-group\"\n  >\n    <ContentTemplate.define>\n      <BFormInvalidFeedback\n        v-if=\"slots['invalid-feedback'] || props.invalidFeedback\"\n        :id=\"invalidFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"invalid-feedback\">{{ props.invalidFeedback }}</slot>\n      </BFormInvalidFeedback>\n      <BFormValidFeedback\n        v-if=\"slots['valid-feedback'] || props.validFeedback\"\n        :id=\"validFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"valid-feedback\">{{ props.validFeedback }}</slot>\n      </BFormValidFeedback>\n      <BFormText v-if=\"slots.description || props.description\" :id=\"descriptionId\">\n        <slot name=\"description\">{{ props.description }}</slot>\n      </BFormText>\n    </ContentTemplate.define>\n    <LabelContentTemplate.define>\n      <template v-if=\"slots.label || props.label || isHorizontal\">\n        <BCol\n          v-if=\"isHorizontal\"\n          v-bind=\"labelColProps\"\n          :id=\"labelId\"\n          :tag=\"labelTag\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"[labelAlignClasses, labelClasses]\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </BCol>\n        <component\n          :is=\"labelTag\"\n          v-else\n          :id=\"labelId\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"labelClasses\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </component>\n      </template>\n    </LabelContentTemplate.define>\n    <!-- End of definitions -->\n    <BFormRow v-if=\"isHorizontal\">\n      <LabelContentTemplate.reuse />\n      <BCol v-bind=\"contentColProps\" ref=\"_content\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </BCol>\n    </BFormRow>\n    <template v-else>\n      <div v-if=\"props.floating && !isHorizontal\" ref=\"_content\" class=\"form-floating\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <LabelContentTemplate.reuse />\n        <ContentTemplate.reuse />\n      </div>\n      <template v-else>\n        <LabelContentTemplate.reuse />\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </template>\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type Ref, ref, toRef, useTemplateRef} from 'vue'\nimport {useAriaInvalid} from '../../composables/useAriaInvalid'\nimport {attemptFocus, isVisible} from '../../utils/dom'\nimport BCol from '../BContainer/BCol.vue'\nimport BFormInvalidFeedback from '../BForm/BFormInvalidFeedback.vue'\nimport BFormRow from '../BForm/BFormRow.vue'\nimport BFormText from '../BForm/BFormText.vue'\nimport BFormValidFeedback from '../BForm/BFormValidFeedback.vue'\nimport {suffixPropName} from '../../utils/props'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useId} from '../../composables/useId'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BFormGroupProps, BFormGroupSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {formGroupKey} from '../../utils/keys'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst INPUTS = ['input', 'select', 'textarea']\n\nconst _props = withDefaults(defineProps<BFormGroupProps>(), {\n  ariaInvalid: undefined,\n  contentCols: undefined,\n  contentColsLg: undefined,\n  contentColsMd: undefined,\n  contentColsSm: undefined,\n  contentColsXl: undefined,\n  description: undefined,\n  disabled: false,\n  feedbackAriaLive: 'assertive',\n  floating: false,\n  id: undefined,\n  invalidFeedback: undefined,\n  label: undefined,\n  labelAlign: undefined,\n  labelAlignLg: undefined,\n  labelAlignMd: undefined,\n  labelAlignSm: undefined,\n  labelAlignXl: undefined,\n  labelClass: undefined,\n  labelCols: undefined,\n  labelColsLg: undefined,\n  labelColsMd: undefined,\n  labelColsSm: undefined,\n  labelColsXl: undefined,\n  labelFor: undefined,\n  labelSize: undefined,\n  labelVisuallyHidden: false,\n  state: null,\n  tooltip: false,\n  validFeedback: undefined,\n  validated: false,\n})\nconst props = useDefaults(_props, 'BFormGroup')\nconst slots = defineSlots<BFormGroupSlots>()\n\nconst LabelContentTemplate = createReusableTemplate()\nconst ContentTemplate = createReusableTemplate()\n\nconst computedState = toRef(() => props.state)\nconst computedDisabled = toRef(() => props.disabled)\nconst childId = ref<Ref<string>[]>([])\nprovide(formGroupKey, (id) => {\n  childId.value = [id]\n\n  return {\n    state: computedState,\n    disabled: computedDisabled,\n  }\n})\nconst computedLabelFor = computed(() => {\n  if (props.labelFor !== undefined) return props.labelFor\n  if (childId.value[0] && childId.value[0].value) return childId.value[0].value\n  return null\n})\n\nconst breakPoints = ['xs', 'sm', 'md', 'lg', 'xl']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getColProps = (props: any, prefix: string) =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  breakPoints.reduce((result: any, breakpoint: string) => {\n    const suffix = suffixPropName(breakpoint === 'xs' ? '' : breakpoint, `${prefix}Cols`)\n    let propValue = props[suffix]\n    propValue = propValue === '' ? true : propValue || false\n\n    if (!(typeof propValue === 'boolean') && propValue !== 'auto') {\n      const val = Number.parseInt(propValue)\n      propValue = Number.isNaN(val) ? 0 : val\n      propValue = propValue > 0 ? propValue : false\n    }\n\n    if (propValue) {\n      if (breakpoint === 'xs') {\n        result[typeof propValue === 'boolean' ? 'col' : 'cols'] = propValue\n      } else {\n        result[breakpoint || (typeof propValue === 'boolean' ? 'col' : 'cols')] = propValue\n      }\n    }\n    return result\n  }, {})\n\nconst content = useTemplateRef<HTMLDivElement | InstanceType<typeof BCol> | null>('_content')\n\nconst contentColProps = computed(() => getColProps(props, 'content'))\nconst labelAlignClasses = computed(() =>\n  ((props: BFormGroupProps, prefix: string) =>\n    breakPoints.reduce((result: string[], breakpoint) => {\n      const suffix = suffixPropName(\n        breakpoint === 'xs' ? '' : breakpoint,\n        `${prefix}Align`\n      ) as keyof BFormGroupProps\n      const propValue: string = props[suffix] || null\n      if (propValue) {\n        if (breakpoint === 'xs') {\n          result.push(`text-${propValue}`)\n        } else {\n          result.push(`text-${breakpoint}-${propValue}`)\n        }\n      }\n      return result\n    }, []))(props, 'label')\n)\nconst labelColProps = computed(() => getColProps(props, 'label'))\nconst isHorizontal = computed(\n  () => Object.keys(contentColProps.value).length > 0 || Object.keys(labelColProps.value).length > 0\n)\n\nconst stateClass = useStateClass(computedState)\nconst computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, computedState)\n\nconst onLegendClick = (event: Readonly<MouseEvent>) => {\n  if (computedLabelFor.value || content.value === null) return\n\n  const {target} = event\n  const tagName = target ? (target as HTMLElement).tagName : ''\n\n  if ([...INPUTS, 'a', 'button', 'label'].indexOf(tagName) !== -1) return\n\n  // In horizontal mode, content.value is a BCol component instance, not a DOM element\n  // Access the DOM element via $el property\n  const contentElement =\n    isHorizontal.value && content.value && '$el' in content.value\n      ? (content.value.$el as HTMLElement)\n      : (content.value as HTMLDivElement | null)\n  if (!contentElement) return\n\n  const inputs = [\n    ...contentElement.querySelectorAll(INPUTS.map((v) => `${v}:not([disabled])`).join()),\n  ].filter(isVisible)\n  const [inp] = inputs\n  if (inputs.length === 1 && inp instanceof HTMLElement) {\n    attemptFocus(inp)\n  }\n}\n\nconst computedId = useId(() => props.id)\nconst labelId = useId(undefined, '_BV_label_')\nconst labelTag = computed(() => (!computedLabelFor.value ? 'legend' : 'label'))\nconst labelClasses = computed(() => [\n  isHorizontal.value ? 'col-form-label' : 'form-label',\n  {\n    'bv-no-focus-ring': !computedLabelFor.value,\n    'col-form-label': isHorizontal.value || !computedLabelFor.value,\n    'pt-0': !isHorizontal.value && !computedLabelFor.value,\n    'd-block': !isHorizontal.value && computedLabelFor.value,\n    [`col-form-label-${props.labelSize}`]: !!props.labelSize,\n    'visually-hidden': props.labelVisuallyHidden,\n  },\n  isHorizontal.value ? null : labelAlignClasses.value,\n  props.labelClass,\n])\n\nconst invalidFeedbackId = useId(undefined, '_BV_feedback_invalid_')\n\nconst validFeedbackId = useId(undefined, '_BV_feedback_valid_')\nconst descriptionId = useId(undefined, '_BV_description_')\n\nconst isFieldset = computed(() => !computedLabelFor.value)\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"BFormGroup-BwO1BZD1.js","names":["$attrs"],"sources":["../src/utils/props.ts","../src/components/BFormGroup/BFormGroup.vue","../src/components/BFormGroup/BFormGroup.vue"],"sourcesContent":["// Suffix can be a falsey value so nothing is appended to string\n// (helps when looping over props & some shouldn't change)\n\nimport {upperFirst} from './stringUtils'\n\n/**\n * Use data last parameters to allow for currying\n *\n * @param suffix\n * @param value\n * @returns\n */\nexport const suffixPropName = (suffix: string, value: string): string =>\n  value + (suffix ? upperFirst(suffix) : '')\n","<template>\n  <component\n    :is=\"isFieldset ? 'fieldset' : 'div'\"\n    :id=\"computedId\"\n    :disabled=\"isFieldset ? props.disabled : null\"\n    :role=\"isFieldset ? null : 'group'\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :aria-labelledby=\"isFieldset && isHorizontal ? labelId : null\"\n    v-bind=\"$attrs\"\n    :class=\"[stateClass, {'was-validated': props.validated}]\"\n    class=\"b-form-group\"\n  >\n    <ContentTemplate.define>\n      <BFormInvalidFeedback\n        v-if=\"slots['invalid-feedback'] || props.invalidFeedback\"\n        :id=\"invalidFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"invalid-feedback\">{{ props.invalidFeedback }}</slot>\n      </BFormInvalidFeedback>\n      <BFormValidFeedback\n        v-if=\"slots['valid-feedback'] || props.validFeedback\"\n        :id=\"validFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"valid-feedback\">{{ props.validFeedback }}</slot>\n      </BFormValidFeedback>\n      <BFormText v-if=\"slots.description || props.description\" :id=\"descriptionId\">\n        <slot name=\"description\">{{ props.description }}</slot>\n      </BFormText>\n    </ContentTemplate.define>\n    <LabelContentTemplate.define>\n      <template v-if=\"slots.label || props.label || isHorizontal\">\n        <BCol\n          v-if=\"isHorizontal\"\n          v-bind=\"labelColProps\"\n          :id=\"labelId\"\n          :tag=\"labelTag\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"[labelAlignClasses, labelClasses]\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </BCol>\n        <component\n          :is=\"labelTag\"\n          v-else\n          :id=\"labelId\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"labelClasses\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </component>\n      </template>\n    </LabelContentTemplate.define>\n    <!-- End of definitions -->\n    <BFormRow v-if=\"isHorizontal\">\n      <LabelContentTemplate.reuse />\n      <BCol v-bind=\"contentColProps\" ref=\"_content\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </BCol>\n    </BFormRow>\n    <template v-else>\n      <div v-if=\"props.floating && !isHorizontal\" ref=\"_content\" class=\"form-floating\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <LabelContentTemplate.reuse />\n        <ContentTemplate.reuse />\n      </div>\n      <template v-else>\n        <LabelContentTemplate.reuse />\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </template>\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type Ref, ref, toRef, useTemplateRef} from 'vue'\nimport {useAriaInvalid} from '../../composables/useAriaInvalid'\nimport {attemptFocus, isVisible} from '../../utils/dom'\nimport BCol from '../BContainer/BCol.vue'\nimport BFormInvalidFeedback from '../BForm/BFormInvalidFeedback.vue'\nimport BFormRow from '../BForm/BFormRow.vue'\nimport BFormText from '../BForm/BFormText.vue'\nimport BFormValidFeedback from '../BForm/BFormValidFeedback.vue'\nimport {suffixPropName} from '../../utils/props'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useId} from '../../composables/useId'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BFormGroupProps, BFormGroupSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {formGroupKey} from '../../utils/keys'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst INPUTS = ['input', 'select', 'textarea']\n\nconst _props = withDefaults(defineProps<BFormGroupProps>(), {\n  ariaInvalid: undefined,\n  contentCols: undefined,\n  contentColsLg: undefined,\n  contentColsMd: undefined,\n  contentColsSm: undefined,\n  contentColsXl: undefined,\n  description: undefined,\n  disabled: false,\n  feedbackAriaLive: 'assertive',\n  floating: false,\n  id: undefined,\n  invalidFeedback: undefined,\n  label: undefined,\n  labelAlign: undefined,\n  labelAlignLg: undefined,\n  labelAlignMd: undefined,\n  labelAlignSm: undefined,\n  labelAlignXl: undefined,\n  labelClass: undefined,\n  labelCols: undefined,\n  labelColsLg: undefined,\n  labelColsMd: undefined,\n  labelColsSm: undefined,\n  labelColsXl: undefined,\n  labelFor: undefined,\n  labelSize: undefined,\n  labelVisuallyHidden: false,\n  state: null,\n  tooltip: false,\n  validFeedback: undefined,\n  validated: false,\n})\nconst props = useDefaults(_props, 'BFormGroup')\nconst slots = defineSlots<BFormGroupSlots>()\n\nconst LabelContentTemplate = createReusableTemplate()\nconst ContentTemplate = createReusableTemplate()\n\nconst computedState = toRef(() => props.state)\nconst computedDisabled = toRef(() => props.disabled)\nconst childId = ref<Ref<string>[]>([])\nprovide(formGroupKey, (id) => {\n  childId.value = [id]\n\n  return {\n    state: computedState,\n    disabled: computedDisabled,\n  }\n})\nconst computedLabelFor = computed(() => {\n  if (props.labelFor !== undefined) return props.labelFor\n  if (childId.value[0] && childId.value[0].value) return childId.value[0].value\n  return null\n})\n\nconst breakPoints = ['xs', 'sm', 'md', 'lg', 'xl']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getColProps = (props: any, prefix: string) =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  breakPoints.reduce((result: any, breakpoint: string) => {\n    const suffix = suffixPropName(breakpoint === 'xs' ? '' : breakpoint, `${prefix}Cols`)\n    let propValue = props[suffix]\n    propValue = propValue === '' ? true : propValue || false\n\n    if (!(typeof propValue === 'boolean') && propValue !== 'auto') {\n      const val = Number.parseInt(propValue)\n      propValue = Number.isNaN(val) ? 0 : val\n      propValue = propValue > 0 ? propValue : false\n    }\n\n    if (propValue) {\n      if (breakpoint === 'xs') {\n        result[typeof propValue === 'boolean' ? 'col' : 'cols'] = propValue\n      } else {\n        result[breakpoint || (typeof propValue === 'boolean' ? 'col' : 'cols')] = propValue\n      }\n    }\n    return result\n  }, {})\n\nconst content = useTemplateRef<HTMLDivElement | InstanceType<typeof BCol> | null>('_content')\n\nconst contentColProps = computed(() => getColProps(props, 'content'))\nconst labelAlignClasses = computed(() =>\n  ((props: BFormGroupProps, prefix: string) =>\n    breakPoints.reduce((result: string[], breakpoint) => {\n      const suffix = suffixPropName(\n        breakpoint === 'xs' ? '' : breakpoint,\n        `${prefix}Align`\n      ) as keyof BFormGroupProps\n      const propValue: string = props[suffix] || null\n      if (propValue) {\n        if (breakpoint === 'xs') {\n          result.push(`text-${propValue}`)\n        } else {\n          result.push(`text-${breakpoint}-${propValue}`)\n        }\n      }\n      return result\n    }, []))(props, 'label')\n)\nconst labelColProps = computed(() => getColProps(props, 'label'))\nconst isHorizontal = computed(\n  () => Object.keys(contentColProps.value).length > 0 || Object.keys(labelColProps.value).length > 0\n)\n\nconst stateClass = useStateClass(computedState)\nconst computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, computedState)\n\nconst onLegendClick = (event: Readonly<MouseEvent>) => {\n  if (computedLabelFor.value || content.value === null) return\n\n  const {target} = event\n  const tagName = target ? (target as HTMLElement).tagName : ''\n\n  if ([...INPUTS, 'a', 'button', 'label'].indexOf(tagName) !== -1) return\n\n  // In horizontal mode, content.value is a BCol component instance, not a DOM element\n  // Access the DOM element via $el property\n  const contentElement =\n    isHorizontal.value && content.value && '$el' in content.value\n      ? (content.value.$el as HTMLElement)\n      : (content.value as HTMLDivElement | null)\n  if (!contentElement) return\n\n  const inputs = [\n    ...contentElement.querySelectorAll(INPUTS.map((v) => `${v}:not([disabled])`).join()),\n  ].filter(isVisible)\n  const [inp] = inputs\n  if (inputs.length === 1 && inp instanceof HTMLElement) {\n    attemptFocus(inp)\n  }\n}\n\nconst computedId = useId(() => props.id)\nconst labelId = useId(undefined, '_BV_label_')\nconst labelTag = computed(() => (!computedLabelFor.value ? 'legend' : 'label'))\nconst labelClasses = computed(() => [\n  isHorizontal.value ? 'col-form-label' : 'form-label',\n  {\n    'bv-no-focus-ring': !computedLabelFor.value,\n    'col-form-label': isHorizontal.value || !computedLabelFor.value,\n    'pt-0': !isHorizontal.value && !computedLabelFor.value,\n    'd-block': !isHorizontal.value && computedLabelFor.value,\n    [`col-form-label-${props.labelSize}`]: !!props.labelSize,\n    'visually-hidden': props.labelVisuallyHidden,\n  },\n  isHorizontal.value ? null : labelAlignClasses.value,\n  props.labelClass,\n])\n\nconst invalidFeedbackId = useId(undefined, '_BV_feedback_invalid_')\n\nconst validFeedbackId = useId(undefined, '_BV_feedback_valid_')\nconst descriptionId = useId(undefined, '_BV_description_')\n\nconst isFieldset = computed(() => !computedLabelFor.value)\n</script>\n","<template>\n  <component\n    :is=\"isFieldset ? 'fieldset' : 'div'\"\n    :id=\"computedId\"\n    :disabled=\"isFieldset ? props.disabled : null\"\n    :role=\"isFieldset ? null : 'group'\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :aria-labelledby=\"isFieldset && isHorizontal ? labelId : null\"\n    v-bind=\"$attrs\"\n    :class=\"[stateClass, {'was-validated': props.validated}]\"\n    class=\"b-form-group\"\n  >\n    <ContentTemplate.define>\n      <BFormInvalidFeedback\n        v-if=\"slots['invalid-feedback'] || props.invalidFeedback\"\n        :id=\"invalidFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"invalid-feedback\">{{ props.invalidFeedback }}</slot>\n      </BFormInvalidFeedback>\n      <BFormValidFeedback\n        v-if=\"slots['valid-feedback'] || props.validFeedback\"\n        :id=\"validFeedbackId\"\n        :aria-live=\"props.feedbackAriaLive\"\n        :state=\"computedState\"\n        :tooltip=\"props.tooltip\"\n      >\n        <slot name=\"valid-feedback\">{{ props.validFeedback }}</slot>\n      </BFormValidFeedback>\n      <BFormText v-if=\"slots.description || props.description\" :id=\"descriptionId\">\n        <slot name=\"description\">{{ props.description }}</slot>\n      </BFormText>\n    </ContentTemplate.define>\n    <LabelContentTemplate.define>\n      <template v-if=\"slots.label || props.label || isHorizontal\">\n        <BCol\n          v-if=\"isHorizontal\"\n          v-bind=\"labelColProps\"\n          :id=\"labelId\"\n          :tag=\"labelTag\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"[labelAlignClasses, labelClasses]\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </BCol>\n        <component\n          :is=\"labelTag\"\n          v-else\n          :id=\"labelId\"\n          :for=\"computedLabelFor || null\"\n          :tabindex=\"isFieldset ? '-1' : null\"\n          :class=\"labelClasses\"\n          @click=\"isFieldset ? onLegendClick : null\"\n        >\n          <slot name=\"label\">{{ props.label }}</slot>\n        </component>\n      </template>\n    </LabelContentTemplate.define>\n    <!-- End of definitions -->\n    <BFormRow v-if=\"isHorizontal\">\n      <LabelContentTemplate.reuse />\n      <BCol v-bind=\"contentColProps\" ref=\"_content\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </BCol>\n    </BFormRow>\n    <template v-else>\n      <div v-if=\"props.floating && !isHorizontal\" ref=\"_content\" class=\"form-floating\">\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <LabelContentTemplate.reuse />\n        <ContentTemplate.reuse />\n      </div>\n      <template v-else>\n        <LabelContentTemplate.reuse />\n        <slot\n          :id=\"computedId\"\n          :aria-describedby=\"null\"\n          :description-id=\"descriptionId\"\n          :label-id=\"labelId\"\n        />\n        <ContentTemplate.reuse />\n      </template>\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type Ref, ref, toRef, useTemplateRef} from 'vue'\nimport {useAriaInvalid} from '../../composables/useAriaInvalid'\nimport {attemptFocus, isVisible} from '../../utils/dom'\nimport BCol from '../BContainer/BCol.vue'\nimport BFormInvalidFeedback from '../BForm/BFormInvalidFeedback.vue'\nimport BFormRow from '../BForm/BFormRow.vue'\nimport BFormText from '../BForm/BFormText.vue'\nimport BFormValidFeedback from '../BForm/BFormValidFeedback.vue'\nimport {suffixPropName} from '../../utils/props'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useId} from '../../composables/useId'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BFormGroupProps, BFormGroupSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {formGroupKey} from '../../utils/keys'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst INPUTS = ['input', 'select', 'textarea']\n\nconst _props = withDefaults(defineProps<BFormGroupProps>(), {\n  ariaInvalid: undefined,\n  contentCols: undefined,\n  contentColsLg: undefined,\n  contentColsMd: undefined,\n  contentColsSm: undefined,\n  contentColsXl: undefined,\n  description: undefined,\n  disabled: false,\n  feedbackAriaLive: 'assertive',\n  floating: false,\n  id: undefined,\n  invalidFeedback: undefined,\n  label: undefined,\n  labelAlign: undefined,\n  labelAlignLg: undefined,\n  labelAlignMd: undefined,\n  labelAlignSm: undefined,\n  labelAlignXl: undefined,\n  labelClass: undefined,\n  labelCols: undefined,\n  labelColsLg: undefined,\n  labelColsMd: undefined,\n  labelColsSm: undefined,\n  labelColsXl: undefined,\n  labelFor: undefined,\n  labelSize: undefined,\n  labelVisuallyHidden: false,\n  state: null,\n  tooltip: false,\n  validFeedback: undefined,\n  validated: false,\n})\nconst props = useDefaults(_props, 'BFormGroup')\nconst slots = defineSlots<BFormGroupSlots>()\n\nconst LabelContentTemplate = createReusableTemplate()\nconst ContentTemplate = createReusableTemplate()\n\nconst computedState = toRef(() => props.state)\nconst computedDisabled = toRef(() => props.disabled)\nconst childId = ref<Ref<string>[]>([])\nprovide(formGroupKey, (id) => {\n  childId.value = [id]\n\n  return {\n    state: computedState,\n    disabled: computedDisabled,\n  }\n})\nconst computedLabelFor = computed(() => {\n  if (props.labelFor !== undefined) return props.labelFor\n  if (childId.value[0] && childId.value[0].value) return childId.value[0].value\n  return null\n})\n\nconst breakPoints = ['xs', 'sm', 'md', 'lg', 'xl']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getColProps = (props: any, prefix: string) =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  breakPoints.reduce((result: any, breakpoint: string) => {\n    const suffix = suffixPropName(breakpoint === 'xs' ? '' : breakpoint, `${prefix}Cols`)\n    let propValue = props[suffix]\n    propValue = propValue === '' ? true : propValue || false\n\n    if (!(typeof propValue === 'boolean') && propValue !== 'auto') {\n      const val = Number.parseInt(propValue)\n      propValue = Number.isNaN(val) ? 0 : val\n      propValue = propValue > 0 ? propValue : false\n    }\n\n    if (propValue) {\n      if (breakpoint === 'xs') {\n        result[typeof propValue === 'boolean' ? 'col' : 'cols'] = propValue\n      } else {\n        result[breakpoint || (typeof propValue === 'boolean' ? 'col' : 'cols')] = propValue\n      }\n    }\n    return result\n  }, {})\n\nconst content = useTemplateRef<HTMLDivElement | InstanceType<typeof BCol> | null>('_content')\n\nconst contentColProps = computed(() => getColProps(props, 'content'))\nconst labelAlignClasses = computed(() =>\n  ((props: BFormGroupProps, prefix: string) =>\n    breakPoints.reduce((result: string[], breakpoint) => {\n      const suffix = suffixPropName(\n        breakpoint === 'xs' ? '' : breakpoint,\n        `${prefix}Align`\n      ) as keyof BFormGroupProps\n      const propValue: string = props[suffix] || null\n      if (propValue) {\n        if (breakpoint === 'xs') {\n          result.push(`text-${propValue}`)\n        } else {\n          result.push(`text-${breakpoint}-${propValue}`)\n        }\n      }\n      return result\n    }, []))(props, 'label')\n)\nconst labelColProps = computed(() => getColProps(props, 'label'))\nconst isHorizontal = computed(\n  () => Object.keys(contentColProps.value).length > 0 || Object.keys(labelColProps.value).length > 0\n)\n\nconst stateClass = useStateClass(computedState)\nconst computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, computedState)\n\nconst onLegendClick = (event: Readonly<MouseEvent>) => {\n  if (computedLabelFor.value || content.value === null) return\n\n  const {target} = event\n  const tagName = target ? (target as HTMLElement).tagName : ''\n\n  if ([...INPUTS, 'a', 'button', 'label'].indexOf(tagName) !== -1) return\n\n  // In horizontal mode, content.value is a BCol component instance, not a DOM element\n  // Access the DOM element via $el property\n  const contentElement =\n    isHorizontal.value && content.value && '$el' in content.value\n      ? (content.value.$el as HTMLElement)\n      : (content.value as HTMLDivElement | null)\n  if (!contentElement) return\n\n  const inputs = [\n    ...contentElement.querySelectorAll(INPUTS.map((v) => `${v}:not([disabled])`).join()),\n  ].filter(isVisible)\n  const [inp] = inputs\n  if (inputs.length === 1 && inp instanceof HTMLElement) {\n    attemptFocus(inp)\n  }\n}\n\nconst computedId = useId(() => props.id)\nconst labelId = useId(undefined, '_BV_label_')\nconst labelTag = computed(() => (!computedLabelFor.value ? 'legend' : 'label'))\nconst labelClasses = computed(() => [\n  isHorizontal.value ? 'col-form-label' : 'form-label',\n  {\n    'bv-no-focus-ring': !computedLabelFor.value,\n    'col-form-label': isHorizontal.value || !computedLabelFor.value,\n    'pt-0': !isHorizontal.value && !computedLabelFor.value,\n    'd-block': !isHorizontal.value && computedLabelFor.value,\n    [`col-form-label-${props.labelSize}`]: !!props.labelSize,\n    'visually-hidden': props.labelVisuallyHidden,\n  },\n  isHorizontal.value ? null : labelAlignClasses.value,\n  props.labelClass,\n])\n\nconst invalidFeedbackId = useId(undefined, '_BV_feedback_invalid_')\n\nconst validFeedbackId = useId(undefined, '_BV_feedback_valid_')\nconst descriptionId = useId(undefined, '_BV_description_')\n\nconst isFieldset = computed(() => !computedLabelFor.value)\n</script>\n"],"mappings":"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"}

package/dist/{BFormInput-4vCGzAoO.js → BFormInput-BuRSGYdY.js}

@@ -1,7 +1,7 @@
 require("./chunk-CoQrYLCe.js");
 const require_keys = require("./keys-durSVUrO.js");
-const require_useDefaults = require("./useDefaults-DK6Y9lar.js");
-const require_useFormInput = require("./useFormInput-AX7ikSmn.js");
+const require_useDefaults = require("./useDefaults-DsLf4iRY.js");
+const require_useFormInput = require("./useFormInput-CsR38QR6.js");
 let vue = require("vue");
 //#region src/components/BFormInput/BFormInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -139,4 +139,4 @@ Object.defineProperty(exports, "BFormInput_default", {
 	}
 });
 
-//# sourceMappingURL=BFormInput-4vCGzAoO.js.map
+//# sourceMappingURL=BFormInput-BuRSGYdY.js.map