bootstrap-vue-next 0.24.12 → 0.24.13

package/dist/BFormRadioGroup.vue_vue_type_script_setup_true_lang-CQjKHPQM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormRadioGroup.vue_vue_type_script_setup_true_lang-CQjKHPQM.js","sources":["../src/components/BFormRadio/BFormRadio.vue","../src/components/BFormRadio/BFormRadioGroup.vue"],"sourcesContent":["<template>\n  <RenderComponentOrSkip :skip=\"isButtonGroup\" :class=\"computedClasses\">\n    <input\n      :id=\"computedId\"\n      v-bind=\"$attrs\"\n      ref=\"input\"\n      v-model=\"localValue\"\n      :class=\"inputClasses\"\n      type=\"radio\"\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      :value=\"props.value\"\n      :aria-required=\"computedRequired || undefined\"\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} from 'vue'\nimport {getClasses, getInputClasses, getLabelClasses} from '../../composables/useFormCheck'\nimport type {BFormRadioProps} from '../../types/ComponentProps'\nimport {isEmptySlot} from '../../utils/dom'\nimport RenderComponentOrSkip from '../RenderComponentOrSkip.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {RadioValue} from '../../types/RadioTypes'\nimport {useId} from '../../composables/useId'\nimport {radioGroupKey} from '../../utils/keys'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BFormRadioProps, 'modelValue'>>(), {\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: false,\n  reverse: false,\n  size: undefined,\n  state: null,\n  value: true,\n})\nconst props = useDefaults(_props, 'BFormRadio')\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<BFormRadioProps['modelValue']>({\n  default: undefined,\n})\n\nconst computedId = useId(() => props.id, 'form-check')\n\nconst parentData = inject(radioGroupKey, 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: (newValue) => {\n    if (newValue === undefined) return\n    if (parentData !== null) {\n      parentData.modelValue.value = newValue as RadioValue\n      return\n    }\n    modelValue.value = newValue as RadioValue\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  state: props.state || parentData?.state.value,\n  reverse: props.reverse || (parentData?.reverse.value ?? false),\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 computedClasses = getClasses(classesObject)\nconst inputClasses = getInputClasses(classesObject)\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=\"radiogroup\"\n    :class=\"computedClasses\"\n    class=\"bv-no-focus-ring\"\n    tabindex=\"-1\"\n  >\n    <slot name=\"first\" />\n    <BFormRadio\n      v-for=\"item in normalizeOptions\"\n      :key=\"item.self\"\n      :disabled=\"item.disabled\"\n      :value=\"item.value\"\n    >\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    </BFormRadio>\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BFormRadioGroupProps} from '../../types/ComponentProps'\nimport {computed, provide, ref, toRef} from 'vue'\nimport {radioGroupKey} from '../../utils/keys'\nimport BFormRadio from './BFormRadio.vue'\nimport {getGroupAttr, getGroupClasses} from '../../composables/useFormCheck'\nimport {useFocus} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\n\nconst _props = withDefaults(defineProps<Omit<BFormRadioGroupProps, '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  textField: 'text',\n  validated: false,\n  valueField: 'value',\n})\nconst props = useDefaults(_props, 'BFormRadioGroup')\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<BFormRadioGroupProps['modelValue'], undefined>>({\n  default: null,\n})\n\nconst computedId = useId(() => props.id, 'radio')\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(radioGroupKey, {\n  modelValue,\n  buttonVariant: toRef(() => props.buttonVariant),\n  form: toRef(() => props.form),\n  name: computedName,\n  buttons: toRef(() => props.buttons),\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  disabled: toRef(() => props.disabled),\n})\n\nconst normalizeOptions = computed(() =>\n  props.options.map((el, ind) =>\n    typeof el === 'string' || typeof el === 'number'\n      ? {\n          value: el,\n          disabled: props.disabled,\n          text: el.toString(),\n          html: undefined,\n          self: Symbol(`radioGroupOptionItem${ind}`),\n        }\n      : {\n          value: el[props.valueField] as string | undefined,\n          disabled: el[props.disabledField] as boolean | undefined,\n          ...(el.props ? el.props : {}),\n          text: el[props.textField] as string | undefined,\n          html: el[props.htmlField] as string | undefined,\n          self: Symbol(`radioGroupOptionItem${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":["_props","__props","props","useDefaults","slots","_useSlots","modelValue","_useModel","computedId","useId","id","parentData","inject","radioGroupKey","input","ref","focused","useFocus","initialValue","autofocus","hasDefaultSlot","computed","isEmptySlot","default","localValue","get","value","set","newValue","computedRequired","name","required","isButtonGroup","buttonGroup","buttons","classesObject","plain","button","inline","state","reverse","size","buttonVariant","computedClasses","getClasses","inputClasses","getInputClasses","labelClasses","getLabelClasses","__expose","blur","element","focus","computedName","provide","toRef","form","stacked","disabled","normalizeOptions","options","map","el","ind","text","toString","html","self","Symbol","valueField","disabledField","textField","htmlField","ariaInvalid","validated","computedAttrs","getGroupAttr","getGroupClasses"],"mappings":"wrCAwCA,MAAMA,EAASC,EAmBTC,EAAQC,EAAAA,YAAYH,EAAQ,cAE5BI,EAAQC,EAAAA,WAKRC,EAAaC,EAAAA,SAA0CN,EAAA,cAIvDO,EAAaC,EAAAA,OAAM,IAAMP,EAAMQ,IAAI,cAEnCC,EAAaC,EAAAA,OAAOC,EAAAA,cAAe,MAEnCC,EAAQC,MAAwB,OAEhCC,QAACA,GAAWC,EAAAA,SAASH,EAAO,CAChCI,aAAchB,EAAMiB,YAGhBC,EAAiBC,EAAAA,UAAS,KAAOC,EAAYA,YAAAlB,EAAMmB,WAEnDC,EAAaH,EAAAA,SAAS,CAC1BI,IAAK,IAAOd,EAAaA,EAAWL,WAAWoB,MAAQpB,EAAWoB,MAClEC,IAAMC,SACa,IAAbA,IACe,OAAfjB,EAIJL,EAAWoB,MAAQE,EAHjBjB,EAAWL,WAAWoB,MAAQE,EAGb,IAIjBC,EAAmBR,EAAAA,UACvB,OAASnB,EAAM4B,OAAoB,MAAZnB,OAAY,EAAAA,EAAAmB,KAAKJ,UAAWxB,EAAM6B,WAAY,MAAApB,OAAA,EAAAA,EAAYoB,SAASL,UAGtFM,EAAgBX,YAAS,IAAMnB,EAAM+B,eAAgB,MAAAtB,OAAA,EAAAA,EAAYuB,QAAQR,SAAS,KAElFS,EAAgBd,EAAAA,UAAS,KAAO,CACpCe,MAAOlC,EAAMkC,SAAU,MAAAzB,OAAA,EAAAA,EAAYyB,MAAMV,SAAS,GAClDW,OAAQnC,EAAMmC,UAAW,MAAA1B,OAAA,EAAAA,EAAYuB,QAAQR,SAAS,GACtDY,OAAQpC,EAAMoC,UAAW,MAAA3B,OAAA,EAAAA,EAAY2B,OAAOZ,SAAS,GACrDa,MAAOrC,EAAMqC,QAAS,MAAA5B,OAAA,EAAAA,EAAY4B,MAAMb,OACxCc,QAAStC,EAAMsC,WAAY,MAAA7B,OAAA,EAAAA,EAAY6B,QAAQd,SAAS,GACxDe,KAAMvC,EAAMuC,OAAQ,MAAA9B,OAAA,EAAAA,EAAY8B,KAAKf,QAAS,KAC9CgB,cAAexC,EAAMwC,gBAAiB,MAAA/B,OAAA,EAAAA,EAAY+B,cAAchB,QAAS,YACzEN,eAAgBA,EAAeM,UAE3BiB,EAAkBC,aAAWT,GAC7BU,EAAeC,kBAAgBX,GAC/BY,EAAeC,kBAAgBb,UAExBc,EAAA,CACXC,KAAM,KACJlC,EAAQU,OAAQ,CAAA,EAElByB,QAASrC,EACTsC,MAAO,KACLpC,EAAQU,OAAQ,CAAA,6vDCnFpB,MAAM1B,EAASC,EAsBTC,EAAQC,EAAAA,YAAYH,EAAQ,mBAS5BM,EAAaC,EAAAA,yBAIbC,EAAaC,EAAAA,OAAM,IAAMP,EAAMQ,IAAI,SACnC2C,EAAe5C,EAAAA,OAAM,IAAMP,EAAM4B,MAAM,YAEvCqB,EAAUpC,MAAwB,OAElCC,QAACA,GAAWC,EAAAA,SAASkC,EAAS,CAClCjC,aAAchB,EAAMiB,YAGtBmC,EAAAA,QAAQzC,EAAAA,cAAe,CACrBP,aACAoC,cAAea,EAAAA,OAAM,IAAMrD,EAAMwC,gBACjCc,KAAMD,EAAAA,OAAM,IAAMrD,EAAMsD,OACxB1B,KAAMuB,EACNnB,QAASqB,EAAAA,OAAM,IAAMrD,EAAMgC,UAC3BK,MAAOgB,EAAAA,OAAM,IAAMrD,EAAMqC,QACzBH,MAAOmB,EAAAA,OAAM,IAAMrD,EAAMkC,QACzBK,KAAMc,EAAAA,OAAM,IAAMrD,EAAMuC,OACxBH,OAAQiB,EAAAA,OAAM,KAAOrD,EAAMuD,UAC3BjB,QAASe,EAAAA,OAAM,IAAMrD,EAAMsC,UAC3BT,SAAUwB,EAAAA,OAAM,IAAMrD,EAAM6B,WAC5B2B,SAAUH,EAAAA,OAAM,IAAMrD,EAAMwD,aAG9B,MAAMC,EAAmBtC,EAAAA,UAAS,IAChCnB,EAAM0D,QAAQC,KAAI,CAACC,EAAIC,IACP,iBAAPD,GAAiC,iBAAPA,EAC7B,CACEpC,MAAOoC,EACPJ,SAAUxD,EAAMwD,SAChBM,KAAMF,EAAGG,WACTC,UAAM,EACNC,KAAMC,OAAO,uBAAuBL,MAEtC,CACErC,MAAOoC,EAAG5D,EAAMmE,YAChBX,SAAUI,EAAG5D,EAAMoE,kBACfR,EAAG5D,MAAQ4D,EAAG5D,MAAQ,CAAC,EAC3B8D,KAAMF,EAAG5D,EAAMqE,WACfL,KAAMJ,EAAG5D,EAAMsE,WACfL,KAAMC,OAAO,uBAAuBL,UAKxC5B,EAAgBd,EAAAA,UAAS,KAAO,CACpCU,SAAU7B,EAAM6B,SAChB0C,YAAavE,EAAMuE,YACnBlC,MAAOrC,EAAMqC,MACbmC,UAAWxE,EAAMwE,UACjBxC,QAAShC,EAAMgC,QACfuB,QAASvD,EAAMuD,QACfhB,KAAMvC,EAAMuC,SAERkC,EAAgBC,eAAazC,GAC7BQ,EAAkBkC,kBAAgB1C,UAE3Bc,EAAA,CACXC,KAAM,KACJlC,EAAQU,OAAQ,CAAA,EAElB0B,MAAO,KACLpC,EAAQU,OAAQ,CAAA"}

