@gitlab/ui 131.2.0 → 131.3.0

package/dist/utils/equality_utils.js

@@ -0,0 +1,84 @@
+/**
+ * Performs a deep, type-coercing equality check between two values.
+ *
+ * Unlike strict equality (`===`) or lodash's `isEqual`, this function:
+ * - Compares objects and arrays by structure, not reference
+ * - Coerces types before comparing primitives (e.g. `123` equals `'123'`)
+ * - Compares Date objects by timestamp
+ * - Compares File objects by inherited properties (name, size, type, lastModified)
+ *
+ * Used in form components (radio, checkbox) to detect meaningful value changes
+ * in watchers, avoiding redundant event emissions when values are loosely equivalent.
+ *
+ * @param {*} a - First value to compare
+ * @param {*} b - Second value to compare
+ * @returns {boolean} Whether the two values are loosely equal
+ */
+function looseEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+  let aValidType = a instanceof Date;
+  let bValidType = b instanceof Date;
+  if (aValidType || bValidType) {
+    return aValidType && bValidType ? a.getTime() === b.getTime() : false;
+  }
+  aValidType = Array.isArray(a);
+  bValidType = Array.isArray(b);
+  if (aValidType || bValidType) {
+    if (!aValidType || !bValidType || a.length !== b.length) {
+      return false;
+    }
+    // Compare arrays element by element
+    // Uses a for loop to handle sparse arrays (array.every doesn't handle sparse)
+    let equal = true;
+    for (let i = 0; equal && i < a.length; i += 1) {
+      equal = looseEqual(a[i], b[i]);
+    }
+    return equal;
+  }
+  aValidType = a !== null && typeof a === 'object';
+  bValidType = b !== null && typeof b === 'object';
+  if (aValidType || bValidType) {
+    if (!aValidType || !bValidType) {
+      return false;
+    }
+    const aKeysCount = Object.keys(a).length;
+    const bKeysCount = Object.keys(b).length;
+    if (aKeysCount !== bKeysCount) {
+      return false;
+    }
+    // Intentionally iterates inherited properties to compare complex types
+    // like File objects where properties are on the prototype
+    // eslint-disable-next-line guard-for-in
+    for (const key in a) {
+      const aHasKey = Object.prototype.hasOwnProperty.call(a, key);
+      const bHasKey = Object.prototype.hasOwnProperty.call(b, key);
+      if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) {
+        return false;
+      }
+    }
+  }
+  return String(a) === String(b);
+}
+
+/**
+ * Finds the first index in an array where the element is loosely equal to the given value.
+ *
+ * Works like `Array.prototype.indexOf`, but uses {@link looseEqual} for comparison
+ * instead of strict equality.
+ *
+ * @param {Array} array - The array to search
+ * @param {*} value - The value to find
+ * @returns {number} The index of the first loosely matching element, or -1 if not found
+ */
+function looseIndexOf(array, value) {
+  for (let i = 0; i < array.length; i += 1) {
+    if (looseEqual(array[i], value)) {
+      return i;
+    }
+  }
+  return -1;
+}
+
+export { looseEqual, looseIndexOf };

package/dist/vendor/bootstrap-vue/src/components/button/button-close.js

@@ -4,16 +4,31 @@ import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
 import { SLOT_NAME_DEFAULT } from '../../constants/slots';
 import { stopEvent } from '../../utils/events';
 import { isEvent } from '../../utils/inspect';
-import { makeProp } from '../../utils/props';
 import { hasNormalizedSlot, normalizeSlot } from '../../utils/normalize-slot';
 
 // --- Props ---
 
 const props = {
-  ariaLabel: makeProp(PROP_TYPE_STRING, 'Close'),
-  content: makeProp(PROP_TYPE_STRING, '×'),
-  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-  textVariant: makeProp(PROP_TYPE_STRING)
+  ariaLabel: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Close'
+  },
+  content: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: '×'
+  },
+  disabled: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  textVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/button/button.js

