bootstrap-vue-next 0.24.12 → 0.24.13

package/dist/BFormSpinbutton.vue_vue_type_script_setup_true_lang-Cpthe9q6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormSpinbutton.vue_vue_type_script_setup_true_lang-Cpthe9q6.js","sources":["../src/components/BFormSpinbutton/BFormSpinbutton.vue","../src/composables/useRtl.ts"],"sourcesContent":["<template>\n  <div\n    ref=\"element\"\n    class=\"b-form-spinbutton form-control\"\n    :class=\"computedClasses\"\n    role=\"group\"\n    :lang=\"computedLocale\"\n    :tabindex=\"props.disabled ? undefined : '-1'\"\n    :title=\"props.ariaLabel\"\n    @click=\"focused = true\"\n  >\n    <!-- eslint-disable-next-line prettier/prettier -->\n    <!-- prettier-ignore -->\n    <slot :name=\"(buttons.top.slot.name as 'increment' | 'decrement')\" :has-focus=\"focused\">\n      <button\n        v-bind=\"buttons.top.button\"\n        @mousedown=\"buttons.top.handler\"\n        @touchstart=\"buttons.top.handler\"\n      >\n        <svg v-bind=\"buttons.top.svg\">\n          <path v-bind=\"buttons.top.path\" />\n        </svg>\n      </button>\n    </slot>\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=\"valueAsFixed\"\n    />\n    <output\n      :id=\"computedId\"\n      key=\"output\"\n      class=\"flex-grow-1\"\n      :class=\"computedSpinClasses\"\n      :dir=\"(isRtl ?? false) ? 'rtl' : 'ltr'\"\n      :tabindex=\"props.disabled ? undefined : '0'\"\n      role=\"spinbutton\"\n      aria-live=\"off\"\n      :aria-label=\"props.ariaLabel || undefined\"\n      :aria-invalid=\"\n        props.state === false || (!modelValue !== null && props.required) ? true : undefined\n      \"\n      :aria-required=\"props.required ? true : undefined\"\n      :aria-valuemin=\"computedMin\"\n      :aria-valuemax=\"computedMax\"\n      :aria-valuenow=\"modelValue !== null ? modelValue : undefined\"\n      :aria-valuetext=\"modelValue !== null ? computedFormatter(modelValue) : undefined\"\n    >\n      <bdi>\n        {{ (modelValue !== null ? computedFormatter(modelValue) : props.placeholder) || '' }}\n      </bdi>\n    </output>\n    <!-- eslint-disable-next-line prettier/prettier -->\n    <!-- prettier-ignore -->\n    <slot :name=\"(buttons.bottom.slot.name as 'increment' | 'decrement')\" :has-focus=\"focused\">\n      <button\n        v-bind=\"buttons.bottom.button\"\n        @mousedown=\"buttons.bottom.handler\"\n        @touchstart=\"buttons.bottom.handler\"\n      >\n        <svg v-bind=\"buttons.bottom.svg\">\n          <path v-bind=\"buttons.bottom.path\" />\n        </svg>\n      </button>\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, ref} from 'vue'\nimport type {BFormSpinbuttonProps} from '../../types/ComponentProps'\nimport {eventOnOff} from '../../utils/event'\nimport {\n  CODE_DOWN,\n  CODE_END,\n  CODE_HOME,\n  CODE_PAGEDOWN,\n  CODE_PAGEUP,\n  CODE_UP,\n} from '../../utils/constants'\nimport {onKeyStroke, useFocus, useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useRtl} from '../../composables/useRtl'\nimport type {ButtonType} from '../../types/ButtonType'\n\nconst KEY_CODES = [CODE_UP, CODE_DOWN, CODE_HOME, CODE_END, CODE_PAGEUP, CODE_PAGEDOWN]\n\nconst _props = withDefaults(defineProps<Omit<BFormSpinbuttonProps, 'modelValue'>>(), {\n  ariaControls: undefined,\n  ariaLabel: undefined,\n  disabled: false,\n  form: undefined,\n  formatterFn: undefined,\n  id: undefined,\n  inline: false,\n  labelDecrement: 'Decrement',\n  labelIncrement: 'Increment',\n  locale: undefined,\n  max: defaultValues.max,\n  min: defaultValues.min,\n  name: undefined,\n  placeholder: undefined,\n  readonly: false,\n  repeatDelay: defaultValues.repeatDelay,\n  repeatInterval: defaultValues.repeatInterval,\n  repeatStepMultiplier: defaultValues.repeatMultiplier,\n  repeatThreshold: defaultValues.repeatThreshold,\n  required: false,\n  size: undefined,\n  state: null,\n  step: defaultValues.step,\n  vertical: false,\n  wrap: false,\n})\nconst props = useDefaults(_props, 'BFormSpinbutton')\n\nconst emit = defineEmits<{\n  change: [value: number | null]\n}>()\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  decrement?: (props: {hasFocus: boolean}) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  increment?: (props: {hasFocus: boolean}) => any\n}>()\n\nconst modelValue = defineModel<Exclude<BFormSpinbuttonProps['modelValue'], undefined>>({\n  default: null,\n})\n\nconst element = ref<HTMLElement | null>(null)\n\nconst {focused} = useFocus(element)\n\nconst computedId = useId(() => props.id, 'spinbutton')\n\nconst computedClasses = computed(() => ({\n  'disabled': props.disabled,\n  'readonly': props.readonly,\n  'focus': focused.value,\n  'd-inline-flex': props.inline || props.vertical,\n  'd-flex': !props.inline && !props.vertical,\n  'align-items-stretch': !props.vertical,\n  'flex-column': props.vertical,\n  [`form-control-${props.size}`]: props.size !== undefined,\n}))\n\nconst computedSpinClasses = computed(() => ({\n  'd-flex': props.vertical,\n  'align-self-center': !props.vertical,\n  'align-items-center': props.vertical,\n  'border-top': props.vertical,\n  'border-bottom': props.vertical,\n  'border-start': !props.vertical,\n  'border-end': !props.vertical,\n}))\n\n//non reactive properties\nlet $_autoDelayTimer: ReturnType<typeof setTimeout> | undefined\nlet $_autoRepeatTimer: ReturnType<typeof setTimeout> | undefined\nlet $_keyIsDown = false\n\n// const computedInline = computed(() => props.inline && !props.vertical)\n\n// const computedReadonly = computed(() => props.readonly && !props.disabled)\n\nconst stepNumber = useToNumber(() => props.step)\nconst computedStep = computed(() =>\n  Number.isNaN(stepNumber.value) ? defaultValues.step : stepNumber.value\n)\n\nconst minNumber = useToNumber(() => props.min)\nconst computedMin = computed(() =>\n  Number.isNaN(minNumber.value) ? defaultValues.min : minNumber.value\n)\n\nconst maxNumber = useToNumber(() => props.max)\nconst computedMax = computed(() => {\n  const step = computedStep.value\n  const min = computedMin.value\n  return Math.floor((maxNumber.value - min) / step) * step + min\n})\n\nconst repeatDelayNumber = useToNumber(() => props.repeatDelay, {\n  nanToZero: true,\n  method: 'parseInt',\n})\nconst computedDelay = computed(() =>\n  repeatDelayNumber.value > 0 ? repeatDelayNumber.value : defaultValues.repeatDelay\n)\n\nconst repeatIntervalNumber = useToNumber(() => props.repeatInterval, {\n  nanToZero: true,\n  method: 'parseInt',\n})\nconst computedInterval = computed(() =>\n  repeatIntervalNumber.value > 0 ? repeatIntervalNumber.value : defaultValues.repeatInterval\n)\n\nconst repeatThresholdNumber = useToNumber(() => props.repeatThreshold, {\n  nanToZero: true,\n  method: 'parseInt',\n})\nconst computedThreshold = computed(() =>\n  Math.max(\n    Number.isNaN(repeatThresholdNumber.value)\n      ? defaultValues.repeatThreshold\n      : repeatThresholdNumber.value,\n    1\n  )\n)\n\nconst repeatStepMultiplierNumber = useToNumber(() => props.repeatStepMultiplier, {\n  nanToZero: true,\n  method: 'parseInt',\n})\nconst computedStepMultiplier = computed(() =>\n  Math.max(\n    Number.isNaN(repeatStepMultiplierNumber.value)\n      ? defaultValues.repeatMultiplier\n      : repeatStepMultiplierNumber.value,\n    1\n  )\n)\n\nconst computedPrecision = computed(() => {\n  const step = computedStep.value\n  return Math.floor(step) === step ? 0 : (step.toString().split('.')[1] || '').length\n})\n\nconst computedMultiplier = computed(() => Math.pow(10, computedPrecision.value || 0))\n\nconst valueAsFixed = computed(() =>\n  modelValue.value === null ? '' : modelValue.value.toFixed(computedPrecision.value)\n)\n\nconst {isRtl, locale: globalLocale} = useRtl()\n\nconst computedLocale = computed(() => {\n  const loc = (props.locale ?? globalLocale?.value) || 'locale'\n  const locales = [loc]\n  const nf = new Intl.NumberFormat(locales)\n  return nf.resolvedOptions().locale\n})\n\nconst defaultFormatter = () =>\n  new Intl.NumberFormat(computedLocale.value, {\n    style: 'decimal',\n    useGrouping: false,\n    minimumIntegerDigits: 1,\n    minimumFractionDigits: computedPrecision.value,\n    maximumFractionDigits: computedPrecision.value,\n    notation: 'standard',\n  }).format\n\nconst computedFormatter = computed(() => props.formatterFn ?? defaultFormatter())\n\nconst stepValue = (direction: number) => {\n  // Sets a new incremented or decremented value, supporting optional wrapping\n  // Direction is either +1 or -1 (or a multiple thereof)\n  let {value} = modelValue\n  if (!props.disabled && value !== null) {\n    const step = computedStep.value * direction\n    const min = computedMin.value\n    const max = computedMax.value\n    const multiplier = computedMultiplier.value\n    const {wrap} = props\n    // We ensure that the value steps like a native input\n    value = Math.round((value - min) / step) * step + min + step\n    // We ensure that precision is maintained (decimals)\n    value = Math.round(value * multiplier) / multiplier\n    // Handle if wrapping is enabled\n    modelValue.value = value > max ? (wrap ? min : max) : value < min ? (wrap ? max : min) : value\n  }\n}\n\nconst stepUp = (multiplier = 1) => {\n  if (modelValue.value === null) {\n    modelValue.value = computedMin.value\n    return\n  }\n  stepValue(+1 * multiplier)\n}\n\nconst stepDown = (multiplier = 1) => {\n  if (modelValue.value === null) {\n    modelValue.value = props.wrap ? computedMax.value : computedMin.value\n    return\n  }\n  stepValue(-1 * multiplier)\n}\n\nconst stopEvent = (event: Readonly<Event>) => {\n  event.preventDefault()\n  event.stopImmediatePropagation()\n}\n\nonKeyStroke(\n  KEY_CODES,\n  (event) => {\n    const {code, altKey, ctrlKey, metaKey} = event\n\n    if (props.disabled || props.readonly || altKey || ctrlKey || metaKey) return\n\n    // https://w3c.github.io/aria-practices/#spinbutton\n    stopEvent(event)\n    if ($_keyIsDown) {\n      // Keypress is already in progress\n      return\n    }\n\n    resetTimers()\n    if ([CODE_UP, CODE_DOWN].includes(code)) {\n      // The following use the custom auto-repeat handling\n\n      $_keyIsDown = true\n      if (code === CODE_UP) {\n        handleStepRepeat(event, stepUp)\n        return\n      }\n      if (code === CODE_DOWN) {\n        handleStepRepeat(event, stepDown)\n      }\n      return\n    }\n    // These use native OS key repeating\n    if (code === CODE_PAGEUP) {\n      stepUp(computedStepMultiplier.value)\n      return\n    }\n    if (code === CODE_PAGEDOWN) {\n      stepDown(computedStepMultiplier.value)\n      return\n    }\n    if (code === CODE_HOME) {\n      modelValue.value = computedMin.value\n      return\n    }\n    if (code === CODE_END) {\n      modelValue.value = computedMax.value\n    }\n  },\n  {target: element, eventName: 'keydown'}\n)\n\nonKeyStroke(\n  KEY_CODES,\n  (event: Readonly<KeyboardEvent>) => {\n    // Emit a change event when the keyup happens\n\n    const {altKey, ctrlKey, metaKey} = event\n\n    if (props.disabled || props.readonly || altKey || ctrlKey || metaKey) return\n\n    stopEvent(event)\n    resetTimers()\n    $_keyIsDown = false\n    emit('change', modelValue.value)\n  },\n  {target: element, eventName: 'keyup'}\n)\n\n// takes in a mount or Keyboard Event\nconst handleStepRepeat = (event: Readonly<Event>, stepper: (step: number) => void) => {\n  const {type} = event || {}\n\n  if (!props.disabled && !props.readonly) {\n    if (isMouseEvent(event)) {\n      // We only respond to left (main === 0) button clicks\n      if (type === 'mousedown' && event.button) return\n    }\n    resetTimers()\n    // Step the counter initially\n    stepper(1)\n    const threshold = computedThreshold.value\n    const multiplier = computedStepMultiplier.value\n    const delay = computedDelay.value\n    const interval = computedInterval.value\n\n    // Initiate the delay/repeat interval\n    $_autoDelayTimer = setTimeout(() => {\n      let count = 0\n      $_autoRepeatTimer = setInterval(() => {\n        // After N initial repeats, we increase the incrementing step amount\n        // We do this to minimize screen reader announcements of the value\n        // (values are announced every change, which can be chatty for SR users)\n        // And to make it easer to select a value when the range is large\n        stepper(count < threshold ? 1 : multiplier)\n        count++\n      }, interval)\n    }, delay)\n  }\n}\n\nconst isMouseEvent = (evt: Readonly<Event>): evt is MouseEvent =>\n  evt.type === 'mouseup' || evt.type === 'mousedown'\n\nconst onMouseup: EventListener = (event: Readonly<Event>) => {\n  // `<body>` listener, only enabled when mousedown starts\n\n  if (isMouseEvent(event)) {\n    if (event.type === 'mouseup' && event.button) {\n      // Ignore non left button (main === 0) mouse button click\n      return\n    }\n  }\n\n  stopEvent(event)\n  resetTimers()\n  setMouseup(false)\n  // Trigger the change event\n  emit('change', modelValue.value)\n}\n\nconst setMouseup = (on: boolean) => {\n  // Enable or disabled the body mouseup/touchend handlers\n  // Use try/catch to handle case when called server side\n  try {\n    eventOnOff(on, [document.body, 'mouseup', onMouseup, false])\n    eventOnOff(on, [document.body, 'touchend', onMouseup, false])\n  } catch {\n    /* empty */\n  }\n}\nconst resetTimers = () => {\n  clearTimeout($_autoDelayTimer)\n  clearInterval($_autoRepeatTimer)\n  $_autoDelayTimer = undefined\n  $_autoRepeatTimer = undefined\n}\n\nconst buttons = computed(() => {\n  const incrementSvgAttrs = {\n    svg: {\n      xmlns: 'http://www.w3.org/2000/svg',\n      width: '16',\n      height: '16',\n      fill: 'currentColor',\n      class: 'bi bi-plus',\n      viewBox: '0 0 16 16',\n    },\n    path: {\n      d: 'M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z',\n    },\n  } as const\n\n  const decrementSvgAttrs = {\n    svg: {\n      xmlns: 'http://www.w3.org/2000/svg',\n      width: '16',\n      height: '16',\n      fill: 'currentColor',\n      class: 'bi bi-dash',\n      viewBox: '0 0 16 16',\n    },\n    path: {d: 'M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'},\n  } as const\n\n  const sharedButtonAttrs = {\n    'class': [{'py-0': !props.vertical}, 'btn', 'btn-sm', 'border-0', 'rounded-0'],\n    'tabindex': '-1',\n    'type': 'button' as ButtonType,\n    'disabled': props.disabled || props.readonly,\n    'aria-disabled': props.disabled || props.readonly ? true : undefined,\n    'aria-controls': computedId.value,\n  }\n\n  const sharedSvgAttrs = {\n    'aria-hidden': true,\n    'scale': focused.value ? 1.5 : 1.25,\n  }\n\n  const handler = (event: Readonly<Event>, stepper: (multiplier?: number) => void) => {\n    if (!props.disabled && !props.readonly) {\n      stopEvent(event)\n      setMouseup(true)\n      // Since we `preventDefault()`, we must manually focus the button\n      // Though it's likely captured from the element click focus\n      focused.value = true\n      handleStepRepeat(event, stepper)\n    }\n  }\n\n  const incrementAttrs = {\n    button: {\n      ...sharedButtonAttrs,\n      'aria-label': props.labelIncrement || undefined,\n      'aria-keyshortcuts': 'ArrowUp',\n    },\n    svg: {\n      ...sharedSvgAttrs,\n      ...incrementSvgAttrs.svg,\n    },\n    path: {\n      ...incrementSvgAttrs.path,\n    },\n    slot: {\n      name: 'increment',\n    },\n    handler: (e: Event) => handler(e, stepUp),\n  }\n\n  const decrementAttrs = {\n    button: {\n      ...sharedButtonAttrs,\n      'aria-label': props.labelDecrement || undefined,\n      'aria-keyshortcuts': 'ArrowDown',\n    },\n    svg: {\n      ...sharedSvgAttrs,\n      ...decrementSvgAttrs.svg,\n    },\n    path: {\n      ...decrementSvgAttrs.path,\n    },\n    slot: {\n      name: 'decrement',\n    },\n    handler: (e: Readonly<Event>) => handler(e, stepDown),\n  }\n\n  return {\n    top: {\n      ...(props.vertical ? incrementAttrs : decrementAttrs),\n    },\n    bottom: {\n      ...(!props.vertical ? incrementAttrs : decrementAttrs),\n    },\n  }\n})\n</script>\n\n<script lang=\"ts\">\nconst defaultValues = {\n  min: 1,\n  max: 100,\n  step: 1,\n  repeatDelay: 500,\n  repeatInterval: 100,\n  repeatThreshold: 10,\n  repeatMultiplier: 4,\n} as const\n</script>\n","import {inject, onMounted, watch} from 'vue'\nimport {rtlPluginKey} from '../utils/keys'\n\nexport const useRtl = () => {\n  const rtlPlugin = inject(rtlPluginKey)\n\n  onMounted(() => {\n    // I can't think of a reason why one might want to destroy these if unmounted...\n    watch(\n      () => rtlPlugin?.locale.value,\n      (newValue) => {\n        const html = document.documentElement\n        html.setAttribute('lang', newValue ?? '')\n      },\n      {immediate: true}\n    )\n\n    watch(\n      () => rtlPlugin?.isRtl.value,\n      (newValue) => {\n        const html = document.documentElement\n        html.setAttribute('dir', (newValue ?? false) ? 'rtl' : 'ltr')\n      },\n      {immediate: true}\n    )\n  })\n\n  return {...rtlPlugin}\n}\n"],"names":["defaultValues","KEY_CODES","CODE_UP","CODE_DOWN","CODE_HOME","CODE_END","CODE_PAGEUP","CODE_PAGEDOWN","_props","__props","props","useDefaults","emit","__emit","modelValue","_useModel","element","ref","focused","useFocus","computedId","useId","id","computedClasses","computed","disabled","readonly","focus","value","inline","vertical","size","computedSpinClasses","$_autoDelayTimer","$_autoRepeatTimer","$_keyIsDown","stepNumber","useToNumber","step","computedStep","Number","isNaN","minNumber","min","computedMin","maxNumber","max","computedMax","Math","floor","repeatDelayNumber","repeatDelay","nanToZero","method","computedDelay","repeatIntervalNumber","repeatInterval","computedInterval","repeatThresholdNumber","repeatThreshold","computedThreshold","repeatStepMultiplierNumber","repeatStepMultiplier","computedStepMultiplier","computedPrecision","toString","split","length","computedMultiplier","pow","valueAsFixed","toFixed","isRtl","locale","globalLocale","rtlPlugin","inject","rtlPluginKey","onMounted","vue","watch","newValue","document","documentElement","setAttribute","immediate","useRtl","computedLocale","locales","Intl","NumberFormat","resolvedOptions","computedFormatter","formatterFn","style","useGrouping","minimumIntegerDigits","minimumFractionDigits","maximumFractionDigits","notation","format","stepValue","direction","multiplier","wrap","round","stepUp","stepDown","stopEvent","event","preventDefault","stopImmediatePropagation","index","onKeyStroke","code","altKey","ctrlKey","metaKey","includes","handleStepRepeat","target","eventName","stepper","type","isMouseEvent","button","threshold","delay","interval","setTimeout","count","setInterval","evt","onMouseup","setMouseup","on","body","resetTimers","clearTimeout","clearInterval","buttons","incrementSvgAttrs","xmlns","width","height","fill","class","viewBox","d","decrementSvgAttrs","sharedButtonAttrs","tabindex","sharedSvgAttrs","scale","handler","incrementAttrs","labelIncrement","svg","path","slot","name","e","decrementAttrs","labelDecrement","top","bottom"],"mappings":"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"}