package/dist/BFormRadioGroup.vue_vue_type_script_setup_true_lang-QoekdehU.mjs

@@ -0,0 +1,260 @@
+import { defineComponent, mergeModels, useSlots, useModel, inject, ref, computed, openBlock, createBlock, normalizeClass, unref, withCtx, withDirectives, createElementVNode, mergeProps, vModelRadio, createElementBlock, renderSlot, createCommentVNode, provide, toRef, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import { k as radioGroupKey } from "./keys-CLEaYsGj.mjs";
+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 { i as isEmptySlot } from "./dom-B-SQyhbA.mjs";
+import { _ as _sfc_main$2 } from "./RenderComponentOrSkip.vue_vue_type_script_lang-CvaXFCLB.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", "value", "aria-required"];
+const _hoisted_2$1 = ["for"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "BFormRadio",
+  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: false },
+    reverse: { type: Boolean, default: false },
+    size: { default: void 0 },
+    state: { type: [Boolean, null], default: null },
+    value: { type: [Boolean, String, Array, Object, Number, null], default: true }
+  }, {
+    "modelValue": { type: [Boolean, String, Array, Object, Number, null], ...{
+      default: void 0
+    } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BFormRadio");
+    const slots = useSlots();
+    const modelValue = useModel(__props, "modelValue");
+    const computedId = useId(() => props.id, "form-check");
+    const parentData = inject(radioGroupKey, 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: (newValue) => {
+        if (newValue === void 0) return;
+        if (parentData !== null) {
+          parentData.modelValue.value = newValue;
+          return;
+        }
+        modelValue.value = newValue;
+      }
+    });
+    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),
+      state: props.state || (parentData == null ? void 0 : parentData.state.value),
+      reverse: props.reverse || ((parentData == null ? void 0 : parentData.reverse.value) ?? false),
+      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 computedClasses = getClasses(classesObject);
+    const inputClasses = getInputClasses(classesObject);
+    const labelClasses = getLabelClasses(classesObject);
+    __expose({
+      blur: () => {
+        focused.value = false;
+      },
+      element: input,
+      focus: () => {
+        focused.value = true;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$2, {
+        skip: isButtonGroup.value,
+        class: normalizeClass(unref(computedClasses))
+      }, {
+        default: withCtx(() => {
+          var _a, _b, _c;
+          return [
+            withDirectives(createElementVNode("input", mergeProps({ id: unref(computedId) }, _ctx.$attrs, {
+              ref_key: "input",
+              ref: input,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localValue.value = $event),
+              class: unref(inputClasses),
+              type: "radio",
+              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,
+              value: unref(props).value,
+              "aria-required": computedRequired.value || void 0
+            }), null, 16, _hoisted_1$1), [
+              [vModelRadio, 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
+      }, 8, ["skip", "class"]);
+    };
+  }
+});
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BFormRadioGroup",
+  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 },
+    textField: { default: "text" },
+    validated: { type: Boolean, default: false },
+    valueField: { default: "value" }
+  }, {
+    "modelValue": {
+      default: null
+    },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BFormRadioGroup");
+    const modelValue = useModel(__props, "modelValue");
+    const computedId = useId(() => props.id, "radio");
+    const computedName = useId(() => props.name, "checkbox");
+    const element = ref(null);
+    const { focused } = useFocus(element, {
+      initialValue: props.autofocus
+    });
+    provide(radioGroupKey, {
+      modelValue,
+      buttonVariant: toRef(() => props.buttonVariant),
+      form: toRef(() => props.form),
+      name: computedName,
+      buttons: toRef(() => props.buttons),
+      state: toRef(() => props.state),
+      plain: toRef(() => props.plain),
+      size: toRef(() => props.size),
+      inline: toRef(() => !props.stacked),
+      reverse: toRef(() => props.reverse),
+      required: toRef(() => props.required),
+      disabled: toRef(() => props.disabled)
+    });
+    const normalizeOptions = computed(
+      () => props.options.map(
+        (el, ind) => typeof el === "string" || typeof el === "number" ? {
+          value: el,
+          disabled: props.disabled,
+          text: el.toString(),
+          html: void 0,
+          self: Symbol(`radioGroupOptionItem${ind}`)
+        } : {
+          value: el[props.valueField],
+          disabled: el[props.disabledField],
+          ...el.props ? el.props : {},
+          text: el[props.textField],
+          html: el[props.htmlField],
+          self: Symbol(`radioGroupOptionItem${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: "radiogroup",
+        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, {
+            key: item.self,
+            disabled: item.disabled,
+            value: item.value
+          }, {
+            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
+          }, 1032, ["disabled", "value"]);
+        }), 128)),
+        renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main$1 as _,
+  _sfc_main as a
+};
+//# sourceMappingURL=BFormRadioGroup.vue_vue_type_script_setup_true_lang-QoekdehU.mjs.map

package/dist/BFormRadioGroup.vue_vue_type_script_setup_true_lang-QoekdehU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormRadioGroup.vue_vue_type_script_setup_true_lang-QoekdehU.mjs","sources":["../src/components/BFormRadio/BFormRadio.vue","../src/components/BFormRadio/BFormRadioGroup.vue"],"sourcesContent":["<template>\n  <RenderComponentOrSkip :skip=\"isButtonGroup\" :class=\"computedClasses\">\n    <input\n      :id=\"computedId\"\n      v-bind=\"$attrs\"\n      ref=\"input\"\n      v-model=\"localValue\"\n      :class=\"inputClasses\"\n      type=\"radio\"\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      :value=\"props.value\"\n      :aria-required=\"computedRequired || undefined\"\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} from 'vue'\nimport {getClasses, getInputClasses, getLabelClasses} from '../../composables/useFormCheck'\nimport type {BFormRadioProps} from '../../types/ComponentProps'\nimport {isEmptySlot} from '../../utils/dom'\nimport RenderComponentOrSkip from '../RenderComponentOrSkip.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {RadioValue} from '../../types/RadioTypes'\nimport {useId} from '../../composables/useId'\nimport {radioGroupKey} from '../../utils/keys'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BFormRadioProps, 'modelValue'>>(), {\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: false,\n  reverse: false,\n  size: undefined,\n  state: null,\n  value: true,\n})\nconst props = useDefaults(_props, 'BFormRadio')\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<BFormRadioProps['modelValue']>({\n  default: undefined,\n})\n\nconst computedId = useId(() => props.id, 'form-check')\n\nconst parentData = inject(radioGroupKey, 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: (newValue) => {\n    if (newValue === undefined) return\n    if (parentData !== null) {\n      parentData.modelValue.value = newValue as RadioValue\n      return\n    }\n    modelValue.value = newValue as RadioValue\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  state: props.state || parentData?.state.value,\n  reverse: props.reverse || (parentData?.reverse.value ?? false),\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 computedClasses = getClasses(classesObject)\nconst inputClasses = getInputClasses(classesObject)\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=\"radiogroup\"\n    :class=\"computedClasses\"\n    class=\"bv-no-focus-ring\"\n    tabindex=\"-1\"\n  >\n    <slot name=\"first\" />\n    <BFormRadio\n      v-for=\"item in normalizeOptions\"\n      :key=\"item.self\"\n      :disabled=\"item.disabled\"\n      :value=\"item.value\"\n    >\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    </BFormRadio>\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BFormRadioGroupProps} from '../../types/ComponentProps'\nimport {computed, provide, ref, toRef} from 'vue'\nimport {radioGroupKey} from '../../utils/keys'\nimport BFormRadio from './BFormRadio.vue'\nimport {getGroupAttr, getGroupClasses} from '../../composables/useFormCheck'\nimport {useFocus} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\n\nconst _props = withDefaults(defineProps<Omit<BFormRadioGroupProps, '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  textField: 'text',\n  validated: false,\n  valueField: 'value',\n})\nconst props = useDefaults(_props, 'BFormRadioGroup')\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<BFormRadioGroupProps['modelValue'], undefined>>({\n  default: null,\n})\n\nconst computedId = useId(() => props.id, 'radio')\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(radioGroupKey, {\n  modelValue,\n  buttonVariant: toRef(() => props.buttonVariant),\n  form: toRef(() => props.form),\n  name: computedName,\n  buttons: toRef(() => props.buttons),\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  disabled: toRef(() => props.disabled),\n})\n\nconst normalizeOptions = computed(() =>\n  props.options.map((el, ind) =>\n    typeof el === 'string' || typeof el === 'number'\n      ? {\n          value: el,\n          disabled: props.disabled,\n          text: el.toString(),\n          html: undefined,\n          self: Symbol(`radioGroupOptionItem${ind}`),\n        }\n      : {\n          value: el[props.valueField] as string | undefined,\n          disabled: el[props.disabledField] as boolean | undefined,\n          ...(el.props ? el.props : {}),\n          text: el[props.textField] as string | undefined,\n          html: el[props.htmlField] as string | undefined,\n          self: Symbol(`radioGroupOptionItem${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/BFormSelect.vue_vue_type_script_setup_true_lang-Bi-9IRmx.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),l=require("./useFormSelect-CPz2u6a6.js"),t=require("./useDefaults-Cd8OVIUI.js"),a=require("./useAriaInvalid-DUOcHX79.js"),o=require("./index-CnY1um_J.js"),i=require("./useId-z7cQCT28.js"),d=require("./useStateClass-BePLKIel.js"),u=require("./index-BInTFWT4.js"),r=["label"],n=["innerHTML"],s=e.defineComponent({__name:"BFormSelectOptionGroup",props:{disabledField:{default:"disabled"},htmlField:{default:"html"},label:{default:void 0},options:{default:()=>[]},textField:{default:"text"},valueField:{default:"value"}},setup(a){const o=a,i=t.useDefaults(o,"BFormSelectOptionGroup"),{normalizedOptions:d}=l.useFormSelect((()=>i.options),i),u=e.computed((()=>d.value));return(t,a)=>(e.openBlock(),e.createElementBlock("optgroup",{label:e.unref(i).label},[e.renderSlot(t.$slots,"first"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,((a,o)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps({key:o,disabled:a.disabled,value:a.value,ref_for:!0},t.$attrs),{default:e.withCtx((()=>[a.html?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:a.html},null,8,n)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.text),1)],64))])),_:2},1040,["disabled","value"])))),128)),e.renderSlot(t.$slots,"default")],8,r))}}),f=["id","name","form","multiple","size","disabled","required","aria-required","aria-invalid"],m=["innerHTML"],c=e.defineComponent({__name:"BFormSelect",props:e.mergeModels({ariaInvalid:{type:[Boolean,String],default:void 0},autofocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},disabledField:{default:"disabled"},form:{default:void 0},htmlField:{default:"html"},id:{default:void 0},labelField:{default:"label"},multiple:{type:Boolean,default:!1},name:{default:void 0},options:{default:()=>[]},optionsField:{default:"options"},plain:{type:Boolean,default:!1},required:{type:Boolean,default:!1},selectSize:{default:0},size:{default:"md"},state:{type:[Boolean,null],default:null},textField:{default:"text"},valueField:{default:"value"}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(r,{expose:n}){const c=r,p=t.useDefaults(c,"BFormSelect"),v=e.useModel(r,"modelValue"),B=i.useId((()=>p.id),"input"),k=u.useToNumber((()=>p.selectSize)),b=d.useStateClass((()=>p.state)),F=e.ref(null),{focused:x}=o.useFocus(F,{initialValue:p.autofocus}),S=e.computed((()=>[b.value,{"form-control":p.plain,[`form-control-${p.size}`]:"md"!==p.size&&p.plain,"form-select":!p.plain,[`form-select-${p.size}`]:"md"!==p.size&&!p.plain}])),y=e.computed((()=>k.value||p.plain?k.value:void 0)),_=a.useAriaInvalid((()=>p.ariaInvalid),(()=>p.state)),{normalizedOptions:h,isComplex:q}=l.useFormSelect((()=>p.options),p),g=e.computed((()=>h.value)),z=e.computed({get:()=>v.value,set:e=>{v.value=e}});return n({blur:()=>{x.value=!1},element:F,focus:()=>{x.value=!0}}),(t,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("select",{id:e.unref(B),ref_key:"input",ref:F,"onUpdate:modelValue":a[0]||(a[0]=e=>z.value=e),class:e.normalizeClass(S.value),name:e.unref(p).name,form:e.unref(p).form||void 0,multiple:e.unref(p).multiple||void 0,size:y.value,disabled:e.unref(p).disabled,required:e.unref(p).required||void 0,"aria-required":e.unref(p).required||void 0,"aria-invalid":e.unref(_)},[e.renderSlot(t.$slots,"first"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,((t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a},[e.unref(q)(t)?(e.openBlock(),e.createBlock(s,{key:0,label:t.label,options:t.options,"value-field":e.unref(p).valueField,"text-field":e.unref(p).textField,"html-field":e.unref(p).htmlField,"disabled-field":e.unref(p).disabledField},null,8,["label","options","value-field","text-field","html-field","disabled-field"])):(e.openBlock(),e.createBlock(l._sfc_main,{key:1,value:t.value,disabled:t.disabled},{default:e.withCtx((()=>[t.html?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:t.html},null,8,m)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.text),1)],64))])),_:2},1032,["value","disabled"]))],64)))),128)),e.renderSlot(t.$slots,"default")],10,f)),[[e.vModelSelect,z.value]])}});exports._sfc_main=c,exports._sfc_main$1=s;
+//# sourceMappingURL=BFormSelect.vue_vue_type_script_setup_true_lang-Bi-9IRmx.js.map

