bootstrap-vue-next 0.45.9 → 0.46.0

package/dist/BFormRating-CSdRxN5z.js

@@ -1,263 +0,0 @@
-require("./chunk-CoQrYLCe.js");
-const require_useDefaults = require("./useDefaults-C0CYry78.js");
-const require_useId = require("./useId-BkAY2oh6.js");
-const require_useRtl = require("./useRtl-BSgvbs5F.js");
-let vue = require("vue");
-//#region src/components/BFormRating/BFormRating.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = [
-	"id",
-	"dir",
-	"form",
-	"aria-valuemax",
-	"aria-valuenow",
-	"aria-valuetext",
-	"aria-disabled",
-	"aria-readonly",
-	"tabindex"
-];
-var _hoisted_2 = [
-	"name",
-	"form",
-	"value"
-];
-var _hoisted_3 = ["onClick"];
-var _hoisted_4 = { class: "b-form-rating-star" };
-var _hoisted_5 = ["width", "height"];
-var _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"
-};
-var _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"
-};
-var _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"
-};
-//#endregion
-//#region src/components/BFormRating/BFormRating.vue
-var BFormRating_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "BFormRating",
-	props: /* @__PURE__ */ (0, vue.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 = require_useDefaults.useDefaults(__props, "BFormRating");
-		const modelValue = (0, vue.useModel)(__props, "modelValue");
-		const computedId = require_useId.useId(() => props.id, "form-rating");
-		const { isRtl, locale: globalLocale } = require_useRtl.useRtl();
-		const computedLocale = (0, vue.computed)(() => {
-			const loc = (props.locale ?? globalLocale?.value) || void 0;
-			return new Intl.NumberFormat(loc).resolvedOptions().locale;
-		});
-		const computedRtl = (0, vue.computed)(() => {
-			const locale = computedLocale.value;
-			try {
-				const { textInfo } = new Intl.Locale(locale);
-				if (textInfo) return textInfo.direction === "rtl";
-			} catch {}
-			return isRtl?.value ?? false;
-		});
-		const computedClasses = (0, vue.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 >= .5 && diff < 1;
-		}
-		const hoverValue = (0, vue.ref)(null);
-		const displayValue = (0, vue.computed)(() => hoverValue.value !== null ? hoverValue.value : modelValue.value);
-		const clampedStars = (0, vue.computed)(() => Math.max(3, props.stars));
-		const computedSize = (0, vue.computed)(() => {
-			if (props.size === "sm") return ".875rem";
-			if (props.size === "lg") return "1.25rem";
-			return props.size;
-		});
-		const computedFormatter = (0, vue.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 = (0, vue.computed)(() => {
-			const val = props.precision > 0 ? roundedValue.value : displayValue.value;
-			const formattedValue = computedFormatter.value.format(val);
-			if (props.showValueMax) return `${formattedValue}/${computedFormatter.value.format(clampedStars.value)}`;
-			if (props.showValue) return formattedValue;
-			return "";
-		});
-		const roundedValue = (0, vue.computed)(() => {
-			const val = displayValue.value;
-			const factor = 10 ** props.precision;
-			return Math.round((val + Number.EPSILON) * factor) / factor;
-		});
-		const iconColors = (0, vue.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;
-			modelValue.value = hoverValue.value !== null ? hoverValue.value : starIndex;
-		}
-		function clearRating() {
-			hoverValue.value = null;
-			modelValue.value = 0;
-		}
-		__expose({ hoverValue });
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("output", {
-				id: (0, vue.unref)(computedId),
-				class: (0, vue.normalizeClass)(computedClasses.value),
-				dir: computedRtl.value ? "rtl" : "ltr",
-				form: (0, vue.unref)(props).form ? (0, vue.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": (0, vue.unref)(props).disabled ? true : void 0,
-				"aria-readonly": (0, vue.unref)(props).readonly ? true : void 0,
-				tabindex: (0, vue.unref)(props).disabled ? void 0 : "0",
-				onKeydown
-			}, [
-				(0, vue.unref)(props).name && !(0, vue.unref)(props).disabled ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
-					key: "hidden",
-					type: "hidden",
-					name: (0, vue.unref)(props).name,
-					form: (0, vue.unref)(props).form,
-					value: modelValue.value
-				}, null, 8, _hoisted_2)) : (0, vue.createCommentVNode)("", true),
-				(0, vue.unref)(props).showClear && !(0, vue.unref)(props).readonly && !(0, vue.unref)(props).disabled ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
-					key: 1,
-					class: "clear-button-spacing",
-					onClick: clearRating
-				}, [(0, vue.renderSlot)(_ctx.$slots, "icon-clear", {}, () => [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("svg", {
-					viewBox: "0 0 16 16",
-					role: "img",
-					"aria-label": "x",
-					xmlns: "http://www.w3.org/2000/svg",
-					class: "clear-icon"
-				}, [(0, vue.createElementVNode)("g", null, [(0, vue.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))])])) : (0, vue.createCommentVNode)("", true),
-				((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(clampedStars.value, (starIndex, index) => {
-					return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
-						key: starIndex,
-						class: "star",
-						onClick: ($event) => selectRating(starIndex)
-					}, [(0, vue.renderSlot)(_ctx.$slots, "default", {
-						starIndex,
-						isFilled: isIconFull(index),
-						isHalf: isIconHalf(index)
-					}, () => [(0, vue.createElementVNode)("span", _hoisted_4, [((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", {
-						xmlns: "http://www.w3.org/2000/svg",
-						width: computedSize.value,
-						height: computedSize.value,
-						fill: "currentColor",
-						class: (0, vue.normalizeClass)([[iconColors.value[index]?.class], "star-spacing"]),
-						style: (0, vue.normalizeStyle)(iconColors.value[index]?.style),
-						viewBox: "0 0 16 16"
-					}, [isIconFull(index) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("path", _hoisted_6)) : isIconHalf(index) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("path", _hoisted_7)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("path", _hoisted_8))], 14, _hoisted_5))])])], 8, _hoisted_3);
-				}), 128)),
-				(0, vue.unref)(props).showValue || (0, vue.unref)(props).showValueMax ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
-					key: 2,
-					style: (0, vue.normalizeStyle)({ fontSize: computedSize.value }),
-					class: "rating-value-text"
-				}, (0, vue.toDisplayString)(displayValueText.value), 5)) : (0, vue.createCommentVNode)("", true)
-			], 42, _hoisted_1);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "BFormRating_default", {
-	enumerable: true,
-	get: function() {
-		return BFormRating_default;
-	}
-});
-
-//# sourceMappingURL=BFormRating-CSdRxN5z.js.map

