@gitlab/ui 92.2.0 → 92.3.1

package/dist/vendor/bootstrap-vue/src/components/navbar/navbar-toggle.js

@@ -1,89 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_COLLAPSE, NAME_NAVBAR_TOGGLE } from '../../constants/components';
-import { EVENT_NAME_CLICK } from '../../constants/events';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY_STRING } from '../../constants/props';
-import { SLOT_NAME_DEFAULT } from '../../constants/slots';
-import { getRootEventName } from '../../utils/events';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { listenOnRootMixin } from '../../mixins/listen-on-root';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { VBToggle } from '../../directives/toggle/toggle';
-
-// --- Constants ---
-
-const CLASS_NAME = 'navbar-toggler';
-const ROOT_EVENT_NAME_STATE = getRootEventName(NAME_COLLAPSE, 'state');
-const ROOT_EVENT_NAME_SYNC_STATE = getRootEventName(NAME_COLLAPSE, 'sync-state');
-
-// --- Props ---
-
-const props = makePropsConfigurable({
-  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-  label: makeProp(PROP_TYPE_STRING, 'Toggle navigation'),
-  target: makeProp(PROP_TYPE_ARRAY_STRING, undefined, true) // Required
-}, NAME_NAVBAR_TOGGLE);
-
-// --- Main component ---
-
-// @vue/component
-const BNavbarToggle = /*#__PURE__*/extend({
-  name: NAME_NAVBAR_TOGGLE,
-  directives: {
-    VBToggle
-  },
-  mixins: [listenOnRootMixin, normalizeSlotMixin],
-  props,
-  data() {
-    return {
-      toggleState: false
-    };
-  },
-  created() {
-    this.listenOnRoot(ROOT_EVENT_NAME_STATE, this.handleStateEvent);
-    this.listenOnRoot(ROOT_EVENT_NAME_SYNC_STATE, this.handleStateEvent);
-  },
-  methods: {
-    onClick(event) {
-      if (!this.disabled) {
-        // Emit courtesy `click` event
-        this.$emit(EVENT_NAME_CLICK, event);
-      }
-    },
-    handleStateEvent(id, state) {
-      // We listen for state events so that we can pass the
-      // boolean expanded state to the default scoped slot
-      if (id === this.target) {
-        this.toggleState = state;
-      }
-    }
-  },
-  render(h) {
-    const {
-      disabled
-    } = this;
-    return h('button', {
-      staticClass: CLASS_NAME,
-      class: {
-        disabled
-      },
-      directives: [{
-        name: 'VBToggle',
-        value: this.target
-      }],
-      attrs: {
-        type: 'button',
-        disabled,
-        'aria-label': this.label
-      },
-      on: {
-        click: this.onClick
-      }
-    }, [this.normalizeSlot(SLOT_NAME_DEFAULT, {
-      expanded: this.toggleState
-    }) || h('span', {
-      staticClass: `${CLASS_NAME}-icon`
-    })]);
-  }
-});
-
-export { BNavbarToggle, props };

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

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

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

