@gitlab/ui 96.3.0 → 97.0.0

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

@@ -1,56 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_PROGRESS } from '../../constants/components';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_NUMBER_STRING } from '../../constants/props';
-import { omit, sortKeys } from '../../utils/object';
-import { makePropsConfigurable, makeProp, pluckProps } from '../../utils/props';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { props as props$1, BProgressBar } from './progress-bar';
-
-// --- Props ---
-
-const progressBarProps = omit(props$1, ['label', 'labelHtml']);
-const props = makePropsConfigurable(sortKeys({
-  ...progressBarProps,
-  animated: makeProp(PROP_TYPE_BOOLEAN, false),
-  height: makeProp(PROP_TYPE_STRING),
-  max: makeProp(PROP_TYPE_NUMBER_STRING, 100),
-  precision: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-  showProgress: makeProp(PROP_TYPE_BOOLEAN, false),
-  showValue: makeProp(PROP_TYPE_BOOLEAN, false),
-  striped: makeProp(PROP_TYPE_BOOLEAN, false)
-}), NAME_PROGRESS);
-
-// --- Main component ---
-
-// @vue/component
-const BProgress = /*#__PURE__*/extend({
-  name: NAME_PROGRESS,
-  mixins: [normalizeSlotMixin],
-  provide() {
-    return {
-      getBvProgress: () => this
-    };
-  },
-  props,
-  computed: {
-    progressHeight() {
-      return {
-        height: this.height || null
-      };
-    }
-  },
-  render(h) {
-    let $childNodes = this.normalizeSlot();
-    if (!$childNodes) {
-      $childNodes = h(BProgressBar, {
-        props: pluckProps(progressBarProps, this.$props)
-      });
-    }
-    return h('div', {
-      staticClass: 'progress',
-      style: this.progressHeight
-    }, [$childNodes]);
-  }
-});
-
-export { BProgress, props };

package/src/vendor/bootstrap-vue/nuxt/index.js