package/dist/BFormRating-CSdRxN5z.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BFormRating-CSdRxN5z.js","names":[],"sources":["../src/components/BFormRating/BFormRating.vue","../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 {useId} from '../../composables/useId'\nimport {useRtl} from '../../composables/useRtl'\nimport type {BFormRatingProps, 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 rendered 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  modelValue.value = hoverValue.value !== null ? hoverValue.value : starIndex\n}\n\n// clear\nfunction clearRating() {\n  hoverValue.value = null\n  modelValue.value = 0\n}\n\ndefineExpose({\n  hoverValue,\n})\n</script>\n","<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 {useId} from '../../composables/useId'\nimport {useRtl} from '../../composables/useRtl'\nimport type {BFormRatingProps, 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 rendered 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  modelValue.value = hoverValue.value !== null ? hoverValue.value : starIndex\n}\n\n// clear\nfunction clearRating() {\n  hoverValue.value = null\n  modelValue.value = 0\n}\n\ndefineExpose({\n  hoverValue,\n})\n</script>\n"],"mappings":"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"}

package/dist/BFormSelect-CI92Dv27.js

@@ -1,310 +0,0 @@
-require("./chunk-CoQrYLCe.js");
-const require_keys = require("./keys-BMye8nSf.js");
-const require_dist = require("./dist-DiXKLh_W.js");
-const require_useDefaults = require("./useDefaults-C0CYry78.js");
-const require_useId = require("./useId-BkAY2oh6.js");
-const require_useAriaInvalid = require("./useAriaInvalid-CHHPHNLU.js");
-const require_useStateClass = require("./useStateClass-CXK3nCg9.js");
-const require_useFormSelect = require("./useFormSelect-ClmzGzOy.js");
-const require_BFormSelectOption = require("./BFormSelectOption-DrwJucNf.js");
-let vue = require("vue");
-//#region src/components/BFormSelect/BFormSelectOptionGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = ["label"];
-//#endregion
-//#region src/components/BFormSelect/BFormSelectOptionGroup.vue
-var BFormSelectOptionGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "BFormSelectOptionGroup",
-	props: {
-		disabledField: { default: "disabled" },
-		label: { default: void 0 },
-		options: { default: () => [] },
-		textField: { default: "text" },
-		valueField: { default: "value" }
-	},
-	setup(__props) {
-		const props = require_useDefaults.useDefaults(__props, "BFormSelectOptionGroup");
-		const { normalizedOptions } = require_useFormSelect.useFormSelect(() => props.options, props);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("optgroup", { label: (0, vue.unref)(props).label }, [
-				(0, vue.renderSlot)(_ctx.$slots, "first"),
-				((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)((0, vue.unref)(normalizedOptions), (option, index) => {
-					return (0, vue.openBlock)(), (0, vue.createBlock)(require_BFormSelectOption.BFormSelectOption_default, (0, vue.mergeProps)({ key: index }, { ref_for: true }, {
-						..._ctx.$attrs,
-						...option
-					}), {
-						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "option", (0, vue.mergeProps)({ ref_for: true }, option), () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(option.text), 1)])]),
-						_: 2
-					}, 1040);
-				}), 128)),
-				(0, vue.renderSlot)(_ctx.$slots, "default")
-			], 8, _hoisted_1$1);
-		};
-	}
-});
-//#endregion
-//#region src/components/BFormSelect/BFormSelectBase.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = [
-	"id",
-	"name",
-	"form",
-	"multiple",
-	"size",
-	"disabled",
-	"required",
-	"aria-required",
-	"aria-invalid"
-];
-//#endregion
-//#region src/components/BFormSelect/BFormSelectBase.vue
-var BFormSelectBase_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "BFormSelectBase",
-	props: /* @__PURE__ */ (0, 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: void 0 },
-		state: {
-			type: [Boolean, null],
-			default: null
-		},
-		textField: { default: "text" },
-		valueField: { default: "value" }
-	}, {
-		"modelValue": { default: "" },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props, { expose: __expose }) {
-		const props = require_useDefaults.useDefaults(__props, "BFormSelect");
-		const modelValue = (0, vue.useModel)(__props, "modelValue");
-		const computedId = require_useId.useId(() => props.id, "input");
-		const formGroupData = (0, vue.inject)(require_keys.formGroupKey, null)?.();
-		formGroupData?.track(computedId);
-		const isDisabled = (0, vue.computed)(() => props.disabled || (formGroupData?.disabled.value ?? false));
-		const selectSizeNumber = require_dist.useToNumber(() => props.selectSize);
-		const stateClass = require_useStateClass.useStateClass(() => props.state);
-		const input = (0, vue.useTemplateRef)("_input");
-		const { focused } = require_dist.useFocus(input, { initialValue: props.autofocus });
-		const computedClasses = (0, vue.computed)(() => [stateClass.value, {
-			"form-control": props.plain,
-			[`form-control-${props.size}`]: props.size !== void 0 && props.plain,
-			"form-select": !props.plain,
-			[`form-select-${props.size}`]: props.size !== void 0 && !props.plain
-		}]);
-		const computedSelectSize = (0, vue.computed)(() => !props.plain && selectSizeNumber.value > 0 ? selectSizeNumber.value : void 0);
-		const computedAriaInvalid = require_useAriaInvalid.useAriaInvalid(() => props.ariaInvalid, () => props.state);
-		const { normalizedOptions, isComplex } = require_useFormSelect.useFormSelect(() => props.options, props);
-		const normalizedOptsWrapper = (0, vue.computed)(() => normalizedOptions.value);
-		const localValue = (0, vue.computed)({
-			get: () => modelValue.value,
-			set: (newValue) => {
-				modelValue.value = newValue;
-			}
-		});
-		(0, vue.provide)(require_keys.formSelectKey, { modelValue: (0, vue.readonly)(localValue) });
-		__expose({
-			blur: () => {
-				focused.value = false;
-			},
-			element: input,
-			focus: () => {
-				focused.value = true;
-			}
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
-				id: (0, vue.unref)(computedId),
-				ref: "_input",
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localValue.value = $event),
-				class: (0, vue.normalizeClass)(computedClasses.value),
-				name: (0, vue.unref)(props).name,
-				form: (0, vue.unref)(props).form || void 0,
-				multiple: (0, vue.unref)(props).multiple || void 0,
-				size: computedSelectSize.value,
-				disabled: isDisabled.value,
-				required: (0, vue.unref)(props).required || void 0,
-				"aria-required": (0, vue.unref)(props).required || void 0,
-				"aria-invalid": (0, vue.unref)(computedAriaInvalid)
-			}, [
-				(0, vue.renderSlot)(_ctx.$slots, "first"),
-				((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(normalizedOptsWrapper.value, (option, index) => {
-					return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: index }, [(0, vue.unref)(isComplex)(option) ? ((0, vue.openBlock)(), (0, vue.createBlock)(BFormSelectOptionGroup_default, {
-						key: 0,
-						label: option.label,
-						options: option.options,
-						"value-field": (0, vue.unref)(props).valueField,
-						"text-field": (0, vue.unref)(props).textField,
-						"disabled-field": (0, vue.unref)(props).disabledField
-					}, null, 8, [
-						"label",
-						"options",
-						"value-field",
-						"text-field",
-						"disabled-field"
-					])) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_BFormSelectOption.BFormSelectOption_default, (0, vue.mergeProps)({
-						key: 1,
-						ref_for: true
-					}, option), {
-						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "option", (0, vue.mergeProps)({ ref_for: true }, option), () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(option.text), 1)])]),
-						_: 2
-					}, 1040))], 64);
-				}), 128)),
-				(0, vue.renderSlot)(_ctx.$slots, "default")
-			], 10, _hoisted_1)), [[vue.vModelSelect, localValue.value]]);
-		};
-	}
-});
-//#endregion
-//#region src/components/BFormSelect/BFormSelect.vue
-var BFormSelect_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "BFormSelect",
-	props: /* @__PURE__ */ (0, 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: void 0 },
-		state: {
-			type: [Boolean, null],
-			default: null
-		},
-		textField: { default: "text" },
-		valueField: { default: "value" }
-	}, {
-		"modelValue": { default: "" },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const props = __props;
-		const modelValue = (0, 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 = (0, vue.computed)(() => {
-			const optionsArray = props.options ?? [];
-			if (optionsArray.some((el) => typeof el !== "string" && typeof el !== "number" && typeof el !== "boolean" && el[props.optionsField] !== void 0)) 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)) return {
-					label: el[props.labelField] ?? el[props.textField] ?? "",
-					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 = (0, 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 (0, vue.openBlock)(), (0, vue.createBlock)(BFormSelectBase_default, (0, vue.mergeProps)(forwardedProps.value, {
-				modelValue: modelValue.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-				options: normalizedOptions.value
-			}), {
-				first: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "first")]),
-				option: (0, vue.withCtx)((slotProps) => [(0, vue.renderSlot)(_ctx.$slots, "option", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(slotProps)))]),
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["modelValue", "options"]);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "BFormSelectOptionGroup_default", {
-	enumerable: true,
-	get: function() {
-		return BFormSelectOptionGroup_default;
-	}
-});
-Object.defineProperty(exports, "BFormSelect_default", {
-	enumerable: true,
-	get: function() {
-		return BFormSelect_default;
-	}
-});
-
-//# sourceMappingURL=BFormSelect-CI92Dv27.js.map