bootstrap-vue-next 0.24.12 → 0.24.13

package/dist/BFormCheckboxGroup.vue_vue_type_script_setup_true_lang-CuIvx67W.mjs

@@ -0,0 +1,283 @@
+import { defineComponent, mergeModels, useAttrs, useSlots, useModel, inject, ref, computed, openBlock, createBlock, mergeProps, unref, withCtx, withDirectives, createElementVNode, vModelCheckbox, createElementBlock, normalizeClass, renderSlot, createCommentVNode, provide, toRef, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import { e as useFocus } from "./index-DngH9Pjm.mjs";
+import { g as getClasses, a as getInputClasses, b as getLabelClasses, c as getGroupAttr, d as getGroupClasses } from "./useFormCheck-Bcx8Ea7M.mjs";
+import { j as checkboxGroupKey } from "./keys-CLEaYsGj.mjs";
+import { _ as _sfc_main$2 } from "./RenderComponentOrSkip.vue_vue_type_script_lang-CvaXFCLB.mjs";
+import { i as isEmptySlot } from "./dom-B-SQyhbA.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { u as useId } from "./useId-BrAgQfKM.mjs";
+const _hoisted_1$1 = ["id", "disabled", "required", "name", "form", "aria-label", "aria-labelledby", "aria-required", "value", "true-value", "false-value", "^indeterminate"];
+const _hoisted_2$1 = ["for"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "BFormCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    ariaLabel: { default: void 0 },
+    ariaLabelledby: { default: void 0 },
+    autofocus: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    buttonGroup: { type: Boolean, default: false },
+    buttonVariant: { default: null },
+    disabled: { type: Boolean, default: false },
+    form: { default: void 0 },
+    id: { default: void 0 },
+    inline: { type: Boolean, default: false },
+    name: { default: void 0 },
+    plain: { type: Boolean, default: false },
+    required: { type: Boolean, default: void 0 },
+    reverse: { type: Boolean, default: false },
+    size: { default: void 0 },
+    state: { type: [Boolean, null], default: null },
+    switch: { type: Boolean, default: false },
+    uncheckedValue: { type: [Array, Set, String, Boolean, Object, Number, null], default: false },
+    wrapperAttrs: { default: void 0 },
+    inputClass: { default: void 0 },
+    value: { type: [String, Boolean, Array, Set, Object, Number, null], default: true }
+  }, {
+    "modelValue": { type: [Array, Set, String, Boolean, Object, Number, null], ...{
+      default: void 0
+    } },
+    "modelModifiers": {},
+    "indeterminate": { type: Boolean, ...{
+      default: false
+    } },
+    "indeterminateModifiers": {}
+  }),
+  emits: ["update:modelValue", "update:indeterminate"],
+  setup(__props, { expose: __expose }) {
+    const { class: wrapperClass, ...inputAttrs } = useAttrs();
+    const _props = __props;
+    const props = useDefaults(_props, "BFormCheckbox");
+    const slots = useSlots();
+    const modelValue = useModel(__props, "modelValue");
+    const indeterminate = useModel(
+      __props,
+      "indeterminate"
+    );
+    const computedId = useId(() => props.id, "form-check");
+    const parentData = inject(checkboxGroupKey, null);
+    const input = ref(null);
+    const { focused } = useFocus(input, {
+      initialValue: props.autofocus
+    });
+    const hasDefaultSlot = computed(() => !isEmptySlot(slots.default));
+    const localValue = computed({
+      get: () => parentData ? parentData.modelValue.value : modelValue.value,
+      set: (newVal) => {
+        if (newVal === void 0) return;
+        indeterminate.value = false;
+        if (parentData !== null && Array.isArray(newVal)) {
+          parentData.modelValue.value = newVal;
+          return;
+        }
+        modelValue.value = newVal;
+      }
+    });
+    const computedRequired = computed(
+      () => !!(props.name ?? (parentData == null ? void 0 : parentData.name.value)) && (props.required || (parentData == null ? void 0 : parentData.required.value))
+    );
+    const isButtonGroup = computed(() => props.buttonGroup || ((parentData == null ? void 0 : parentData.buttons.value) ?? false));
+    const classesObject = computed(() => ({
+      plain: props.plain || ((parentData == null ? void 0 : parentData.plain.value) ?? false),
+      button: props.button || ((parentData == null ? void 0 : parentData.buttons.value) ?? false),
+      inline: props.inline || ((parentData == null ? void 0 : parentData.inline.value) ?? false),
+      reverse: props.reverse || ((parentData == null ? void 0 : parentData.reverse.value) ?? false),
+      switch: props.switch || ((parentData == null ? void 0 : parentData.switch.value) ?? false),
+      state: props.state === true || props.state === false ? props.state : (parentData == null ? void 0 : parentData.state.value) ?? null,
+      size: props.size ?? (parentData == null ? void 0 : parentData.size.value) ?? "md",
+      // This is where the true default is made
+      buttonVariant: props.buttonVariant ?? (parentData == null ? void 0 : parentData.buttonVariant.value) ?? "secondary",
+      // This is where the true default is made
+      hasDefaultSlot: hasDefaultSlot.value
+    }));
+    const wrapperClasses = getClasses(classesObject);
+    const computedWrapperClasses = computed(() => [wrapperClasses.value, wrapperClass]);
+    const inputClasses = getInputClasses(classesObject);
+    const computedInputClasses = computed(() => [inputClasses.value, props.inputClass]);
+    const labelClasses = getLabelClasses(classesObject);
+    __expose({
+      blur: () => {
+        focused.value = false;
+      },
+      element: input,
+      focus: () => {
+        focused.value = true;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$2, mergeProps({ skip: isButtonGroup.value }, unref(props).wrapperAttrs, { class: computedWrapperClasses.value }), {
+        default: withCtx(() => {
+          var _a, _b, _c;
+          return [
+            withDirectives(createElementVNode("input", mergeProps({
+              id: unref(computedId),
+              ref_key: "input",
+              ref: input,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localValue.value = $event),
+              class: computedInputClasses.value,
+              type: "checkbox",
+              disabled: unref(props).disabled || ((_a = unref(parentData)) == null ? void 0 : _a.disabled.value),
+              required: computedRequired.value || void 0,
+              name: unref(props).name || ((_b = unref(parentData)) == null ? void 0 : _b.name.value),
+              form: unref(props).form || ((_c = unref(parentData)) == null ? void 0 : _c.form.value),
+              "aria-label": unref(props).ariaLabel,
+              "aria-labelledby": unref(props).ariaLabelledby,
+              "aria-required": computedRequired.value || void 0,
+              value: unref(props).value,
+              "true-value": unref(props).value,
+              "false-value": unref(props).uncheckedValue,
+              "^indeterminate": indeterminate.value || void 0
+            }, inputAttrs), null, 16, _hoisted_1$1), [
+              [vModelCheckbox, localValue.value]
+            ]),
+            hasDefaultSlot.value || unref(props).plain === false ? (openBlock(), createElementBlock("label", {
+              key: 0,
+              for: unref(computedId),
+              class: normalizeClass(unref(labelClasses))
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 10, _hoisted_2$1)) : createCommentVNode("", true)
+          ];
+        }),
+        _: 3
+      }, 16, ["skip", "class"]);
+    };
+  }
+});
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BFormCheckboxGroup",
+  props: /* @__PURE__ */ mergeModels({
+    ariaInvalid: { type: [Boolean, String], default: void 0 },
+    autofocus: { type: Boolean, default: false },
+    buttonVariant: { default: "secondary" },
+    buttons: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    disabledField: { default: "disabled" },
+    form: { default: void 0 },
+    htmlField: { default: "html" },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    options: { default: () => [] },
+    plain: { type: Boolean, default: false },
+    required: { type: Boolean, default: false },
+    reverse: { type: Boolean, default: false },
+    size: { default: "md" },
+    stacked: { type: Boolean, default: false },
+    state: { type: [Boolean, null], default: null },
+    switches: { type: Boolean, default: false },
+    textField: { default: "text" },
+    validated: { type: Boolean, default: false },
+    valueField: { default: "value" }
+  }, {
+    "modelValue": {
+      default: () => []
+    },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BFormCheckboxGroup");
+    const modelValue = useModel(__props, "modelValue");
+    const computedId = useId(() => props.id, "checkbox");
+    const computedName = useId(() => props.name, "checkbox");
+    const element = ref(null);
+    const { focused } = useFocus(element, {
+      initialValue: props.autofocus
+    });
+    provide(checkboxGroupKey, {
+      modelValue,
+      switch: toRef(() => props.switches),
+      buttonVariant: toRef(() => props.buttonVariant),
+      form: toRef(() => props.form),
+      name: computedName,
+      state: toRef(() => props.state),
+      plain: toRef(() => props.plain),
+      size: toRef(() => props.size),
+      inline: toRef(() => !props.stacked),
+      reverse: toRef(() => props.reverse),
+      required: toRef(() => props.required),
+      buttons: toRef(() => props.buttons),
+      disabled: toRef(() => props.disabled)
+    });
+    const normalizeOptions = computed(
+      () => props.options.map(
+        (el, ind) => typeof el === "string" || typeof el === "number" ? {
+          props: {
+            value: el,
+            disabled: props.disabled
+          },
+          text: el.toString(),
+          html: void 0,
+          self: Symbol(`checkboxGroupOptionItem${ind}`)
+        } : {
+          props: {
+            value: el[props.valueField],
+            disabled: el[props.disabledField],
+            ...el.props ? el.props : {}
+          },
+          text: el[props.textField],
+          html: el[props.htmlField],
+          self: Symbol(`checkboxGroupOptionItem${ind}`)
+        }
+      )
+    );
+    const classesObject = computed(() => ({
+      required: props.required,
+      ariaInvalid: props.ariaInvalid,
+      state: props.state,
+      validated: props.validated,
+      buttons: props.buttons,
+      stacked: props.stacked,
+      size: props.size
+    }));
+    const computedAttrs = getGroupAttr(classesObject);
+    const computedClasses = getGroupClasses(classesObject);
+    __expose({
+      blur: () => {
+        focused.value = false;
+      },
+      focus: () => {
+        focused.value = true;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps(unref(computedAttrs), {
+        id: unref(computedId),
+        ref_key: "element",
+        ref: element,
+        role: "group",
+        class: [unref(computedClasses), "bv-no-focus-ring"],
+        tabindex: "-1"
+      }), [
+        renderSlot(_ctx.$slots, "first"),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(normalizeOptions.value, (item) => {
+          return openBlock(), createBlock(_sfc_main$1, mergeProps({
+            key: item.self,
+            ref_for: true
+          }, item.props), {
+            default: withCtx(() => [
+              !!item.html ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                innerHTML: item.html
+              }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode(toDisplayString(item.text), 1)
+              ], 64))
+            ]),
+            _: 2
+          }, 1040);
+        }), 128)),
+        renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main$1 as _,
+  _sfc_main as a
+};
+//# sourceMappingURL=BFormCheckboxGroup.vue_vue_type_script_setup_true_lang-CuIvx67W.mjs.map