@@ -7,7 +7,7 @@ import { isTag, addClass, removeClass } from '../../utils/dom';
 import { stopEvent } from '../../utils/events';
 import { isBoolean, isEvent, isFunction } from '../../utils/inspect';
 import { omit, sortKeys } from '../../utils/object';
-import { makeProp, pluckProps } from '../../utils/props';
+import { pluckProps } from '../../utils/props';
 import { isLink as isLink$1 } from '../../utils/router';
 import { props as props$1, BLink } from '../link/link';
 
@@ -18,15 +18,43 @@ delete linkProps.href.default;
 delete linkProps.to.default;
 const props = sortKeys({
   ...linkProps,
-  block: makeProp(PROP_TYPE_BOOLEAN, false),
-  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
+  block: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  disabled: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // Tri-state: `true`, `false` or `null`
   // => On, off, not a toggle
-  pressed: makeProp(PROP_TYPE_BOOLEAN, null),
-  size: makeProp(PROP_TYPE_STRING),
-  tag: makeProp(PROP_TYPE_STRING, 'button'),
-  type: makeProp(PROP_TYPE_STRING, 'button'),
-  variant: makeProp(PROP_TYPE_STRING, 'secondary')
+  pressed: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: null
+  },
+  size: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'button'
+  },
+  type: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'button'
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'secondary'
+  }
 });
 
 // --- Helper methods ---

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.js

@@ -1,10 +1,10 @@
 import { extend } from '../../vue';
 import { NAME_DROPDOWN_ITEM } from '../../constants/components';
 import { EVENT_NAME_CLICK } from '../../constants/events';
-import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../constants/props';
+import { PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../constants/props';
 import { requestAF } from '../../utils/dom';
 import { omit, sortKeys } from '../../utils/object';
-import { makeProp, pluckProps } from '../../utils/props';
+import { pluckProps } from '../../utils/props';
 import { attrsMixin } from '../../mixins/attrs';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
 import { props as props$1, BLink } from '../link/link';
@@ -14,8 +14,16 @@ import { props as props$1, BLink } from '../link/link';
 const linkProps = omit(props$1, ['event', 'routerTag']);
 const props = sortKeys({
   ...linkProps,
-  linkClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  variant: makeProp(PROP_TYPE_STRING)
+  linkClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 });
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js

@@ -1,15 +1,26 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_DROPDOWN_TEXT } from '../../constants/components';
-import { PROP_TYPE_STRING, PROP_TYPE_ARRAY_OBJECT_STRING } from '../../constants/props';
+import { PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
 import { omit } from '../../utils/object';
-import { makeProp } from '../../utils/props';
 
 // --- Props ---
 
 const props = {
-  tag: makeProp(PROP_TYPE_STRING, 'p'),
-  textClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  variant: makeProp(PROP_TYPE_STRING)
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'p'
+  },
+  textClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown.js

@@ -1,10 +1,9 @@
 import { extend } from '../../vue';
 import { NAME_DROPDOWN } from '../../constants/components';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_OBJECT_STRING, PROP_TYPE_OBJECT } from '../../constants/props';
+import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
 import { SLOT_NAME_BUTTON_CONTENT, SLOT_NAME_DEFAULT } from '../../constants/slots';
 import { arrayIncludes } from '../../utils/array';
 import { htmlOrText } from '../../utils/html';
-import { makeProp } from '../../utils/props';
 import { toString } from '../../utils/string';
 import { props as props$2, dropdownMixin } from '../../mixins/dropdown';
 import { props as props$1, idMixin } from '../../mixins/id';