@@ -1,163 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_OVERLAY } from '../../constants/components';
-import { EVENT_NAME_CLICK, EVENT_NAME_SHOWN, EVENT_NAME_HIDDEN } from '../../constants/events';
-import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER_STRING, PROP_TYPE_BOOLEAN_STRING } from '../../constants/props';
-import { SLOT_NAME_OVERLAY } from '../../constants/slots';
-import { toFloat } from '../../utils/number';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { BSpinner } from '../spinner/spinner';
-import { BVTransition } from '../transition/bv-transition';
-
-// --- Constants ---
-
-const POSITION_COVER = {
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0
-};
-
-// --- Props ---
-
-const props = makePropsConfigurable({
-  // Alternative to variant, allowing a specific
-  // CSS color to be applied to the overlay
-  bgColor: makeProp(PROP_TYPE_STRING),
-  blur: makeProp(PROP_TYPE_STRING, '2px'),
-  fixed: makeProp(PROP_TYPE_BOOLEAN, false),
-  noCenter: makeProp(PROP_TYPE_BOOLEAN, false),
-  noFade: makeProp(PROP_TYPE_BOOLEAN, false),
-  // If `true, does not render the default slot
-  // and switches to absolute positioning
-  noWrap: makeProp(PROP_TYPE_BOOLEAN, false),
-  opacity: makeProp(PROP_TYPE_NUMBER_STRING, 0.85, value => {
-    const number = toFloat(value, 0);
-    return number >= 0 && number <= 1;
-  }),
-  overlayTag: makeProp(PROP_TYPE_STRING, 'div'),
-  rounded: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-  show: makeProp(PROP_TYPE_BOOLEAN, false),
-  spinnerSmall: makeProp(PROP_TYPE_BOOLEAN, false),
-  spinnerType: makeProp(PROP_TYPE_STRING, 'border'),
-  spinnerVariant: makeProp(PROP_TYPE_STRING),
-  variant: makeProp(PROP_TYPE_STRING, 'light'),
-  wrapTag: makeProp(PROP_TYPE_STRING, 'div'),
-  zIndex: makeProp(PROP_TYPE_NUMBER_STRING, 10)
-}, NAME_OVERLAY);
-
-// --- Main component ---
-
-// @vue/component
-const BOverlay = /*#__PURE__*/extend({
-  name: NAME_OVERLAY,
-  mixins: [normalizeSlotMixin],
-  props,
-  computed: {
-    computedRounded() {
-      const {
-        rounded
-      } = this;
-      return rounded === true || rounded === '' ? 'rounded' : !rounded ? '' : `rounded-${rounded}`;
-    },
-    computedVariant() {
-      const {
-        variant
-      } = this;
-      return variant && !this.bgColor ? `bg-${variant}` : '';
-    },
-    slotScope() {
-      return {
-        spinnerType: this.spinnerType || null,
-        spinnerVariant: this.spinnerVariant || null,
-        spinnerSmall: this.spinnerSmall
-      };
-    }
-  },
-  methods: {
-    defaultOverlayFn(_ref) {
-      let {
-        spinnerType,
-        spinnerVariant,
-        spinnerSmall
-      } = _ref;
-      return this.$createElement(BSpinner, {
-        props: {
-          type: spinnerType,
-          variant: spinnerVariant,
-          small: spinnerSmall
-        }
-      });
-    }
-  },
-  render(h) {
-    const {
-      show,
-      fixed,
-      noFade,
-      noWrap,
-      slotScope
-    } = this;
-    let $overlay = h();
-    if (show) {
-      const $background = h('div', {
-        staticClass: 'position-absolute',
-        class: [this.computedVariant, this.computedRounded],
-        style: {
-          ...POSITION_COVER,
-          opacity: this.opacity,
-          backgroundColor: this.bgColor || null,
-          backdropFilter: this.blur ? `blur(${this.blur})` : null
-        }
-      });
-      const $content = h('div', {
-        staticClass: 'position-absolute',
-        style: this.noCenter ? /* istanbul ignore next */{
-          ...POSITION_COVER
-        } : {
-          top: '50%',
-          left: '50%',
-          transform: 'translateX(-50%) translateY(-50%)'
-        }
-      }, [this.normalizeSlot(SLOT_NAME_OVERLAY, slotScope) || this.defaultOverlayFn(slotScope)]);
-      $overlay = h(this.overlayTag, {
-        staticClass: 'b-overlay',
-        class: {
-          'position-absolute': !noWrap || noWrap && !fixed,
-          'position-fixed': noWrap && fixed
-        },
-        style: {
-          ...POSITION_COVER,
-          zIndex: this.zIndex || 10
-        },
-        on: {
-          click: event => this.$emit(EVENT_NAME_CLICK, event)
-        },
-        key: 'overlay'
-      }, [$background, $content]);
-    }
-
-    // Wrap in a fade transition
-    $overlay = h(BVTransition, {
-      props: {
-        noFade,
-        appear: true
-      },
-      on: {
-        'after-enter': () => this.$emit(EVENT_NAME_SHOWN),
-        'after-leave': () => this.$emit(EVENT_NAME_HIDDEN)
-      }
-    }, [$overlay]);
-    if (noWrap) {
-      return $overlay;
-    }
-    return h(this.wrapTag, {
-      staticClass: 'b-overlay-wrap position-relative',
-      attrs: {
-        'aria-busy': show ? 'true' : null
-      }
-    }, noWrap ? [$overlay] : [this.normalizeSlot(), $overlay]);
-  }
-});
-
-export { BOverlay, props };

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

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

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

