@gitlab/ui 92.2.0 → 92.3.0

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

@@ -1,16 +0,0 @@
-import { BFormTags } from './form-tags';
-export { BFormTags } from './form-tags';
-import { BFormTag } from './form-tag';
-export { BFormTag } from './form-tag';
-import { pluginFactory } from '../../utils/plugins';
-
-const FormTagsPlugin = /*#__PURE__*/pluginFactory({
-  components: {
-    BFormTags,
-    BTags: BFormTags,
-    BFormTag,
-    BTag: BFormTag
-  }
-});
-
-export { FormTagsPlugin };

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

@@ -1,281 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_FORM_TIMEPICKER } from '../../constants/components';
-import { EVENT_NAME_CONTEXT, EVENT_NAME_SHOWN, EVENT_NAME_HIDDEN } from '../../constants/events';
-import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_DATE_STRING } from '../../constants/props';
-import { SLOT_NAME_BUTTON_CONTENT } from '../../constants/slots';
-import { attemptFocus, attemptBlur } from '../../utils/dom';
-import { isUndefinedOrNull } from '../../utils/inspect';
-import { makeModelMixin } from '../../utils/model';
-import { omit, sortKeys } from '../../utils/object';
-import { makePropsConfigurable, makeProp, pluckProps } from '../../utils/props';
-import { props as props$3, idMixin } from '../../mixins/id';
-import { BIconClockFill, BIconClock } from '../../icons/icons';
-import { BButton } from '../button/button';
-import { props as props$2, BVFormBtnLabelControl } from '../form-btn-label-control/bv-form-btn-label-control';
-import { props as props$1, BTime } from '../time/time';
-
-// --- Constants ---
-
-const {
-  mixin: modelMixin,
-  props: modelProps,
-  prop: MODEL_PROP_NAME,
-  event: MODEL_EVENT_NAME
-} = makeModelMixin('value', {
-  type: PROP_TYPE_STRING,
-  defaultValue: ''
-});
-
-// --- Props ---
-
-const timeProps = omit(props$1, ['hidden', 'id', 'value']);
-const formBtnLabelControlProps = omit(props$2, ['formattedValue', 'id', 'lang', 'rtl', 'value']);
-const props = makePropsConfigurable(sortKeys({
-  ...props$3,
-  ...modelProps,
-  ...timeProps,
-  ...formBtnLabelControlProps,
-  closeButtonVariant: makeProp(PROP_TYPE_STRING, 'outline-secondary'),
-  labelCloseButton: makeProp(PROP_TYPE_STRING, 'Close'),
-  labelNowButton: makeProp(PROP_TYPE_STRING, 'Select now'),
-  labelResetButton: makeProp(PROP_TYPE_STRING, 'Reset'),
-  noCloseButton: makeProp(PROP_TYPE_BOOLEAN, false),
-  nowButton: makeProp(PROP_TYPE_BOOLEAN, false),
-  nowButtonVariant: makeProp(PROP_TYPE_STRING, 'outline-primary'),
-  resetButton: makeProp(PROP_TYPE_BOOLEAN, false),
-  resetButtonVariant: makeProp(PROP_TYPE_STRING, 'outline-danger'),
-  resetValue: makeProp(PROP_TYPE_DATE_STRING)
-}), NAME_FORM_TIMEPICKER);
-
-// --- Main component ---
-
-// @vue/component
-const BFormTimepicker = /*#__PURE__*/extend({
-  name: NAME_FORM_TIMEPICKER,
-  mixins: [idMixin, modelMixin],
-  props,
-  data() {
-    return {
-      // We always use `HH:mm:ss` value internally
-      localHMS: this[MODEL_PROP_NAME] || '',
-      // Context data from BTime
-      localLocale: null,
-      isRTL: false,
-      formattedValue: '',
-      // If the menu is opened
-      isVisible: false
-    };
-  },
-  computed: {
-    computedLang() {
-      return (this.localLocale || '').replace(/-u-.*$/i, '') || null;
-    }
-  },
-  watch: {
-    [MODEL_PROP_NAME](newValue) {
-      this.localHMS = newValue || '';
-    },
-    localHMS(newValue) {
-      // We only update the v-model value when the timepicker
-      // is open, to prevent cursor jumps when bound to a
-      // text input in button only mode
-      if (this.isVisible) {
-        this.$emit(MODEL_EVENT_NAME, newValue || '');
-      }
-    }
-  },
-  methods: {
-    // Public methods
-    focus() {
-      if (!this.disabled) {
-        attemptFocus(this.$refs.control);
-      }
-    },
-    blur() {
-      if (!this.disabled) {
-        attemptBlur(this.$refs.control);
-      }
-    },
-    // Private methods
-    setAndClose(value) {
-      this.localHMS = value;
-      this.$nextTick(() => {
-        this.$refs.control.hide(true);
-      });
-    },
-    onInput(hms) {
-      if (this.localHMS !== hms) {
-        this.localHMS = hms;
-      }
-    },
-    onContext(ctx) {
-      const {
-        isRTL,
-        locale,
-        value,
-        formatted
-      } = ctx;
-      this.isRTL = isRTL;
-      this.localLocale = locale;
-      this.formattedValue = formatted;
-      this.localHMS = value || '';
-      // Re-emit the context event
-      this.$emit(EVENT_NAME_CONTEXT, ctx);
-    },
-    onNowButton() {
-      const now = new Date();
-      const hours = now.getHours();
-      const minutes = now.getMinutes();
-      const seconds = this.showSeconds ? now.getSeconds() : 0;
-      const value = [hours, minutes, seconds].map(v => `00${v || ''}`.slice(-2)).join(':');
-      this.setAndClose(value);
-    },
-    onResetButton() {
-      this.setAndClose(this.resetValue);
-    },
-    onCloseButton() {
-      this.$refs.control.hide(true);
-    },
-    onShow() {
-      this.isVisible = true;
-    },
-    onShown() {
-      this.$nextTick(() => {
-        attemptFocus(this.$refs.time);
-        this.$emit(EVENT_NAME_SHOWN);
-      });
-    },
-    onHidden() {
-      this.isVisible = false;
-      this.$emit(EVENT_NAME_HIDDEN);
-    },
-    // Render function helpers
-    defaultButtonFn(_ref) {
-      let {
-        isHovered,
-        hasFocus
-      } = _ref;
-      return this.$createElement(isHovered || hasFocus ? BIconClockFill : BIconClock, {
-        attrs: {
-          'aria-hidden': 'true'
-        }
-      });
-    }
-  },
-  render(h) {
-    const {
-      localHMS,
-      disabled,
-      readonly,
-      $props
-    } = this;
-    const placeholder = isUndefinedOrNull(this.placeholder) ? this.labelNoTimeSelected : this.placeholder;
-
-    // Footer buttons
-    let $footer = [];
-    if (this.nowButton) {
-      const label = this.labelNowButton;
-      $footer.push(h(BButton, {
-        props: {
-          size: 'sm',
-          disabled: disabled || readonly,
-          variant: this.nowButtonVariant
-        },
-        attrs: {
-          'aria-label': label || null
-        },
-        on: {
-          click: this.onNowButton
-        },
-        key: 'now-btn'
-      }, label));
-    }
-    if (this.resetButton) {
-      if ($footer.length > 0) {
-        // Add a "spacer" between buttons (' ')
-        $footer.push(h('span', '\u00a0'));
-      }
-      const label = this.labelResetButton;
-      $footer.push(h(BButton, {
-        props: {
-          size: 'sm',
-          disabled: disabled || readonly,
-          variant: this.resetButtonVariant
-        },
-        attrs: {
-          'aria-label': label || null
-        },
-        on: {
-          click: this.onResetButton
-        },
-        key: 'reset-btn'
-      }, label));
-    }
-    if (!this.noCloseButton) {
-      // Add a "spacer" between buttons (' ')
-      if ($footer.length > 0) {
-        $footer.push(h('span', '\u00a0'));
-      }
-      const label = this.labelCloseButton;
-      $footer.push(h(BButton, {
-        props: {
-          size: 'sm',
-          disabled,
-          variant: this.closeButtonVariant
-        },
-        attrs: {
-          'aria-label': label || null
-        },
-        on: {
-          click: this.onCloseButton
-        },
-        key: 'close-btn'
-      }, label));
-    }
-    if ($footer.length > 0) {
-      $footer = [h('div', {
-        staticClass: 'b-form-date-controls d-flex flex-wrap',
-        class: {
-          'justify-content-between': $footer.length > 1,
-          'justify-content-end': $footer.length < 2
-        }
-      }, $footer)];
-    }
-    const $time = h(BTime, {
-      staticClass: 'b-form-time-control',
-      props: {
-        ...pluckProps(timeProps, $props),
-        value: localHMS,
-        hidden: !this.isVisible
-      },
-      on: {
-        input: this.onInput,
-        context: this.onContext
-      },
-      ref: 'time'
-    }, $footer);
-    return h(BVFormBtnLabelControl, {
-      staticClass: 'b-form-timepicker',
-      props: {
-        ...pluckProps(formBtnLabelControlProps, $props),
-        id: this.safeId(),
-        value: localHMS,
-        formattedValue: localHMS ? this.formattedValue : '',
-        placeholder,
-        rtl: this.isRTL,
-        lang: this.computedLang
-      },
-      on: {
-        show: this.onShow,
-        shown: this.onShown,
-        hidden: this.onHidden
-      },
-      scopedSlots: {
-        [SLOT_NAME_BUTTON_CONTENT]: this.$scopedSlots[SLOT_NAME_BUTTON_CONTENT] || this.defaultButtonFn
-      },
-      ref: 'control'
-    }, [$time]);
-  }
-});
-
-export { BFormTimepicker, props };

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