package/dist/BFormSpinbutton.vue_vue_type_script_setup_true_lang-DWoLLnh4.mjs

@@ -0,0 +1,466 @@
+import { inject, onMounted, watch, defineComponent, mergeModels, useModel, ref, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, mergeProps, normalizeProps, guardReactiveProps, createCommentVNode, toDisplayString } from "vue";
+import { e as eventOnOff } from "./event-aFP-C_yt.mjs";
+import { C as CODE_UP, g as CODE_DOWN, h as CODE_PAGEUP, i as CODE_PAGEDOWN, j as CODE_HOME, k as CODE_END } from "./constants-BdrZaBP8.mjs";
+import { e as useFocus, o as onKeyStroke } from "./index-DngH9Pjm.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { u as useId } from "./useId-BrAgQfKM.mjs";
+import { r as rtlPluginKey } from "./keys-CLEaYsGj.mjs";
+import { u as useToNumber } from "./index-DlGgXMQF.mjs";
+const useRtl = () => {
+  const rtlPlugin = inject(rtlPluginKey);
+  onMounted(() => {
+    watch(
+      () => rtlPlugin == null ? void 0 : rtlPlugin.locale.value,
+      (newValue) => {
+        const html = document.documentElement;
+        html.setAttribute("lang", newValue ?? "");
+      },
+      { immediate: true }
+    );
+    watch(
+      () => rtlPlugin == null ? void 0 : rtlPlugin.isRtl.value,
+      (newValue) => {
+        const html = document.documentElement;
+        html.setAttribute("dir", newValue ?? false ? "rtl" : "ltr");
+      },
+      { immediate: true }
+    );
+  });
+  return { ...rtlPlugin };
+};
+const _hoisted_1 = ["lang", "tabindex", "title"];
+const _hoisted_2 = ["name", "form", "value"];
+const _hoisted_3 = ["id", "dir", "tabindex", "aria-label", "aria-invalid", "aria-required", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"];
+const defaultValues = {
+  min: 1,
+  max: 100,
+  step: 1,
+  repeatDelay: 500,
+  repeatInterval: 100,
+  repeatThreshold: 10,
+  repeatMultiplier: 4
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BFormSpinbutton",
+  props: /* @__PURE__ */ mergeModels({
+    ariaControls: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    form: { default: void 0 },
+    formatterFn: { type: Function, default: void 0 },
+    id: { default: void 0 },
+    inline: { type: Boolean, default: false },
+    labelDecrement: { default: "Decrement" },
+    labelIncrement: { default: "Increment" },
+    locale: { default: void 0 },
+    max: { default: defaultValues.max },
+    min: { default: defaultValues.min },
+    name: { default: void 0 },
+    placeholder: { default: void 0 },
+    readonly: { type: Boolean, default: false },
+    repeatDelay: { default: defaultValues.repeatDelay },
+    repeatInterval: { default: defaultValues.repeatInterval },
+    repeatStepMultiplier: { default: defaultValues.repeatMultiplier },
+    repeatThreshold: { default: defaultValues.repeatThreshold },
+    required: { type: Boolean, default: false },
+    size: { default: void 0 },
+    state: { type: [Boolean, null], default: null },
+    step: { default: defaultValues.step },
+    vertical: { type: Boolean, default: false },
+    wrap: { type: Boolean, default: false }
+  }, {
+    "modelValue": {
+      default: null
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const KEY_CODES = [CODE_UP, CODE_DOWN, CODE_HOME, CODE_END, CODE_PAGEUP, CODE_PAGEDOWN];
+    const _props = __props;
+    const props = useDefaults(_props, "BFormSpinbutton");
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const element = ref(null);
+    const { focused } = useFocus(element);
+    const computedId = useId(() => props.id, "spinbutton");
+    const computedClasses = computed(() => ({
+      "disabled": props.disabled,
+      "readonly": props.readonly,
+      "focus": focused.value,
+      "d-inline-flex": props.inline || props.vertical,
+      "d-flex": !props.inline && !props.vertical,
+      "align-items-stretch": !props.vertical,
+      "flex-column": props.vertical,
+      [`form-control-${props.size}`]: props.size !== void 0
+    }));
+    const computedSpinClasses = computed(() => ({
+      "d-flex": props.vertical,
+      "align-self-center": !props.vertical,
+      "align-items-center": props.vertical,
+      "border-top": props.vertical,
+      "border-bottom": props.vertical,
+      "border-start": !props.vertical,
+      "border-end": !props.vertical
+    }));
+    let $_autoDelayTimer;
+    let $_autoRepeatTimer;
+    let $_keyIsDown = false;
+    const stepNumber = useToNumber(() => props.step);
+    const computedStep = computed(
+      () => Number.isNaN(stepNumber.value) ? defaultValues.step : stepNumber.value
+    );
+    const minNumber = useToNumber(() => props.min);
+    const computedMin = computed(
+      () => Number.isNaN(minNumber.value) ? defaultValues.min : minNumber.value
+    );
+    const maxNumber = useToNumber(() => props.max);
+    const computedMax = computed(() => {
+      const step = computedStep.value;
+      const min = computedMin.value;
+      return Math.floor((maxNumber.value - min) / step) * step + min;
+    });
+    const repeatDelayNumber = useToNumber(() => props.repeatDelay, {
+      nanToZero: true,
+      method: "parseInt"
+    });
+    const computedDelay = computed(
+      () => repeatDelayNumber.value > 0 ? repeatDelayNumber.value : defaultValues.repeatDelay
+    );
+    const repeatIntervalNumber = useToNumber(() => props.repeatInterval, {
+      nanToZero: true,
+      method: "parseInt"
+    });
+    const computedInterval = computed(
+      () => repeatIntervalNumber.value > 0 ? repeatIntervalNumber.value : defaultValues.repeatInterval
+    );
+    const repeatThresholdNumber = useToNumber(() => props.repeatThreshold, {
+      nanToZero: true,
+      method: "parseInt"
+    });
+    const computedThreshold = computed(
+      () => Math.max(
+        Number.isNaN(repeatThresholdNumber.value) ? defaultValues.repeatThreshold : repeatThresholdNumber.value,
+        1
+      )
+    );
+    const repeatStepMultiplierNumber = useToNumber(() => props.repeatStepMultiplier, {
+      nanToZero: true,
+      method: "parseInt"
+    });
+    const computedStepMultiplier = computed(
+      () => Math.max(
+        Number.isNaN(repeatStepMultiplierNumber.value) ? defaultValues.repeatMultiplier : repeatStepMultiplierNumber.value,
+        1
+      )
+    );
+    const computedPrecision = computed(() => {
+      const step = computedStep.value;
+      return Math.floor(step) === step ? 0 : (step.toString().split(".")[1] || "").length;
+    });
+    const computedMultiplier = computed(() => Math.pow(10, computedPrecision.value || 0));
+    const valueAsFixed = computed(
+      () => modelValue.value === null ? "" : modelValue.value.toFixed(computedPrecision.value)
+    );
+    const { isRtl, locale: globalLocale } = useRtl();
+    const computedLocale = computed(() => {
+      const loc = (props.locale ?? (globalLocale == null ? void 0 : globalLocale.value)) || "locale";
+      const locales = [loc];
+      const nf = new Intl.NumberFormat(locales);
+      return nf.resolvedOptions().locale;
+    });
+    const defaultFormatter = () => new Intl.NumberFormat(computedLocale.value, {
+      style: "decimal",
+      useGrouping: false,
+      minimumIntegerDigits: 1,
+      minimumFractionDigits: computedPrecision.value,
+      maximumFractionDigits: computedPrecision.value,
+      notation: "standard"
+    }).format;
+    const computedFormatter = computed(() => props.formatterFn ?? defaultFormatter());
+    const stepValue = (direction) => {
+      let { value } = modelValue;
+      if (!props.disabled && value !== null) {
+        const step = computedStep.value * direction;
+        const min = computedMin.value;
+        const max = computedMax.value;
+        const multiplier = computedMultiplier.value;
+        const { wrap } = props;
+        value = Math.round((value - min) / step) * step + min + step;
+        value = Math.round(value * multiplier) / multiplier;
+        modelValue.value = value > max ? wrap ? min : max : value < min ? wrap ? max : min : value;
+      }
+    };
+    const stepUp = (multiplier = 1) => {
+      if (modelValue.value === null) {
+        modelValue.value = computedMin.value;
+        return;
+      }
+      stepValue(1 * multiplier);
+    };
+    const stepDown = (multiplier = 1) => {
+      if (modelValue.value === null) {
+        modelValue.value = props.wrap ? computedMax.value : computedMin.value;
+        return;
+      }
+      stepValue(-1 * multiplier);
+    };
+    const stopEvent = (event) => {
+      event.preventDefault();
+      event.stopImmediatePropagation();
+    };
+    onKeyStroke(
+      KEY_CODES,
+      (event) => {
+        const { code, altKey, ctrlKey, metaKey } = event;
+        if (props.disabled || props.readonly || altKey || ctrlKey || metaKey) return;
+        stopEvent(event);
+        if ($_keyIsDown) {
+          return;
+        }
+        resetTimers();
+        if ([CODE_UP, CODE_DOWN].includes(code)) {
+          $_keyIsDown = true;
+          if (code === CODE_UP) {
+            handleStepRepeat(event, stepUp);
+            return;
+          }
+          if (code === CODE_DOWN) {
+            handleStepRepeat(event, stepDown);
+          }
+          return;
+        }
+        if (code === CODE_PAGEUP) {
+          stepUp(computedStepMultiplier.value);
+          return;
+        }
+        if (code === CODE_PAGEDOWN) {
+          stepDown(computedStepMultiplier.value);
+          return;
+        }
+        if (code === CODE_HOME) {
+          modelValue.value = computedMin.value;
+          return;
+        }
+        if (code === CODE_END) {
+          modelValue.value = computedMax.value;
+        }
+      },
+      { target: element, eventName: "keydown" }
+    );
+    onKeyStroke(
+      KEY_CODES,
+      (event) => {
+        const { altKey, ctrlKey, metaKey } = event;
+        if (props.disabled || props.readonly || altKey || ctrlKey || metaKey) return;
+        stopEvent(event);
+        resetTimers();
+        $_keyIsDown = false;
+        emit("change", modelValue.value);
+      },
+      { target: element, eventName: "keyup" }
+    );
+    const handleStepRepeat = (event, stepper) => {
+      const { type } = event || {};
+      if (!props.disabled && !props.readonly) {
+        if (isMouseEvent(event)) {
+          if (type === "mousedown" && event.button) return;
+        }
+        resetTimers();
+        stepper(1);
+        const threshold = computedThreshold.value;
+        const multiplier = computedStepMultiplier.value;
+        const delay = computedDelay.value;
+        const interval = computedInterval.value;
+        $_autoDelayTimer = setTimeout(() => {
+          let count = 0;
+          $_autoRepeatTimer = setInterval(() => {
+            stepper(count < threshold ? 1 : multiplier);
+            count++;
+          }, interval);
+        }, delay);
+      }
+    };
+    const isMouseEvent = (evt) => evt.type === "mouseup" || evt.type === "mousedown";
+    const onMouseup = (event) => {
+      if (isMouseEvent(event)) {
+        if (event.type === "mouseup" && event.button) {
+          return;
+        }
+      }
+      stopEvent(event);
+      resetTimers();
+      setMouseup(false);
+      emit("change", modelValue.value);
+    };
+    const setMouseup = (on) => {
+      try {
+        eventOnOff(on, [document.body, "mouseup", onMouseup, false]);
+        eventOnOff(on, [document.body, "touchend", onMouseup, false]);
+      } catch {
+      }
+    };
+    const resetTimers = () => {
+      clearTimeout($_autoDelayTimer);
+      clearInterval($_autoRepeatTimer);
+      $_autoDelayTimer = void 0;
+      $_autoRepeatTimer = void 0;
+    };
+    const buttons = computed(() => {
+      const incrementSvgAttrs = {
+        svg: {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          fill: "currentColor",
+          class: "bi bi-plus",
+          viewBox: "0 0 16 16"
+        },
+        path: {
+          d: "M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"
+        }
+      };
+      const decrementSvgAttrs = {
+        svg: {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          fill: "currentColor",
+          class: "bi bi-dash",
+          viewBox: "0 0 16 16"
+        },
+        path: { d: "M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z" }
+      };
+      const sharedButtonAttrs = {
+        "class": [{ "py-0": !props.vertical }, "btn", "btn-sm", "border-0", "rounded-0"],
+        "tabindex": "-1",
+        "type": "button",
+        "disabled": props.disabled || props.readonly,
+        "aria-disabled": props.disabled || props.readonly ? true : void 0,
+        "aria-controls": computedId.value
+      };
+      const sharedSvgAttrs = {
+        "aria-hidden": true,
+        "scale": focused.value ? 1.5 : 1.25
+      };
+      const handler = (event, stepper) => {
+        if (!props.disabled && !props.readonly) {
+          stopEvent(event);
+          setMouseup(true);
+          focused.value = true;
+          handleStepRepeat(event, stepper);
+        }
+      };
+      const incrementAttrs = {
+        button: {
+          ...sharedButtonAttrs,
+          "aria-label": props.labelIncrement || void 0,
+          "aria-keyshortcuts": "ArrowUp"
+        },
+        svg: {
+          ...sharedSvgAttrs,
+          ...incrementSvgAttrs.svg
+        },
+        path: {
+          ...incrementSvgAttrs.path
+        },
+        slot: {
+          name: "increment"
+        },
+        handler: (e) => handler(e, stepUp)
+      };
+      const decrementAttrs = {
+        button: {
+          ...sharedButtonAttrs,
+          "aria-label": props.labelDecrement || void 0,
+          "aria-keyshortcuts": "ArrowDown"
+        },
+        svg: {
+          ...sharedSvgAttrs,
+          ...decrementSvgAttrs.svg
+        },
+        path: {
+          ...decrementSvgAttrs.path
+        },
+        slot: {
+          name: "decrement"
+        },
+        handler: (e) => handler(e, stepDown)
+      };
+      return {
+        top: {
+          ...props.vertical ? incrementAttrs : decrementAttrs
+        },
+        bottom: {
+          ...!props.vertical ? incrementAttrs : decrementAttrs
+        }
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "element",
+        ref: element,
+        class: normalizeClass(["b-form-spinbutton form-control", computedClasses.value]),
+        role: "group",
+        lang: computedLocale.value,
+        tabindex: unref(props).disabled ? void 0 : "-1",
+        title: unref(props).ariaLabel,
+        onClick: _cache[4] || (_cache[4] = ($event) => focused.value = true)
+      }, [
+        renderSlot(_ctx.$slots, buttons.value.top.slot.name, { hasFocus: unref(focused) }, () => [
+          createElementVNode("button", mergeProps(buttons.value.top.button, {
+            onMousedown: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => buttons.value.top.handler && buttons.value.top.handler(...args)),
+            onTouchstart: _cache[1] || (_cache[1] = //@ts-ignore
+            (...args) => buttons.value.top.handler && buttons.value.top.handler(...args))
+          }), [
+            (openBlock(), createElementBlock("svg", normalizeProps(guardReactiveProps(buttons.value.top.svg)), [
+              createElementVNode("path", normalizeProps(guardReactiveProps(buttons.value.top.path)), null, 16)
+            ], 16))
+          ], 16)
+        ]),
+        unref(props).name && !unref(props).disabled ? (openBlock(), createElementBlock("input", {
+          key: "hidden",
+          type: "hidden",
+          name: unref(props).name,
+          form: unref(props).form,
+          value: valueAsFixed.value
+        }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+        createElementVNode("output", {
+          id: unref(computedId),
+          key: "output",
+          class: normalizeClass(["flex-grow-1", computedSpinClasses.value]),
+          dir: unref(isRtl) ?? false ? "rtl" : "ltr",
+          tabindex: unref(props).disabled ? void 0 : "0",
+          role: "spinbutton",
+          "aria-live": "off",
+          "aria-label": unref(props).ariaLabel || void 0,
+          "aria-invalid": unref(props).state === false || !modelValue.value !== null && unref(props).required ? true : void 0,
+          "aria-required": unref(props).required ? true : void 0,
+          "aria-valuemin": computedMin.value,
+          "aria-valuemax": computedMax.value,
+          "aria-valuenow": modelValue.value !== null ? modelValue.value : void 0,
+          "aria-valuetext": modelValue.value !== null ? computedFormatter.value(modelValue.value) : void 0
+        }, [
+          createElementVNode("bdi", null, toDisplayString((modelValue.value !== null ? computedFormatter.value(modelValue.value) : unref(props).placeholder) || ""), 1)
+        ], 10, _hoisted_3),
+        renderSlot(_ctx.$slots, buttons.value.bottom.slot.name, { hasFocus: unref(focused) }, () => [
+          createElementVNode("button", mergeProps(buttons.value.bottom.button, {
+            onMousedown: _cache[2] || (_cache[2] = //@ts-ignore
+            (...args) => buttons.value.bottom.handler && buttons.value.bottom.handler(...args)),
+            onTouchstart: _cache[3] || (_cache[3] = //@ts-ignore
+            (...args) => buttons.value.bottom.handler && buttons.value.bottom.handler(...args))
+          }), [
+            (openBlock(), createElementBlock("svg", normalizeProps(guardReactiveProps(buttons.value.bottom.svg)), [
+              createElementVNode("path", normalizeProps(guardReactiveProps(buttons.value.bottom.path)), null, 16)
+            ], 16))
+          ], 16)
+        ])
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=BFormSpinbutton.vue_vue_type_script_setup_true_lang-DWoLLnh4.mjs.map

package/dist/BFormSpinbutton.vue_vue_type_script_setup_true_lang-DWoLLnh4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormSpinbutton.vue_vue_type_script_setup_true_lang-DWoLLnh4.mjs","sources":["../src/composables/useRtl.ts","../src/components/BFormSpinbutton/BFormSpinbutton.vue"],"sourcesContent":["import {inject, onMounted, watch} from 'vue'\nimport {rtlPluginKey} from '../utils/keys'\n\nexport const useRtl = () => {\n  const rtlPlugin = inject(rtlPluginKey)\n\n  onMounted(() => {\n    // I can't think of a reason why one might want to destroy these if unmounted...\n    watch(\n      () => rtlPlugin?.locale.value,\n      (newValue) => {\n        const html = document.documentElement\n        html.setAttribute('lang', newValue ?? '')\n      },\n      {immediate: true}\n    )\n\n    watch(\n      () => rtlPlugin?.isRtl.value,\n      (newValue) => {\n        const html = document.documentElement\n        html.setAttribute('dir', (newValue ?? false) ? 'rtl' : 'ltr')\n      },\n      {immediate: true}\n    )\n  })\n\n  return {...rtlPlugin}\n}\n","<template>\n  <div\n    ref=\"element\"\n    class=\"b-form-spinbutton form-control\"\n    :class=\"computedClasses\"\n    role=\"group\"\n    :lang=\"computedLocale\"\n    :tabindex=\"props.disabled ? undefined : '-1'\"\n    :title=\"props.ariaLabel\"\n    @click=\"focused = true\"\n  >\n    <!-- eslint-disable-next-line prettier/prettier -->\n    <!-- prettier-ignore -->\n    <slot :name=\"(buttons.top.slot.name as 'increment' | 'decrement')\" :has-focus=\"focused\">\n      <button\n        v-bind=\"buttons.top.button\"\n        @mousedown=\"buttons.top.handler\"\n        @touchstart=\"buttons.top.handler\"\n      >\n        <svg v-bind=\"buttons.top.svg\">\n          <path v-bind=\"buttons.top.path\" />\n        </svg>\n      </button>\n    </slot>\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=\"valueAsFixed\"\n    />\n    <output\n      :id=\"computedId\"\n      key=\"output\"\n      class=\"flex-grow-1\"\n      :class=\"computedSpinClasses\"\n      :dir=\"(isRtl ?? false) ? 'rtl' : 'ltr'\"\n      :tabindex=\"props.disabled ? undefined : '0'\"\n      role=\"spinbutton\"\n      aria-live=\"off\"\n      :aria-label=\"props.ariaLabel || undefined\"\n      :aria-invalid=\"\n        props.state === false || (!modelValue !== null && props.required) ? true : undefined\n      \"\n      :aria-required=\"props.required ? true : undefined\"\n      :aria-valuemin=\"computedMin\"\n      :aria-valuemax=\"computedMax\"\n      :aria-valuenow=\"modelValue !== null ? modelValue : undefined\"\n      :aria-valuetext=\"modelValue !== null ? computedFormatter(modelValue) : undefined\"\n    >\n      <bdi>\n        {{ (modelValue !== null ? computedFormatter(modelValue) : props.placeholder) || '' }}\n      </bdi>\n    </output>\n    <!-- eslint-disable-next-line prettier/prettier -->\n    <!-- prettier-ignore -->\n    <slot :name=\"(buttons.bottom.slot.name as 'increment' | 'decrement')\" :has-focus=\"focused\">\n      <button\n        v-bind=\"buttons.bottom.button\"\n        @mousedown=\"buttons.bottom.handler\"\n        @touchstart=\"buttons.bottom.handler\"\n      >\n        <svg v-bind=\"buttons.bottom.svg\">\n          <path v-bind=\"buttons.bottom.path\" />\n        </svg>\n      </button>\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, ref} from 'vue'\nimport type {BFormSpinbuttonProps} from '../../types/ComponentProps'\nimport {eventOnOff} from '../../utils/event'\nimport {\n  CODE_DOWN,\n  CODE_END,\n  CODE_HOME,\n  CODE_PAGEDOWN,\n  CODE_PAGEUP,\n  CODE_UP,\n} from '../../utils/constants'\nimport {onKeyStroke, useFocus, useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useRtl} from '../../composables/useRtl'\nimport type {ButtonType} from '../../types/ButtonType'\n\nconst KEY_CODES = [CODE_UP, CODE_DOWN, CODE_HOME, CODE_END, CODE_PAGEUP, CODE_PAGEDOWN]\n\nconst _props = withDefaults(defineProps<Omit<BFormSpinbuttonProps, 'modelValue'>>(), {\n  ariaControls: undefined,\n  ariaLabel: undefined,\n  disabled: false,\n  form: undefined,\n  formatterFn: undefined,\n  id: undefined,\n  inline: false,\n  labelDecrement: 'Decrement',\n  labelIncrement: 'Increment',\n  locale: undefined,\n  max: defaultValues.max,\n  min: defaultValues.min,\n  name: undefined,\n  placeholder: undefined,\n  readonly: false,\n  repeatDelay: defaultValues.repeatDelay,\n  repeatInterval: defaultValues.repeatInterval,\n  repeatStepMultiplier: defaultValues.repeatMultiplier,\n  repeatThreshold: defaultValues.repeatThreshold,\n  required: false,\n  size: undefined,\n  state: null,\n  step: defaultValues.step,\n  vertical: false,\n  wrap: false,\n})\nconst props = useDefaults(_props, 'BFormSpinbutton')\n\nconst emit = defineEmits<{\n  change: [value: number | null]\n}>()\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  decrement?: (props: {hasFocus: boolean}) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  increment?: (props: {hasFocus: boolean}) => any\n}>()\n\nconst modelValue = defineModel<Exclude<BFormSpinbuttonProps['modelValue'], undefined>>({\n  default: null,\n})\n\nconst element = ref<HTMLElement | null>(null)\n\nconst {focused} = useFocus(element)\n\nconst computedId = useId(() => props.id, 'spinbutton')\n\nconst computedClasses = computed(() => ({\n  'disabled': props.disabled,\n  'readonly': props.readonly,\n  'focus': focused.value,\n  'd-inline-flex': props.inline || props.vertical,\n  'd-flex': !props.inline && !props.vertical,\n  'align-items-stretch': !props.vertical,\n  'flex-column': props.vertical,\n  [`form-control-${props.size}`]: props.size !== undefined,\n}))\n\nconst computedSpinClasses = computed(() => ({\n  'd-flex': props.vertical,\n  'align-self-center': !props.vertical,\n  'align-items-center': props.vertical,\n  'border-top': props.vertical,\n  'border-bottom': props.vertical,\n  'border-start': !props.vertical,\n  'border-end': !props.vertical,\n}))\n\n//non reactive properties\nlet $_autoDelayTimer: ReturnType<typeof setTimeout> | undefined\nlet $_autoRepeatTimer: ReturnType<typeof setTimeout> | undefined\nlet $_keyIsDown = false\n\n// const computedInline = computed(() => props.inline && !props.vertical)\n\n// const computedReadonly = computed(() => props.readonly && !props.disabled)\n\nconst stepNumber = useToNumber(() => props.step)\nconst computedStep = computed(() =>\n  Number.isNaN(stepNumber.value) ? defaultValues.step : stepNumber.value\n)\n\nconst minNumber = useToNumber(() => props.min)\nconst computedMin = computed(() =>\n  Number.isNaN(minNumber.value) ? defaultValues.min : minNumber.value\n)\n\nconst maxNumber = useToNumber(() => props.max)\nconst computedMax = computed(() => {\n  const step = computedStep.value\n  const min = computedMin.value\n  return Math.floor((maxNumber.value - min) / step) * step + min\n})\n\nconst repeatDelayNumber = useToNumber(() => props.repeatDelay, {\n  nanToZero: true,\n  method: 'parseInt',\n})\nconst computedDelay = computed(() =>\n  repeatDelayNumber.value > 0 ? repeatDelayNumber.value : defaultValues.repeatDelay\n)\n\nconst repeatIntervalNumber = useToNumber(() => props.repeatInterval, {\n  nanToZero: true,\n  method: 'parseInt',\n})\nconst computedInterval = computed(() =>\n  repeatIntervalNumber.value > 0 ? repeatIntervalNumber.value : defaultValues.repeatInterval\n)\n\nconst repeatThresholdNumber = useToNumber(() => props.repeatThreshold, {\n  nanToZero: true,\n  method: 'parseInt',\n})\nconst computedThreshold = computed(() =>\n  Math.max(\n    Number.isNaN(repeatThresholdNumber.value)\n      ? defaultValues.repeatThreshold\n      : repeatThresholdNumber.value,\n    1\n  )\n)\n\nconst repeatStepMultiplierNumber = useToNumber(() => props.repeatStepMultiplier, {\n  nanToZero: true,\n  method: 'parseInt',\n})\nconst computedStepMultiplier = computed(() =>\n  Math.max(\n    Number.isNaN(repeatStepMultiplierNumber.value)\n      ? defaultValues.repeatMultiplier\n      : repeatStepMultiplierNumber.value,\n    1\n  )\n)\n\nconst computedPrecision = computed(() => {\n  const step = computedStep.value\n  return Math.floor(step) === step ? 0 : (step.toString().split('.')[1] || '').length\n})\n\nconst computedMultiplier = computed(() => Math.pow(10, computedPrecision.value || 0))\n\nconst valueAsFixed = computed(() =>\n  modelValue.value === null ? '' : modelValue.value.toFixed(computedPrecision.value)\n)\n\nconst {isRtl, locale: globalLocale} = useRtl()\n\nconst computedLocale = computed(() => {\n  const loc = (props.locale ?? globalLocale?.value) || 'locale'\n  const locales = [loc]\n  const nf = new Intl.NumberFormat(locales)\n  return nf.resolvedOptions().locale\n})\n\nconst defaultFormatter = () =>\n  new Intl.NumberFormat(computedLocale.value, {\n    style: 'decimal',\n    useGrouping: false,\n    minimumIntegerDigits: 1,\n    minimumFractionDigits: computedPrecision.value,\n    maximumFractionDigits: computedPrecision.value,\n    notation: 'standard',\n  }).format\n\nconst computedFormatter = computed(() => props.formatterFn ?? defaultFormatter())\n\nconst stepValue = (direction: number) => {\n  // Sets a new incremented or decremented value, supporting optional wrapping\n  // Direction is either +1 or -1 (or a multiple thereof)\n  let {value} = modelValue\n  if (!props.disabled && value !== null) {\n    const step = computedStep.value * direction\n    const min = computedMin.value\n    const max = computedMax.value\n    const multiplier = computedMultiplier.value\n    const {wrap} = props\n    // We ensure that the value steps like a native input\n    value = Math.round((value - min) / step) * step + min + step\n    // We ensure that precision is maintained (decimals)\n    value = Math.round(value * multiplier) / multiplier\n    // Handle if wrapping is enabled\n    modelValue.value = value > max ? (wrap ? min : max) : value < min ? (wrap ? max : min) : value\n  }\n}\n\nconst stepUp = (multiplier = 1) => {\n  if (modelValue.value === null) {\n    modelValue.value = computedMin.value\n    return\n  }\n  stepValue(+1 * multiplier)\n}\n\nconst stepDown = (multiplier = 1) => {\n  if (modelValue.value === null) {\n    modelValue.value = props.wrap ? computedMax.value : computedMin.value\n    return\n  }\n  stepValue(-1 * multiplier)\n}\n\nconst stopEvent = (event: Readonly<Event>) => {\n  event.preventDefault()\n  event.stopImmediatePropagation()\n}\n\nonKeyStroke(\n  KEY_CODES,\n  (event) => {\n    const {code, altKey, ctrlKey, metaKey} = event\n\n    if (props.disabled || props.readonly || altKey || ctrlKey || metaKey) return\n\n    // https://w3c.github.io/aria-practices/#spinbutton\n    stopEvent(event)\n    if ($_keyIsDown) {\n      // Keypress is already in progress\n      return\n    }\n\n    resetTimers()\n    if ([CODE_UP, CODE_DOWN].includes(code)) {\n      // The following use the custom auto-repeat handling\n\n      $_keyIsDown = true\n      if (code === CODE_UP) {\n        handleStepRepeat(event, stepUp)\n        return\n      }\n      if (code === CODE_DOWN) {\n        handleStepRepeat(event, stepDown)\n      }\n      return\n    }\n    // These use native OS key repeating\n    if (code === CODE_PAGEUP) {\n      stepUp(computedStepMultiplier.value)\n      return\n    }\n    if (code === CODE_PAGEDOWN) {\n      stepDown(computedStepMultiplier.value)\n      return\n    }\n    if (code === CODE_HOME) {\n      modelValue.value = computedMin.value\n      return\n    }\n    if (code === CODE_END) {\n      modelValue.value = computedMax.value\n    }\n  },\n  {target: element, eventName: 'keydown'}\n)\n\nonKeyStroke(\n  KEY_CODES,\n  (event: Readonly<KeyboardEvent>) => {\n    // Emit a change event when the keyup happens\n\n    const {altKey, ctrlKey, metaKey} = event\n\n    if (props.disabled || props.readonly || altKey || ctrlKey || metaKey) return\n\n    stopEvent(event)\n    resetTimers()\n    $_keyIsDown = false\n    emit('change', modelValue.value)\n  },\n  {target: element, eventName: 'keyup'}\n)\n\n// takes in a mount or Keyboard Event\nconst handleStepRepeat = (event: Readonly<Event>, stepper: (step: number) => void) => {\n  const {type} = event || {}\n\n  if (!props.disabled && !props.readonly) {\n    if (isMouseEvent(event)) {\n      // We only respond to left (main === 0) button clicks\n      if (type === 'mousedown' && event.button) return\n    }\n    resetTimers()\n    // Step the counter initially\n    stepper(1)\n    const threshold = computedThreshold.value\n    const multiplier = computedStepMultiplier.value\n    const delay = computedDelay.value\n    const interval = computedInterval.value\n\n    // Initiate the delay/repeat interval\n    $_autoDelayTimer = setTimeout(() => {\n      let count = 0\n      $_autoRepeatTimer = setInterval(() => {\n        // After N initial repeats, we increase the incrementing step amount\n        // We do this to minimize screen reader announcements of the value\n        // (values are announced every change, which can be chatty for SR users)\n        // And to make it easer to select a value when the range is large\n        stepper(count < threshold ? 1 : multiplier)\n        count++\n      }, interval)\n    }, delay)\n  }\n}\n\nconst isMouseEvent = (evt: Readonly<Event>): evt is MouseEvent =>\n  evt.type === 'mouseup' || evt.type === 'mousedown'\n\nconst onMouseup: EventListener = (event: Readonly<Event>) => {\n  // `<body>` listener, only enabled when mousedown starts\n\n  if (isMouseEvent(event)) {\n    if (event.type === 'mouseup' && event.button) {\n      // Ignore non left button (main === 0) mouse button click\n      return\n    }\n  }\n\n  stopEvent(event)\n  resetTimers()\n  setMouseup(false)\n  // Trigger the change event\n  emit('change', modelValue.value)\n}\n\nconst setMouseup = (on: boolean) => {\n  // Enable or disabled the body mouseup/touchend handlers\n  // Use try/catch to handle case when called server side\n  try {\n    eventOnOff(on, [document.body, 'mouseup', onMouseup, false])\n    eventOnOff(on, [document.body, 'touchend', onMouseup, false])\n  } catch {\n    /* empty */\n  }\n}\nconst resetTimers = () => {\n  clearTimeout($_autoDelayTimer)\n  clearInterval($_autoRepeatTimer)\n  $_autoDelayTimer = undefined\n  $_autoRepeatTimer = undefined\n}\n\nconst buttons = computed(() => {\n  const incrementSvgAttrs = {\n    svg: {\n      xmlns: 'http://www.w3.org/2000/svg',\n      width: '16',\n      height: '16',\n      fill: 'currentColor',\n      class: 'bi bi-plus',\n      viewBox: '0 0 16 16',\n    },\n    path: {\n      d: 'M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z',\n    },\n  } as const\n\n  const decrementSvgAttrs = {\n    svg: {\n      xmlns: 'http://www.w3.org/2000/svg',\n      width: '16',\n      height: '16',\n      fill: 'currentColor',\n      class: 'bi bi-dash',\n      viewBox: '0 0 16 16',\n    },\n    path: {d: 'M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'},\n  } as const\n\n  const sharedButtonAttrs = {\n    'class': [{'py-0': !props.vertical}, 'btn', 'btn-sm', 'border-0', 'rounded-0'],\n    'tabindex': '-1',\n    'type': 'button' as ButtonType,\n    'disabled': props.disabled || props.readonly,\n    'aria-disabled': props.disabled || props.readonly ? true : undefined,\n    'aria-controls': computedId.value,\n  }\n\n  const sharedSvgAttrs = {\n    'aria-hidden': true,\n    'scale': focused.value ? 1.5 : 1.25,\n  }\n\n  const handler = (event: Readonly<Event>, stepper: (multiplier?: number) => void) => {\n    if (!props.disabled && !props.readonly) {\n      stopEvent(event)\n      setMouseup(true)\n      // Since we `preventDefault()`, we must manually focus the button\n      // Though it's likely captured from the element click focus\n      focused.value = true\n      handleStepRepeat(event, stepper)\n    }\n  }\n\n  const incrementAttrs = {\n    button: {\n      ...sharedButtonAttrs,\n      'aria-label': props.labelIncrement || undefined,\n      'aria-keyshortcuts': 'ArrowUp',\n    },\n    svg: {\n      ...sharedSvgAttrs,\n      ...incrementSvgAttrs.svg,\n    },\n    path: {\n      ...incrementSvgAttrs.path,\n    },\n    slot: {\n      name: 'increment',\n    },\n    handler: (e: Event) => handler(e, stepUp),\n  }\n\n  const decrementAttrs = {\n    button: {\n      ...sharedButtonAttrs,\n      'aria-label': props.labelDecrement || undefined,\n      'aria-keyshortcuts': 'ArrowDown',\n    },\n    svg: {\n      ...sharedSvgAttrs,\n      ...decrementSvgAttrs.svg,\n    },\n    path: {\n      ...decrementSvgAttrs.path,\n    },\n    slot: {\n      name: 'decrement',\n    },\n    handler: (e: Readonly<Event>) => handler(e, stepDown),\n  }\n\n  return {\n    top: {\n      ...(props.vertical ? incrementAttrs : decrementAttrs),\n    },\n    bottom: {\n      ...(!props.vertical ? incrementAttrs : decrementAttrs),\n    },\n  }\n})\n</script>\n\n<script lang=\"ts\">\nconst defaultValues = {\n  min: 1,\n  max: 100,\n  step: 1,\n  repeatDelay: 500,\n  repeatInterval: 100,\n  repeatThreshold: 10,\n  repeatMultiplier: 4,\n} as const\n</script>\n"],"names":["_useModel"],"mappings":"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"}

package/dist/BFormTags.vue_vue_type_script_setup_true_lang-Bb7L5aOK.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),a=require("./index-CnY1um_J.js"),t=require("./useDefaults-Cd8OVIUI.js"),l=require("./stringUtils-D2ajpVM0.js"),o=require("./useId-z7cQCT28.js"),u=require("./BCloseButton.vue_vue_type_script_setup_true_lang-CiJc3utn.js"),r=require("./useStateClass-BePLKIel.js"),i=require("./index-BInTFWT4.js"),n=["id"],d=e.defineComponent({__name:"BFormTag",props:{disabled:{type:Boolean,default:!1},id:{default:void 0},noRemove:{type:Boolean,default:!1},pill:{type:Boolean,default:!1},removeLabel:{default:"Remove tag"},tag:{default:"span"},title:{default:void 0},variant:{default:"secondary"}},emits:["remove"],setup(a,{emit:l}){const r=a,i=t.useDefaults(r,"BFormTag"),d=l,s=e.useSlots(),v=o.useId((()=>i.id)),c=e.computed((()=>{var e;return(((null==(e=s.default)?void 0:e.call(s,{})[0].children)??"").toString()||i.title)??""})),f=e.computed((()=>`${v.value}taglabel__`)),m=e.computed((()=>({[`text-bg-${i.variant}`]:null!==i.variant,"rounded-pill":i.pill,disabled:i.disabled})));return(a,t)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i).tag),{id:e.unref(v),title:c.value,class:e.normalizeClass(["badge b-form-tag d-inline-flex align-items-center mw-100",m.value]),"aria-labelledby":f.value},{default:e.withCtx((()=>[e.createElementVNode("span",{id:f.value,class:"b-form-tag-content flex-grow-1 text-truncate"},[e.renderSlot(a.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]))],8,n),e.unref(i).disabled||e.unref(i).noRemove?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u._sfc_main,{key:0,"aria-keyshortcuts":"Delete","aria-label":e.unref(i).removeLabel,class:"b-form-tag-remove","aria-describedby":f.value,"aria-controls":e.unref(i).id,onClick:t[0]||(t[0]=e=>d("remove",c.value))},null,8,["aria-label","aria-describedby","aria-controls"]))])),_:3},8,["id","title","class","aria-labelledby"]))}}),s=["id"],v=["id","for","aria-live"],c=["id","aria-live"],f=["id"],m=["aria-controls"],p={role:"group",class:"d-flex"},g=["id","disabled","value","type","placeholder","form","required","aria-required"],y=["disabled"],b={"aria-live":"polite","aria-atomic":"true"},B={key:0,class:"d-block invalid-feedback"},T={key:1,class:"form-text text-body-secondary"},x={key:2,class:"form-text text-body-secondary"},k=["name","value"],V=e.defineComponent({__name:"BFormTags",props:e.mergeModels({addButtonText:{default:"Add"},addButtonVariant:{default:"outline-secondary"},addOnChange:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},duplicateTagText:{default:"Duplicate tag(s)"},form:{default:void 0},inputAttrs:{default:void 0},inputClass:{default:void 0},inputId:{default:void 0},inputType:{default:"text"},invalidTagText:{default:"Invalid tag(s)"},limit:{default:void 0},limitTagsText:{default:"Tag limit reached"},name:{default:void 0},noAddOnEnter:{type:Boolean,default:!1},noOuterFocus:{type:Boolean,default:!1},noTagRemove:{type:Boolean,default:!1},placeholder:{default:"Add tag..."},removeOnDelete:{type:Boolean,default:!1},required:{type:Boolean,default:!1},separator:{default:void 0},size:{default:"md"},state:{type:[Boolean,null],default:null},tagClass:{default:void 0},tagPills:{type:Boolean,default:!1},tagRemoveLabel:{default:void 0},tagRemovedLabel:{default:"Tag removed"},tagValidator:{type:Function,default:()=>!0},tagVariant:{default:"secondary"}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:e.mergeModels(["blur","focus","focusin","focusout","tag-state"],["update:modelValue"]),setup(u,{expose:n,emit:V}){const _=u,h=t.useDefaults(_,"BFormTags"),C=V,S=e.useModel(u,"modelValue"),D=o.useId(),E=i.useToNumber((()=>h.limit??NaN)),N=r.useStateClass((()=>h.state)),q=e.ref(null),{focused:R}=a.useFocus(q,{initialValue:h.autofocus}),$=e.computed((()=>h.inputId||`${D.value}input__`)),F=e.ref([...S.value]),w=e.ref(""),z=e.ref(S.value.length>0),A=e.ref(""),j=e.ref([]),L=e.ref([]),I=e.ref([]);i.syncRef(S,F,{direction:"ltr",transform:{ltr:e=>[...e]}});const O=e.computed((()=>[N.value,{[`form-control-${h.size}`]:"md"!==h.size,disabled:h.disabled,focus:R.value}])),P=e.computed((()=>F.value.includes(w.value))),M=e.computed((()=>""!==w.value&&!h.tagValidator(w.value))),H=e.computed((()=>F.value.length===E.value)),K=e.computed((()=>!M.value&&!P.value)),U=e.computed((()=>({addButtonText:h.addButtonText,addButtonVariant:h.addButtonVariant,addTag:ae,disableAddButton:K.value,disabled:h.disabled,duplicateTagText:h.duplicateTagText,duplicateTags:I.value,form:h.form,inputAttrs:{...h.inputAttrs,disabled:h.disabled,form:h.form,id:$.value,value:w.value},inputClass:h.inputClass,inputHandlers:{input:Q,keydown:Y,change:W},inputId:$.value,inputType:h.inputType,invalidTagText:h.invalidTagText,invalidTags:L.value,isDuplicate:P.value,isInvalid:M.value,isLimitReached:H.value,limitTagsText:h.limitTagsText,limit:E.value,noTagRemove:h.noTagRemove,placeholder:h.placeholder,removeTag:te,required:h.required,separator:h.separator,size:h.size,state:h.state,tagClass:h.tagClass,tagPills:h.tagPills,tagRemoveLabel:h.tagRemoveLabel,tagVariant:h.tagVariant,tags:F.value}))),X=e=>{if(h.disabled){e.target.blur()}else C("focusin",e)},G=e=>{h.disabled||h.noOuterFocus||(R.value=!0,C("focus",e))},J=e=>{R.value=!1,C("blur",e)},Q=e=>{var a,t;const l="string"==typeof e?e:e.target.value;z.value=!1,(null==(a=h.separator)?void 0:a.includes(l.charAt(0)))&&l.length>0?q.value&&(q.value.value=""):(w.value=l,(null==(t=h.separator)?void 0:t.includes(l.charAt(l.length-1)))?ae(l.slice(0,l.length-1)):(j.value=h.tagValidator(l)&&!P.value?[l]:[],L.value=h.tagValidator(l)?[]:[l],I.value=P.value?[l]:[],C("tag-state",j.value,L.value,I.value)))},W=e=>{h.addOnChange&&(Q(e),P.value||ae(w.value))},Y=e=>{"Enter"!==e.key||h.noAddOnEnter?("Backspace"===e.key||"Delete"===e.key)&&h.removeOnDelete&&""===w.value&&z.value&&F.value.length>0?te(F.value[F.value.length-1]):z.value=!0:ae(w.value)};a.onKeyStroke(Y,{target:q});const Z=e.computed((()=>{if(h.separator)return"string"==typeof h.separator?h.separator:h.separator.join("")})),ee=e.computed((()=>{if(Z.value)return new RegExp(`[${l.escapeRegExpChars(Z.value)}]+`)})),ae=e=>{e=(e??w.value).trim();const a=ee.value?e.split(ee.value).map((e=>e.trim())):[e],t=[];for(const o of a)if(""!==o&&!P.value&&h.tagValidator(o)){if(E.value&&H.value)break;t.push(o)}const l=[...S.value,...t];w.value="",z.value=!0,S.value=l,R.value=!0},te=e=>{const a=F.value.indexOf((null==e?void 0:e.toString())??"");-1!==a&&(A.value=F.value.splice(a,1).toString(),S.value=F.value)};return n({blur:()=>{R.value=!1},element:q,focus:()=>{R.value=!0}}),(a,t)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(D),class:e.normalizeClass(["b-form-tags form-control h-auto",O.value]),role:"group",tabindex:"-1",onFocusin:X,onFocusout:t[1]||(t[1]=e=>C("focusout",e))},[e.createElementVNode("output",{id:`${e.unref(D)}selected_tags__`,class:"visually-hidden",for:$.value,"aria-live":e.unref(R)?"polite":"off","aria-atomic":"true","aria-relevant":"additions text"},e.toDisplayString(F.value.join(", ")),9,v),e.createElementVNode("div",{id:`${e.unref(D)}removed_tags__`,role:"status","aria-live":e.unref(R)?"assertive":"off","aria-atomic":"true",class:"visually-hidden"}," ("+e.toDisplayString(e.unref(h).tagRemovedLabel)+") "+e.toDisplayString(A.value),9,c),e.renderSlot(a.$slots,"default",e.normalizeProps(e.guardReactiveProps(U.value)),(()=>[e.createElementVNode("ul",{id:`${e.unref(D)}tag_list__`,class:"b-form-tags-list list-unstyled mb-0 d-flex flex-wrap align-items-center"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,((t,l)=>e.renderSlot(a.$slots,"tag",{key:l,tag:t,tagClass:e.unref(h).tagClass,tagVariant:e.unref(h).tagVariant,tagPills:e.unref(h).tagPills,removeTag:te},(()=>[(e.openBlock(),e.createBlock(d,{key:t,class:e.normalizeClass(e.unref(h).tagClass),tag:"li",variant:e.unref(h).tagVariant,pill:e.unref(h).tagPills,onRemove:te},{default:e.withCtx((()=>[e.createTextVNode(e.toDisplayString(t),1)])),_:2},1032,["class","variant","pill"]))])))),128)),e.createElementVNode("li",{role:"none","aria-live":"off",class:"b-from-tags-field flex-grow-1","aria-controls":`${e.unref(D)}tag_list__`},[e.createElementVNode("div",p,[e.createElementVNode("input",e.mergeProps({id:$.value,ref_key:"input",ref:q,disabled:e.unref(h).disabled,value:w.value,type:e.unref(h).inputType,placeholder:e.unref(h).placeholder,class:"b-form-tags-input w-100 flex-grow-1 p-0 m-0 bg-transparent border-0",style:{outline:"currentcolor none 0px","min-width":"5rem"}},e.unref(h).inputAttrs,{form:e.unref(h).form,required:e.unref(h).required||void 0,"aria-required":e.unref(h).required||void 0,onInput:Q,onChange:W,onFocus:G,onBlur:J}),null,16,g),K.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(["btn b-form-tags-button py-0",[a.inputClass,{[`btn-${e.unref(h).addButtonVariant}`]:null!==e.unref(h).addButtonVariant,"disabled invisible":0===w.value.length}]]),style:{"font-size":"90%"},disabled:e.unref(h).disabled||0===w.value.length||H.value,onClick:t[0]||(t[0]=e=>ae(w.value))},[e.renderSlot(a.$slots,"add-button-text",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(h).addButtonText),1)]))],10,y)):e.createCommentVNode("",!0)])],8,m)],8,f),e.createElementVNode("div",b,[M.value?(e.openBlock(),e.createElementBlock("div",B,e.toDisplayString(e.unref(h).invalidTagText)+": "+e.toDisplayString(w.value),1)):e.createCommentVNode("",!0),P.value?(e.openBlock(),e.createElementBlock("small",T,e.toDisplayString(e.unref(h).duplicateTagText)+": "+e.toDisplayString(w.value),1)):e.createCommentVNode("",!0),F.value.length===e.unref(h).limit?(e.openBlock(),e.createElementBlock("small",x,e.toDisplayString(e.unref(h).limitTagsText),1)):e.createCommentVNode("",!0)])])),e.unref(h).name?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(F.value,((a,t)=>(e.openBlock(),e.createElementBlock("input",{key:t,type:"hidden",name:e.unref(h).name,value:a},null,8,k)))),128)):e.createCommentVNode("",!0)],42,s))}});exports._sfc_main=V,exports._sfc_main$1=d;
+//# sourceMappingURL=BFormTags.vue_vue_type_script_setup_true_lang-Bb7L5aOK.js.map