@gitlab/ui 132.0.0 → 132.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "132.0.0",
+  "version": "132.0.1",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -133,10 +133,10 @@
     "@yarnpkg/lockfile": "^1.1.0",
     "acorn": "^8.16.0",
     "acorn-walk": "^8.3.5",
-    "autoprefixer": "10.4.27",
+    "autoprefixer": "10.5.0",
     "axe-playwright": "^2.2.2",
     "babel-loader": "^9.2.1",
-    "cypress": "15.13.1",
+    "cypress": "15.14.0",
     "cypress-real-events": "^1.15.0",
     "dompurify": "^3.1.2",
     "emoji-regex": "^10.6.0",

package/src/components/base/link/link.vue

@@ -2,16 +2,13 @@
 import { isFunction, isString, isObject, toString, isBoolean, concat } from 'lodash-es';
 import { SafeLinkDirective, isExternalURL } from '../../../directives/safe_link/safe_link';
 import { stopEvent } from '../../../utils/utils';
-import { isEvent } from '../../../vendor/bootstrap-vue/src/utils/inspect';
+import { isVue3, safeVueInstance } from '../../../utils/vue_utils';
 import { stringifyQueryObj } from '../../../vendor/bootstrap-vue/src/utils/router';
-import { safeVueInstance } from '../../../vendor/bootstrap-vue/src/utils/safe-vue-instance';
-import { attemptFocus, attemptBlur } from '../../../vendor/bootstrap-vue/src/utils/dom';
 import {
   linkVariantOptions,
   linkVariantInline,
   linkVariantMeta,
   linkVariantUnstyled,
-  isVue3,
 } from '../../../utils/constants';
 
 const ANCHOR_TAG = 'a';