@@ -17,29 +16,106 @@ import { sortKeys } from '../../utils/object';
 const props = sortKeys({
   ...props$1,
   ...props$2,
-  block: makeProp(PROP_TYPE_BOOLEAN, false),
-  html: makeProp(PROP_TYPE_STRING),
+  block: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  html: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
   // If `true`, only render menu contents when open
-  lazy: makeProp(PROP_TYPE_BOOLEAN, false),
-  menuClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  noCaret: makeProp(PROP_TYPE_BOOLEAN, false),
-  role: makeProp(PROP_TYPE_STRING, 'menu'),
-  size: makeProp(PROP_TYPE_STRING),
-  split: makeProp(PROP_TYPE_BOOLEAN, false),
-  splitButtonType: makeProp(PROP_TYPE_STRING, 'button', value => {
-    return arrayIncludes(['button', 'submit', 'reset'], value);
-  }),
-  splitClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  splitHref: makeProp(PROP_TYPE_STRING),
-  splitTo: makeProp(PROP_TYPE_OBJECT_STRING),
-  splitVariant: makeProp(PROP_TYPE_STRING),
-  text: makeProp(PROP_TYPE_STRING),
-  toggleAttrs: makeProp(PROP_TYPE_OBJECT, {}),
-  toggleClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  toggleTag: makeProp(PROP_TYPE_STRING, 'button'),
+  lazy: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  menuClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  noCaret: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  role: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'menu'
+  },
+  size: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  split: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  splitButtonType: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'button',
+    validator: value => {
+      return arrayIncludes(['button', 'submit', 'reset'], value);
+    }
+  },
+  splitClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  splitHref: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  splitTo: {
+    type: [PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  splitVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  text: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  toggleAttrs: {
+    type: PROP_TYPE_OBJECT,
+    required: false,
+    default: () => ({})
+  },
+  toggleClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  toggleTag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'button'
+  },
   // TODO: This really should be `toggleLabel`
-  toggleText: makeProp(PROP_TYPE_STRING, 'Toggle dropdown'),
-  variant: makeProp(PROP_TYPE_STRING, 'secondary')
+  toggleText: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Toggle dropdown'
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'secondary'
+  }
 });
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/form/form-text.js

@@ -1,15 +1,30 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_FORM_TEXT } from '../../constants/components';
 import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
-import { makeProp } from '../../utils/props';
 
 // --- Props ---
 
 const props = {
-  id: makeProp(PROP_TYPE_STRING),
-  inline: makeProp(PROP_TYPE_BOOLEAN, false),
-  tag: makeProp(PROP_TYPE_STRING, 'small'),
-  textVariant: makeProp(PROP_TYPE_STRING, 'muted')
+  id: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  inline: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'small'
+  },
+  textVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'muted'
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/form/form.js

@@ -1,15 +1,30 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_FORM } from '../../constants/components';
 import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
-import { makeProp } from '../../utils/props';
 
 // --- Props ---
 
 const props = {
-  id: makeProp(PROP_TYPE_STRING),
-  inline: makeProp(PROP_TYPE_BOOLEAN, false),
-  novalidate: makeProp(PROP_TYPE_BOOLEAN, false),
-  validated: makeProp(PROP_TYPE_BOOLEAN, false)
+  id: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  inline: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  novalidate: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  validated: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/layout/form-row.js

@@ -1,12 +1,15 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_FORM_ROW } from '../../constants/components';
 import { PROP_TYPE_STRING } from '../../constants/props';
-import { makeProp } from '../../utils/props';
 
 // --- Props ---
 
 const props = {
-  tag: makeProp(PROP_TYPE_STRING, 'div')
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'div'
+  }
 };
 
 // --- Main component ---

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

@@ -1,7 +1,6 @@
 import { extend } from '../../vue';
 import { NAME_TBODY } from '../../constants/components';
 import { PROP_TYPE_OBJECT } from '../../constants/props';
-import { makeProp } from '../../utils/props';
 import { attrsMixin } from '../../mixins/attrs';
 import { listenersMixin } from '../../mixins/listeners';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