package/dist/BFormCheckboxGroup.vue_vue_type_script_setup_true_lang-CuIvx67W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormCheckboxGroup.vue_vue_type_script_setup_true_lang-CuIvx67W.mjs","sources":["../src/components/BFormCheckbox/BFormCheckbox.vue","../src/components/BFormCheckbox/BFormCheckboxGroup.vue"],"sourcesContent":["<template>\n  <RenderComponentOrSkip\n    :skip=\"isButtonGroup\"\n    v-bind=\"props.wrapperAttrs\"\n    :class=\"computedWrapperClasses\"\n  >\n    <input\n      :id=\"computedId\"\n      ref=\"input\"\n      v-model=\"localValue\"\n      :class=\"computedInputClasses\"\n      type=\"checkbox\"\n      :disabled=\"props.disabled || parentData?.disabled.value\"\n      :required=\"computedRequired || undefined\"\n      :name=\"props.name || parentData?.name.value\"\n      :form=\"props.form || parentData?.form.value\"\n      :aria-label=\"props.ariaLabel\"\n      :aria-labelledby=\"props.ariaLabelledby\"\n      :aria-required=\"computedRequired || undefined\"\n      :value=\"props.value\"\n      :true-value=\"props.value\"\n      :false-value=\"props.uncheckedValue\"\n      :indeterminate.attr=\"indeterminate || undefined\"\n      v-bind=\"inputAttrs\"\n    />\n    <label v-if=\"hasDefaultSlot || props.plain === false\" :for=\"computedId\" :class=\"labelClasses\">\n      <slot />\n    </label>\n  </RenderComponentOrSkip>\n</template>\n\n<script setup lang=\"ts\">\nimport {useFocus} from '@vueuse/core'\nimport {computed, inject, ref, useAttrs} from 'vue'\nimport {getClasses, getInputClasses, getLabelClasses} from '../../composables/useFormCheck'\nimport type {BFormCheckboxProps} from '../../types/ComponentProps'\nimport {checkboxGroupKey} from '../../utils/keys'\nimport RenderComponentOrSkip from '../RenderComponentOrSkip.vue'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {CheckboxValue} from '../../types/CheckboxTypes'\nimport {useId} from '../../composables/useId'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst {class: wrapperClass, ...inputAttrs} = useAttrs()\n\nconst _props = withDefaults(\n  defineProps<Omit<BFormCheckboxProps, 'modelValue' | 'indeterminate'>>(),\n  {\n    wrapperAttrs: undefined,\n    inputClass: undefined,\n    ariaLabel: undefined,\n    ariaLabelledby: undefined,\n    autofocus: false,\n    button: false,\n    buttonGroup: false,\n    buttonVariant: null,\n    disabled: false,\n    form: undefined,\n    id: undefined,\n    inline: false,\n    name: undefined,\n    plain: false,\n    required: undefined,\n    reverse: false,\n    size: undefined,\n    state: null,\n    switch: false,\n    uncheckedValue: false,\n    value: true,\n  }\n)\nconst props = useDefaults(_props, 'BFormCheckbox')\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst modelValue = defineModel<BFormCheckboxProps['modelValue']>({\n  default: undefined,\n})\nconst indeterminate = defineModel<Exclude<BFormCheckboxProps['indeterminate'], undefined>>(\n  'indeterminate',\n  {\n    default: false,\n  }\n)\n\nconst computedId = useId(() => props.id, 'form-check')\n\nconst parentData = inject(checkboxGroupKey, null)\n\nconst input = ref<HTMLElement | null>(null)\n\nconst {focused} = useFocus(input, {\n  initialValue: props.autofocus,\n})\n\nconst hasDefaultSlot = computed(() => !isEmptySlot(slots.default))\n\nconst localValue = computed({\n  get: () => (parentData ? parentData.modelValue.value : modelValue.value),\n  set: (newVal) => {\n    if (newVal === undefined) return\n    // Indeterminate is implicitly cleared when the checked state is changed to any value\n    //  by the user.  We reflect that here by setting our indetermiate model to false\n    //  which will emit the indeterminate event to the parent\n    indeterminate.value = false\n    if (parentData !== null && Array.isArray(newVal)) {\n      // The type cast isn't perfect. Array.isArray detects CheckboxValue.unknown[],\n      // but since it's parentData, it should always be CheckboxValue[]\n      // It doesn't quite work when props.value is an [], but this is more of a Vue issue\n      parentData.modelValue.value = newVal as CheckboxValue[]\n      return\n    }\n    modelValue.value = newVal as CheckboxValue\n  },\n})\n\nconst computedRequired = computed(\n  () => !!(props.name ?? parentData?.name.value) && (props.required || parentData?.required.value)\n)\n\nconst isButtonGroup = computed(() => props.buttonGroup || (parentData?.buttons.value ?? false))\n\nconst classesObject = computed(() => ({\n  plain: props.plain || (parentData?.plain.value ?? false),\n  button: props.button || (parentData?.buttons.value ?? false),\n  inline: props.inline || (parentData?.inline.value ?? false),\n  reverse: props.reverse || (parentData?.reverse.value ?? false),\n  switch: props.switch || (parentData?.switch.value ?? false),\n  state:\n    props.state === true || props.state === false ? props.state : (parentData?.state.value ?? null),\n  size: props.size ?? parentData?.size.value ?? 'md', // This is where the true default is made\n  buttonVariant: props.buttonVariant ?? parentData?.buttonVariant.value ?? 'secondary', // This is where the true default is made\n  hasDefaultSlot: hasDefaultSlot.value,\n}))\nconst wrapperClasses = getClasses(classesObject)\nconst computedWrapperClasses = computed(() => [wrapperClasses.value, wrapperClass])\nconst inputClasses = getInputClasses(classesObject)\nconst computedInputClasses = computed(() => [inputClasses.value, props.inputClass])\nconst labelClasses = getLabelClasses(classesObject)\n\ndefineExpose({\n  blur: () => {\n    focused.value = false\n  },\n  element: input,\n  focus: () => {\n    focused.value = true\n  },\n})\n</script>\n","<template>\n  <div\n    v-bind=\"computedAttrs\"\n    :id=\"computedId\"\n    ref=\"element\"\n    role=\"group\"\n    :class=\"computedClasses\"\n    class=\"bv-no-focus-ring\"\n    tabindex=\"-1\"\n  >\n    <slot name=\"first\" />\n    <BFormCheckbox v-for=\"item in normalizeOptions\" :key=\"item.self\" v-bind=\"item.props\">\n      <!-- eslint-disable-next-line vue/no-v-html -->\n      <span v-if=\"!!item.html\" v-html=\"item.html\" />\n      <template v-else>\n        {{ item.text }}\n      </template>\n    </BFormCheckbox>\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, ref, toRef} from 'vue'\nimport BFormCheckbox from './BFormCheckbox.vue'\nimport {checkboxGroupKey} from '../../utils/keys'\nimport {useFocus} from '@vueuse/core'\nimport type {BFormCheckboxGroupProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {getGroupAttr, getGroupClasses} from '../../composables/useFormCheck'\n\nconst _props = withDefaults(defineProps<Omit<BFormCheckboxGroupProps, 'modelValue'>>(), {\n  ariaInvalid: undefined,\n  autofocus: false,\n  buttonVariant: 'secondary',\n  buttons: false,\n  disabled: false,\n  disabledField: 'disabled',\n  form: undefined,\n  htmlField: 'html',\n  id: undefined,\n  name: undefined,\n  options: () => [],\n  plain: false,\n  required: false,\n  reverse: false,\n  size: 'md',\n  stacked: false,\n  state: null,\n  switches: false,\n  textField: 'text',\n  validated: false,\n  valueField: 'value',\n})\nconst props = useDefaults(_props, 'BFormCheckboxGroup')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  first?: (props: Record<string, never>) => any\n}>()\n\nconst modelValue = defineModel<Exclude<BFormCheckboxGroupProps['modelValue'], undefined>>({\n  default: () => [],\n})\n\nconst computedId = useId(() => props.id, 'checkbox')\nconst computedName = useId(() => props.name, 'checkbox')\n\nconst element = ref<HTMLElement | null>(null)\n\nconst {focused} = useFocus(element, {\n  initialValue: props.autofocus,\n})\n\nprovide(checkboxGroupKey, {\n  modelValue,\n  switch: toRef(() => props.switches),\n  buttonVariant: toRef(() => props.buttonVariant),\n  form: toRef(() => props.form),\n  name: computedName,\n  state: toRef(() => props.state),\n  plain: toRef(() => props.plain),\n  size: toRef(() => props.size),\n  inline: toRef(() => !props.stacked),\n  reverse: toRef(() => props.reverse),\n  required: toRef(() => props.required),\n  buttons: toRef(() => props.buttons),\n  disabled: toRef(() => props.disabled),\n})\n\nconst normalizeOptions = computed(() =>\n  props.options.map((el, ind) =>\n    typeof el === 'string' || typeof el === 'number'\n      ? {\n          props: {\n            value: el,\n            disabled: props.disabled,\n          },\n          text: el.toString(),\n          html: undefined,\n          self: Symbol(`checkboxGroupOptionItem${ind}`),\n        }\n      : {\n          props: {\n            value: el[props.valueField] as string | number | undefined,\n            disabled: el[props.disabledField] as boolean | undefined,\n            ...(el.props ? el.props : {}),\n          },\n          text: el[props.textField] as string | undefined,\n          html: el[props.htmlField] as string | undefined,\n          self: Symbol(`checkboxGroupOptionItem${ind}`),\n        }\n  )\n)\n\nconst classesObject = computed(() => ({\n  required: props.required,\n  ariaInvalid: props.ariaInvalid,\n  state: props.state,\n  validated: props.validated,\n  buttons: props.buttons,\n  stacked: props.stacked,\n  size: props.size,\n}))\nconst computedAttrs = getGroupAttr(classesObject)\nconst computedClasses = getGroupClasses(classesObject)\n\ndefineExpose({\n  blur: () => {\n    focused.value = false\n  },\n  focus: () => {\n    focused.value = true\n  },\n})\n</script>\n"],"names":["_useSlots","_useModel"],"mappings":"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"}