@@ -162,7 +159,7 @@ export default {
       return this.tag !== ANCHOR_TAG;
     },
     isVue3RouterLink() {
-      return this.tag === VUE_ROUTER_LINK_TAG && isVue3;
+      return this.tag === VUE_ROUTER_LINK_TAG && isVue3(this);
     },
     shouldShowExternalIcon() {
       const allowedVariants = [linkVariantInline, linkVariantMeta, null]; // null represents default/UI variant
@@ -250,7 +247,7 @@ export default {
   },
   methods: {
     onClick(event, navigate) {
-      const eventIsEvent = isEvent(event);
+      const eventIsEvent = event instanceof Event;
       const suppliedHandler = this.$listeners.click;
 
       if (eventIsEvent && this.disabled) {
@@ -292,10 +289,10 @@ export default {
       }
     },
     focus() {
-      attemptFocus(this.$el);
+      this.$el.focus();
     },
     blur() {
-      attemptBlur(this.$el);
+      this.$el.blur();
     },
   },
 };

package/src/utils/constants.js

@@ -1,4 +1,3 @@
-import Vue from 'vue';
 import { POSITION } from '../components/utilities/truncate/constants';
 
 export const COMMA = ',';
@@ -385,5 +384,3 @@ export const loadingIconVariants = {
   spinner: 'spinner',
   dots: 'dots',
 };
-
-export const isVue3 = Boolean(Vue.Fragment);

package/src/utils/vue_utils.js

@@ -0,0 +1,56 @@
+import Vue from 'vue';
+
+/**
+ * Checks whether the global Vue version is Vue 3 (or the Vue 3 compat build).
+ *
+ * Use this for module-level checks where no component instance is available,
+ * such as conditional test logic or static configuration.
+ *
+ * @type {boolean}
+ */
+export const isGlobalVue3 = Boolean(Vue.Fragment);
+
+/**
+ * Checks whether a component instance is running under Vue 3 (or compat mode).
+ *
+ * In Vue 3, component instances expose an internal `$` property that holds
+ * the component's internal instance. This property does not exist in Vue 2.
+ *
+ * Prefer this over {@link isGlobalVue3} when you have access to a component
+ * instance, as it checks at the instance level rather than the global level.
+ *
+ * @param {object} instance - The Vue component instance (`this`).
+ * @returns {boolean} `true` if the instance is a Vue 3 component.
+ */
+export const isVue3 = (instance) => Boolean(instance.$);
+
+/**
+ * Wraps a Vue component instance to safely access properties without
+ * triggering Vue 3 development warnings.
+ *
+ * In Vue 3 (and compat mode), component instances are Proxies. Accessing a
+ * property that doesn't exist on the instance (e.g. `this.$router` when no
+ * router is installed) triggers a development warning from Vue's `get` trap:
+ * "Property X was accessed during render but is not defined on instance."
+ *
+ * This utility returns a Proxy that uses the `in` operator (which hits Vue's
+ * `has` trap, which is silent) to check for property existence before accessing
+ * it. If the property doesn't exist, `undefined` is returned without ever
+ * hitting Vue's `get` trap.
+ *
+ * In Vue 2, the instance is returned as-is since there are no Proxy warnings.
+ *
+ * @param {object} target - The Vue component instance (`this`).
+ * @returns {object} The original instance (Vue 2) or a safe Proxy wrapper (Vue 3).
+ */
+export function safeVueInstance(target) {
+  if (!isVue3(target)) {
+    return target;
+  }
+
+  return new Proxy(target, {
+    get(obj, prop) {
+      return prop in obj ? obj[prop] : undefined;
+    },
+  });
+}

package/src/vendor/bootstrap-vue/src/components/modal/modal.js

@@ -15,8 +15,7 @@ import {
 } from '../../constants/events'
 import { CODE_ESC } from '../../constants/key-codes'
 import {
-  PROP_TYPE_ARRAY_OBJECT_STRING,
-  PROP_TYPE_ARRAY_STRING,
+  PROP_TYPE_ARRAY,
   PROP_TYPE_BOOLEAN,
   PROP_TYPE_OBJECT,
   PROP_TYPE_STRING
@@ -49,7 +48,6 @@ import { isString, isUndefinedOrNull } from '../../utils/inspect'
 import { makeModelMixin } from '../../utils/model'
 import { sortKeys } from '../../utils/object'
 import { observeDom } from '../../utils/observe-dom'
-import { makeProp } from '../../utils/props'
 import { attrsMixin } from '../../mixins/attrs'
 import { idMixin, props as idProps } from '../../mixins/id'
 import { listenOnDocumentMixin } from '../../mixins/listen-on-document'
@@ -104,60 +102,229 @@ const OBSERVER_CONFIG = {
 export const props = sortKeys({
   ...idProps,
   ...modelProps,
-  ariaLabel: makeProp(PROP_TYPE_STRING),
-  autoFocusButton: makeProp(
-    PROP_TYPE_STRING,
-    null,
-    /* istanbul ignore next */ value => {
+  ariaLabel: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  autoFocusButton: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: null,
+    validator: value => {
       return isUndefinedOrNull(value) || arrayIncludes(BUTTONS, value)
     }
-  ),
-  bodyClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  busy: makeProp(PROP_TYPE_BOOLEAN, false),
-  buttonSize: makeProp(PROP_TYPE_STRING),
-  cancelDisabled: makeProp(PROP_TYPE_BOOLEAN, false),
-  cancelTitle: makeProp(PROP_TYPE_STRING, 'Cancel'),
-  cancelTitleHtml: makeProp(PROP_TYPE_STRING),
-  cancelVariant: makeProp(PROP_TYPE_STRING, 'secondary'),
-  centered: makeProp(PROP_TYPE_BOOLEAN, false),
-  contentClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  dialogClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  footerClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  footerTag: makeProp(PROP_TYPE_STRING, 'footer'),
-  headerClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  headerCloseContent: makeProp(PROP_TYPE_STRING, '×'),
-  headerCloseLabel: makeProp(PROP_TYPE_STRING, 'Close'),
-  headerTag: makeProp(PROP_TYPE_STRING, 'header'),
+  },
+  bodyClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  busy: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  buttonSize: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  cancelDisabled: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  cancelTitle: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Cancel'
+  },
+  cancelTitleHtml: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  cancelVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'secondary'
+  },
+  centered: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  contentClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  dialogClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  footerClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  footerTag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'footer'
+  },
+  headerClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  headerCloseContent: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: '×'
+  },
+  headerCloseLabel: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Close'
+  },
+  headerTag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'header'
+  },
   // TODO: Rename to `noBackdrop` and deprecate `hideBackdrop`