package/dist/BFormSelect.vue_vue_type_script_setup_true_lang-Bi-9IRmx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormSelect.vue_vue_type_script_setup_true_lang-Bi-9IRmx.js","sources":["../src/components/BFormSelect/BFormSelectOptionGroup.vue","../src/components/BFormSelect/BFormSelect.vue"],"sourcesContent":["<template>\n  <optgroup :label=\"props.label\">\n    <slot name=\"first\" />\n    <BFormSelectOption\n      v-for=\"(option, index) in normalizedOptsWrapper\"\n      :key=\"index\"\n      :disabled=\"option.disabled\"\n      :value=\"option.value\"\n      v-bind=\"$attrs\"\n    >\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    <slot />\n  </optgroup>\n</template>\n\n<script setup lang=\"ts\" generic=\"T\">\nimport BFormSelectOption from './BFormSelectOption.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormSelectOptionGroupProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\nimport {useFormSelect} from '../../composables/useFormSelect'\nimport type {SelectOption} from '../../types/SelectTypes'\n\nconst _props = withDefaults(defineProps<BFormSelectOptionGroupProps>(), {\n  disabledField: 'disabled',\n  htmlField: 'html',\n  label: undefined,\n  options: () => [],\n  textField: 'text',\n  valueField: 'value',\n})\nconst props = useDefaults(_props, 'BFormSelectOptionGroup')\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 {normalizedOptions} = useFormSelect(() => props.options, props)\n\nconst normalizedOptsWrapper = computed(() => normalizedOptions.value as SelectOption<T>[])\n</script>\n","<template>\n  <select\n    :id=\"computedId\"\n    ref=\"input\"\n    v-model=\"localValue\"\n    :class=\"computedClasses\"\n    :name=\"props.name\"\n    :form=\"props.form || undefined\"\n    :multiple=\"props.multiple || undefined\"\n    :size=\"computedSelectSize\"\n    :disabled=\"props.disabled\"\n    :required=\"props.required || undefined\"\n    :aria-required=\"props.required || undefined\"\n    :aria-invalid=\"computedAriaInvalid\"\n  >\n    <slot name=\"first\" />\n    <template v-for=\"(option, index) in normalizedOptsWrapper\" :key=\"index\">\n      <BFormSelectOptionGroup\n        v-if=\"isComplex(option)\"\n        :label=\"option.label\"\n        :options=\"option.options\"\n        :value-field=\"props.valueField\"\n        :text-field=\"props.textField\"\n        :html-field=\"props.htmlField\"\n        :disabled-field=\"props.disabledField\"\n      />\n      <BFormSelectOption v-else :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  </select>\n</template>\n\n<script setup lang=\"ts\" generic=\"T\">\nimport type {BFormSelectProps} from '../../types/ComponentProps'\nimport {computed, ref} from 'vue'\nimport BFormSelectOption from './BFormSelectOption.vue'\nimport BFormSelectOptionGroup from './BFormSelectOptionGroup.vue'\nimport {useAriaInvalid} from '../../composables/useAriaInvalid'\nimport {useFocus, useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useFormSelect} from '../../composables/useFormSelect'\nimport type {ComplexSelectOptionRaw, SelectOption} from '../../types/SelectTypes'\n\nconst _props = withDefaults(defineProps<Omit<BFormSelectProps, 'modelValue'>>(), {\n  ariaInvalid: undefined,\n  autofocus: false,\n  disabled: false,\n  disabledField: 'disabled',\n  form: undefined,\n  htmlField: 'html',\n  id: undefined,\n  labelField: 'label',\n  multiple: false,\n  name: undefined,\n  // eslint-disable-next-line vue/require-valid-default-prop\n  options: () => [],\n  optionsField: 'options',\n  plain: false,\n  required: false,\n  selectSize: 0,\n  size: 'md',\n  state: null,\n  textField: 'text',\n  valueField: 'value',\n})\nconst props = useDefaults(_props, 'BFormSelect')\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<T>({\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default: '' as any,\n})\n\nconst computedId = useId(() => props.id, 'input')\n\nconst selectSizeNumber = useToNumber(() => props.selectSize)\n\nconst stateClass = useStateClass(() => props.state)\n\nconst input = ref<HTMLElement | null>(null)\n\nconst {focused} = useFocus(input, {\n  initialValue: props.autofocus,\n})\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  {\n    'form-control': props.plain,\n    [`form-control-${props.size}`]: props.size !== 'md' && props.plain,\n    'form-select': !props.plain,\n    [`form-select-${props.size}`]: props.size !== 'md' && !props.plain,\n  },\n])\n\nconst computedSelectSize = computed(() =>\n  selectSizeNumber.value || props.plain ? selectSizeNumber.value : undefined\n)\n\nconst computedAriaInvalid = useAriaInvalid(\n  () => props.ariaInvalid,\n  () => props.state\n)\n\nconst {normalizedOptions, isComplex} = useFormSelect(() => props.options, props)\n\nconst normalizedOptsWrapper = computed(\n  () => normalizedOptions.value as readonly (ComplexSelectOptionRaw<T> | SelectOption<T>)[]\n)\n\nconst localValue = computed({\n  get: () => modelValue.value,\n  set: (newValue) => {\n    modelValue.value = newValue\n  },\n})\n\ndefineExpose({\n  blur: () => {\n    focused.value = false\n  },\n  element: input,\n  focus: () => {\n    focused.value = true\n  },\n})\n</script>\n"],"names":["_props","__props","props","useDefaults","normalizedOptions","useFormSelect","options","normalizedOptsWrapper","computed","value","modelValue","_useModel","computedId","useId","id","selectSizeNumber","useToNumber","selectSize","stateClass","useStateClass","state","input","ref","focused","useFocus","initialValue","autofocus","computedClasses","plain","size","computedSelectSize","computedAriaInvalid","useAriaInvalid","ariaInvalid","isComplex","localValue","get","set","newValue","__expose","blur","element","focus"],"mappings":"kjBA4BA,MAAMA,EAASC,EAQTC,EAAQC,EAAAA,YAAYH,EAAQ,2BAS5BI,kBAACA,GAAqBC,iBAAc,IAAMH,EAAMI,SAASJ,GAEzDK,EAAwBC,EAAAA,UAAS,IAAMJ,EAAkBK,o8CCI/D,MAAMT,EAASC,EAsBTC,EAAQC,EAAAA,YAAYH,EAAQ,eAS5BU,EAAaC,EAAAA,SAAcV,EAAA,cAK3BW,EAAaC,EAAAA,OAAM,IAAMX,EAAMY,IAAI,SAEnCC,EAAmBC,EAAAA,aAAY,IAAMd,EAAMe,aAE3CC,EAAaC,EAAAA,eAAc,IAAMjB,EAAMkB,QAEvCC,EAAQC,MAAwB,OAEhCC,QAACA,GAAWC,EAAAA,SAASH,EAAO,CAChCI,aAAcvB,EAAMwB,YAGhBC,EAAkBnB,EAAAA,UAAS,IAAM,CACrCU,EAAWT,MACX,CACE,eAAgBP,EAAM0B,MACtB,CAAC,gBAAgB1B,EAAM2B,QAAwB,OAAf3B,EAAM2B,MAAiB3B,EAAM0B,MAC7D,eAAgB1B,EAAM0B,MACtB,CAAC,eAAe1B,EAAM2B,QAAwB,OAAf3B,EAAM2B,OAAkB3B,EAAM0B,UAI3DE,EAAqBtB,EAAAA,UAAS,IAClCO,EAAiBN,OAASP,EAAM0B,MAAQb,EAAiBN,WAAQ,IAG7DsB,EAAsBC,EAAAA,gBAC1B,IAAM9B,EAAM+B,cACZ,IAAM/B,EAAMkB,SAGRhB,kBAACA,YAAmB8B,GAAa7B,EAAAA,eAAc,IAAMH,EAAMI,SAASJ,GAEpEK,EAAwBC,EAAAA,UAC5B,IAAMJ,EAAkBK,QAGpB0B,EAAa3B,EAAAA,SAAS,CAC1B4B,IAAK,IAAM1B,EAAWD,MACtB4B,IAAMC,IACJ5B,EAAWD,MAAQ6B,CAAA,WAIVC,EAAA,CACXC,KAAM,KACJjB,EAAQd,OAAQ,CAAA,EAElBgC,QAASpB,EACTqB,MAAO,KACLnB,EAAQd,OAAQ,CAAA"}