package/dist/BFormFile.vue_vue_type_script_setup_true_lang-C-XNXzam.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),l=require("./index-CnY1um_J.js"),a=require("./useDefaults-Cd8OVIUI.js"),t=require("./useId-z7cQCT28.js"),u=require("./useStateClass-BePLKIel.js"),r=require("./dom-C-F8jHop.js"),o=["for"],i=["id","form","name","multiple","disabled","capture","accept","required","aria-label","aria-labelledby","aria-required","directory","webkitdirectory"],n=e.defineComponent({inheritAttrs:!1,__name:"BFormFile",props:e.mergeModels({ariaLabel:{default:void 0},ariaLabelledby:{default:void 0},accept:{default:""},autofocus:{type:Boolean,default:!1},capture:{type:[Boolean,String],default:!1},directory:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},form:{default:void 0},id:{default:void 0},label:{default:""},labelClass:{default:void 0},multiple:{type:Boolean,default:!1},name:{default:void 0},noButton:{type:Boolean,default:!1},noDrop:{type:Boolean,default:!1},noTraverse:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},required:{type:Boolean,default:!1},size:{default:void 0},state:{type:[Boolean,null],default:null}},{modelValue:{default:null},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:d}){const s=e.useSlots(),f=n,p=a.useDefaults(f,"BFormFile"),c=e.useModel(n,"modelValue"),m=t.useId((()=>p.id)),v=u.useStateClass((()=>p.state)),b=e.ref(null),{focused:y}=l.useFocus(b,{initialValue:p.autofocus}),B=e.computed((()=>!r.isEmptySlot(s.label))),q=e.computed((()=>"string"==typeof p.accept?p.accept:p.accept.join(","))),k=e.computed((()=>[v.value,{[`form-control-${p.size}`]:void 0!==p.size,"form-control":!p.plain,"form-control-input-file-hide-button":p.noButton}])),C=()=>{var e,l;const a=null===(null==(e=b.value)?void 0:e.files)||void 0===(null==(l=b.value)?void 0:l.files)?null:[...b.value.files];c.value=null===a?null:!0===p.multiple?a:a[0]},g=e=>{!0===p.noDrop&&e.preventDefault()};return e.watch(c,(e=>{null===e&&null!==b.value&&(b.value.value="")})),d({blur:()=>{y.value=!1},element:b,focus:()=>{y.value=!0},reset:()=>{c.value=null}}),(l,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[B.value||e.unref(p).label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(["form-label",e.unref(p).labelClass]),for:e.unref(m)},[e.renderSlot(l.$slots,"label",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(p).label),1)]))],10,o)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(m)},l.$attrs,{ref_key:"input",ref:b,type:"file",class:k.value,form:e.unref(p).form,name:e.unref(p).name,multiple:e.unref(p).multiple,disabled:e.unref(p).disabled,capture:e.unref(p).capture,accept:q.value||void 0,required:e.unref(p).required||void 0,"aria-label":e.unref(p).ariaLabel,"aria-labelledby":e.unref(p).ariaLabelledby,"aria-required":e.unref(p).required||void 0,directory:e.unref(p).directory,webkitdirectory:e.unref(p).directory,onChange:C,onDrop:g}),null,16,i)],64))}});exports._sfc_main=n;
+//# sourceMappingURL=BFormFile.vue_vue_type_script_setup_true_lang-C-XNXzam.js.map