-  hideBackdrop: makeProp(PROP_TYPE_BOOLEAN, false),
+  hideBackdrop: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // TODO: Rename to `noFooter` and deprecate `hideFooter`
-  hideFooter: makeProp(PROP_TYPE_BOOLEAN, false),
+  hideFooter: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // TODO: Rename to `noHeader` and deprecate `hideHeader`
-  hideHeader: makeProp(PROP_TYPE_BOOLEAN, false),
+  hideHeader: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // TODO: Rename to `noHeaderClose` and deprecate `hideHeaderClose`
-  hideHeaderClose: makeProp(PROP_TYPE_BOOLEAN, false),
-  ignoreEnforceFocusSelector: makeProp(PROP_TYPE_ARRAY_STRING),
-  lazy: makeProp(PROP_TYPE_BOOLEAN, false),
-  modalClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  noCloseOnBackdrop: makeProp(PROP_TYPE_BOOLEAN, false),
-  noCloseOnEsc: makeProp(PROP_TYPE_BOOLEAN, false),
-  noEnforceFocus: makeProp(PROP_TYPE_BOOLEAN, false),
-  noFade: makeProp(PROP_TYPE_BOOLEAN, false),
-  noStacking: makeProp(PROP_TYPE_BOOLEAN, false),
-  okDisabled: makeProp(PROP_TYPE_BOOLEAN, false),
-  okOnly: makeProp(PROP_TYPE_BOOLEAN, false),
-  okTitle: makeProp(PROP_TYPE_STRING, 'OK'),
-  okTitleHtml: makeProp(PROP_TYPE_STRING),
-  okVariant: makeProp(PROP_TYPE_STRING, 'primary'),
+  hideHeaderClose: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  ignoreEnforceFocusSelector: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  lazy: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  modalClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  noCloseOnBackdrop: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noCloseOnEsc: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noEnforceFocus: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noFade: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noStacking: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  okDisabled: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  okOnly: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  okTitle: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'OK'
+  },
+  okTitleHtml: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  okVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'primary'
+  },
   // HTML Element, CSS selector string or Vue component instance
-  returnFocus: makeProp([HTMLElement, PROP_TYPE_OBJECT, PROP_TYPE_STRING]),
-  scrollable: makeProp(PROP_TYPE_BOOLEAN, false),
-  size: makeProp(PROP_TYPE_STRING, 'md'),
-  static: makeProp(PROP_TYPE_BOOLEAN, false),
-  title: makeProp(PROP_TYPE_STRING),
-  titleClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  titleHtml: makeProp(PROP_TYPE_STRING),
-  titleTag: makeProp(PROP_TYPE_STRING, 'h5')
+  returnFocus: {
+    type: [HTMLElement, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  scrollable: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  size: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'md'
+  },
+  static: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  title: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  titleClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  titleHtml: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  titleTag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'h5'
+  }
 })
 
 // --- Main component ---

package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-filtering.js

@@ -3,10 +3,11 @@ import { NAME_TABLE } from '../../../constants/components'
 import { EVENT_NAME_FILTERED } from '../../../constants/events'
 import {
   PROP_TYPE_REG_EXP,
-  PROP_TYPE_ARRAY_OBJECT_STRING,
-  PROP_TYPE_FUNCTION,
   PROP_TYPE_ARRAY,
-  PROP_TYPE_NUMBER_STRING
+  PROP_TYPE_FUNCTION,
+  PROP_TYPE_NUMBER,
+  PROP_TYPE_OBJECT,
+  PROP_TYPE_STRING
 } from '../../../constants/props'
 import { RX_DIGITS, RX_SPACES } from '../../../constants/regex'
 import { concat } from '../../../utils/array'