@@ -1,135 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_PAGINATION } from '../../constants/components';
-import { EVENT_NAME_PAGE_CLICK, EVENT_NAME_CHANGE } from '../../constants/events';
-import { PROP_TYPE_STRING, PROP_TYPE_NUMBER_STRING } from '../../constants/props';
-import { BvEvent } from '../../utils/bv-event.class';
-import { isVisible, attemptFocus } from '../../utils/dom';
-import { isUndefinedOrNull } from '../../utils/inspect';
-import { mathCeil, mathMax } from '../../utils/math';
-import { toInteger } from '../../utils/number';
-import { sortKeys } from '../../utils/object';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { props as props$1, paginationMixin, MODEL_PROP_NAME } from '../../mixins/pagination';
-
-// --- Constants ---
-
-const DEFAULT_PER_PAGE = 20;
-const DEFAULT_TOTAL_ROWS = 0;
-
-// --- Helper methods ---
-
-// Sanitize the provided per page number (converting to a number)
-const sanitizePerPage = value => mathMax(toInteger(value) || DEFAULT_PER_PAGE, 1);
-
-// Sanitize the provided total rows number (converting to a number)
-const sanitizeTotalRows = value => mathMax(toInteger(value) || DEFAULT_TOTAL_ROWS, 0);
-
-// --- Props ---
-
-const props = makePropsConfigurable(sortKeys({
-  ...props$1,
-  ariaControls: makeProp(PROP_TYPE_STRING),
-  perPage: makeProp(PROP_TYPE_NUMBER_STRING, DEFAULT_PER_PAGE),
-  totalRows: makeProp(PROP_TYPE_NUMBER_STRING, DEFAULT_TOTAL_ROWS)
-}), NAME_PAGINATION);
-
-// --- Main component ---
-
-// @vue/component
-const BPagination = /*#__PURE__*/extend({
-  name: NAME_PAGINATION,
-  // The render function is brought in via the `paginationMixin`
-  mixins: [paginationMixin],
-  props,
-  computed: {
-    numberOfPages() {
-      const result = mathCeil(sanitizeTotalRows(this.totalRows) / sanitizePerPage(this.perPage));
-      return result < 1 ? 1 : result;
-    },
-    // Used for watching changes to `perPage` and `numberOfPages`
-    pageSizeNumberOfPages() {
-      return {
-        perPage: sanitizePerPage(this.perPage),
-        totalRows: sanitizeTotalRows(this.totalRows),
-        numberOfPages: this.numberOfPages
-      };
-    }
-  },
-  watch: {
-    pageSizeNumberOfPages(newValue, oldValue) {
-      if (!isUndefinedOrNull(oldValue)) {
-        if (newValue.perPage !== oldValue.perPage && newValue.totalRows === oldValue.totalRows) {
-          // If the page size changes, reset to page 1
-          this.currentPage = 1;
-        } else if (newValue.numberOfPages !== oldValue.numberOfPages && this.currentPage > newValue.numberOfPages) {
-          // If `numberOfPages` changes and is less than
-          // the `currentPage` number, reset to page 1
-          this.currentPage = 1;
-        }
-      }
-      this.localNumberOfPages = newValue.numberOfPages;
-    }
-  },
-  created() {
-    // Set the initial page count
-    this.localNumberOfPages = this.numberOfPages;
-    // Set the initial page value
-    const currentPage = toInteger(this[MODEL_PROP_NAME], 0);
-    if (currentPage > 0) {
-      this.currentPage = currentPage;
-    } else {
-      this.$nextTick(() => {
-        // If this value parses to `NaN` or a value less than `1`
-        // trigger an initial emit of `null` if no page specified
-        this.currentPage = 0;
-      });
-    }
-  },
-  methods: {
-    // These methods are used by the render function
-    onClick(event, pageNumber) {
-      // Dont do anything if clicking the current active page
-      if (pageNumber === this.currentPage) {
-        return;
-      }
-      const {
-        target
-      } = event;
-
-      // Emit a user-cancelable `page-click` event
-      const clickEvent = new BvEvent(EVENT_NAME_PAGE_CLICK, {
-        cancelable: true,
-        vueTarget: this,
-        target
-      });
-      this.$emit(clickEvent.type, clickEvent, pageNumber);
-      if (clickEvent.defaultPrevented) {
-        return;
-      }
-
-      // Update the `v-model`
-      this.currentPage = pageNumber;
-      // Emit event triggered by user interaction
-      this.$emit(EVENT_NAME_CHANGE, this.currentPage);
-
-      // Keep the current button focused if possible
-      this.$nextTick(() => {
-        if (isVisible(target) && this.$el.contains(target)) {
-          attemptFocus(target);
-        } else {
-          this.focusCurrent();
-        }
-      });
-    },
-    makePage(pageNum) {
-      return pageNum;
-    },
-    /* istanbul ignore next */
-    linkProps() {
-      // No props, since we render a plain button
-      return {};
-    }
-  }
-});
-
-export { BPagination, props };

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

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