@gitlab/ui 92.2.0 → 92.3.0

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

@@ -1,179 +0,0 @@
-import { NAME_ALERT } from '../../constants/components';
-import { EVENT_NAME_DISMISS_COUNT_DOWN, EVENT_NAME_DISMISSED } from '../../constants/events';
-import { PROP_TYPE_BOOLEAN_NUMBER_STRING, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
-import { SLOT_NAME_DISMISS } from '../../constants/slots';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { requestAF } from '../../utils/dom';
-import { isNumeric, isBoolean } from '../../utils/inspect';
-import { makeModelMixin } from '../../utils/model';
-import { toInteger } from '../../utils/number';
-import { sortKeys } from '../../utils/object';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { extend, COMPONENT_UID_KEY } from '../../vue';
-import { BButtonClose } from '../button/button-close';
-import { BVTransition } from '../transition/bv-transition';
-
-// --- Constants ---
-
-const {
-  mixin: modelMixin,
-  props: modelProps,
-  prop: MODEL_PROP_NAME,
-  event: MODEL_EVENT_NAME
-} = makeModelMixin('show', {
-  type: PROP_TYPE_BOOLEAN_NUMBER_STRING,
-  defaultValue: false
-});
-
-// --- Helper methods ---
-
-// Convert `show` value to a number
-const parseCountDown = show => {
-  if (show === '' || isBoolean(show)) {
-    return 0;
-  }
-  show = toInteger(show, 0);
-  return show > 0 ? show : 0;
-};
-
-// Convert `show` value to a boolean
-const parseShow = show => {
-  if (show === '' || show === true) {
-    return true;
-  }
-  if (toInteger(show, 0) < 1) {
-    // Boolean will always return false for the above comparison
-    return false;
-  }
-  return !!show;
-};
-
-// --- Props ---
-
-const props = makePropsConfigurable(sortKeys({
-  ...modelProps,
-  dismissLabel: makeProp(PROP_TYPE_STRING, 'Close'),
-  dismissible: makeProp(PROP_TYPE_BOOLEAN, false),
-  fade: makeProp(PROP_TYPE_BOOLEAN, false),
-  variant: makeProp(PROP_TYPE_STRING, 'info')
-}), NAME_ALERT);
-
-// --- Main component ---
-
-// @vue/component
-const BAlert = /*#__PURE__*/extend({
-  name: NAME_ALERT,
-  mixins: [modelMixin, normalizeSlotMixin],
-  props,
-  data() {
-    return {
-      countDown: 0,
-      // If initially shown, we need to set these for SSR
-      localShow: parseShow(this[MODEL_PROP_NAME])
-    };
-  },
-  watch: {
-    [MODEL_PROP_NAME](newValue) {
-      this.countDown = parseCountDown(newValue);
-      this.localShow = parseShow(newValue);
-    },
-    countDown(newValue) {
-      this.clearCountDownInterval();
-      const show = this[MODEL_PROP_NAME];
-      // Ignore if `show` transitions to a boolean value
-      if (isNumeric(show)) {
-        this.$emit(EVENT_NAME_DISMISS_COUNT_DOWN, newValue);
-        // Update the v-model if needed
-        if (show !== newValue) {
-          this.$emit(MODEL_EVENT_NAME, newValue);
-        }
-        if (newValue > 0) {
-          this.localShow = true;
-          this.$_countDownTimeout = setTimeout(() => {
-            this.countDown--;
-          }, 1000);
-        } else {
-          // Slightly delay the hide to allow any UI updates
-          this.$nextTick(() => {
-            requestAF(() => {
-              this.localShow = false;
-            });
-          });
-        }
-      }
-    },
-    localShow(newValue) {
-      const show = this[MODEL_PROP_NAME];
-      // Only emit dismissed events for dismissible or auto-dismissing alerts
-      if (!newValue && (this.dismissible || isNumeric(show))) {
-        this.$emit(EVENT_NAME_DISMISSED);
-      }
-      // Only emit booleans if we weren't passed a number via v-model
-      if (!isNumeric(show) && show !== newValue) {
-        this.$emit(MODEL_EVENT_NAME, newValue);
-      }
-    }
-  },
-  created() {
-    // Create private non-reactive props
-    this.$_filterTimer = null;
-    const show = this[MODEL_PROP_NAME];
-    this.countDown = parseCountDown(show);
-    this.localShow = parseShow(show);
-  },
-  beforeDestroy() {
-    this.clearCountDownInterval();
-  },
-  methods: {
-    dismiss() {
-      this.clearCountDownInterval();
-      this.countDown = 0;
-      this.localShow = false;
-    },
-    clearCountDownInterval() {
-      clearTimeout(this.$_countDownTimeout);
-      this.$_countDownTimeout = null;
-    }
-  },
-  render(h) {
-    let $alert = h();
-    if (this.localShow) {
-      const {
-        dismissible,
-        variant
-      } = this;
-      let $dismissButton = h();
-      if (dismissible) {
-        // Add dismiss button
-        $dismissButton = h(BButtonClose, {
-          attrs: {
-            'aria-label': this.dismissLabel
-          },
-          on: {
-            click: this.dismiss
-          }
-        }, [this.normalizeSlot(SLOT_NAME_DISMISS)]);
-      }
-      $alert = h('div', {
-        staticClass: 'alert',
-        class: {
-          'alert-dismissible': dismissible,
-          [`alert-${variant}`]: variant
-        },
-        attrs: {
-          role: 'alert',
-          'aria-live': 'polite',
-          'aria-atomic': true
-        },
-        key: this[COMPONENT_UID_KEY]
-      }, [$dismissButton, this.normalizeSlot()]);
-    }
-    return h(BVTransition, {
-      props: {
-        noFade: !this.fade
-      }
-    }, [$alert]);
-  }
-});
-
-export { BAlert, props };

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

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

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

@@ -1,67 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_ASPECT } from '../../constants/components';
-import { PROP_TYPE_NUMBER_STRING, PROP_TYPE_STRING } from '../../constants/props';
-import { RX_ASPECT, RX_ASPECT_SEPARATOR } from '../../constants/regex';
-import { mathAbs } from '../../utils/math';
-import { toFloat } from '../../utils/number';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-
-// --- Constants ---
-
-const CLASS_NAME = 'b-aspect';
-
-// --- Props ---
-
-const props = makePropsConfigurable({
-  // Accepts a number (i.e. `16 / 9`, `1`, `4 / 3`)
-  // Or a string (i.e. '16/9', '16:9', '4:3' '1:1')
-  aspect: makeProp(PROP_TYPE_NUMBER_STRING, '1:1'),
-  tag: makeProp(PROP_TYPE_STRING, 'div')
-}, NAME_ASPECT);
-
-// --- Main component ---
-
-// @vue/component
-const BAspect = /*#__PURE__*/extend({
-  name: NAME_ASPECT,
-  mixins: [normalizeSlotMixin],
-  props,
-  computed: {
-    padding() {
-      const {
-        aspect
-      } = this;
-      let ratio = 1;
-      if (RX_ASPECT.test(aspect)) {
-        // Width and/or Height can be a decimal value below `1`, so
-        // we only fallback to `1` if the value is `0` or `NaN`
-        const [width, height] = aspect.split(RX_ASPECT_SEPARATOR).map(v => toFloat(v) || 1);
-        ratio = width / height;
-      } else {
-        ratio = toFloat(aspect) || 1;
-      }
-      return `${100 / mathAbs(ratio)}%`;
-    }
-  },
-  render(h) {
-    const $sizer = h('div', {
-      staticClass: `${CLASS_NAME}-sizer flex-grow-1`,
-      style: {
-        paddingBottom: this.padding,
-        height: 0
-      }
-    });
-    const $content = h('div', {
-      staticClass: `${CLASS_NAME}-content flex-grow-1 w-100 mw-100`,
-      style: {
-        marginLeft: '-100%'
-      }
-    }, this.normalizeSlot());
-    return h(this.tag, {
-      staticClass: `${CLASS_NAME} d-flex`
-    }, [$sizer, $content]);
-  }
-});
-
-export { BAspect, props };

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

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