@@ -1,164 +0,0 @@
-const { resolve } = require('path')
-
-// --- Constants ---
-
-const RX_UN_KEBAB = /-(\w)/g
-const RX_HYPHENATE = /\B([A-Z])/g
-
-// Path to index file when using bootstrap-vue source code
-const srcIndex = 'bootstrap-vue/src/index.js'
-
-// --- Utility methods ---
-
-// Converts PascalCase or camelCase to kebab-case
-const kebabCase = str => {
-  return str.replace(RX_HYPHENATE, '-$1').toLowerCase()
-}
-
-// Converts a kebab-case or camelCase string to PascalCase
-const pascalCase = str => {
-  str = kebabCase(str).replace(RX_UN_KEBAB, (_, c) => (c ? c.toUpperCase() : ''))
-  return str.charAt(0).toUpperCase() + str.slice(1)
-}
-
-const pickFirst = (...args) => {
-  for (const arg of args) {
-    if (arg !== undefined) {
-      return arg
-    }
-  }
-}
-
-// --- Main Nuxt.js module ---
-module.exports = function nuxtBootstrapVue(moduleOptions = {}) {
-  this.nuxt.hook('build:before', () => {
-    // Merge moduleOptions with default
-    const options = {
-      ...this.options.bootstrapVue,
-      ...moduleOptions
-    }
-
-    // Ensure we have arrays
-    this.options.css = [].concat(this.options.css || [])
-    this.options.build.transpile = [].concat(this.options.build.transpile || [])
-
-    const bootstrapVueCSS = pickFirst(
-      options.bootstrapVueCSS,
-      options.bootstrapVueCss,
-      options.bvCSS,
-      // Defaults to `true` if no other options provided
-      true
-    )
-    if (bootstrapVueCSS) {
-      // Add BootstrapVue CSS
-      this.options.css.unshift('bootstrap-vue/dist/bootstrap-vue.css')
-    }
-
-    const bootstrapCSS = pickFirst(
-      options.bootstrapCSS,
-      options.bootstrapCss,
-      options.css,
-      // Defaults to `true` if no other options provided
-      true
-    )
-    if (bootstrapCSS) {
-      // Add Bootstrap CSS
-      this.options.css.unshift('bootstrap/dist/css/bootstrap.css')
-    }
-
-    // Component src prop resolving
-    this.options.build.loaders.vue.transformAssetUrls = {
-      // Nuxt default is missing `poster` for video
-      video: ['src', 'poster'],
-      // Nuxt default is missing image
-      image: 'xlink:href',
-      // Ensure super supplied values/overrides are not lost
-      ...this.options.build.loaders.vue.transformAssetUrls
-    }
-
-    // Enable transpilation of `src/` directory
-    this.options.build.transpile.push('bootstrap-vue/src')
-
-    // Use pre-transpiled or `src/`
-    const usePretranspiled = pickFirst(options.usePretranspiled, this.options.dev, false)
-    if (!usePretranspiled) {
-      // Use bootstrap-vue source code for smaller prod builds
-      // by aliasing 'bootstrap-vue' to the source files
-      this.extendBuild(config => {
-        if (!config.resolve.alias) {
-          config.resolve.alias = {}
-        }
-        const index = require.resolve(srcIndex)
-        const srcDir = index.replace(/index\.js$/, '')
-        // We prepend a $ to ensure that it is only used for
-        // `import from 'bootstrap-vue'` not `import from 'bootstrap-vue/*'`
-        config.resolve.alias['bootstrap-vue$'] = index
-        // If users are still cherry-picking modules from esm/ or es/ (legacy),
-        // alias them to src/ to prevent duplicate code imports
-        config.resolve.alias['bootstrap-vue/esm/'] = srcDir
-        config.resolve.alias['bootstrap-vue/es/'] = srcDir
-      })
-    }
-
-    // Base options available to template
-    const templateOptions = {
-      // Flag if we are tree shaking
-      treeShake: false
-    }
-
-    // Specific component and/or directive plugins
-    for (const type of ['componentPlugins', 'directivePlugins']) {
-      const bvPlugins = Array.isArray(options[type]) ? options[type] : []
-
-      templateOptions[type] = bvPlugins
-        // Normalize plugin name to `${Name}Plugin` (component) or `VB${Name}Plugin` (directive)
-        // Required for backwards compatibility with old plugin import names
-        .map(plugin => {
-          // Ensure PascalCase name
-          plugin = pascalCase(plugin)
-          // Ensure new naming convention for directive plugins prefixed with `VB`
-          plugin = type === 'directivePlugins' && !/^VB/.test(plugin) ? `VB${plugin}` : plugin
-          // Ensure prefixed with `Plugin`
-          plugin = /Plugin$/.test(plugin) ? plugin : `${plugin}Plugin`
-          return plugin
-        })
-        // Remove duplicate items
-        .filter((plugin, i, arr) => arr.indexOf(plugin) === i)
-
-      if (templateOptions[type].length > 0) {
-        templateOptions.treeShake = true
-      }
-    }
-
-    // Specific components and/or directives
-    for (const type of ['components', 'directives']) {
-      const ComponentsOrDirectives = Array.isArray(options[type]) ? options[type] : []
-
-      templateOptions[type] = ComponentsOrDirectives
-        // Ensure PascalCase name
-        .map(item => pascalCase(item))
-        // Ensure prefixed with `V`
-        .map(item => (type === 'directives' && !/^V/.test(item) ? `V${item}` : item))
-        // Remove duplicate items
-        .filter((item, i, arr) => arr.indexOf(item) === i)
-
-      if (templateOptions[type].length > 0) {
-        templateOptions.treeShake = true
-      }
-    }
-
-    // Add BootstrapVue configuration if present
-    if (options.config && Object.prototype.toString.call(options.config) === '[object Object]') {
-      templateOptions.config = { ...options.config }
-    }
-
-    // Register plugin, passing options to plugin template
-    this.addPlugin({
-      src: resolve(__dirname, 'plugin.template.js'),
-      fileName: 'bootstrap-vue.js',
-      options: templateOptions
-    })
-  })
-}
-
-module.exports.meta = require('../package.json')

package/src/vendor/bootstrap-vue/nuxt/plugin.template.js