package/dist/BFormFile.vue_vue_type_script_setup_true_lang-C-XNXzam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormFile.vue_vue_type_script_setup_true_lang-C-XNXzam.js","sources":["../src/components/BFormFile/BFormFile.vue"],"sourcesContent":["<template>\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  <input\n    :id=\"computedId\"\n    v-bind=\"$attrs\"\n    ref=\"input\"\n    type=\"file\"\n    :class=\"computedClasses\"\n    :form=\"props.form\"\n    :name=\"props.name\"\n    :multiple=\"props.multiple\"\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\"\n    :webkitdirectory=\"props.directory\"\n    @change=\"onChange\"\n    @drop=\"onDrop\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport {useFocus} from '@vueuse/core'\nimport {computed, ref, watch} from 'vue'\nimport type {BFormFileProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {isEmptySlot} from '../../utils/dom'\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  label?: (props: Record<string, never>) => any\n}>()\n\nconst _props = withDefaults(defineProps<Omit<BFormFileProps, 'modelValue'>>(), {\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  accept: '',\n  autofocus: false,\n  // eslint-disable-next-line vue/require-valid-default-prop\n  capture: false,\n  directory: false,\n  disabled: false,\n  form: undefined,\n  id: undefined,\n  label: '',\n  labelClass: undefined,\n  multiple: false,\n  name: undefined,\n  noButton: false,\n  noDrop: false,\n  noTraverse: false,\n  plain: false,\n  required: false,\n  size: undefined,\n  state: null,\n})\nconst props = useDefaults(_props, 'BFormFile')\n\nconst modelValue = defineModel<Exclude<BFormFileProps['modelValue'], undefined>>({\n  default: null,\n})\n\nconst computedId = useId(() => props.id)\n\n// TODO noTraverse is not implemented yet\n\nconst stateClass = useStateClass(() => props.state)\n\nconst input = ref<HTMLInputElement | null>(null)\n\nconst {focused} = useFocus(input, {initialValue: props.autofocus})\n\nconst hasLabelSlot = computed(() => !isEmptySlot(slots['label']))\n\nconst computedAccept = computed(() =>\n  typeof props.accept === 'string' ? props.accept : props.accept.join(',')\n)\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  {\n    [`form-control-${props.size}`]: props.size !== undefined,\n    'form-control': !props.plain,\n    'form-control-input-file-hide-button': props.noButton,\n  },\n])\n\nconst onChange = () => {\n  const value =\n    input.value?.files === null || input.value?.files === undefined ? null : [...input.value.files]\n  modelValue.value = value === null ? null : props.multiple === true ? value : value[0]\n}\n\nconst onDrop = (e: Readonly<Event>) => {\n  if (props.noDrop === true) {\n    e.preventDefault()\n  }\n}\n\n/**\n * Reset the form input\n */\nconst reset = () => {\n  modelValue.value = null\n}\n\nwatch(modelValue, (newValue) => {\n  if (newValue === null && input.value !== null) {\n    input.value.value = ''\n  }\n})\n\ndefineExpose({\n  blur: () => {\n    focused.value = false\n  },\n  element: input,\n  focus: () => {\n    focused.value = true\n  },\n  reset,\n})\n</script>\n"],"names":["slots","_useSlots","_props","__props","props","useDefaults","modelValue","_useModel","computedId","useId","id","stateClass","useStateClass","state","input","ref","focused","useFocus","initialValue","autofocus","hasLabelSlot","computed","isEmptySlot","computedAccept","accept","join","computedClasses","value","size","plain","noButton","onChange","_a","files","_b","multiple","onDrop","e","noDrop","preventDefault","newValue","__expose","blur","element","focus","reset"],"mappings":"soCA+CM,MAAAA,EAAQC,EAAAA,WAKRC,EAASC,EAuBTC,EAAQC,EAAAA,YAAYH,EAAQ,aAE5BI,EAAaC,EAAAA,yBAIbC,EAAaC,EAAAA,OAAM,IAAML,EAAMM,KAI/BC,EAAaC,EAAAA,eAAc,IAAMR,EAAMS,QAEvCC,EAAQC,MAA6B,OAErCC,QAACA,GAAWC,WAASH,EAAO,CAACI,aAAcd,EAAMe,YAEjDC,EAAeC,EAAAA,UAAS,KAAOC,cAAYtB,EAAa,SAExDuB,EAAiBF,EAAAA,UAAS,IACN,iBAAjBjB,EAAMoB,OAAsBpB,EAAMoB,OAASpB,EAAMoB,OAAOC,KAAK,OAGhEC,EAAkBL,EAAAA,UAAS,IAAM,CACrCV,EAAWgB,MACX,CACE,CAAC,gBAAgBvB,EAAMwB,aAAwB,IAAfxB,EAAMwB,KACtC,gBAAiBxB,EAAMyB,MACvB,sCAAuCzB,EAAM0B,aAI3CC,EAAW,aACf,MAAMJ,EACmB,QAAvB,OAAAK,EAAMlB,EAAAa,YAAO,EAAAK,EAAAC,aAAyC,KAAvB,OAAAC,EAAMpB,EAAAa,YAAO,EAAAO,EAAAD,OAAsB,KAAO,IAAInB,EAAMa,MAAMM,OAChF3B,EAAAqB,MAAkB,OAAVA,EAAiB,MAA0B,IAAnBvB,EAAM+B,SAAoBR,EAAQA,EAAM,EAAC,EAGhFS,EAAUC,KACO,IAAjBjC,EAAMkC,QACRD,EAAEE,gBACJ,iBAUIjC,GAAakC,IACA,OAAbA,GAAqC,OAAhB1B,EAAMa,QAC7Bb,EAAMa,MAAMA,MAAQ,GACtB,IAGWc,EAAA,CACXC,KAAM,KACJ1B,EAAQW,OAAQ,CAAA,EAElBgB,QAAS7B,EACT8B,MAAO,KACL5B,EAAQW,OAAQ,CAAA,EAElBkB,MAlBY,KACZvC,EAAWqB,MAAQ,IAAA"}