package/dist/BFormSelect.vue_vue_type_script_setup_true_lang-DomR7pgn.mjs

@@ -0,0 +1,187 @@
+import { defineComponent, computed, openBlock, createElementBlock, unref, renderSlot, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, mergeModels, useModel, ref, withDirectives, normalizeClass, vModelSelect } 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 useAriaInvalid } from "./useAriaInvalid-BTUbGj3Y.mjs";
+import { e as useFocus } from "./index-DngH9Pjm.mjs";
+import { u as useId } from "./useId-BrAgQfKM.mjs";
+import { u as useStateClass } from "./useStateClass-BGbSLWFN.mjs";
+import { u as useToNumber } from "./index-DlGgXMQF.mjs";
+const _hoisted_1$1 = ["label"];
+const _hoisted_2$1 = ["innerHTML"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "BFormSelectOptionGroup",
+  props: {
+    disabledField: { default: "disabled" },
+    htmlField: { default: "html" },
+    label: { default: void 0 },
+    options: { default: () => [] },
+    textField: { default: "text" },
+    valueField: { default: "value" }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BFormSelectOptionGroup");
+    const { normalizedOptions } = useFormSelect(() => props.options, props);
+    const normalizedOptsWrapper = computed(() => normalizedOptions.value);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("optgroup", {
+        label: unref(props).label
+      }, [
+        renderSlot(_ctx.$slots, "first"),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptsWrapper.value, (option, index) => {
+          return openBlock(), createBlock(_sfc_main$2, mergeProps({
+            key: index,
+            disabled: option.disabled,
+            value: option.value,
+            ref_for: true
+          }, _ctx.$attrs), {
+            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
+          }, 1040, ["disabled", "value"]);
+        }), 128)),
+        renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_1$1);
+    };
+  }
+});
+const _hoisted_1 = ["id", "name", "form", "multiple", "size", "disabled", "required", "aria-required", "aria-invalid"];
+const _hoisted_2 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BFormSelect",
+  props: /* @__PURE__ */ mergeModels({
+    ariaInvalid: { type: [Boolean, String], default: void 0 },
+    autofocus: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    disabledField: { default: "disabled" },
+    form: { default: void 0 },
+    htmlField: { default: "html" },
+    id: { default: void 0 },
+    labelField: { default: "label" },
+    multiple: { type: Boolean, default: false },
+    name: { default: void 0 },
+    options: { default: () => [] },
+    optionsField: { default: "options" },
+    plain: { type: Boolean, default: false },
+    required: { type: Boolean, default: false },
+    selectSize: { default: 0 },
+    size: { default: "md" },
+    state: { type: [Boolean, null], default: null },
+    textField: { default: "text" },
+    valueField: { default: "value" }
+  }, {
+    "modelValue": {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      default: ""
+    },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BFormSelect");
+    const modelValue = useModel(__props, "modelValue");
+    const computedId = useId(() => props.id, "input");
+    const selectSizeNumber = useToNumber(() => props.selectSize);
+    const stateClass = useStateClass(() => props.state);
+    const input = ref(null);
+    const { focused } = useFocus(input, {
+      initialValue: props.autofocus
+    });
+    const computedClasses = computed(() => [
+      stateClass.value,
+      {
+        "form-control": props.plain,
+        [`form-control-${props.size}`]: props.size !== "md" && props.plain,
+        "form-select": !props.plain,
+        [`form-select-${props.size}`]: props.size !== "md" && !props.plain
+      }
+    ]);
+    const computedSelectSize = computed(
+      () => selectSizeNumber.value || props.plain ? selectSizeNumber.value : void 0
+    );
+    const computedAriaInvalid = useAriaInvalid(
+      () => props.ariaInvalid,
+      () => props.state
+    );
+    const { normalizedOptions, isComplex } = useFormSelect(() => props.options, props);
+    const normalizedOptsWrapper = computed(
+      () => normalizedOptions.value
+    );
+    const localValue = computed({
+      get: () => modelValue.value,
+      set: (newValue) => {
+        modelValue.value = newValue;
+      }
+    });
+    __expose({
+      blur: () => {
+        focused.value = false;
+      },
+      element: input,
+      focus: () => {
+        focused.value = true;
+      }
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("select", {
+        id: unref(computedId),
+        ref_key: "input",
+        ref: input,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localValue.value = $event),
+        class: normalizeClass(computedClasses.value),
+        name: unref(props).name,
+        form: unref(props).form || void 0,
+        multiple: unref(props).multiple || void 0,
+        size: computedSelectSize.value,
+        disabled: unref(props).disabled,
+        required: unref(props).required || void 0,
+        "aria-required": unref(props).required || void 0,
+        "aria-invalid": unref(computedAriaInvalid)
+      }, [
+        renderSlot(_ctx.$slots, "first"),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptsWrapper.value, (option, index) => {
+          return openBlock(), createElementBlock(Fragment, { key: index }, [
+            unref(isComplex)(option) ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              label: option.label,
+              options: option.options,
+              "value-field": unref(props).valueField,
+              "text-field": unref(props).textField,
+              "html-field": unref(props).htmlField,
+              "disabled-field": unref(props).disabledField
+            }, null, 8, ["label", "options", "value-field", "text-field", "html-field", "disabled-field"])) : (openBlock(), createBlock(_sfc_main$2, {
+              key: 1,
+              value: option.value,
+              disabled: option.disabled
+            }, {
+              default: withCtx(() => [
+                !!option.html ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  innerHTML: option.html
+                }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createTextVNode(toDisplayString(option.text), 1)
+                ], 64))
+              ]),
+              _: 2
+            }, 1032, ["value", "disabled"]))
+          ], 64);
+        }), 128)),
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1)), [
+        [vModelSelect, localValue.value]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  _sfc_main$1 as a
+};
+//# sourceMappingURL=BFormSelect.vue_vue_type_script_setup_true_lang-DomR7pgn.mjs.map