@@ -1,29 +0,0 @@
-import Vue from 'vue';
-
-<% if (!options.treeShake) { %>
-import { BootstrapVue } from 'bootstrap-vue';
-
-Vue.use(BootstrapVue, <%= JSON.stringify(options.config || {}, undefined, 2) %>);
-<%   } %>
-<% } %>
-
-<% if (options.treeShake) { %>
-import {
-  <%= [].concat(
-    options.config ? 'BVConfigPlugin' : null,
-    options.componentPlugins,
-    options.directivePlugins,
-    options.components,
-    options.directives
-  ).filter(Boolean).join(',\n  ') %>
-} from 'bootstrap-vue';
-
-<%   if (options.config) { %>
-Vue.use(BVConfigPlugin, <%= JSON.stringify(options.config, undefined, 2) %>);
-<%   } %>
-
-<%= options.componentPlugins.reduce((acc, plugin) => (acc += `Vue.use(${plugin});\n` ), '') %>
-<%= options.directivePlugins.reduce((acc, plugin) => (acc += `Vue.use(${plugin});\n` ), '') %>
-<%= options.components.reduce((acc, c) => (acc += `Vue.component('${c}', ${c});\n` ), '') %>
-<%= options.directives.reduce((acc, d) => (acc += `Vue.directive('${d.replace(/^VB/, 'B')}', ${d});\n` ), '') %>
-<% } %>

package/src/vendor/bootstrap-vue/src/components/progress/MODIFICATIONS.md

@@ -1,23 +0,0 @@
-# Modifications to Vendored Code
-
-**Library**: BootstrapVue  
-**Version**: 2.23.1
-
-This file documents modifications made to the original BootstrapVue component files.
-
-## Removed variants
-
-The following files have been modified from the original:
-
-- `README.md`: Removed variants.
-
-The following variants of the property `variant` have been removed as they are no longer supported
-in our implementation:
-
-- `secondary`
-- `info`
-- `light`
-- `dark`
-
-It was not necessary to adapt `.js` files for this change, as the propery `variant` accepts any
-string. It would still be technically possible to pass down one of the removed variants.

package/src/vendor/bootstrap-vue/src/components/progress/README.md