@@ -15,7 +16,6 @@ import { identity } from '../../../utils/identity'
 import { isFunction, isString, isRegExp } from '../../../utils/inspect'
 import { looseEqual } from '../../../utils/loose-equal'
 import { toInteger } from '../../../utils/number'
-import { makeProp } from '../../../utils/props'
 import { escapeRegExp } from '../../../utils/string'
 import { warn } from '../../../utils/warn'
 import { stringifyRecordValues } from './stringify-record-values'
@@ -28,13 +28,32 @@ const DEBOUNCE_DEPRECATED_MSG =
 // --- Props ---
 
 export const props = {
-  filter: makeProp([...PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_REG_EXP]),
-  filterDebounce: makeProp(PROP_TYPE_NUMBER_STRING, 0, value => {
-    return RX_DIGITS.test(String(value))
-  }),
-  filterFunction: makeProp(PROP_TYPE_FUNCTION),
-  filterIgnoredFields: makeProp(PROP_TYPE_ARRAY, []),
-  filterIncludedFields: makeProp(PROP_TYPE_ARRAY, [])
+  filter: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING, PROP_TYPE_REG_EXP],
+    required: false,
+    default: undefined
+  },
+  filterDebounce: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: 0,
+    validator: value => RX_DIGITS.test(String(value))
+  },
+  filterFunction: {
+    type: PROP_TYPE_FUNCTION,
+    required: false,
+    default: undefined
+  },
+  filterIgnoredFields: {
+    type: PROP_TYPE_ARRAY,
+    required: false,
+    default: () => []
+  },
+  filterIncludedFields: {
+    type: PROP_TYPE_ARRAY,
+    required: false,
+    default: () => []
+  }
 }
 
 // --- Mixin ---

package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-selectable.js

@@ -1,7 +1,7 @@
 import { extend } from '../../../vue'
 import { EVENT_NAME_ROW_SELECTED } from '../../../constants/events'
 import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../../constants/props'
-import { arrayIncludes, createArray } from '../../../utils/array'
+import { createArray } from '../../../utils/array'
 import { identity } from '../../../utils/identity'
 import { isArray, isNumber } from '../../../utils/inspect'
 import { looseEqual } from '../../../utils/loose-equal'