package/dist/BFormSelect.vue_vue_type_script_setup_true_lang-DomR7pgn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormSelect.vue_vue_type_script_setup_true_lang-DomR7pgn.mjs","sources":["../src/components/BFormSelect/BFormSelectOptionGroup.vue","../src/components/BFormSelect/BFormSelect.vue"],"sourcesContent":["<template>\n  <optgroup :label=\"props.label\">\n    <slot name=\"first\" />\n    <BFormSelectOption\n      v-for=\"(option, index) in normalizedOptsWrapper\"\n      :key=\"index\"\n      :disabled=\"option.disabled\"\n      :value=\"option.value\"\n      v-bind=\"$attrs\"\n    >\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    <slot />\n  </optgroup>\n</template>\n\n<script setup lang=\"ts\" generic=\"T\">\nimport BFormSelectOption from './BFormSelectOption.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormSelectOptionGroupProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\nimport {useFormSelect} from '../../composables/useFormSelect'\nimport type {SelectOption} from '../../types/SelectTypes'\n\nconst _props = withDefaults(defineProps<BFormSelectOptionGroupProps>(), {\n  disabledField: 'disabled',\n  htmlField: 'html',\n  label: undefined,\n  options: () => [],\n  textField: 'text',\n  valueField: 'value',\n})\nconst props = useDefaults(_props, 'BFormSelectOptionGroup')\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 {normalizedOptions} = useFormSelect(() => props.options, props)\n\nconst normalizedOptsWrapper = computed(() => normalizedOptions.value as SelectOption<T>[])\n</script>\n","<template>\n  <select\n    :id=\"computedId\"\n    ref=\"input\"\n    v-model=\"localValue\"\n    :class=\"computedClasses\"\n    :name=\"props.name\"\n    :form=\"props.form || undefined\"\n    :multiple=\"props.multiple || undefined\"\n    :size=\"computedSelectSize\"\n    :disabled=\"props.disabled\"\n    :required=\"props.required || undefined\"\n    :aria-required=\"props.required || undefined\"\n    :aria-invalid=\"computedAriaInvalid\"\n  >\n    <slot name=\"first\" />\n    <template v-for=\"(option, index) in normalizedOptsWrapper\" :key=\"index\">\n      <BFormSelectOptionGroup\n        v-if=\"isComplex(option)\"\n        :label=\"option.label\"\n        :options=\"option.options\"\n        :value-field=\"props.valueField\"\n        :text-field=\"props.textField\"\n        :html-field=\"props.htmlField\"\n        :disabled-field=\"props.disabledField\"\n      />\n      <BFormSelectOption v-else :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  </select>\n</template>\n\n<script setup lang=\"ts\" generic=\"T\">\nimport type {BFormSelectProps} from '../../types/ComponentProps'\nimport {computed, ref} from 'vue'\nimport BFormSelectOption from './BFormSelectOption.vue'\nimport BFormSelectOptionGroup from './BFormSelectOptionGroup.vue'\nimport {useAriaInvalid} from '../../composables/useAriaInvalid'\nimport {useFocus, useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useStateClass} from '../../composables/useStateClass'\nimport {useFormSelect} from '../../composables/useFormSelect'\nimport type {ComplexSelectOptionRaw, SelectOption} from '../../types/SelectTypes'\n\nconst _props = withDefaults(defineProps<Omit<BFormSelectProps, 'modelValue'>>(), {\n  ariaInvalid: undefined,\n  autofocus: false,\n  disabled: false,\n  disabledField: 'disabled',\n  form: undefined,\n  htmlField: 'html',\n  id: undefined,\n  labelField: 'label',\n  multiple: false,\n  name: undefined,\n  // eslint-disable-next-line vue/require-valid-default-prop\n  options: () => [],\n  optionsField: 'options',\n  plain: false,\n  required: false,\n  selectSize: 0,\n  size: 'md',\n  state: null,\n  textField: 'text',\n  valueField: 'value',\n})\nconst props = useDefaults(_props, 'BFormSelect')\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<T>({\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default: '' as any,\n})\n\nconst computedId = useId(() => props.id, 'input')\n\nconst selectSizeNumber = useToNumber(() => props.selectSize)\n\nconst stateClass = useStateClass(() => props.state)\n\nconst input = ref<HTMLElement | null>(null)\n\nconst {focused} = useFocus(input, {\n  initialValue: props.autofocus,\n})\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  {\n    'form-control': props.plain,\n    [`form-control-${props.size}`]: props.size !== 'md' && props.plain,\n    'form-select': !props.plain,\n    [`form-select-${props.size}`]: props.size !== 'md' && !props.plain,\n  },\n])\n\nconst computedSelectSize = computed(() =>\n  selectSizeNumber.value || props.plain ? selectSizeNumber.value : undefined\n)\n\nconst computedAriaInvalid = useAriaInvalid(\n  () => props.ariaInvalid,\n  () => props.state\n)\n\nconst {normalizedOptions, isComplex} = useFormSelect(() => props.options, props)\n\nconst normalizedOptsWrapper = computed(\n  () => normalizedOptions.value as readonly (ComplexSelectOptionRaw<T> | SelectOption<T>)[]\n)\n\nconst localValue = computed({\n  get: () => modelValue.value,\n  set: (newValue) => {\n    modelValue.value = newValue\n  },\n})\n\ndefineExpose({\n  blur: () => {\n    focused.value = false\n  },\n  element: input,\n  focus: () => {\n    focused.value = true\n  },\n})\n</script>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4BA,UAAM,SAAS;AAQT,UAAA,QAAQ,YAAY,QAAQ,wBAAwB;AAS1D,UAAM,EAAC,kBAAiB,IAAI,cAAc,MAAM,MAAM,SAAS,KAAK;AAEpE,UAAM,wBAAwB,SAAS,MAAM,kBAAkB,KAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACIzF,UAAM,SAAS;AAsBT,UAAA,QAAQ,YAAY,QAAQ,aAAa;AASzC,UAAA,aAAaA,SAAc,SAAA,YAGhC;AAED,UAAM,aAAa,MAAM,MAAM,MAAM,IAAI,OAAO;AAEhD,UAAM,mBAAmB,YAAY,MAAM,MAAM,UAAU;AAE3D,UAAM,aAAa,cAAc,MAAM,MAAM,KAAK;AAE5C,UAAA,QAAQ,IAAwB,IAAI;AAE1C,UAAM,EAAC,QAAA,IAAW,SAAS,OAAO;AAAA,MAChC,cAAc,MAAM;AAAA,IAAA,CACrB;AAEK,UAAA,kBAAkB,SAAS,MAAM;AAAA,MACrC,WAAW;AAAA,MACX;AAAA,QACE,gBAAgB,MAAM;AAAA,QACtB,CAAC,gBAAgB,MAAM,IAAI,EAAE,GAAG,MAAM,SAAS,QAAQ,MAAM;AAAA,QAC7D,eAAe,CAAC,MAAM;AAAA,QACtB,CAAC,eAAe,MAAM,IAAI,EAAE,GAAG,MAAM,SAAS,QAAQ,CAAC,MAAM;AAAA,MAC/D;AAAA,IAAA,CACD;AAED,UAAM,qBAAqB;AAAA,MAAS,MAClC,iBAAiB,SAAS,MAAM,QAAQ,iBAAiB,QAAQ;AAAA,IAAA;AAGnE,UAAM,sBAAsB;AAAA,MAC1B,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,IAAA;AAGR,UAAA,EAAC,mBAAmB,cAAa,cAAc,MAAM,MAAM,SAAS,KAAK;AAE/E,UAAM,wBAAwB;AAAA,MAC5B,MAAM,kBAAkB;AAAA,IAAA;AAG1B,UAAM,aAAa,SAAS;AAAA,MAC1B,KAAK,MAAM,WAAW;AAAA,MACtB,KAAK,CAAC,aAAa;AACjB,mBAAW,QAAQ;AAAA,MACrB;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,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/BFormSpinbutton.vue_vue_type_script_setup_true_lang-Cpthe9q6.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),a=require("./event-DqyBZX_g.js"),t=require("./constants-Caz6vMlV.js"),l=require("./index-CnY1um_J.js"),o=require("./useDefaults-Cd8OVIUI.js"),u=require("./useId-z7cQCT28.js"),r=require("./keys-BgAe7wbu.js"),n=require("./index-BInTFWT4.js"),i=["lang","tabindex","title"],d=["name","form","value"],s=["id","dir","tabindex","aria-label","aria-invalid","aria-required","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext"],v=1,m=100,c=1,p=500,b=100,f=10,h=4,y=e.defineComponent({__name:"BFormSpinbutton",props:e.mergeModels({ariaControls:{default:void 0},ariaLabel:{default:void 0},disabled:{type:Boolean,default:!1},form:{default:void 0},formatterFn:{type:Function,default:void 0},id:{default:void 0},inline:{type:Boolean,default:!1},labelDecrement:{default:"Decrement"},labelIncrement:{default:"Increment"},locale:{default:void 0},max:{default:m},min:{default:v},name:{default:void 0},placeholder:{default:void 0},readonly:{type:Boolean,default:!1},repeatDelay:{default:p},repeatInterval:{default:b},repeatStepMultiplier:{default:h},repeatThreshold:{default:f},required:{type:Boolean,default:!1},size:{default:void 0},state:{type:[Boolean,null],default:null},step:{default:c},vertical:{type:Boolean,default:!1},wrap:{type:Boolean,default:!1}},{modelValue:{default:null},modelModifiers:{}}),emits:e.mergeModels(["change"],["update:modelValue"]),setup(m,{emit:y}){const g=[t.CODE_UP,t.CODE_DOWN,t.CODE_HOME,t.CODE_END,t.CODE_PAGEUP,t.CODE_PAGEDOWN],N=m,D=o.useDefaults(N,"BFormSpinbutton"),E=y,w=e.useModel(m,"modelValue"),x=e.ref(null),{focused:O}=l.useFocus(x),C=u.useId((()=>D.id),"spinbutton"),P=e.computed((()=>({disabled:D.disabled,readonly:D.readonly,focus:O.value,"d-inline-flex":D.inline||D.vertical,"d-flex":!D.inline&&!D.vertical,"align-items-stretch":!D.vertical,"flex-column":D.vertical,[`form-control-${D.size}`]:void 0!==D.size}))),M=e.computed((()=>({"d-flex":D.vertical,"align-self-center":!D.vertical,"align-items-center":D.vertical,"border-top":D.vertical,"border-bottom":D.vertical,"border-start":!D.vertical,"border-end":!D.vertical})));let _,k,B=!1;const I=n.useToNumber((()=>D.step)),T=e.computed((()=>Number.isNaN(I.value)?c:I.value)),q=n.useToNumber((()=>D.min)),F=e.computed((()=>Number.isNaN(q.value)?v:q.value)),z=n.useToNumber((()=>D.max)),A=e.computed((()=>{const e=T.value,a=F.value;return Math.floor((z.value-a)/e)*e+a})),S=n.useToNumber((()=>D.repeatDelay),{nanToZero:!0,method:"parseInt"}),V=e.computed((()=>S.value>0?S.value:p)),K=n.useToNumber((()=>D.repeatInterval),{nanToZero:!0,method:"parseInt"}),j=e.computed((()=>K.value>0?K.value:b)),R=n.useToNumber((()=>D.repeatThreshold),{nanToZero:!0,method:"parseInt"}),U=e.computed((()=>Math.max(Number.isNaN(R.value)?f:R.value,1))),W=n.useToNumber((()=>D.repeatStepMultiplier),{nanToZero:!0,method:"parseInt"}),G=e.computed((()=>Math.max(Number.isNaN(W.value)?h:W.value,1))),Z=e.computed((()=>{const e=T.value;return Math.floor(e)===e?0:(e.toString().split(".")[1]||"").length})),L=e.computed((()=>Math.pow(10,Z.value||0))),$=e.computed((()=>null===w.value?"":w.value.toFixed(Z.value))),{isRtl:H,locale:X}=(()=>{const a=e.inject(r.rtlPluginKey);return e.onMounted((()=>{e.watch((()=>null==a?void 0:a.locale.value),(e=>{document.documentElement.setAttribute("lang",e??"")}),{immediate:!0}),e.watch((()=>null==a?void 0:a.isRtl.value),(e=>{document.documentElement.setAttribute("dir",e?"rtl":"ltr")}),{immediate:!0})})),{...a}})(),J=e.computed((()=>{const e=[(D.locale??(null==X?void 0:X.value))||"locale"];return new Intl.NumberFormat(e).resolvedOptions().locale})),Q=e.computed((()=>D.formatterFn??new Intl.NumberFormat(J.value,{style:"decimal",useGrouping:!1,minimumIntegerDigits:1,minimumFractionDigits:Z.value,maximumFractionDigits:Z.value,notation:"standard"}).format)),Y=e=>{let{value:a}=w;if(!D.disabled&&null!==a){const t=T.value*e,l=F.value,o=A.value,u=L.value,{wrap:r}=D;a=Math.round((a-l)/t)*t+l+t,a=Math.round(a*u)/u,w.value=a>o?r?l:o:a<l?r?o:l:a}},ee=(e=1)=>{null!==w.value?Y(1*e):w.value=F.value},ae=(e=1)=>{null!==w.value?Y(-1*e):w.value=D.wrap?A.value:F.value},te=e=>{e.preventDefault(),e.stopImmediatePropagation()};l.onKeyStroke(g,(e=>{const{code:a,altKey:l,ctrlKey:o,metaKey:u}=e;if(!(D.disabled||D.readonly||l||o||u||(te(e),B))){if(ne(),[t.CODE_UP,t.CODE_DOWN].includes(a))return B=!0,a===t.CODE_UP?void le(e,ee):void(a===t.CODE_DOWN&&le(e,ae));a!==t.CODE_PAGEUP?a!==t.CODE_PAGEDOWN?a!==t.CODE_HOME?a===t.CODE_END&&(w.value=A.value):w.value=F.value:ae(G.value):ee(G.value)}}),{target:x,eventName:"keydown"}),l.onKeyStroke(g,(e=>{const{altKey:a,ctrlKey:t,metaKey:l}=e;D.disabled||D.readonly||a||t||l||(te(e),ne(),B=!1,E("change",w.value))}),{target:x,eventName:"keyup"});const le=(e,a)=>{const{type:t}=e||{};if(!D.disabled&&!D.readonly){if(oe(e)&&"mousedown"===t&&e.button)return;ne(),a(1);const l=U.value,o=G.value,u=V.value,r=j.value;_=setTimeout((()=>{let e=0;k=setInterval((()=>{a(e<l?1:o),e++}),r)}),u)}},oe=e=>"mouseup"===e.type||"mousedown"===e.type,ue=e=>{oe(e)&&"mouseup"===e.type&&e.button||(te(e),ne(),re(!1),E("change",w.value))},re=e=>{try{a.eventOnOff(e,[document.body,"mouseup",ue,!1]),a.eventOnOff(e,[document.body,"touchend",ue,!1])}catch{}},ne=()=>{clearTimeout(_),clearInterval(k),_=void 0,k=void 0},ie=e.computed((()=>{const e={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"bi bi-plus",viewBox:"0 0 16 16"},a={d:"M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"},t={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"bi bi-dash",viewBox:"0 0 16 16"},l={d:"M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"},o={class:[{"py-0":!D.vertical},"btn","btn-sm","border-0","rounded-0"],tabindex:"-1",type:"button",disabled:D.disabled||D.readonly,"aria-disabled":!(!D.disabled&&!D.readonly)||void 0,"aria-controls":C.value},u={"aria-hidden":!0,scale:O.value?1.5:1.25},r=(e,a)=>{D.disabled||D.readonly||(te(e),re(!0),O.value=!0,le(e,a))},n={button:{...o,"aria-label":D.labelIncrement||void 0,"aria-keyshortcuts":"ArrowUp"},svg:{...u,...e},path:{...a},slot:{name:"increment"},handler:e=>r(e,ee)},i={button:{...o,"aria-label":D.labelDecrement||void 0,"aria-keyshortcuts":"ArrowDown"},svg:{...u,...t},path:{...l},slot:{name:"decrement"},handler:e=>r(e,ae)};return{top:{...D.vertical?n:i},bottom:{...D.vertical?i:n}}}));return(a,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"element",ref:x,class:e.normalizeClass(["b-form-spinbutton form-control",P.value]),role:"group",lang:J.value,tabindex:e.unref(D).disabled?void 0:"-1",title:e.unref(D).ariaLabel,onClick:t[4]||(t[4]=e=>O.value=!0)},[e.renderSlot(a.$slots,ie.value.top.slot.name,{hasFocus:e.unref(O)},(()=>[e.createElementVNode("button",e.mergeProps(ie.value.top.button,{onMousedown:t[0]||(t[0]=(...e)=>ie.value.top.handler&&ie.value.top.handler(...e)),onTouchstart:t[1]||(t[1]=(...e)=>ie.value.top.handler&&ie.value.top.handler(...e))}),[(e.openBlock(),e.createElementBlock("svg",e.normalizeProps(e.guardReactiveProps(ie.value.top.svg)),[e.createElementVNode("path",e.normalizeProps(e.guardReactiveProps(ie.value.top.path)),null,16)],16))],16)])),e.unref(D).name&&!e.unref(D).disabled?(e.openBlock(),e.createElementBlock("input",{key:"hidden",type:"hidden",name:e.unref(D).name,form:e.unref(D).form,value:$.value},null,8,d)):e.createCommentVNode("",!0),e.createElementVNode("output",{id:e.unref(C),key:"output",class:e.normalizeClass(["flex-grow-1",M.value]),dir:e.unref(H)?"rtl":"ltr",tabindex:e.unref(D).disabled?void 0:"0",role:"spinbutton","aria-live":"off","aria-label":e.unref(D).ariaLabel||void 0,"aria-invalid":!!(!1===e.unref(D).state||null!==!w.value&&e.unref(D).required)||void 0,"aria-required":!!e.unref(D).required||void 0,"aria-valuemin":F.value,"aria-valuemax":A.value,"aria-valuenow":null!==w.value?w.value:void 0,"aria-valuetext":null!==w.value?Q.value(w.value):void 0},[e.createElementVNode("bdi",null,e.toDisplayString((null!==w.value?Q.value(w.value):e.unref(D).placeholder)||""),1)],10,s),e.renderSlot(a.$slots,ie.value.bottom.slot.name,{hasFocus:e.unref(O)},(()=>[e.createElementVNode("button",e.mergeProps(ie.value.bottom.button,{onMousedown:t[2]||(t[2]=(...e)=>ie.value.bottom.handler&&ie.value.bottom.handler(...e)),onTouchstart:t[3]||(t[3]=(...e)=>ie.value.bottom.handler&&ie.value.bottom.handler(...e))}),[(e.openBlock(),e.createElementBlock("svg",e.normalizeProps(e.guardReactiveProps(ie.value.bottom.svg)),[e.createElementVNode("path",e.normalizeProps(e.guardReactiveProps(ie.value.bottom.path)),null,16)],16))],16)]))],10,i))}});exports._sfc_main=y;
+//# sourceMappingURL=BFormSpinbutton.vue_vue_type_script_setup_true_lang-Cpthe9q6.js.map