@@ -1,12 +0,0 @@
-import { BFormTimepicker } from './form-timepicker';
-export { BFormTimepicker } from './form-timepicker';
-import { pluginFactory } from '../../utils/plugins';
-
-const FormTimepickerPlugin = /*#__PURE__*/pluginFactory({
-  components: {
-    BFormTimepicker,
-    BTimepicker: BFormTimepicker
-  }
-});
-
-export { FormTimepickerPlugin };

package/dist/vendor/bootstrap-vue/src/components/image/img-lazy.js

@@ -1,157 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_IMG_LAZY } from '../../constants/components';
-import { HAS_INTERACTION_OBSERVER_SUPPORT } from '../../constants/env';
-import { MODEL_EVENT_NAME_PREFIX } from '../../constants/events';
-import { PROP_TYPE_NUMBER_STRING, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
-import { concat } from '../../utils/array';
-import { requestAF } from '../../utils/dom';
-import { identity } from '../../utils/identity';
-import { toInteger } from '../../utils/number';
-import { omit } from '../../utils/object';
-import { makePropsConfigurable, makeProp, pluckProps } from '../../utils/props';
-import { VBVisible } from '../../directives/visible/visible';
-import { props as props$1, BImg } from './img';
-
-// --- Constants ---
-
-const MODEL_PROP_NAME_SHOW = 'show';
-const MODEL_EVENT_NAME_SHOW = MODEL_EVENT_NAME_PREFIX + MODEL_PROP_NAME_SHOW;
-
-// --- Props ---
-
-const imgProps = omit(props$1, ['blank']);
-const props = makePropsConfigurable({
-  ...imgProps,
-  blankHeight: makeProp(PROP_TYPE_NUMBER_STRING),
-  // If `null`, a blank image is generated
-  blankSrc: makeProp(PROP_TYPE_STRING, null),
-  blankWidth: makeProp(PROP_TYPE_NUMBER_STRING),
-  // Distance away from viewport (in pixels)
-  // before being considered "visible"
-  offset: makeProp(PROP_TYPE_NUMBER_STRING, 360),
-  [MODEL_PROP_NAME_SHOW]: makeProp(PROP_TYPE_BOOLEAN, false)
-}, NAME_IMG_LAZY);
-
-// --- Main component ---
-
-// @vue/component
-const BImgLazy = /*#__PURE__*/extend({
-  name: NAME_IMG_LAZY,
-  directives: {
-    'b-visible': VBVisible
-  },
-  props,
-  data() {
-    return {
-      isShown: this[MODEL_PROP_NAME_SHOW]
-    };
-  },
-  computed: {
-    computedSrc() {
-      const {
-        blankSrc
-      } = this;
-      return !blankSrc || this.isShown ? this.src : blankSrc;
-    },
-    computedBlank() {
-      return !(this.isShown || this.blankSrc);
-    },
-    computedWidth() {
-      const {
-        width
-      } = this;
-      return this.isShown ? width : this.blankWidth || width;
-    },
-    computedHeight() {
-      const {
-        height
-      } = this;
-      return this.isShown ? height : this.blankHeight || height;
-    },
-    computedSrcset() {
-      const srcset = concat(this.srcset).filter(identity).join(',');
-      return srcset && (!this.blankSrc || this.isShown) ? srcset : null;
-    },
-    computedSizes() {
-      const sizes = concat(this.sizes).filter(identity).join(',');
-      return sizes && (!this.blankSrc || this.isShown) ? sizes : null;
-    }
-  },
-  watch: {
-    [MODEL_PROP_NAME_SHOW](newValue, oldValue) {
-      if (newValue !== oldValue) {
-        // If `IntersectionObserver` support is not available, image is always shown
-        const visible = HAS_INTERACTION_OBSERVER_SUPPORT ? newValue : true;
-        this.isShown = visible;
-
-        // Ensure the show prop is synced (when no `IntersectionObserver`)
-        if (newValue !== visible) {
-          this.$nextTick(this.updateShowProp);
-        }
-      }
-    },
-    isShown(newValue, oldValue) {
-      // Update synched show prop
-      if (newValue !== oldValue) {
-        this.updateShowProp();
-      }
-    }
-  },
-  mounted() {
-    // If `IntersectionObserver` is not available, image is always shown
-    this.$nextTick(() => {
-      this.isShown = HAS_INTERACTION_OBSERVER_SUPPORT ? this[MODEL_PROP_NAME_SHOW] : true;
-    });
-  },
-  methods: {
-    updateShowProp() {
-      this.$emit(MODEL_EVENT_NAME_SHOW, this.isShown);
-    },
-    doShow(visible) {
-      // If IntersectionObserver is not supported, the callback
-      // will be called with `null` rather than `true` or `false`
-      if ((visible || visible === null) && !this.isShown) {
-        // In a `requestAF()` to render the `blank` placeholder properly
-        // for fast loading images in some browsers (i.e. Firefox)
-        requestAF(() => {
-          this.isShown = true;
-        });
-      }
-    }
-  },
-  render(h) {
-    const directives = [];
-    if (!this.isShown) {
-      // We only add the visible directive if we are not shown
-      directives.push({
-        // Visible directive will silently do nothing if
-        // `IntersectionObserver` is not supported
-        name: 'b-visible',
-        // Value expects a callback (passed one arg of `visible` = `true` or `false`)
-        value: this.doShow,
-        modifiers: {
-          // Root margin from viewport
-          [`${toInteger(this.offset, 0)}`]: true,
-          // Once the image is shown, stop observing
-          once: true
-        }
-      });
-    }
-    return h(BImg, {
-      directives,
-      props: {
-        // Passthrough props
-        ...pluckProps(imgProps, this.$props),
-        // Computed value props
-        src: this.computedSrc,
-        blank: this.computedBlank,
-        width: this.computedWidth,
-        height: this.computedHeight,
-        srcset: this.computedSrcset,
-        sizes: this.computedSizes
-      }
-    });
-  }
-});
-
-export { BImgLazy, props };

package/dist/vendor/bootstrap-vue/src/components/image/img.js

@@ -1,124 +0,0 @@
-import { extend, mergeData } from '../../vue';
-import { NAME_IMG } from '../../constants/components';
-import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER_STRING, PROP_TYPE_BOOLEAN_STRING, PROP_TYPE_ARRAY_STRING } from '../../constants/props';
-import { concat } from '../../utils/array';
-import { identity } from '../../utils/identity';
-import { isString } from '../../utils/inspect';
-import { toInteger } from '../../utils/number';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { toString } from '../../utils/string';
-
-// --- Constants --
-
-// Blank image with fill template
-const BLANK_TEMPLATE = '<svg width="%{w}" height="%{h}" ' + 'xmlns="http://www.w3.org/2000/svg" ' + 'viewBox="0 0 %{w} %{h}" preserveAspectRatio="none">' + '<rect width="100%" height="100%" style="fill:%{f};"></rect>' + '</svg>';
-
-// --- Helper methods ---
-
-const makeBlankImgSrc = (width, height, color) => {
-  const src = encodeURIComponent(BLANK_TEMPLATE.replace('%{w}', toString(width)).replace('%{h}', toString(height)).replace('%{f}', color));
-  return `data:image/svg+xml;charset=UTF-8,${src}`;
-};
-
-// --- Props ---
-
-const props = makePropsConfigurable({
-  alt: makeProp(PROP_TYPE_STRING),
-  blank: makeProp(PROP_TYPE_BOOLEAN, false),
-  blankColor: makeProp(PROP_TYPE_STRING, 'transparent'),
-  block: makeProp(PROP_TYPE_BOOLEAN, false),
-  center: makeProp(PROP_TYPE_BOOLEAN, false),
-  fluid: makeProp(PROP_TYPE_BOOLEAN, false),
-  // Gives fluid images class `w-100` to make them grow to fit container
-  fluidGrow: makeProp(PROP_TYPE_BOOLEAN, false),
-  height: makeProp(PROP_TYPE_NUMBER_STRING),
-  left: makeProp(PROP_TYPE_BOOLEAN, false),
-  right: makeProp(PROP_TYPE_BOOLEAN, false),
-  // Possible values:
-  //   `false`: no rounding of corners
-  //   `true`: slightly rounded corners
-  //   'top': top corners rounded
-  //   'right': right corners rounded
-  //   'bottom': bottom corners rounded
-  //   'left': left corners rounded
-  //   'circle': circle/oval
-  //   '0': force rounding off
-  rounded: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-  sizes: makeProp(PROP_TYPE_ARRAY_STRING),
-  src: makeProp(PROP_TYPE_STRING),
-  srcset: makeProp(PROP_TYPE_ARRAY_STRING),
-  thumbnail: makeProp(PROP_TYPE_BOOLEAN, false),
-  width: makeProp(PROP_TYPE_NUMBER_STRING)
-}, NAME_IMG);
-
-// --- Main component ---
-
-// @vue/component
-const BImg = /*#__PURE__*/extend({
-  name: NAME_IMG,
-  functional: true,
-  props,
-  render(h, _ref) {
-    let {
-      props,
-      data
-    } = _ref;
-    let {
-      alt,
-      src,
-      block,
-      fluidGrow,
-      rounded
-    } = props;
-    let width = toInteger(props.width) || null;
-    let height = toInteger(props.height) || null;
-    let align = null;
-    let srcset = concat(props.srcset).filter(identity).join(',');
-    let sizes = concat(props.sizes).filter(identity).join(',');
-    if (props.blank) {
-      if (!height && width) {
-        height = width;
-      } else if (!width && height) {
-        width = height;
-      }
-      if (!width && !height) {
-        width = 1;
-        height = 1;
-      }
-      // Make a blank SVG image
-      src = makeBlankImgSrc(width, height, props.blankColor || 'transparent');
-      // Disable srcset and sizes
-      srcset = null;
-      sizes = null;
-    }
-    if (props.left) {
-      align = 'float-left';
-    } else if (props.right) {
-      align = 'float-right';
-    } else if (props.center) {
-      align = 'mx-auto';
-      block = true;
-    }
-    return h('img', mergeData(data, {
-      attrs: {
-        src,
-        alt,
-        width: width ? toString(width) : null,
-        height: height ? toString(height) : null,
-        srcset: srcset || null,
-        sizes: sizes || null
-      },
-      class: {
-        'img-thumbnail': props.thumbnail,
-        'img-fluid': props.fluid || fluidGrow,
-        'w-100': fluidGrow,
-        rounded: rounded === '' || rounded === true,
-        [`rounded-${rounded}`]: isString(rounded) && rounded !== '',
-        [align]: align,
-        'd-block': block
-      }
-    }));
-  }
-});
-
-export { BImg, props };

package/dist/vendor/bootstrap-vue/src/components/image/index.js

@@ -1,14 +0,0 @@
-import { BImg } from './img';
-export { BImg } from './img';
-import { BImgLazy } from './img-lazy';
-export { BImgLazy } from './img-lazy';
-import { pluginFactory } from '../../utils/plugins';
-
-const ImagePlugin = /*#__PURE__*/pluginFactory({
-  components: {
-    BImg,
-    BImgLazy
-  }
-});
-
-export { ImagePlugin };

package/dist/vendor/bootstrap-vue/src/components/jumbotron/index.js

@@ -1,11 +0,0 @@
-import { BJumbotron } from './jumbotron';
-export { BJumbotron } from './jumbotron';
-import { pluginFactory } from '../../utils/plugins';
-
-const JumbotronPlugin = /*#__PURE__*/pluginFactory({
-  components: {
-    BJumbotron
-  }
-});
-
-export { JumbotronPlugin };