bootstrap-vue-next 0.44.0 → 0.44.2

package/dist/BFormRating.vue_vue_type_script_setup_true_lang-Ck7kirAz.mjs

@@ -1,250 +0,0 @@
-import { defineComponent, mergeModels, useModel, computed, ref, createElementBlock, openBlock, unref, normalizeClass, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString } from "vue";
-import { u as useDefaults } from "./useDefaults-DvqfKEoD.mjs";
-import { u as useId } from "./useId-9_HUwM96.mjs";
-import { u as useRtl } from "./useRtl-B6hKZO1m.mjs";
-const _hoisted_1 = ["id", "dir", "form", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-disabled", "aria-readonly", "tabindex"];
-const _hoisted_2 = ["name", "form", "value"];
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "b-form-rating-star" };
-const _hoisted_5 = ["width", "height"];
-const _hoisted_6 = {
-  key: 0,
-  d: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
-};
-const _hoisted_7 = {
-  key: 1,
-  d: "M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z"
-};
-const _hoisted_8 = {
-  key: 2,
-  d: "M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.522 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BFormRating",
-  props: /* @__PURE__ */ mergeModels({
-    color: { default: "" },
-    id: { default: void 0 },
-    inline: { type: Boolean, default: false },
-    locale: { default: void 0 },
-    noBorder: { type: Boolean, default: false },
-    precision: { default: 0 },
-    readonly: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    form: { default: void 0 },
-    name: { default: void 0 },
-    showClear: { type: Boolean, default: false },
-    showValue: { type: Boolean, default: false },
-    showValueMax: { type: Boolean, default: false },
-    size: { default: "1rem" },
-    stars: { default: 5 },
-    variant: { default: void 0 }
-  }, {
-    "modelValue": { default: 0 },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose }) {
-    const _props = __props;
-    const props = useDefaults(_props, "BFormRating");
-    const modelValue = useModel(__props, "modelValue");
-    const computedId = useId(() => props.id, "form-rating");
-    const { isRtl, locale: globalLocale } = useRtl();
-    const computedLocale = computed(() => {
-      const loc = (props.locale ?? globalLocale?.value) || void 0;
-      const nf = new Intl.NumberFormat(loc);
-      return nf.resolvedOptions().locale;
-    });
-    const computedRtl = computed(() => {
-      const locale = computedLocale.value;
-      try {
-        const localeObj = new Intl.Locale(locale);
-        const { textInfo } = localeObj;
-        if (textInfo) {
-          return textInfo.direction === "rtl";
-        }
-      } catch {
-      }
-      return isRtl?.value ?? false;
-    });
-    const computedClasses = computed(() => ({
-      "form-control": true,
-      "is-readonly": props.readonly,
-      "is-disabled": props.disabled,
-      "no-border": props.noBorder,
-      "b-form-rating": true,
-      "d-inline-flex": props.inline
-    }));
-    function isIconFull(index) {
-      return displayValue.value - index >= 1;
-    }
-    function isIconHalf(index) {
-      const diff = displayValue.value - index;
-      return diff >= 0.5 && diff < 1;
-    }
-    const hoverValue = ref(null);
-    const displayValue = computed(
-      () => hoverValue.value !== null ? hoverValue.value : modelValue.value
-    );
-    const clampedStars = computed(() => Math.max(3, props.stars));
-    const computedSize = computed(() => {
-      if (props.size === "sm") return ".875rem";
-      if (props.size === "lg") return "1.25rem";
-      return props.size;
-    });
-    const computedFormatter = computed(
-      () => new Intl.NumberFormat(computedLocale.value, {
-        style: "decimal",
-        useGrouping: false,
-        minimumFractionDigits: props.precision > 0 ? props.precision : 0,
-        maximumFractionDigits: props.precision > 0 ? props.precision : 0,
-        notation: "standard"
-      })
-    );
-    const displayValueText = computed(() => {
-      const val = props.precision > 0 ? roundedValue.value : displayValue.value;
-      const formattedValue = computedFormatter.value.format(val);
-      if (props.showValueMax) {
-        const formattedMax = computedFormatter.value.format(clampedStars.value);
-        return `${formattedValue}/${formattedMax}`;
-      }
-      if (props.showValue) {
-        return formattedValue;
-      }
-      return "";
-    });
-    const roundedValue = computed(() => {
-      const val = displayValue.value;
-      const factor = 10 ** props.precision;
-      return Math.round((val + Number.EPSILON) * factor) / factor;
-    });
-    const iconColors = computed(
-      () => Array.from({ length: clampedStars.value }, () => {
-        if (props.disabled) {
-          return { class: "is-disabled", style: {} };
-        }
-        if (props.variant) {
-          return { class: `text-${props.variant}`, style: {} };
-        }
-        if (props.color) {
-          return { class: "", style: { color: props.color } };
-        }
-        return { class: "", style: {} };
-      })
-    );
-    function onKeydown(e) {
-      if (props.readonly || props.disabled) return;
-      let newValue = modelValue.value;
-      const isRtlMode = computedRtl.value;
-      switch (e.key) {
-        case "ArrowRight":
-          newValue = isRtlMode ? Math.max(newValue - 1, 0) : Math.min(newValue + 1, clampedStars.value);
-          break;
-        case "ArrowUp":
-          newValue = Math.min(newValue + 1, clampedStars.value);
-          break;
-        case "ArrowLeft":
-          newValue = isRtlMode ? Math.min(newValue + 1, clampedStars.value) : Math.max(newValue - 1, 0);
-          break;
-        case "ArrowDown":
-          newValue = Math.max(newValue - 1, 0);
-          break;
-        default:
-          return;
-      }
-      e.preventDefault();
-      modelValue.value = newValue;
-    }
-    function selectRating(starIndex) {
-      if (props.readonly || props.disabled) return;
-      const selectedRating = hoverValue.value !== null ? hoverValue.value : starIndex;
-      modelValue.value = selectedRating;
-    }
-    function clearRating() {
-      hoverValue.value = null;
-      modelValue.value = 0;
-    }
-    __expose({
-      hoverValue
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("output", {
-        id: unref(computedId),
-        class: normalizeClass(computedClasses.value),
-        dir: computedRtl.value ? "rtl" : "ltr",
-        form: unref(props).form ? unref(props).form : void 0,
-        role: "slider",
-        "aria-valuemin": 0,
-        "aria-valuemax": clampedStars.value,
-        "aria-valuenow": displayValue.value,
-        "aria-valuetext": `${displayValue.value} of ${clampedStars.value}`,
-        "aria-disabled": unref(props).disabled ? true : void 0,
-        "aria-readonly": unref(props).readonly ? true : void 0,
-        tabindex: unref(props).disabled ? void 0 : "0",
-        onKeydown
-      }, [
-        unref(props).name && !unref(props).disabled ? (openBlock(), createElementBlock("input", {
-          key: "hidden",
-          type: "hidden",
-          name: unref(props).name,
-          form: unref(props).form,
-          value: modelValue.value
-        }, null, 8, _hoisted_2)) : createCommentVNode("", true),
-        unref(props).showClear && !unref(props).readonly && !unref(props).disabled ? (openBlock(), createElementBlock("span", {
-          key: 1,
-          class: "clear-button-spacing",
-          onClick: clearRating
-        }, [
-          renderSlot(_ctx.$slots, "icon-clear", {}, () => [
-            _cache[0] || (_cache[0] = createElementVNode("svg", {
-              viewBox: "0 0 16 16",
-              role: "img",
-              "aria-label": "x",
-              xmlns: "http://www.w3.org/2000/svg",
-              class: "clear-icon"
-            }, [
-              createElementVNode("g", null, [
-                createElementVNode("path", { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" })
-              ])
-            ], -1))
-          ])
-        ])) : createCommentVNode("", true),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(clampedStars.value, (starIndex, index) => {
-          return openBlock(), createElementBlock("span", {
-            key: starIndex,
-            class: "star",
-            onClick: ($event) => selectRating(starIndex)
-          }, [
-            renderSlot(_ctx.$slots, "default", {
-              starIndex,
-              isFilled: isIconFull(index),
-              isHalf: isIconHalf(index)
-            }, () => [
-              createElementVNode("span", _hoisted_4, [
-                (openBlock(), createElementBlock("svg", {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  width: computedSize.value,
-                  height: computedSize.value,
-                  fill: "currentColor",
-                  class: normalizeClass([[iconColors.value[index].class], "star-spacing"]),
-                  style: normalizeStyle(iconColors.value[index].style),
-                  viewBox: "0 0 16 16"
-                }, [
-                  isIconFull(index) ? (openBlock(), createElementBlock("path", _hoisted_6)) : isIconHalf(index) ? (openBlock(), createElementBlock("path", _hoisted_7)) : (openBlock(), createElementBlock("path", _hoisted_8))
-                ], 14, _hoisted_5))
-              ])
-            ])
-          ], 8, _hoisted_3);
-        }), 128)),
-        unref(props).showValue || unref(props).showValueMax ? (openBlock(), createElementBlock("span", {
-          key: 2,
-          style: normalizeStyle({ fontSize: computedSize.value }),
-          class: "rating-value-text"
-        }, toDisplayString(displayValueText.value), 5)) : createCommentVNode("", true)
-      ], 42, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};
-//# sourceMappingURL=BFormRating.vue_vue_type_script_setup_true_lang-Ck7kirAz.mjs.map

package/dist/BFormRating.vue_vue_type_script_setup_true_lang-Ck7kirAz.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BFormRating.vue_vue_type_script_setup_true_lang-Ck7kirAz.mjs","sources":["../src/components/BFormRating/BFormRating.vue"],"sourcesContent":["<template>\n  <output\n    :id=\"computedId\"\n    :class=\"computedClasses\"\n    :dir=\"computedRtl ? 'rtl' : 'ltr'\"\n    :form=\"props.form ? props.form : undefined\"\n    role=\"slider\"\n    :aria-valuemin=\"0\"\n    :aria-valuemax=\"clampedStars\"\n    :aria-valuenow=\"displayValue\"\n    :aria-valuetext=\"`${displayValue} of ${clampedStars}`\"\n    :aria-disabled=\"props.disabled ? true : undefined\"\n    :aria-readonly=\"props.readonly ? true : undefined\"\n    :tabindex=\"props.disabled ? undefined : '0'\"\n    @keydown=\"onKeydown\"\n  >\n    <input\n      v-if=\"props.name && !props.disabled\"\n      key=\"hidden\"\n      type=\"hidden\"\n      :name=\"props.name\"\n      :form=\"props.form\"\n      :value=\"modelValue\"\n    />\n    <span\n      v-if=\"props.showClear && !props.readonly && !props.disabled\"\n      class=\"clear-button-spacing\"\n      @click=\"clearRating\"\n    >\n      <slot name=\"icon-clear\">\n        <svg\n          viewBox=\"0 0 16 16\"\n          role=\"img\"\n          aria-label=\"x\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"clear-icon\"\n        >\n          <g>\n            <path\n              d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708\"\n            />\n          </g>\n        </svg>\n      </slot>\n    </span>\n    <span\n      v-for=\"(starIndex, index) in clampedStars\"\n      :key=\"starIndex\"\n      class=\"star\"\n      @click=\"selectRating(starIndex)\"\n    >\n      <slot :star-index=\"starIndex\" :is-filled=\"isIconFull(index)\" :is-half=\"isIconHalf(index)\">\n        <span class=\"b-form-rating-star\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            :width=\"computedSize\"\n            :height=\"computedSize\"\n            fill=\"currentColor\"\n            :class=\"[iconColors[index].class]\"\n            :style=\"iconColors[index].style\"\n            class=\"star-spacing\"\n            viewBox=\"0 0 16 16\"\n          >\n            <path\n              v-if=\"isIconFull(index)\"\n              d=\"M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z\"\n            />\n            <path\n              v-else-if=\"isIconHalf(index)\"\n              d=\"M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z\"\n            />\n            <path\n              v-else\n              d=\"M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.522 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z\"\n            />\n          </svg>\n        </span>\n      </slot>\n    </span>\n\n    <span\n      v-if=\"props.showValue || props.showValueMax\"\n      :style=\"{fontSize: computedSize}\"\n      class=\"rating-value-text\"\n    >\n      {{ displayValueText }}\n    </span>\n  </output>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, ref} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormRatingProps} from '../../types/ComponentProps'\nimport {useId} from '../../composables/useId'\nimport {useRtl} from '../../composables/useRtl'\nimport type {BFormRatingSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<Omit<BFormRatingProps, 'modelValue'>>(), {\n  color: '',\n  id: undefined,\n  inline: false,\n  locale: undefined,\n  noBorder: false,\n  precision: 0,\n  readonly: false,\n  disabled: false,\n  form: undefined,\n  name: undefined,\n  showClear: false,\n  showValue: false,\n  showValueMax: false,\n  size: '1rem',\n  stars: 5,\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BFormRating')\ndefineSlots<BFormRatingSlots>()\n\nconst modelValue = defineModel<Exclude<BFormRatingProps['modelValue'], undefined>>({default: 0})\n\nconst computedId = useId(() => props.id, 'form-rating')\n\nconst {isRtl, locale: globalLocale} = useRtl()\n\nconst computedLocale = computed(() => {\n  const loc = (props.locale ?? globalLocale?.value) || undefined\n  const nf = new Intl.NumberFormat(loc)\n  return nf.resolvedOptions().locale\n})\n\nconst computedRtl = computed(() => {\n  const locale = computedLocale.value\n  try {\n    const localeObj = new Intl.Locale(locale)\n    const {textInfo} = localeObj as Intl.Locale & {textInfo?: {direction: string}}\n    if (textInfo) {\n      return textInfo.direction === 'rtl'\n    }\n  } catch {\n    // Fallback\n  }\n  return isRtl?.value ?? false\n})\n\nconst computedClasses = computed(() => ({\n  'form-control': true,\n  'is-readonly': props.readonly,\n  'is-disabled': props.disabled,\n  'no-border': props.noBorder,\n  'b-form-rating': true,\n  'd-inline-flex': props.inline,\n}))\n\nfunction isIconFull(index: number): boolean {\n  return displayValue.value - index >= 1\n}\n\nfunction isIconHalf(index: number): boolean {\n  const diff = displayValue.value - index\n  return diff >= 0.5 && diff < 1\n}\n\nconst hoverValue = ref<number | null>(null)\n\nconst displayValue = computed(() =>\n  hoverValue.value !== null ? hoverValue.value : modelValue.value\n)\n\n// Set the minimum amount of star can be render to 3\nconst clampedStars = computed(() => Math.max(3, props.stars))\n\nconst computedSize = computed(() => {\n  if (props.size === 'sm') return '.875rem'\n  if (props.size === 'lg') return '1.25rem'\n  return props.size\n})\n\nconst computedFormatter = computed(\n  () =>\n    new Intl.NumberFormat(computedLocale.value, {\n      style: 'decimal',\n      useGrouping: false,\n      minimumFractionDigits: props.precision > 0 ? props.precision : 0,\n      maximumFractionDigits: props.precision > 0 ? props.precision : 0,\n      notation: 'standard',\n    })\n)\n\nconst displayValueText = computed(() => {\n  const val = props.precision > 0 ? roundedValue.value : displayValue.value\n  const formattedValue = computedFormatter.value.format(val)\n  if (props.showValueMax) {\n    const formattedMax = computedFormatter.value.format(clampedStars.value)\n    return `${formattedValue}/${formattedMax}`\n  }\n  if (props.showValue) {\n    return formattedValue\n  }\n  return ''\n})\n\nconst roundedValue = computed(() => {\n  const val = displayValue.value\n  const factor = 10 ** props.precision\n  return Math.round((val + Number.EPSILON) * factor) / factor\n})\n\nconst iconColors = computed(() =>\n  Array.from({length: clampedStars.value}, () => {\n    if (props.disabled) {\n      return {class: 'is-disabled', style: {}}\n    }\n    if (props.variant) {\n      return {class: `text-${props.variant}`, style: {}}\n    }\n    if (props.color) {\n      return {class: '', style: {color: props.color}}\n    }\n    return {class: '', style: {}}\n  })\n)\n\n//add keyboard support\nfunction onKeydown(e: KeyboardEvent) {\n  if (props.readonly || props.disabled) return\n\n  let newValue = modelValue.value\n\n  const isRtlMode = computedRtl.value\n\n  switch (e.key) {\n    case 'ArrowRight':\n      newValue = isRtlMode ? Math.max(newValue - 1, 0) : Math.min(newValue + 1, clampedStars.value)\n      break\n    case 'ArrowUp':\n      newValue = Math.min(newValue + 1, clampedStars.value)\n      break\n    case 'ArrowLeft':\n      newValue = isRtlMode ? Math.min(newValue + 1, clampedStars.value) : Math.max(newValue - 1, 0)\n      break\n    case 'ArrowDown':\n      newValue = Math.max(newValue - 1, 0)\n      break\n    default:\n      return\n  }\n\n  e.preventDefault()\n  modelValue.value = newValue\n}\n\nfunction selectRating(starIndex: number) {\n  if (props.readonly || props.disabled) return\n  const selectedRating = hoverValue.value !== null ? hoverValue.value : starIndex\n  modelValue.value = selectedRating\n}\n\n// clear\nfunction clearRating() {\n  hoverValue.value = null\n  modelValue.value = 0\n}\n\ndefineExpose({\n  hoverValue,\n})\n</script>\n"],"names":["_useModel","_createElementBlock","_unref","_renderSlot","_createElementVNode","_openBlock","_Fragment","_renderList","_normalizeStyle"],"mappings":"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"}

package/dist/BFormSelect.vue_vue_type_script_setup_true_lang-BoyetQpE.js

@@ -1,276 +0,0 @@
-"use strict";
-const vue = require("vue");
-const useFormSelect = require("./useFormSelect-BrveyBvf.js");
-const useDefaults = require("./useDefaults-YXpmugKp.js");
-const useAriaInvalid = require("./useAriaInvalid-Caxf1WW4.js");
-const index = require("./index-C_bsiScj.js");
-const useId = require("./useId-Dl8Hi5_U.js");
-const useStateClass = require("./useStateClass-Bk6-veG2.js");
-const keys = require("./keys-D70E9HED.js");
-const index$1 = require("./index-JJEBhaXq.js");
-const _hoisted_1$1 = ["label"];
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-  __name: "BFormSelectOptionGroup",
-  props: {
-    disabledField: { default: "disabled" },
-    label: { default: void 0 },
-    options: { default: () => [] },
-    textField: { default: "text" },
-    valueField: { default: "value" }
-  },
-  setup(__props) {
-    const _props = __props;
-    const props = useDefaults.useDefaults(_props, "BFormSelectOptionGroup");
-    const { normalizedOptions } = useFormSelect.useFormSelect(() => props.options, props);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("optgroup", {
-        label: vue.unref(props).label
-      }, [
-        vue.renderSlot(_ctx.$slots, "first"),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(normalizedOptions), (option, index2) => {
-          return vue.openBlock(), vue.createBlock(useFormSelect._sfc_main, vue.mergeProps({ key: index2 }, { ref_for: true }, { ..._ctx.$attrs, ...option }), {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "option", vue.mergeProps({ ref_for: true }, option), () => [
-                vue.createTextVNode(vue.toDisplayString(option.text), 1)
-              ])
-            ]),
-            _: 2
-          }, 1040);
-        }), 128)),
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 8, _hoisted_1$1);
-    };
-  }
-});
-const _hoisted_1 = ["id", "name", "form", "multiple", "size", "disabled", "required", "aria-required", "aria-invalid"];
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  __name: "BFormSelectBase",
-  props: /* @__PURE__ */ vue.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 },
-    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": {
-      default: ""
-    },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose }) {
-    const _props = __props;
-    const props = useDefaults.useDefaults(_props, "BFormSelect");
-    const modelValue = vue.useModel(__props, "modelValue");
-    const computedId = useId.useId(() => props.id, "input");
-    const formGroupData = vue.inject(keys.formGroupKey, null)?.(computedId);
-    const isDisabled = vue.computed(() => props.disabled || (formGroupData?.disabled.value ?? false));
-    const selectSizeNumber = index$1.useToNumber(() => props.selectSize);
-    const stateClass = useStateClass.useStateClass(() => props.state);
-    const input = vue.useTemplateRef("_input");
-    const { focused } = index.useFocus(input, {
-      initialValue: props.autofocus
-    });
-    const computedClasses = vue.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 = vue.computed(
-      () => !props.plain && selectSizeNumber.value > 0 ? selectSizeNumber.value : void 0
-    );
-    const computedAriaInvalid = useAriaInvalid.useAriaInvalid(
-      () => props.ariaInvalid,
-      () => props.state
-    );
-    const { normalizedOptions, isComplex } = useFormSelect.useFormSelect(() => props.options, props);
-    const normalizedOptsWrapper = vue.computed(() => normalizedOptions.value);
-    const localValue = vue.computed({
-      get: () => modelValue.value,
-      set: (newValue) => {
-        modelValue.value = newValue;
-      }
-    });
-    vue.provide(keys.formSelectKey, {
-      modelValue: vue.readonly(localValue)
-    });
-    __expose({
-      blur: () => {
-        focused.value = false;
-      },
-      element: input,
-      focus: () => {
-        focused.value = true;
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("select", {
-        id: vue.unref(computedId),
-        ref: "_input",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localValue.value = $event),
-        class: vue.normalizeClass(computedClasses.value),
-        name: vue.unref(props).name,
-        form: vue.unref(props).form || void 0,
-        multiple: vue.unref(props).multiple || void 0,
-        size: computedSelectSize.value,
-        disabled: isDisabled.value,
-        required: vue.unref(props).required || void 0,
-        "aria-required": vue.unref(props).required || void 0,
-        "aria-invalid": vue.unref(computedAriaInvalid)
-      }, [
-        vue.renderSlot(_ctx.$slots, "first"),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(normalizedOptsWrapper.value, (option, index2) => {
-          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
-            vue.unref(isComplex)(option) ? (vue.openBlock(), vue.createBlock(_sfc_main$2, {
-              key: 0,
-              label: option.label,
-              options: option.options,
-              "value-field": vue.unref(props).valueField,
-              "text-field": vue.unref(props).textField,
-              "disabled-field": vue.unref(props).disabledField
-            }, null, 8, ["label", "options", "value-field", "text-field", "disabled-field"])) : (vue.openBlock(), vue.createBlock(useFormSelect._sfc_main, vue.mergeProps({
-              key: 1,
-              ref_for: true
-            }, option), {
-              default: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "option", vue.mergeProps({ ref_for: true }, option), () => [
-                  vue.createTextVNode(vue.toDisplayString(option.text), 1)
-                ])
-              ]),
-              _: 2
-            }, 1040))
-          ], 64);
-        }), 128)),
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1)), [
-        [vue.vModelSelect, localValue.value]
-      ]);
-    };
-  }
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "BFormSelect",
-  props: /* @__PURE__ */ vue.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 },
-    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) {
-    const props = __props;
-    const modelValue = vue.useModel(__props, "modelValue");
-    const normalizeSimpleOption = (el) => ({
-      ...el,
-      value: el[props.valueField],
-      text: el[props.textField] ?? "",
-      disabled: el[props.disabledField] ?? false
-    });
-    const normalizePrimitive = (el) => ({ value: el, text: String(el), disabled: false });
-    const normalizedOptions = vue.computed(() => {
-      const optionsArray = props.options ?? [];
-      const hasComplexOptions = optionsArray.some(
-        (el) => typeof el !== "string" && typeof el !== "number" && typeof el !== "boolean" && el[props.optionsField] !== void 0
-      );
-      if (hasComplexOptions) {
-        return optionsArray.map((el) => {
-          if (typeof el === "string" || typeof el === "number" || typeof el === "boolean") {
-            return normalizePrimitive(el);
-          }
-          const optionsField = el[props.optionsField];
-          if (optionsField !== void 0 && Array.isArray(optionsField)) {
-            const label = el[props.labelField] ?? el[props.textField] ?? "";
-            return {
-              label,
-              options: optionsField.map((subOpt) => {
-                if (typeof subOpt === "string" || typeof subOpt === "number" || typeof subOpt === "boolean") {
-                  return normalizePrimitive(subOpt);
-                }
-                return normalizeSimpleOption(subOpt);
-              })
-            };
-          }
-          return normalizeSimpleOption(el);
-        });
-      }
-      return optionsArray.map((el) => {
-        if (typeof el === "string" || typeof el === "number" || typeof el === "boolean") {
-          return normalizePrimitive(el);
-        }
-        return normalizeSimpleOption(el);
-      });
-    });
-    const forwardedProps = vue.computed(() => ({
-      ariaInvalid: props.ariaInvalid,
-      autofocus: props.autofocus,
-      disabled: props.disabled,
-      form: props.form,
-      id: props.id,
-      multiple: props.multiple,
-      name: props.name,
-      plain: props.plain,
-      required: props.required,
-      selectSize: props.selectSize,
-      size: props.size,
-      state: props.state
-    }));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$1, vue.mergeProps(forwardedProps.value, {
-        modelValue: modelValue.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-        options: normalizedOptions.value
-      }), {
-        first: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "first")
-        ]),
-        option: vue.withCtx((slotProps) => [
-          vue.renderSlot(_ctx.$slots, "option", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
-        ]),
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["modelValue", "options"]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports._sfc_main$1 = _sfc_main$2;
-//# sourceMappingURL=BFormSelect.vue_vue_type_script_setup_true_lang-BoyetQpE.js.map

package/dist/BFormSelect.vue_vue_type_script_setup_true_lang-BoyetQpE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BFormSelect.vue_vue_type_script_setup_true_lang-BoyetQpE.js","sources":["../src/components/BFormSelect/BFormSelectOptionGroup.vue","../src/components/BFormSelect/BFormSelectBase.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 normalizedOptions\"\n      :key=\"index\"\n      v-bind=\"{...$attrs, ...option}\"\n    >\n      <slot name=\"option\" v-bind=\"option\">\n        {{ option.text }}\n      </slot>\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 type {ComputedRef} from 'vue'\nimport {useFormSelect} from '../../composables/useFormSelect'\nimport type {SelectOption} from '../../types/SelectTypes'\nimport type {BFormSelectOptionGroupSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BFormSelectOptionGroupProps>(), {\n  disabledField: 'disabled',\n  label: undefined,\n  options: () => [],\n  textField: 'text',\n  valueField: 'value',\n})\nconst props = useDefaults(_props, 'BFormSelectOptionGroup')\ndefineSlots<BFormSelectOptionGroupSlots<T>>()\n\n// The form select context is injected by BFormSelectOption components automatically\n// We don't need to handle the selected value here since each BFormSelectOption\n// will inject the context directly\n\n// Type assertion is needed because useFormSelect is not generic-aware.\n// This is acceptable in the wrapper/base pattern where the wrapper (BFormSelect)\n// handles type-safe normalization before passing to base components.\nconst {normalizedOptions} = useFormSelect(() => props.options, props) as {\n  normalizedOptions: ComputedRef<SelectOption<T>[]>\n}\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=\"isDisabled\"\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        :disabled-field=\"props.disabledField\"\n      />\n      <BFormSelectOption v-else v-bind=\"option\">\n        <slot name=\"option\" v-bind=\"option\">\n          {{ option.text }}\n        </slot>\n      </BFormSelectOption>\n    </template>\n    <slot />\n  </select>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BFormSelectBaseProps} from '../../types/ComponentProps'\nimport {computed, inject, provide, readonly, useTemplateRef} 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 {formGroupKey, formSelectKey} from '../../utils/keys'\n\n/**\n * Base component for BFormSelect - non-generic implementation using useDefaults.\n * Renders a select element with normalized options and option groups.\n * Supports both simple options and complex grouped options.\n */\nconst _props = withDefaults(defineProps<Omit<BFormSelectBaseProps, 'modelValue'>>(), {\n  ariaInvalid: undefined,\n  autofocus: false,\n  disabled: false,\n  disabledField: 'disabled',\n  form: undefined,\n  id: undefined,\n  labelField: 'label',\n  multiple: false,\n  name: undefined,\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\nconst modelValue = defineModel<unknown>({\n  default: '',\n})\n\nconst computedId = useId(() => props.id, 'input')\n\nconst formGroupData = inject(formGroupKey, null)?.(computedId)\nconst isDisabled = computed(() => props.disabled || (formGroupData?.disabled.value ?? false))\n\nconst selectSizeNumber = useToNumber(() => props.selectSize)\n\nconst stateClass = useStateClass(() => props.state)\n\nconst input = useTemplateRef('_input')\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  !props.plain && selectSizeNumber.value > 0 ? 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(() => normalizedOptions.value)\n\nconst localValue = computed({\n  get: () => modelValue.value,\n  set: (newValue) => {\n    modelValue.value = newValue\n  },\n})\n\n// Provide the current model value for child components to inject\nprovide(formSelectKey, {\n  modelValue: readonly(localValue),\n})\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  <BFormSelectBase v-bind=\"forwardedProps\" v-model=\"modelValue\" :options=\"normalizedOptions as any\">\n    <!-- Forward all slots -->\n    <template #first>\n      <slot name=\"first\" />\n    </template>\n\n    <template #option=\"slotProps\">\n      <slot name=\"option\" v-bind=\"slotProps as any\" />\n    </template>\n\n    <slot />\n  </BFormSelectBase>\n</template>\n\n<script\n  setup\n  lang=\"ts\"\n  generic=\"\n    Options extends readonly (object | string | number | boolean)[] = readonly (\n      | object\n      | string\n      | number\n      | boolean\n    )[]\n  \"\n>\nimport type {BFormSelectProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\nimport BFormSelectBase from './BFormSelectBase.vue'\nimport type {ComplexSelectOptionRaw, SelectOption} from '../../types/SelectTypes'\nimport type {BFormSelectSlots} from '../../types'\nimport type {OptionsValues} from '../../types/OptionsTypes'\n\n/**\n * Type-safe wrapper component for BFormSelect.\n * Provides generic type safety for options array and strongly-typed modelValue.\n * Uses Options array generic to extract union of all possible values.\n * Normalizes typed options and forwards to BFormSelectBase for rendering.\n * Supports both complex objects and simple scalar types (string, number).\n *\n * For strongly-typed modelValue:\n * - Primitive arrays: modelValue is union of those values (or array if multiple)\n * - Object arrays with 'value' field: modelValue is union of value field types\n * - Use 'as const' on options for literal type inference\n */\nconst props = withDefaults(defineProps<Omit<BFormSelectProps<Options>, 'modelValue'>>(), {\n  ariaInvalid: undefined,\n  autofocus: false,\n  disabled: false,\n  disabledField: 'disabled',\n  form: undefined,\n  id: undefined,\n  labelField: 'label',\n  multiple: false,\n  name: undefined,\n  options: () => [] as unknown as 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})\ndefineSlots<BFormSelectSlots<OptionsValues<Options>>>()\n\n// Type-safe model value - single value or array depending on multiple prop.\n// NOTE: OptionsValues assumes a static \"value\" key; custom valueField is not\n// reflected in the type — modelValue falls back to unknown in that case.\nconst modelValue = defineModel<OptionsValues<Options> | OptionsValues<Options>[] | null>({\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default: '' as any,\n})\n\n// Normalize a single simple option using custom field names\nconst normalizeSimpleOption = (el: object): SelectOption =>\n  ({\n    ...(el as Record<string, unknown>),\n    value: (el as Record<string, unknown>)[props.valueField as string],\n    text: ((el as Record<string, unknown>)[props.textField as string] as string | undefined) ?? '',\n    disabled:\n      ((el as Record<string, unknown>)[props.disabledField as string] as boolean | undefined) ??\n      false,\n  }) as SelectOption\n\nconst normalizePrimitive = (el: string | number | boolean): SelectOption =>\n  ({value: el, text: String(el), disabled: false}) as SelectOption\n\n// Type-safe normalization of options (supports both simple and complex/grouped)\nconst normalizedOptions = computed(() => {\n  const optionsArray = props.options ?? []\n  const hasComplexOptions = optionsArray.some(\n    (el) =>\n      typeof el !== 'string' &&\n      typeof el !== 'number' &&\n      typeof el !== 'boolean' &&\n      (el as Record<string, unknown>)[props.optionsField as string] !== undefined\n  )\n\n  if (hasComplexOptions) {\n    return optionsArray.map((el) => {\n      if (typeof el === 'string' || typeof el === 'number' || typeof el === 'boolean') {\n        return normalizePrimitive(el)\n      }\n\n      // Check if this is a complex (grouped) option\n      const optionsField = (el as Record<string, unknown>)[props.optionsField as string]\n      if (optionsField !== undefined && Array.isArray(optionsField)) {\n        // Complex option with nested options\n        const label =\n          ((el as Record<string, unknown>)[props.labelField as string] as string | undefined) ??\n          ((el as Record<string, unknown>)[props.textField as string] as string | undefined) ??\n          ''\n        return {\n          label,\n          options: optionsField.map((subOpt: unknown) => {\n            if (\n              typeof subOpt === 'string' ||\n              typeof subOpt === 'number' ||\n              typeof subOpt === 'boolean'\n            ) {\n              return normalizePrimitive(subOpt)\n            }\n            return normalizeSimpleOption(subOpt as object)\n          }),\n        } as ComplexSelectOptionRaw\n      }\n\n      // Simple option - spread all properties from the original object to preserve class, data-*, etc.\n      return normalizeSimpleOption(el as object)\n    })\n  }\n\n  return optionsArray.map((el) => {\n    if (typeof el === 'string' || typeof el === 'number' || typeof el === 'boolean') {\n      return normalizePrimitive(el)\n    }\n    // Spread all properties from the original object to preserve class, data-*, etc.\n    return normalizeSimpleOption(el as object)\n  })\n})\n\n// Forward all props except options (which we normalize), modelValue (handled separately),\n// and field mappings (already used for normalization)\nconst forwardedProps = computed(() => ({\n  ariaInvalid: props.ariaInvalid,\n  autofocus: props.autofocus,\n  disabled: props.disabled,\n  form: props.form,\n  id: props.id,\n  multiple: props.multiple,\n  name: props.name,\n  plain: props.plain,\n  required: props.required,\n  selectSize: props.selectSize,\n  size: props.size,\n  state: props.state,\n}))\n</script>\n"],"names":["useDefaults","useFormSelect","_createElementBlock","_unref","_renderSlot","_openBlock","_Fragment","_renderList","index","_createBlock","BFormSelectOption","_mergeProps","$attrs","_createTextVNode","_toDisplayString","_useModel","useId","inject","formGroupKey","computed","useToNumber","useStateClass","useTemplateRef","useFocus","useAriaInvalid","provide","formSelectKey","readonly","BFormSelectOptionGroup","BFormSelectBase","_withCtx"],"mappings":"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"}