@gitlab/ui 132.1.0 → 132.2.0

package/dist/vendor/bootstrap-vue/src/directives/modal/modal.js

@@ -14,11 +14,10 @@ const ROOT_ACTION_EVENT_NAME_SHOW = getRootActionEventName(NAME_MODAL, EVENT_NAM
 // Prop name we use to store info on root element
 const PROPERTY = '__bv_modal_directive__';
 const getTarget = _ref => {
-  let {
-    modifiers = {},
-    arg,
-    value
-  } = _ref;
+  let _ref$modifiers = _ref.modifiers,
+    modifiers = _ref$modifiers === void 0 ? {} : _ref$modifiers,
+    arg = _ref.arg,
+    value = _ref.value;
   // Try value, then arg, otherwise pick last modifier
   return isString(value) ? value : isString(arg) ? arg : keys(modifiers).reverse()[0];
 };

package/dist/vendor/bootstrap-vue/src/directives/visible/visible.js

@@ -125,10 +125,8 @@ const destroy = el => {
   delete el[OBSERVER_PROP_NAME];
 };
 const bind = (el, bindings, vnode) => {
-  const {
-    value,
-    modifiers
-  } = bindings;
+  const value = bindings.value,
+    modifiers = bindings.modifiers;
   // `value` is the callback function
   const options = {
     margin: '0px',
@@ -155,11 +153,9 @@ const bind = (el, bindings, vnode) => {
 
 // When the directive options may have been updated (or element)
 const componentUpdated = (el, bindings, vnode) => {
-  const {
-    value,
-    oldValue,
-    modifiers
-  } = bindings;
+  const value = bindings.value,
+    oldValue = bindings.oldValue,
+    modifiers = bindings.modifiers;
   // Compare value/oldValue and modifiers to see if anything has changed
   // and if so, destroy old observer and create new observer
   /* istanbul ignore next */

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

@@ -4,7 +4,6 @@ import { NAME_DROPDOWN } from '../constants/components';
 import { EVENT_NAME_SHOWN, EVENT_NAME_HIDDEN, EVENT_NAME_TOGGLE, EVENT_NAME_CLICK, EVENT_NAME_SHOW, EVENT_NAME_HIDE } from '../constants/events';
 import { CODE_ENTER, CODE_SPACE, CODE_DOWN, CODE_ESC, CODE_UP } from '../constants/key-codes';
 import { PLACEMENT_TOP_END, PLACEMENT_TOP_START, PLACEMENT_BOTTOM_START, PLACEMENT_RIGHT_START, PLACEMENT_LEFT_START, PLACEMENT_BOTTOM_END } from '../constants/popper';
-import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER, PROP_TYPE_OBJECT } from '../constants/props';
 import { HTMLElement } from '../constants/safe-types';
 import { BvEvent } from '../utils/bv-event.class';
 import { requestAF, contains, closest, attemptFocus, selectAll, isVisible } from '../utils/dom';
@@ -38,54 +37,54 @@ const props = sortKeys({
   // String: `scrollParent`, `window` or `viewport`
   // HTMLElement: HTML Element reference
   boundary: {
-    type: [HTMLElement, PROP_TYPE_STRING],
+    type: [HTMLElement, String],
     required: false,
     default: 'scrollParent'
   },
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Place left if possible
   dropleft: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Place right if possible
   dropright: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Place on top if possible
   dropup: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Disable auto-flipping of menu from bottom <=> top
   noFlip: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Number of pixels or a CSS unit value to offset menu
   // (i.e. `1px`, `1rem`, etc.)
   offset: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    type: [Number, String],
     required: false,
     default: 0
   },
   popperOpts: {
-    type: PROP_TYPE_OBJECT,
+    type: Object,
     required: false,
     default: () => ({})
   },
   // Right align menu (default is left align)
   right: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }
@@ -110,9 +109,7 @@ const dropdownMixin = extend({
   },
   computed: {
     toggler() {
-      const {
-        toggle
-      } = this.$refs;
+      const toggle = this.$refs.toggle;
       return toggle ? toggle.$el || toggle : null;
     },
     directionClass() {
@@ -193,9 +190,7 @@ const dropdownMixin = extend({
   methods: {
     // Event emitter
     emitEvent(bvEvent) {
-      const {
-        type
-      } = bvEvent;
+      const type = bvEvent.type;
       this.emitOnRoot(getRootEventName(NAME_DROPDOWN, type), bvEvent);
       this.$emit(type, bvEvent);
     },
@@ -330,10 +325,9 @@ const dropdownMixin = extend({
     toggle(event) {
       event = event || {};
       // Early exit when not a click event or ENTER, SPACE or DOWN were pressed
-      const {
-        type,
-        keyCode
-      } = event;
+      const _event = event,
+        type = _event.type,
+        keyCode = _event.keyCode;
       if (type !== 'click' && !(type === 'keydown' && [CODE_ENTER, CODE_SPACE, CODE_DOWN].indexOf(keyCode) !== -1)) {
         /* istanbul ignore next */
         return;
@@ -369,9 +363,7 @@ const dropdownMixin = extend({
     },
     // Called from dropdown menu context
     onKeydown(event) {
-      const {
-        keyCode
-      } = event;
+      const keyCode = event.keyCode;
       if (keyCode === CODE_ESC) {
         // Close on ESC
         this.onEsc(event);
@@ -403,9 +395,7 @@ const dropdownMixin = extend({
     },
     // Shared hide handler between click-out and focus-in events
     hideHandler(event) {
-      const {
-        target
-      } = event;
+      const target = event.target;
       if (this.visible && !contains(this.$refs.menu, target) && !contains(this.toggler, target)) {
         this.hide();
       }
@@ -421,9 +411,7 @@ const dropdownMixin = extend({
     // Keyboard nav
     focusNext(event, up) {
       // Ignore key up/down on form elements
-      const {
-        target
-      } = event;
+      const target = event.target;
       if (!this.visible || event && closest(SELECTOR_FORM_CHILD, target)) {
         /* istanbul ignore next: should never happen */
         return;

package/dist/vendor/bootstrap-vue/src/mixins/form-control.js

@@ -1,5 +1,4 @@
 import { extend } from '../vue';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../constants/props';
 import { requestAF, isVisible, matches, select, attemptFocus } from '../utils/dom';
 
 // --- Constants ---
@@ -10,32 +9,32 @@ const SELECTOR = 'input, textarea, select';
 
 const props = {
   autofocus: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   form: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   id: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   name: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   required: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }

package/dist/vendor/bootstrap-vue/src/mixins/form-custom.js

@@ -1,11 +1,10 @@
 import { extend } from '../vue';
-import { PROP_TYPE_BOOLEAN } from '../constants/props';
 
 // --- Props ---
 
 const props = {
   plain: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }

package/dist/vendor/bootstrap-vue/src/mixins/form-options.js

@@ -1,5 +1,4 @@
 import { extend } from '../vue';
-import { PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../constants/props';
 import { get } from '../utils/get';
 import { stripTags } from '../utils/html';
 import { isPlainObject, isUndefined, isArray } from '../utils/inspect';
@@ -14,27 +13,27 @@ const OPTIONS_OBJECT_DEPRECATED_MSG = 'Setting prop "options" to an object is de
 
 const props = {
   disabledField: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'disabled'
   },
   htmlField: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'html'
   },
   options: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT],
+    type: [Array, Object],
     required: false,
     default: () => []
   },
   textField: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'text'
   },
   valueField: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'value'
   }

package/dist/vendor/bootstrap-vue/src/mixins/form-size.js

@@ -1,11 +1,10 @@
 import { extend } from '../vue';
-import { PROP_TYPE_STRING } from '../constants/props';
 
 // --- Props ---
 
 const props = {
   size: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }

package/dist/vendor/bootstrap-vue/src/mixins/form-state.js

@@ -1,5 +1,4 @@
 import { extend } from '../vue';
-import { PROP_TYPE_BOOLEAN } from '../constants/props';
 import { isBoolean } from '../utils/inspect';
 import { safeVueInstance } from '../utils/safe-vue-instance';
 
@@ -17,7 +16,7 @@ import { safeVueInstance } from '../utils/safe-vue-instance';
 const props = {
   // Tri-state prop: true, false, null (or undefined)
   state: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: null
   }

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

@@ -1,10 +1,8 @@
 import { extend } from '../vue';
-import { EVENT_NAME_UPDATE, EVENT_NAME_INPUT, EVENT_NAME_CHANGE, EVENT_NAME_BLUR } from '../constants/events';
-import { PROP_TYPE_NUMBER_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_NUMBER, PROP_TYPE_FUNCTION } from '../constants/props';
+import { EVENT_NAME_INPUT, EVENT_NAME_CHANGE, EVENT_NAME_BLUR, EVENT_NAME_UPDATE } from '../constants/events';
 import { attemptFocus, attemptBlur } from '../utils/dom';
 import { stopEvent } from '../utils/events';
 import { mathMax } from '../utils/math';
-import { makeModelMixin } from '../utils/model';
 import { toInteger, toFloat } from '../utils/number';
 import { sortKeys } from '../utils/object';
 import { isFunction } from '../utils/inspect';
@@ -12,75 +10,70 @@ import { toString } from '../utils/string';
 
 // --- Constants ---
 
-const {
-  mixin: modelMixin,
-  props: modelProps,
-  prop: MODEL_PROP_NAME,
-  event: MODEL_EVENT_NAME
-} = makeModelMixin('value', {
-  type: PROP_TYPE_NUMBER_STRING,
-  defaultValue: '',
-  event: EVENT_NAME_UPDATE
-});
+const MODEL_PROP_NAME = 'value';
+const MODEL_EVENT_NAME = EVENT_NAME_UPDATE;
 
 // --- Props ---
 
 const props = sortKeys({
-  ...modelProps,
+  [MODEL_PROP_NAME]: {
+    type: [Number, String],
+    default: ''
+  },
   ariaInvalid: {
-    type: [PROP_TYPE_BOOLEAN, PROP_TYPE_STRING],
+    type: [Boolean, String],
     required: false,
     default: false
   },
   autocomplete: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   // Debounce timeout (in ms). Not applicable with `lazy` prop
   debounce: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    type: [Number, String],
     required: false,
     default: 0
   },
   formatter: {
-    type: PROP_TYPE_FUNCTION,
+    type: Function,
     required: false,
     default: undefined
   },
   // Only update the `v-model` on blur/change events
   lazy: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   lazyFormatter: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   number: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   placeholder: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   plaintext: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   readonly: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   trim: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }
@@ -90,7 +83,10 @@ const props = sortKeys({
 
 // @vue/component
 const formTextMixin = extend({
-  mixins: [modelMixin],
+  model: {
+    prop: MODEL_PROP_NAME,
+    event: MODEL_EVENT_NAME
+  },
   props,
   data() {
     const value = this[MODEL_PROP_NAME];
@@ -101,10 +97,8 @@ const formTextMixin = extend({
   },
   computed: {
     computedClass() {
-      const {
-        plaintext,
-        type
-      } = this;
+      const plaintext = this.plaintext,
+        type = this.type;
       const isRange = type === 'range';
       const isColor = type === 'color';
       return [{
@@ -173,9 +167,7 @@ const formTextMixin = extend({
     },
     updateValue(value) {
       let force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      const {
-        lazy
-      } = this;
+      const lazy = this.lazy;
       if (lazy && !force) {
         return;
       }
@@ -222,9 +214,7 @@ const formTextMixin = extend({
       if (event.target.composing) {
         return;
       }
-      const {
-        value
-      } = event.target;
+      const value = event.target.value;
       const formattedValue = this.formatValue(value, event);
       // Exit when the `formatter` function strictly returned `false`
       // or prevented the input event
@@ -240,9 +230,7 @@ const formTextMixin = extend({
       this.$emit(EVENT_NAME_INPUT, formattedValue);
     },
     onChange(event) {
-      const {
-        value
-      } = event.target;
+      const value = event.target.value;
       const formattedValue = this.formatValue(value, event);
       // Exit when the `formatter` function strictly returned `false`
       // or prevented the input event
@@ -260,9 +248,7 @@ const formTextMixin = extend({
     onBlur(event) {
       // Apply the `localValue` on blur to prevent cursor jumps
       // on mobile browsers (e.g. caused by autocomplete)
-      const {
-        value
-      } = event.target;
+      const value = event.target.value;
       const formattedValue = this.formatValue(value, event, true);
       if (formattedValue !== false) {
         // We need to use the modified value here to apply the
@@ -290,4 +276,4 @@ const formTextMixin = extend({
   }
 });
 
-export { MODEL_EVENT_NAME, MODEL_PROP_NAME, formTextMixin, props };
+export { formTextMixin, props };

package/dist/vendor/bootstrap-vue/src/mixins/id.js

@@ -1,5 +1,4 @@
 import { extend, COMPONENT_UID_KEY } from '../vue';
-import { PROP_TYPE_STRING } from '../constants/props';
 
 // SSR safe client-side ID attribute generation
 // ID's can only be generated client-side, after mount
@@ -9,7 +8,7 @@ import { PROP_TYPE_STRING } from '../constants/props';
 
 const props = {
   id: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }

package/dist/vendor/bootstrap-vue/src/utils/create-new-child-component.js

@@ -1,5 +1,54 @@
 import { isVue3 } from '../vue';
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
 // Regex to detect event handler props: onSomething or onSomethingOnce
 const EVENT_HANDLER_RE = /^on([A-Z][a-zA-Z]*)$/;
 const ONCE_SUFFIX = 'Once';
@@ -13,9 +62,9 @@ const ONCE_SUFFIX = 'Once';
  * @returns {string} The handler prop name (e.g., 'onHidden', 'onHiddenOnce')
  */
 const eventProp = function (eventName) {
-  let {
-    once = false
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref$once = _ref.once,
+    once = _ref$once === void 0 ? false : _ref$once;
   const capitalized = eventName.charAt(0).toUpperCase() + eventName.slice(1);
   return `on${capitalized}${once ? ONCE_SUFFIX : ''}`;
 };
@@ -81,8 +130,9 @@ const resolveComponentOptions = Component => {
     ...Component
   };
   if (opts.directives) {
-    opts.directives = Object.fromEntries(Object.entries(opts.directives).filter(_ref => {
-      let [key] = _ref;
+    opts.directives = Object.fromEntries(Object.entries(opts.directives).filter(_ref2 => {
+      let _ref3 = _slicedToArray(_ref2, 1),
+        key = _ref3[0];
       return !BUILTIN_DIRECTIVES.includes(key);
     }));
   }
@@ -107,10 +157,9 @@ const createNewChildComponent = function (parent, Component) {
   }
 
   // Vue 2: extract handlers and subscribe manually after creation
-  const {
-    handlers,
-    cleanConfig
-  } = extractEventHandlers(config);
+  const _extractEventHandlers = extractEventHandlers(config),
+    handlers = _extractEventHandlers.handlers,
+    cleanConfig = _extractEventHandlers.cleanConfig;
   const instance = new Component({
     ...cleanConfig,
     parent,
@@ -119,12 +168,10 @@ const createNewChildComponent = function (parent, Component) {
   });
 
   // Subscribe to events using $on/$once
-  handlers.forEach(_ref2 => {
-    let {
-      eventName,
-      handler,
-      once
-    } = _ref2;
+  handlers.forEach(_ref4 => {
+    let eventName = _ref4.eventName,
+      handler = _ref4.handler,
+      once = _ref4.once;
     instance[once ? '$once' : '$on'](eventName, handler);
   });
   return instance;

package/dist/vendor/bootstrap-vue/src/utils/dom.js

@@ -50,9 +50,7 @@ const isElement = el => !!(el && el.nodeType === Node.ELEMENT_NODE);
 // Get the currently active HTML element
 const getActiveElement = function () {
   let excludes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  const {
-    activeElement
-  } = DOCUMENT;
+  const activeElement = DOCUMENT.activeElement;
   return activeElement && !excludes.some(el => el === activeElement) ? activeElement : null;
 };
 
@@ -199,9 +197,7 @@ const getBCR = el => isElement(el) ? el.getBoundingClientRect() : null;
 // Get computed style object for an element
 /* istanbul ignore next: getComputedStyle() doesn't work in JSDOM */
 const getCS = el => {
-  const {
-    getComputedStyle
-  } = WINDOW;
+  const getComputedStyle = WINDOW.getComputedStyle;
   return getComputedStyle && isElement(el) ? getComputedStyle(el) : {};
 };
 
@@ -209,9 +205,7 @@ const getCS = el => {
 // Returns `null` if no window support is given
 /* istanbul ignore next: getSelection() doesn't work in JSDOM */
 const getSel = () => {
-  const {
-    getSelection
-  } = WINDOW;
+  const getSelection = WINDOW.getSelection;
   return getSelection ? WINDOW.getSelection() : null;
 };
 

package/dist/vendor/bootstrap-vue/src/utils/events.js

@@ -46,11 +46,13 @@ const eventOnOff = function (on) {
 
 // Utility method to prevent the default event handling and propagation
 const stopEvent = function (event) {
-  let {
-    preventDefault = true,
-    propagation = true,
-    immediatePropagation = false
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref$preventDefault = _ref.preventDefault,
+    preventDefault = _ref$preventDefault === void 0 ? true : _ref$preventDefault,
+    _ref$propagation = _ref.propagation,
+    propagation = _ref$propagation === void 0 ? true : _ref$propagation,
+    _ref$immediatePropaga = _ref.immediatePropagation,
+    immediatePropagation = _ref$immediatePropaga === void 0 ? false : _ref$immediatePropaga;
   if (preventDefault) {
     event.preventDefault();
   }

package/dist/vendor/bootstrap-vue/src/utils/plugins.js

@@ -7,11 +7,10 @@ import { setConfig } from './config-set';
  * @returns {function} plugin install function
  */
 const installFactory = function () {
-  let {
-    components,
-    directives,
-    plugins
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    components = _ref.components,
+    directives = _ref.directives,
+    plugins = _ref.plugins;
   const install = function (Vue) {
     let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     if (install.installed) {