package/dist/BFormFile.vue_vue_type_script_setup_true_lang-vYYrIhR7.mjs

@@ -0,0 +1,129 @@
+import { defineComponent, mergeModels, useSlots, useModel, ref, computed, watch, openBlock, createElementBlock, Fragment, unref, normalizeClass, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, mergeProps } from "vue";
+import { e as useFocus } from "./index-DngH9Pjm.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { u as useId } from "./useId-BrAgQfKM.mjs";
+import { u as useStateClass } from "./useStateClass-BGbSLWFN.mjs";
+import { i as isEmptySlot } from "./dom-B-SQyhbA.mjs";
+const _hoisted_1 = ["for"];
+const _hoisted_2 = ["id", "form", "name", "multiple", "disabled", "capture", "accept", "required", "aria-label", "aria-labelledby", "aria-required", "directory", "webkitdirectory"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "BFormFile",
+  props: /* @__PURE__ */ mergeModels({
+    ariaLabel: { default: void 0 },
+    ariaLabelledby: { default: void 0 },
+    accept: { default: "" },
+    autofocus: { type: Boolean, default: false },
+    capture: { type: [Boolean, String], default: false },
+    directory: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    form: { default: void 0 },
+    id: { default: void 0 },
+    label: { default: "" },
+    labelClass: { default: void 0 },
+    multiple: { type: Boolean, default: false },
+    name: { default: void 0 },
+    noButton: { type: Boolean, default: false },
+    noDrop: { type: Boolean, default: false },
+    noTraverse: { type: Boolean, default: false },
+    plain: { type: Boolean, default: false },
+    required: { type: Boolean, default: false },
+    size: { default: void 0 },
+    state: { type: [Boolean, null], default: null }
+  }, {
+    "modelValue": {
+      default: null
+    },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const slots = useSlots();
+    const _props = __props;
+    const props = useDefaults(_props, "BFormFile");
+    const modelValue = useModel(__props, "modelValue");
+    const computedId = useId(() => props.id);
+    const stateClass = useStateClass(() => props.state);
+    const input = ref(null);
+    const { focused } = useFocus(input, { initialValue: props.autofocus });
+    const hasLabelSlot = computed(() => !isEmptySlot(slots["label"]));
+    const computedAccept = computed(
+      () => typeof props.accept === "string" ? props.accept : props.accept.join(",")
+    );
+    const computedClasses = computed(() => [
+      stateClass.value,
+      {
+        [`form-control-${props.size}`]: props.size !== void 0,
+        "form-control": !props.plain,
+        "form-control-input-file-hide-button": props.noButton
+      }
+    ]);
+    const onChange = () => {
+      var _a, _b;
+      const value = ((_a = input.value) == null ? void 0 : _a.files) === null || ((_b = input.value) == null ? void 0 : _b.files) === void 0 ? null : [...input.value.files];
+      modelValue.value = value === null ? null : props.multiple === true ? value : value[0];
+    };
+    const onDrop = (e) => {
+      if (props.noDrop === true) {
+        e.preventDefault();
+      }
+    };
+    const reset = () => {
+      modelValue.value = null;
+    };
+    watch(modelValue, (newValue) => {
+      if (newValue === null && input.value !== null) {
+        input.value.value = "";
+      }
+    });
+    __expose({
+      blur: () => {
+        focused.value = false;
+      },
+      element: input,
+      focus: () => {
+        focused.value = true;
+      },
+      reset
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        hasLabelSlot.value || unref(props).label ? (openBlock(), createElementBlock("label", {
+          key: 0,
+          class: normalizeClass(["form-label", unref(props).labelClass]),
+          for: unref(computedId)
+        }, [
+          renderSlot(_ctx.$slots, "label", {}, () => [
+            createTextVNode(toDisplayString(unref(props).label), 1)
+          ])
+        ], 10, _hoisted_1)) : createCommentVNode("", true),
+        createElementVNode("input", mergeProps({ id: unref(computedId) }, _ctx.$attrs, {
+          ref_key: "input",
+          ref: input,
+          type: "file",
+          class: computedClasses.value,
+          form: unref(props).form,
+          name: unref(props).name,
+          multiple: unref(props).multiple,
+          disabled: unref(props).disabled,
+          capture: unref(props).capture,
+          accept: computedAccept.value || void 0,
+          required: unref(props).required || void 0,
+          "aria-label": unref(props).ariaLabel,
+          "aria-labelledby": unref(props).ariaLabelledby,
+          "aria-required": unref(props).required || void 0,
+          directory: unref(props).directory,
+          webkitdirectory: unref(props).directory,
+          onChange,
+          onDrop
+        }), null, 16, _hoisted_2)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=BFormFile.vue_vue_type_script_setup_true_lang-vYYrIhR7.mjs.map

package/dist/BFormFile.vue_vue_type_script_setup_true_lang-vYYrIhR7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormFile.vue_vue_type_script_setup_true_lang-vYYrIhR7.mjs","sources":["../src/components/BFormFile/BFormFile.vue"],"sourcesContent":["<template>\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  <input\n    :id=\"computedId\"\n    v-bind=\"$attrs\"\n    ref=\"input\"\n    type=\"file\"\n    :class=\"computedClasses\"\n    :form=\"props.form\"\n    :name=\"props.name\"\n    :multiple=\"props.multiple\"\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\"\n    :webkitdirectory=\"props.directory\"\n    @change=\"onChange\"\n    @drop=\"onDrop\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport {useFocus} from '@vueuse/core'\nimport {computed, ref, watch} from 'vue'\nimport type {BFormFileProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {isEmptySlot} from '../../utils/dom'\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  label?: (props: Record<string, never>) => any\n}>()\n\nconst _props = withDefaults(defineProps<Omit<BFormFileProps, 'modelValue'>>(), {\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  accept: '',\n  autofocus: false,\n  // eslint-disable-next-line vue/require-valid-default-prop\n  capture: false,\n  directory: false,\n  disabled: false,\n  form: undefined,\n  id: undefined,\n  label: '',\n  labelClass: undefined,\n  multiple: false,\n  name: undefined,\n  noButton: false,\n  noDrop: false,\n  noTraverse: false,\n  plain: false,\n  required: false,\n  size: undefined,\n  state: null,\n})\nconst props = useDefaults(_props, 'BFormFile')\n\nconst modelValue = defineModel<Exclude<BFormFileProps['modelValue'], undefined>>({\n  default: null,\n})\n\nconst computedId = useId(() => props.id)\n\n// TODO noTraverse is not implemented yet\n\nconst stateClass = useStateClass(() => props.state)\n\nconst input = ref<HTMLInputElement | null>(null)\n\nconst {focused} = useFocus(input, {initialValue: props.autofocus})\n\nconst hasLabelSlot = computed(() => !isEmptySlot(slots['label']))\n\nconst computedAccept = computed(() =>\n  typeof props.accept === 'string' ? props.accept : props.accept.join(',')\n)\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  {\n    [`form-control-${props.size}`]: props.size !== undefined,\n    'form-control': !props.plain,\n    'form-control-input-file-hide-button': props.noButton,\n  },\n])\n\nconst onChange = () => {\n  const value =\n    input.value?.files === null || input.value?.files === undefined ? null : [...input.value.files]\n  modelValue.value = value === null ? null : props.multiple === true ? value : value[0]\n}\n\nconst onDrop = (e: Readonly<Event>) => {\n  if (props.noDrop === true) {\n    e.preventDefault()\n  }\n}\n\n/**\n * Reset the form input\n */\nconst reset = () => {\n  modelValue.value = null\n}\n\nwatch(modelValue, (newValue) => {\n  if (newValue === null && input.value !== null) {\n    input.value.value = ''\n  }\n})\n\ndefineExpose({\n  blur: () => {\n    focused.value = false\n  },\n  element: input,\n  focus: () => {\n    focused.value = true\n  },\n  reset,\n})\n</script>\n"],"names":["_useSlots","_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,QAAQA;AAKd,UAAM,SAAS;AAuBT,UAAA,QAAQ,YAAY,QAAQ,WAAW;AAEvC,UAAA,aAAaC,8BAElB;AAED,UAAM,aAAa,MAAM,MAAM,MAAM,EAAE;AAIvC,UAAM,aAAa,cAAc,MAAM,MAAM,KAAK;AAE5C,UAAA,QAAQ,IAA6B,IAAI;AAEzC,UAAA,EAAC,QAAW,IAAA,SAAS,OAAO,EAAC,cAAc,MAAM,UAAA,CAAU;AAE3D,UAAA,eAAe,SAAS,MAAM,CAAC,YAAY,MAAM,OAAO,CAAC,CAAC;AAEhE,UAAM,iBAAiB;AAAA,MAAS,MAC9B,OAAO,MAAM,WAAW,WAAW,MAAM,SAAS,MAAM,OAAO,KAAK,GAAG;AAAA,IAAA;AAGnE,UAAA,kBAAkB,SAAS,MAAM;AAAA,MACrC,WAAW;AAAA,MACX;AAAA,QACE,CAAC,gBAAgB,MAAM,IAAI,EAAE,GAAG,MAAM,SAAS;AAAA,QAC/C,gBAAgB,CAAC,MAAM;AAAA,QACvB,uCAAuC,MAAM;AAAA,MAC/C;AAAA,IAAA,CACD;AAED,UAAM,WAAW,MAAM;;AACrB,YAAM,UACJ,WAAM,UAAN,mBAAa,WAAU,UAAQ,WAAM,UAAN,mBAAa,WAAU,SAAY,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK;AACrF,iBAAA,QAAQ,UAAU,OAAO,OAAO,MAAM,aAAa,OAAO,QAAQ,MAAM,CAAC;AAAA,IAAA;AAGhF,UAAA,SAAS,CAAC,MAAuB;AACjC,UAAA,MAAM,WAAW,MAAM;AACzB,UAAE,eAAe;AAAA,MACnB;AAAA,IAAA;AAMF,UAAM,QAAQ,MAAM;AAClB,iBAAW,QAAQ;AAAA,IAAA;AAGf,UAAA,YAAY,CAAC,aAAa;AAC9B,UAAI,aAAa,QAAQ,MAAM,UAAU,MAAM;AAC7C,cAAM,MAAM,QAAQ;AAAA,MACtB;AAAA,IAAA,CACD;AAEY,aAAA;AAAA,MACX,MAAM,MAAM;AACV,gBAAQ,QAAQ;AAAA,MAClB;AAAA,MACA,SAAS;AAAA,MACT,OAAO,MAAM;AACX,gBAAQ,QAAQ;AAAA,MAClB;AAAA,MACA;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/BFormFloatingLabel.vue_vue_type_script_setup_true_lang-2jJXsB8X.mjs

@@ -0,0 +1,85 @@
+import { defineComponent, computed, openBlock, createElementBlock, unref, renderSlot, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createElementVNode } from "vue";
+import { u as useFormSelect, _ as _sfc_main$2 } from "./useFormSelect-C5Ssz8Hc.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { u as useId } from "./useId-BrAgQfKM.mjs";
+const _hoisted_1$1 = ["id"];
+const _hoisted_2$1 = ["innerHTML"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "BFormDatalist",
+  props: {
+    disabledField: { default: "disabled" },
+    htmlField: { default: "html" },
+    id: { default: void 0 },
+    options: { default: () => [] },
+    textField: { default: "text" },
+    valueField: { default: "value" }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BFormDatalist");
+    const computedId = useId(() => props.id, "datalist");
+    const { normalizedOptions, isComplex } = useFormSelect(
+      () => props.options,
+      computed(() => ({ ...props, optionsField: "options", labelField: "label" }))
+    );
+    const normalizedOptsWrapper = computed(
+      () => (
+        // Datalist doesn't support complex options
+        normalizedOptions.value.filter((opt) => !isComplex(opt))
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("datalist", { id: unref(computedId) }, [
+        renderSlot(_ctx.$slots, "first"),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptsWrapper.value, (option, index) => {
+          return openBlock(), createBlock(_sfc_main$2, {
+            key: index,
+            value: option.value,
+            disabled: option.disabled
+          }, {
+            default: withCtx(() => [
+              !!option.html ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                innerHTML: option.html
+              }, null, 8, _hoisted_2$1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode(toDisplayString(option.text), 1)
+              ], 64))
+            ]),
+            _: 2
+          }, 1032, ["value", "disabled"]);
+        }), 128)),
+        renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_1$1);
+    };
+  }
+});
+const _hoisted_1 = { class: "form-floating" };
+const _hoisted_2 = ["for"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BFormFloatingLabel",
+  props: {
+    label: { default: void 0 },
+    labelFor: { default: void 0 }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BFormFloatingLabel");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default"),
+        createElementVNode("label", {
+          for: unref(props).labelFor
+        }, [
+          renderSlot(_ctx.$slots, "label", {}, () => [
+            createTextVNode(toDisplayString(unref(props).label), 1)
+          ])
+        ], 8, _hoisted_2)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main$1 as _,
+  _sfc_main as a
+};
+//# sourceMappingURL=BFormFloatingLabel.vue_vue_type_script_setup_true_lang-2jJXsB8X.mjs.map