@@ -9,8 +8,16 @@ import { normalizeSlotMixin } from '../../mixins/normalize-slot';
 // --- Props ---
 
 const props = {
-  tbodyTransitionHandlers: makeProp(PROP_TYPE_OBJECT),
-  tbodyTransitionProps: makeProp(PROP_TYPE_OBJECT)
+  tbodyTransitionHandlers: {
+    type: PROP_TYPE_OBJECT,
+    required: false,
+    default: undefined
+  },
+  tbodyTransitionProps: {
+    type: PROP_TYPE_OBJECT,
+    required: false,
+    default: undefined
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/table/td.js

@@ -1,10 +1,9 @@
 import { extend } from '../../vue';
 import { NAME_TABLE_CELL } from '../../constants/components';
-import { PROP_TYPE_NUMBER_STRING, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
+import { PROP_TYPE_NUMBER, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
 import { isTag } from '../../utils/dom';
 import { isUndefinedOrNull } from '../../utils/inspect';
 import { toInteger } from '../../utils/number';
-import { makeProp } from '../../utils/props';
 import { toString } from '../../utils/string';
 import { attrsMixin } from '../../mixins/attrs';
 import { listenersMixin } from '../../mixins/listeners';
@@ -24,11 +23,33 @@ const spanValidator = value => isUndefinedOrNull(value) || parseSpan(value) > 0;
 // --- Props ---
 
 const props = {
-  colspan: makeProp(PROP_TYPE_NUMBER_STRING, null, spanValidator),
-  rowspan: makeProp(PROP_TYPE_NUMBER_STRING, null, spanValidator),
-  stackedHeading: makeProp(PROP_TYPE_STRING),
-  stickyColumn: makeProp(PROP_TYPE_BOOLEAN, false),
-  variant: makeProp(PROP_TYPE_STRING)
+  colspan: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: null,
+    validator: spanValidator
+  },
+  rowspan: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: null,
+    validator: spanValidator
+  },
+  stackedHeading: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  stickyColumn: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/table/tfoot.js

@@ -1,7 +1,6 @@
 import { extend } from '../../vue';
 import { NAME_TFOOT } from '../../constants/components';
 import { PROP_TYPE_STRING } from '../../constants/props';
-import { makeProp } from '../../utils/props';
 import { attrsMixin } from '../../mixins/attrs';
 import { listenersMixin } from '../../mixins/listeners';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
@@ -10,7 +9,11 @@ import { normalizeSlotMixin } from '../../mixins/normalize-slot';
 
 const props = {
   // Supported values: 'lite', 'dark', or null
-  footVariant: makeProp(PROP_TYPE_STRING)
+  footVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/table/thead.js

@@ -1,7 +1,6 @@
 import { extend } from '../../vue';
 import { NAME_THEAD } from '../../constants/components';
 import { PROP_TYPE_STRING } from '../../constants/props';
-import { makeProp } from '../../utils/props';
 import { attrsMixin } from '../../mixins/attrs';
 import { listenersMixin } from '../../mixins/listeners';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
@@ -11,7 +10,11 @@ import { normalizeSlotMixin } from '../../mixins/normalize-slot';
 const props = {
   // Also sniffed by `<b-tr>` / `<b-td>` / `<b-th>`
   // Supported values: 'lite', 'dark', or `null`
-  headVariant: makeProp(PROP_TYPE_STRING)
+  headVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/table/tr.js

@@ -1,7 +1,6 @@
 import { extend } from '../../vue';
 import { NAME_TR } from '../../constants/components';
 import { PROP_TYPE_STRING } from '../../constants/props';
-import { makeProp } from '../../utils/props';
 import { attrsMixin } from '../../mixins/attrs';
 import { listenersMixin } from '../../mixins/listeners';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
@@ -14,7 +13,11 @@ const DARK = 'dark';
 // --- Props ---
 
 const props = {
-  variant: makeProp(PROP_TYPE_STRING)
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 };
 
 // --- Main component ---