bootstrap-vue-next 0.44.0 → 0.44.2

package/dist/BFormRating-Cq94zurU.mjs

@@ -0,0 +1,257 @@
+import { t as useId$1 } from "./useId-CCwnEmGh.mjs";
+import { t as useDefaults } from "./useDefaults-CCWS15M8.mjs";
+import { t as useRtl } from "./useRtl-DQ5v5L9s.mjs";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel } from "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__ */ 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 = useDefaults(__props, "BFormRating");
+		const modelValue = useModel(__props, "modelValue");
+		const computedId = useId$1(() => props.id, "form-rating");
+		const { isRtl, locale: globalLocale } = useRtl();
+		const computedLocale = computed(() => {
+			const loc = (props.locale ?? globalLocale?.value) || void 0;
+			return new Intl.NumberFormat(loc).resolvedOptions().locale;
+		});
+		const computedRtl = 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 = 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 = 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) return `${formattedValue}/${computedFormatter.value.format(clampedStars.value)}`;
+			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;
+			modelValue.value = hoverValue.value !== null ? hoverValue.value : starIndex;
+		}
+		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);
+		};
+	}
+});
+//#endregion
+export { BFormRating_default as t };
+
+//# sourceMappingURL=BFormRating-Cq94zurU.mjs.map

package/dist/BFormRating-Cq94zurU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormRating-Cq94zurU.mjs","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 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  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 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  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/BFormRating-_MVRGNOF.js

@@ -0,0 +1,263 @@
+require("./chunk-CoQrYLCe.js");
+const require_useId = require("./useId-DTrBK9CE.js");
+const require_useDefaults = require("./useDefaults-DK6Y9lar.js");
+const require_useRtl = require("./useRtl-BlPLBmTe.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-_MVRGNOF.js.map

package/dist/BFormRating-_MVRGNOF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormRating-_MVRGNOF.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 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  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 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  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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"}