package/dist/BFormFloatingLabel.vue_vue_type_script_setup_true_lang-2jJXsB8X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormFloatingLabel.vue_vue_type_script_setup_true_lang-2jJXsB8X.mjs","sources":["../src/components/BForm/BFormDatalist.vue","../src/components/BForm/BFormFloatingLabel.vue"],"sourcesContent":["<template>\n  <datalist :id=\"computedId\">\n    <slot name=\"first\" />\n    <template v-for=\"(option, index) in normalizedOptsWrapper\" :key=\"index\">\n      <BFormSelectOption :value=\"option.value\" :disabled=\"option.disabled\">\n        <!-- eslint-disable-next-line vue/no-v-html -->\n        <span v-if=\"!!option.html\" v-html=\"option.html\" />\n        <template v-else>\n          {{ option.text }}\n        </template>\n      </BFormSelectOption>\n    </template>\n    <slot />\n  </datalist>\n</template>\n\n<script setup lang=\"ts\" generic=\"T\">\nimport type {BFormDatalistProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\nimport BFormSelectOption from '../BFormSelect/BFormSelectOption.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useFormSelect} from '../../composables/useFormSelect'\nimport type {SelectOption} from '../../types/SelectTypes'\n\nconst _props = withDefaults(defineProps<BFormDatalistProps>(), {\n  disabled: false,\n  disabledField: 'disabled',\n  htmlField: 'html',\n  id: undefined,\n  // eslint-disable-next-line vue/require-valid-default-prop\n  options: () => [],\n  textField: 'text',\n  valueField: 'value',\n})\nconst props = useDefaults(_props, 'BFormDatalist')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  first?: (props: Record<string, never>) => any\n}>()\n\nconst computedId = useId(() => props.id, 'datalist')\n\nconst {normalizedOptions, isComplex} = useFormSelect(\n  () => props.options,\n  computed(() => ({...props, optionsField: 'options', labelField: 'label'}))\n)\n\nconst normalizedOptsWrapper = computed(\n  () =>\n    // Datalist doesn't support complex options\n    normalizedOptions.value.filter((opt) => !isComplex(opt)) as readonly SelectOption<T>[]\n)\n</script>\n","<template>\n  <div class=\"form-floating\">\n    <slot />\n    <label :for=\"props.labelFor\">\n      <slot name=\"label\">\n        {{ props.label }}\n      </slot>\n    </label>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormFloatingLabelProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BFormFloatingLabelProps>(), {\n  label: undefined,\n  labelFor: undefined,\n  text: undefined,\n})\nconst props = useDefaults(_props, 'BFormFloatingLabel')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  label?: (props: Record<string, never>) => any\n}>()\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAyBA,UAAM,SAAS;AAUT,UAAA,QAAQ,YAAY,QAAQ,eAAe;AASjD,UAAM,aAAa,MAAM,MAAM,MAAM,IAAI,UAAU;AAE7C,UAAA,EAAC,mBAAmB,UAAA,IAAa;AAAA,MACrC,MAAM,MAAM;AAAA,MACZ,SAAS,OAAO,EAAC,GAAG,OAAO,cAAc,WAAW,YAAY,QAAA,EAAS;AAAA,IAAA;AAG3E,UAAM,wBAAwB;AAAA,MAC5B;AAAA;AAAA,QAEE,kBAAkB,MAAM,OAAO,CAAC,QAAQ,CAAC,UAAU,GAAG,CAAC;AAAA;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvC3D,UAAM,SAAS;AAKT,UAAA,QAAQ,YAAY,QAAQ,oBAAoB;;;;;;;;;;;;;;;"}