package/dist/vendor/bootstrap-vue/src/components/avatar/avatar-group.js

@@ -1,67 +0,0 @@
-import { NAME_AVATAR_GROUP } from '../../constants/components';
-import { PROP_TYPE_NUMBER_STRING, PROP_TYPE_BOOLEAN_STRING, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { mathMin, mathMax } from '../../utils/math';
-import { toFloat } from '../../utils/number';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { extend } from '../../vue';
-import { computeSize } from './avatar';
-
-// --- Props ---
-
-const props = makePropsConfigurable({
-  overlap: makeProp(PROP_TYPE_NUMBER_STRING, 0.3),
-  // Child avatars will prefer this prop (if set) over their own
-  rounded: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-  // Child avatars will always use this over their own size
-  size: makeProp(PROP_TYPE_STRING),
-  // Child avatars will prefer this prop (if set) over their own
-  square: makeProp(PROP_TYPE_BOOLEAN, false),
-  tag: makeProp(PROP_TYPE_STRING, 'div'),
-  // Child avatars will prefer this variant over their own
-  variant: makeProp(PROP_TYPE_STRING)
-}, NAME_AVATAR_GROUP);
-
-// --- Main component ---
-
-// @vue/component
-const BAvatarGroup = /*#__PURE__*/extend({
-  name: NAME_AVATAR_GROUP,
-  mixins: [normalizeSlotMixin],
-  provide() {
-    return {
-      getBvAvatarGroup: () => this
-    };
-  },
-  props,
-  computed: {
-    computedSize() {
-      return computeSize(this.size);
-    },
-    overlapScale() {
-      return mathMin(mathMax(toFloat(this.overlap, 0), 0), 1) / 2;
-    },
-    paddingStyle() {
-      let value = this.computedSize;
-      value = value ? `calc(${value} * ${this.overlapScale})` : null;
-      return value ? {
-        paddingLeft: value,
-        paddingRight: value
-      } : {};
-    }
-  },
-  render(h) {
-    const $inner = h('div', {
-      staticClass: 'b-avatar-group-inner',
-      style: this.paddingStyle
-    }, this.normalizeSlot());
-    return h(this.tag, {
-      staticClass: 'b-avatar-group',
-      attrs: {
-        role: 'group'
-      }
-    }, [$inner]);
-  }
-});
-
-export { BAvatarGroup, props };

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

@@ -1,266 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_AVATAR } from '../../constants/components';
-import { EVENT_NAME_IMG_ERROR, EVENT_NAME_CLICK } from '../../constants/events';
-import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER_STRING } from '../../constants/props';
-import { SLOT_NAME_BADGE } from '../../constants/slots';
-import { isString, isNumeric, isNumber } from '../../utils/inspect';
-import { toFloat } from '../../utils/number';
-import { omit, sortKeys } from '../../utils/object';
-import { makePropsConfigurable, makeProp, pluckProps } from '../../utils/props';
-import { isLink } from '../../utils/router';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { BIcon } from '../../icons/icon';
-import { BIconPersonFill } from '../../icons/icons';
-import { BButton } from '../button/button';
-import { props as props$1, BLink } from '../link/link';
-
-// --- Constants ---
-
-const CLASS_NAME = 'b-avatar';
-const SIZES = ['sm', null, 'lg'];
-const FONT_SIZE_SCALE = 0.4;
-const BADGE_FONT_SIZE_SCALE = FONT_SIZE_SCALE * 0.7;
-
-// --- Helper methods ---
-
-const computeSize = value => {
-  // Parse to number when value is a float-like string
-  value = isString(value) && isNumeric(value) ? toFloat(value, 0) : value;
-  // Convert all numbers to pixel values
-  return isNumber(value) ? `${value}px` : value || null;
-};
-
-// --- Props ---
-
-const linkProps = omit(props$1, ['active', 'event', 'routerTag']);
-const props = makePropsConfigurable(sortKeys({
-  ...linkProps,
-  alt: makeProp(PROP_TYPE_STRING, 'avatar'),
-  ariaLabel: makeProp(PROP_TYPE_STRING),
-  badge: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-  badgeLeft: makeProp(PROP_TYPE_BOOLEAN, false),
-  badgeOffset: makeProp(PROP_TYPE_STRING),
-  badgeTop: makeProp(PROP_TYPE_BOOLEAN, false),
-  badgeVariant: makeProp(PROP_TYPE_STRING, 'primary'),
-  button: makeProp(PROP_TYPE_BOOLEAN, false),
-  buttonType: makeProp(PROP_TYPE_STRING, 'button'),
-  icon: makeProp(PROP_TYPE_STRING),
-  rounded: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-  size: makeProp(PROP_TYPE_NUMBER_STRING),
-  square: makeProp(PROP_TYPE_BOOLEAN, false),
-  src: makeProp(PROP_TYPE_STRING),
-  text: makeProp(PROP_TYPE_STRING),
-  variant: makeProp(PROP_TYPE_STRING, 'secondary')
-}), NAME_AVATAR);
-
-// --- Main component ---
-
-// @vue/component
-const BAvatar = /*#__PURE__*/extend({
-  name: NAME_AVATAR,
-  mixins: [normalizeSlotMixin],
-  inject: {
-    getBvAvatarGroup: {
-      default: () => () => null
-    }
-  },
-  props,
-  data() {
-    return {
-      localSrc: this.src || null
-    };
-  },
-  computed: {
-    bvAvatarGroup() {
-      return this.getBvAvatarGroup();
-    },
-    computedSize() {
-      // Always use the avatar group size
-      const {
-        bvAvatarGroup
-      } = this;
-      return computeSize(bvAvatarGroup ? bvAvatarGroup.size : this.size);
-    },
-    computedVariant() {
-      const {
-        bvAvatarGroup
-      } = this;
-      return bvAvatarGroup && bvAvatarGroup.variant ? bvAvatarGroup.variant : this.variant;
-    },
-    computedRounded() {
-      const {
-        bvAvatarGroup
-      } = this;
-      const square = bvAvatarGroup && bvAvatarGroup.square ? true : this.square;
-      const rounded = bvAvatarGroup && bvAvatarGroup.rounded ? bvAvatarGroup.rounded : this.rounded;
-      return square ? '0' : rounded === '' ? true : rounded || 'circle';
-    },
-    fontStyle() {
-      const {
-        computedSize: size
-      } = this;
-      const fontSize = SIZES.indexOf(size) === -1 ? `calc(${size} * ${FONT_SIZE_SCALE})` : null;
-      return fontSize ? {
-        fontSize
-      } : {};
-    },
-    marginStyle() {
-      const {
-        computedSize: size,
-        bvAvatarGroup
-      } = this;
-      const overlapScale = bvAvatarGroup ? bvAvatarGroup.overlapScale : 0;
-      const value = size && overlapScale ? `calc(${size} * -${overlapScale})` : null;
-      return value ? {
-        marginLeft: value,
-        marginRight: value
-      } : {};
-    },
-    badgeStyle() {
-      const {
-        computedSize: size,
-        badgeTop,
-        badgeLeft,
-        badgeOffset
-      } = this;
-      const offset = badgeOffset || '0px';
-      return {
-        fontSize: SIZES.indexOf(size) === -1 ? `calc(${size} * ${BADGE_FONT_SIZE_SCALE} )` : null,
-        top: badgeTop ? offset : null,
-        bottom: badgeTop ? null : offset,
-        left: badgeLeft ? offset : null,
-        right: badgeLeft ? null : offset
-      };
-    }
-  },
-  watch: {
-    src(newValue, oldValue) {
-      if (newValue !== oldValue) {
-        this.localSrc = newValue || null;
-      }
-    }
-  },
-  methods: {
-    onImgError(event) {
-      this.localSrc = null;
-      this.$emit(EVENT_NAME_IMG_ERROR, event);
-    },
-    onClick(event) {
-      this.$emit(EVENT_NAME_CLICK, event);
-    }
-  },
-  render(h) {
-    const {
-      computedVariant: variant,
-      disabled,
-      computedRounded: rounded,
-      icon,
-      localSrc: src,
-      text,
-      fontStyle,
-      marginStyle,
-      computedSize: size,
-      button,
-      buttonType: type,
-      badge,
-      badgeVariant,
-      badgeStyle
-    } = this;
-    const link = !button && isLink(this);
-    const tag = button ? BButton : link ? BLink : 'span';
-    const alt = this.alt;
-    const ariaLabel = this.ariaLabel || null;
-    let $content = null;
-    if (this.hasNormalizedSlot()) {
-      // Default slot overrides props
-      $content = h('span', {
-        staticClass: 'b-avatar-custom'
-      }, [this.normalizeSlot()]);
-    } else if (src) {
-      $content = h('img', {
-        style: variant ? {} : {
-          width: '100%',
-          height: '100%'
-        },
-        attrs: {
-          src,
-          alt
-        },
-        on: {
-          error: this.onImgError
-        }
-      });
-      $content = h('span', {
-        staticClass: 'b-avatar-img'
-      }, [$content]);
-    } else if (icon) {
-      $content = h(BIcon, {
-        props: {
-          icon
-        },
-        attrs: {
-          'aria-hidden': 'true',
-          alt
-        }
-      });
-    } else if (text) {
-      $content = h('span', {
-        staticClass: 'b-avatar-text',
-        style: fontStyle
-      }, [h('span', text)]);
-    } else {
-      // Fallback default avatar content
-      $content = h(BIconPersonFill, {
-        attrs: {
-          'aria-hidden': 'true',
-          alt
-        }
-      });
-    }
-    let $badge = h();
-    const hasBadgeSlot = this.hasNormalizedSlot(SLOT_NAME_BADGE);
-    if (badge || badge === '' || hasBadgeSlot) {
-      const badgeText = badge === true ? '' : badge;
-      $badge = h('span', {
-        staticClass: 'b-avatar-badge',
-        class: {
-          [`badge-${badgeVariant}`]: badgeVariant
-        },
-        style: badgeStyle
-      }, [hasBadgeSlot ? this.normalizeSlot(SLOT_NAME_BADGE) : badgeText]);
-    }
-    const componentData = {
-      staticClass: CLASS_NAME,
-      class: {
-        // Apply size class
-        [`${CLASS_NAME}-${size}`]: size && SIZES.indexOf(size) !== -1,
-        // We use badge styles for theme variants when not rendering `BButton`
-        [`badge-${variant}`]: !button && variant,
-        // Rounding/Square
-        rounded: rounded === true,
-        [`rounded-${rounded}`]: rounded && rounded !== true,
-        // Other classes
-        disabled
-      },
-      style: {
-        ...marginStyle,
-        width: size,
-        height: size
-      },
-      attrs: {
-        'aria-label': ariaLabel || null
-      },
-      props: button ? {
-        variant,
-        disabled,
-        type
-      } : link ? pluckProps(linkProps, this) : {},
-      on: button || link ? {
-        click: this.onClick
-      } : {}
-    };
-    return h(tag, componentData, [$content, $badge]);
-  }
-});
-
-export { BAvatar, computeSize, props };

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

@@ -1,14 +0,0 @@
-import { BAvatar } from './avatar';
-export { BAvatar } from './avatar';
-import { BAvatarGroup } from './avatar-group';
-export { BAvatarGroup } from './avatar-group';
-import { pluginFactory } from '../../utils/plugins';
-
-const AvatarPlugin = /*#__PURE__*/pluginFactory({
-  components: {
-    BAvatar,
-    BAvatarGroup
-  }
-});
-
-export { AvatarPlugin };