@@ -1,363 +0,0 @@
-# Progress
-
-> Use our custom progress component for displaying simple or complex progress bars, featuring
-> support for horizontally stacked bars, animated backgrounds, and text labels.
-
-```html
-<template>
-  <div>
-    <b-progress :value="value" :max="max" show-progress animated></b-progress>
-    <b-progress class="mt-2" :max="max" show-value>
-      <b-progress-bar :value="value * (6 / 10)" variant="success"></b-progress-bar>
-      <b-progress-bar :value="value * (2.5 / 10)" variant="warning"></b-progress-bar>
-      <b-progress-bar :value="value * (1.5 / 10)" variant="danger"></b-progress-bar>
-    </b-progress>
-
-    <b-button class="mt-3" @click="randomValue">Click me</b-button>
-  </div>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        value: 45,
-        max: 100
-      }
-    },
-    methods: {
-      randomValue() {
-        this.value = Math.random() * this.max
-      }
-    }
-  }
-</script>
-
-<!-- b-progress.vue -->
-```
-
-## Value
-
-Set the maximum value with the `max` prop (default is `100`), and the current value via the `value`
-prop (default `0`).
-
-When creating multiple bars in a single process, place the value prop on the individual
-`<b-progress-bar>` sub components (see the **Multiple Bars** section below for more details)
-
-## Labels
-
-Add labels to your progress bars by either enabling `show-progress` (percentage of max) or
-`show-value`for the current absolute value. You may also set the precision (number of digits after
-the decimal) via the `precision` prop (default is `0`digits after the decimal).
-
-```html
-<template>
-  <div>
-    <h5>No label</h5>
-    <b-progress :value="value" :max="max" class="mb-3"></b-progress>
-
-    <h5>Value label</h5>
-    <b-progress :value="value" :max="max" show-value class="mb-3"></b-progress>
-
-    <h5>Progress label</h5>
-    <b-progress :value="value" :max="max" show-progress class="mb-3"></b-progress>
-
-    <h5>Value label with precision</h5>
-    <b-progress :value="value" :max="max" :precision="2" show-value class="mb-3"></b-progress>
-
-    <h5>Progress label with precision</h5>
-    <b-progress :value="value" :max="max" :precision="2" show-progress class="mb-3"></b-progress>
-  </div>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        value: 33.333333333,
-        max: 50
-      }
-    }
-  }
-</script>
-
-<!-- b-progress-labels.vue -->
-```
-
-### Custom progress label
-
-Need more control over the label? Provide your own label by using the default slot within a
-`<b-progress-bar>` sub-component, or by using the `label` or `label-html` property on
-`<b-progress-bar>`:
-
-```html
-<template>
-  <div>
-    <h5>Custom label via default slot</h5>
-    <b-progress :max="max" height="2rem">
-      <b-progress-bar :value="value">
-        <span>Progress: <strong>{{ value.toFixed(2) }} / {{ max }}</strong></span>
-      </b-progress-bar>
-    </b-progress>
-
-    <h5 class="mt-3">Custom label via property</h5>
-    <b-progress :max="max">
-      <b-progress-bar :value="value" :label="`${((value / max) * 100).toFixed(2)}%`"></b-progress-bar>
-    </b-progress>
-
-    <h5 class="mt-3">Custom label via property (HTML support)</h5>
-    <b-progress :max="max">
-      <b-progress-bar :value="value" :label-html="`<del>${value}</del>`"></b-progress-bar>
-    </b-progress>
-  </div>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        value: 33.333333333,
-        max: 50
-      }
-    }
-  }
-</script>
-
-<!-- b-progress-custom-labels.vue -->
-```
-
-Precedence order for label methods (top-most has precedence):
-
-- default slot of `<b-progress-bar>`
-- `label` prop of `<b-progress-bar>`
-- `show-progress` prop of `<b-progress-bar>`
-- `show-value` prop of `<b-progress-bar>`
-- `show-progress` prop of `<b-progress>`
-- `show-value` prop of `<b-progress>`
-- no label
-
-## Width and height
-
-`<b-progress>` will always expand to the maximum with of its parent container. To change the width,
-place `<b-progress>` in a standard Bootstrap column or apply one of the standard Bootstrap width
-classes.
-
-```html
-<template>
-  <div>
-    <h5>Default width</h5>
-    <b-progress :value="value" class="mb-3"></b-progress>
-
-    <h5>Custom widths</h5>
-    <b-progress :value="value" class="w-75 mb-2"></b-progress>
-    <b-progress :value="value" class="w-50 mb-2"></b-progress>
-    <b-progress :value="value" class="w-25"></b-progress>
-  </div>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        value: 75
-      }
-    }
-  }
-</script>
-
-<!-- b-progress-width.vue -->
-```
-
-The height of the progress bar can be controlled with the `height` prop. The height value should be
-a standard CSS dimension (`px`, `rem`, `em`, etc.). The default height is `1rem`.
-
-```html
-<template>
-  <div>
-    <h5>Default height</h5>
-    <b-progress :value="value" show-progress class="mb-3"></b-progress>
-
-    <h5>Custom heights</h5>
-    <b-progress height="2rem" :value="value" show-progress class="mb-2"></b-progress>
-    <b-progress height="20px" :value="value" show-progress class="mb-2"></b-progress>
-    <b-progress height="2px" :value="value"></b-progress>
-  </div>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        value: 75
-      }
-    }
-  }
-</script>
-
-<!-- b-progress-height.vue -->
-```
-
-## Backgrounds
-
-Use background variants to change the appearance of individual progress bars. The default variant is
-`primary`.
-
-### Solid background variants
-
-```html
-<template>
-  <div>
-    <div v-for="bar in bars" class="row mb-1">
-      <div class="col-sm-2">{{ bar.variant }}:</div>
-      <div class="col-sm-10 pt-1">
-        <b-progress :value="bar.value" :variant="bar.variant" :key="bar.variant"></b-progress>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        bars: [
-          { variant: 'success', value: 75 },
-          { variant: 'warning', value: 75 },
-          { variant: 'danger', value: 75 },
-          { variant: 'primary', value: 75 },
-        ],
-        timer: null
-      }
-    },
-    mounted() {
-      this.timer = setInterval(() => {
-        this.bars.forEach(bar => (bar.value = 25 + Math.random() * 75))
-      }, 2000)
-    },
-    beforeDestroy() {
-      clearInterval(this.timer)
-      this.timer = null
-    }
-  }
-</script>
-
-<!-- b-progress-backgrounds.vue -->
-```
-
-### Striped backgrounds
-
-Set `striped` to apply a stripe via CSS gradient over the progress bar's background variant.
-
-```html
-<template>
-  <div>
-    <b-progress :value="25" variant="success" :striped="striped"></b-progress>
-    <b-progress :value="75" variant="warning" :striped="striped" class="mt-2"></b-progress>
-    <b-progress :value="100" variant="danger" :striped="striped" class="mt-2"></b-progress>
-  </div>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        striped: true
-      }
-    }
-  }
-</script>
-
-<!-- b-progress-striped.vue -->
-```
-
-### Animated backgrounds
-
-The striped gradient can also be animated by setting the `animated`prop.
-
-```html
-<template>
-  <div>
-    <b-progress :value="25" variant="success" striped :animated="animate"></b-progress>
-    <b-progress :value="75" variant="warning" striped :animated="animate" class="mt-2"></b-progress>
-    <b-progress :value="100" variant="danger" :animated="animate" class="mt-3"></b-progress>
-  </div>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        animate: true
-      }
-    }
-  }
-</script>
-
-<!-- b-progress-animated.vue -->
-```
-
-Notes:
-
-- if `animated` is true, `striped` will automatically be enabled.
-- Animated progress bars don't work in Opera 12 — as they don't support CSS3 animations.
-- The animation effect of this component is dependent on the `prefers-reduced-motion` media query.
-  See the [reduced motion section of our accessibility documentation](/docs/reference/accessibility)
-  for additional details.
-
-## Multiple bars
-
-Include multiple `<b-progress-bar>` sub-components in a `<b-progress>` component to build a
-horizontally stacked set of progress bars.
-
-```html
-<template>
-  <div>
-    <b-progress :max="max" class="mb-3">
-      <b-progress-bar variant="primary" :value="values[0]"></b-progress-bar>
-      <b-progress-bar variant="success" :value="values[1]"></b-progress-bar>
-      <b-progress-bar variant="danger" :value="values[2]"></b-progress-bar>
-    </b-progress>
-
-    <b-progress show-progress :max="max" class="mb-3">
-      <b-progress-bar variant="primary" :value="values[0]"></b-progress-bar>
-      <b-progress-bar variant="success" :value="values[1]"></b-progress-bar>
-      <b-progress-bar variant="danger" :value="values[2]"></b-progress-bar>
-    </b-progress>
-
-    <b-progress show-value striped :max="max" class="mb-3">
-      <b-progress-bar variant="primary" :value="values[0]"></b-progress-bar>
-      <b-progress-bar variant="success" :value="values[1]"></b-progress-bar>
-      <b-progress-bar variant="danger" :value="values[2]"></b-progress-bar>
-    </b-progress>
-
-    <b-progress :max="max">
-      <b-progress-bar variant="primary" :value="values[0]" show-progress></b-progress-bar>
-      <b-progress-bar variant="success" :value="values[1]" animated show-progress></b-progress-bar>
-      <b-progress-bar variant="danger" :value="values[2]" striped show-progress></b-progress-bar>
-    </b-progress>
-  </div>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        values: [15, 30, 20],
-        max: 100
-      }
-    }
-  }
-</script>
-
-<!-- b-progress-multiple.vue -->
-```
-
-`<b-progress-bar>` will inherit most of the props from the `<b-progress>` parent component, but you
-can override any of the props by setting them on the `<b-progress-bar>`
-
-Notes:
-
-- `height`, if specified, should always set on the `<b-progress>` component.
-- `<b-progress-bar>` will not inherit `value` from `<b-progress>`.
-
-<!-- Component reference added automatically from component package.json -->

package/src/vendor/bootstrap-vue/src/components/progress/index.d.ts

@@ -1,10 +0,0 @@
-//
-// Progress
-//
-import { BvComponent } from '../../'
-
-// Component: b-progress
-export declare class BProgress extends BvComponent {}
-
-// Component: b-progress-bar
-export declare class BProgressBar extends BvComponent {}

package/src/vendor/bootstrap-vue/src/components/progress/index.js

@@ -1,4 +0,0 @@
-import { BProgress } from './progress'
-import { BProgressBar } from './progress-bar'
-
-export { BProgress, BProgressBar }