package/dist/BFormFloatingLabel.vue_vue_type_script_setup_true_lang-CGq1Y8YR.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),l=require("./useFormSelect-CPz2u6a6.js"),t=require("./useDefaults-Cd8OVIUI.js"),o=require("./useId-z7cQCT28.js"),a=["id"],r=["innerHTML"],s=e.defineComponent({__name:"BFormDatalist",props:{disabledField:{default:"disabled"},htmlField:{default:"html"},id:{default:void 0},options:{default:()=>[]},textField:{default:"text"},valueField:{default:"value"}},setup(s){const n=s,i=t.useDefaults(n,"BFormDatalist"),d=o.useId((()=>i.id),"datalist"),{normalizedOptions:u,isComplex:c}=l.useFormSelect((()=>i.options),e.computed((()=>({...i,optionsField:"options",labelField:"label"})))),m=e.computed((()=>u.value.filter((e=>!c(e)))));return(t,o)=>(e.openBlock(),e.createElementBlock("datalist",{id:e.unref(d)},[e.renderSlot(t.$slots,"first"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,((t,o)=>(e.openBlock(),e.createBlock(l._sfc_main,{key:o,value:t.value,disabled:t.disabled},{default:e.withCtx((()=>[t.html?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:t.html},null,8,r)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.text),1)],64))])),_:2},1032,["value","disabled"])))),128)),e.renderSlot(t.$slots,"default")],8,a))}}),n={class:"form-floating"},i=["for"],d=e.defineComponent({__name:"BFormFloatingLabel",props:{label:{default:void 0},labelFor:{default:void 0}},setup(l){const o=l,a=t.useDefaults(o,"BFormFloatingLabel");return(l,t)=>(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(l.$slots,"default"),e.createElementVNode("label",{for:e.unref(a).labelFor},[e.renderSlot(l.$slots,"label",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(a).label),1)]))],8,i)]))}});exports._sfc_main=s,exports._sfc_main$1=d;
+//# sourceMappingURL=BFormFloatingLabel.vue_vue_type_script_setup_true_lang-CGq1Y8YR.js.map