@@ -22,7 +22,7 @@ export const props = {
   // Disable use of click handlers for row selection
   noSelectOnClick: makeProp(PROP_TYPE_BOOLEAN, false),
   selectMode: makeProp(PROP_TYPE_STRING, 'multi', value => {
-    return arrayIncludes(SELECT_MODES, value)
+    return SELECT_MODES.includes(value)
   }),
   selectable: makeProp(PROP_TYPE_BOOLEAN, false),
   selectedVariant: makeProp(PROP_TYPE_STRING, 'active')
@@ -56,7 +56,7 @@ export const selectableMixin = extend({
       )
     },
     selectableIsMultiSelect() {
-      return this.isSelectable && arrayIncludes(['range', 'multi'], this.selectMode)
+      return this.isSelectable && ['range', 'multi'].includes(this.selectMode)
     },
     selectableTableClasses() {
       const { isSelectable } = this

package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-sorting.js

@@ -7,7 +7,6 @@ import {
   PROP_TYPE_OBJECT,
   PROP_TYPE_STRING
 } from '../../../constants/props'
-import { arrayIncludes } from '../../../utils/array'
 import { isFunction, isUndefinedOrNull } from '../../../utils/inspect'
 import { makeProp } from '../../../utils/props'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
@@ -55,7 +54,7 @@ export const props = {
   // It should be `initialSortDirection` as it is a bit misleading
   // (not to mention it screws up the ARIA label on the headers)
   sortDirection: makeProp(PROP_TYPE_STRING, SORT_DIRECTION_ASC, value => {
-    return arrayIncludes(SORT_DIRECTIONS, value)
+    return SORT_DIRECTIONS.includes(value)
   }),
   // Place the sorting icon on the left of the header cells
   sortIconLeft: makeProp(PROP_TYPE_BOOLEAN, false),

package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody.js

@@ -14,7 +14,7 @@ import {
   CODE_UP
 } from '../../../constants/key-codes'
 import { PROP_TYPE_ARRAY_OBJECT_STRING } from '../../../constants/props'
-import { arrayIncludes, from as arrayFrom } from '../../../utils/array'
+import { from as arrayFrom } from '../../../utils/array'
 import { attemptFocus, closest, isActiveElement, isElement } from '../../../utils/dom'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 import { stopEvent } from '../../../utils/events'
@@ -56,7 +56,7 @@ export const tbodyMixin = extend({
       const tbody = $refs.tbody ? $refs.tbody.$el || $refs.tbody : null
       const trs = ($refs['item-rows'] || []).map(tr => tr.$el || tr)
       return tbody && tbody.children && tbody.children.length > 0 && trs && trs.length > 0
-        ? arrayFrom(tbody.children).filter(tr => arrayIncludes(trs, tr))
+        ? arrayFrom(tbody.children).filter(tr => trs.includes(tr))
         : /* istanbul ignore next */ []
     },
     // Returns index of a particular TBODY item TR
@@ -103,11 +103,11 @@ export const tbodyMixin = extend({
         return
       }
 
-      if (arrayIncludes([CODE_ENTER, CODE_SPACE], keyCode)) {
+      if ([CODE_ENTER, CODE_SPACE].includes(keyCode)) {
         // Emulated click for keyboard users, transfer to click handler
         stopEvent(event)
         this.onTBodyRowClicked(event)
-      } else if (arrayIncludes([CODE_UP, CODE_DOWN, CODE_HOME, CODE_END], keyCode)) {
+      } else if ([CODE_UP, CODE_DOWN, CODE_HOME, CODE_END].includes(keyCode)) {
         // Keyboard navigation
         const rowIndex = this.getTbodyTrIndex(target)
         if (rowIndex > -1) {

package/src/vendor/bootstrap-vue/src/components/table/helpers/sanitize-row.js

@@ -1,4 +1,3 @@
-import { arrayIncludes } from '../../../utils/array'
 import { isArray, isFunction } from '../../../utils/inspect'
 import { clone, keys, pick } from '../../../utils/object'
 import { IGNORED_FIELD_KEYS } from './constants'
@@ -31,8 +30,8 @@ export const sanitizeRow = (row, ignoreFields, includeFields, fieldsObj = {}) =>
   const allowedKeys = keys(formattedRow).filter(
     key =>
       !IGNORED_FIELD_KEYS[key] &&
-      !(isArray(ignoreFields) && ignoreFields.length > 0 && arrayIncludes(ignoreFields, key)) &&
-      !(isArray(includeFields) && includeFields.length > 0 && !arrayIncludes(includeFields, key))
+      !(isArray(ignoreFields) && ignoreFields.length > 0 && ignoreFields.includes(key)) &&
+      !(isArray(includeFields) && includeFields.length > 0 && !includeFields.includes(key))
   )
 
   return pick(formattedRow, allowedKeys)

package/src/vendor/bootstrap-vue/src/constants/config.js

@@ -4,7 +4,7 @@ export const PROP_NAME = '$bvConfig'
 export const DEFAULT_BREAKPOINT = ['xs', 'sm', 'md', 'lg', 'xl']
 
 // in milliseconds
-export const TOOLTIP_DELAY = {
+export const TOOLTIP_DELAY = Object.freeze({
   show: 500,
   hide: 0
-}
+})

package/src/vendor/bootstrap-vue/src/directives/tooltip/tooltip.js

@@ -64,7 +64,7 @@ const parseBindings = (bindings, vnode) => /* istanbul ignore next: not easy to
     html: false,
     interactive: true,
     disabled: false,
-    delay: TOOLTIP_DELAY,
+    delay: { ...TOOLTIP_DELAY },
     boundary: 'scrollParent',
     boundaryPadding: 5,
     variant: undefined,