package/dist/BFormFloatingLabel.vue_vue_type_script_setup_true_lang-CGq1Y8YR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormFloatingLabel.vue_vue_type_script_setup_true_lang-CGq1Y8YR.js","sources":["../src/components/BForm/BFormDatalist.vue","../src/components/BForm/BFormFloatingLabel.vue"],"sourcesContent":["<template>\n  <datalist :id=\"computedId\">\n    <slot name=\"first\" />\n    <template v-for=\"(option, index) in normalizedOptsWrapper\" :key=\"index\">\n      <BFormSelectOption :value=\"option.value\" :disabled=\"option.disabled\">\n        <!-- eslint-disable-next-line vue/no-v-html -->\n        <span v-if=\"!!option.html\" v-html=\"option.html\" />\n        <template v-else>\n          {{ option.text }}\n        </template>\n      </BFormSelectOption>\n    </template>\n    <slot />\n  </datalist>\n</template>\n\n<script setup lang=\"ts\" generic=\"T\">\nimport type {BFormDatalistProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\nimport BFormSelectOption from '../BFormSelect/BFormSelectOption.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useFormSelect} from '../../composables/useFormSelect'\nimport type {SelectOption} from '../../types/SelectTypes'\n\nconst _props = withDefaults(defineProps<BFormDatalistProps>(), {\n  disabled: false,\n  disabledField: 'disabled',\n  htmlField: 'html',\n  id: undefined,\n  // eslint-disable-next-line vue/require-valid-default-prop\n  options: () => [],\n  textField: 'text',\n  valueField: 'value',\n})\nconst props = useDefaults(_props, 'BFormDatalist')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  first?: (props: Record<string, never>) => any\n}>()\n\nconst computedId = useId(() => props.id, 'datalist')\n\nconst {normalizedOptions, isComplex} = useFormSelect(\n  () => props.options,\n  computed(() => ({...props, optionsField: 'options', labelField: 'label'}))\n)\n\nconst normalizedOptsWrapper = computed(\n  () =>\n    // Datalist doesn't support complex options\n    normalizedOptions.value.filter((opt) => !isComplex(opt)) as readonly SelectOption<T>[]\n)\n</script>\n","<template>\n  <div class=\"form-floating\">\n    <slot />\n    <label :for=\"props.labelFor\">\n      <slot name=\"label\">\n        {{ props.label }}\n      </slot>\n    </label>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormFloatingLabelProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BFormFloatingLabelProps>(), {\n  label: undefined,\n  labelFor: undefined,\n  text: undefined,\n})\nconst props = useDefaults(_props, 'BFormFloatingLabel')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  label?: (props: Record<string, never>) => any\n}>()\n</script>\n"],"names":["_props","__props","props","useDefaults","computedId","useId","id","normalizedOptions","isComplex","useFormSelect","options","computed","optionsField","labelField","normalizedOptsWrapper","value","filter","opt"],"mappings":"8YAyBA,MAAMA,EAASC,EAUTC,EAAQC,EAAAA,YAAYH,EAAQ,iBAS5BI,EAAaC,EAAAA,OAAM,IAAMH,EAAMI,IAAI,aAEnCC,kBAACA,EAAAC,UAAmBA,GAAaC,EAAAA,eACrC,IAAMP,EAAMQ,SACZC,YAAS,KAAA,IAAWT,EAAOU,aAAc,UAAWC,WAAY,aAG5DC,EAAwBH,EAAAA,UAC5B,IAEEJ,EAAkBQ,MAAMC,QAAQC,IAAST,EAAUS,muBCvCvD,MAAMjB,EAASC,EAKTC,EAAQC,EAAAA,YAAYH,EAAQ"}