@gitlab/ui 92.2.0 → 92.3.0

package/src/vendor/bootstrap-vue/src/components/card/package.json

@@ -1,262 +0,0 @@
-{
-  "name": "@bootstrap-vue/card",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Card",
-    "description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.",
-    "components": [
-      {
-        "component": "BCard",
-        "props": [
-          {
-            "prop": "overlay",
-            "description": "When set, will overlay the card body on top of the image (if the card has an image)"
-          },
-          {
-            "prop": "noBody",
-            "description": "Disable rendering of the default inner card-body element"
-          },
-          {
-            "prop": "align",
-            "description": "Text alignment for the card's content: 'left', 'center' or 'right'"
-          },
-          {
-            "prop": "imgSrc",
-            "description": "URL for the optional image"
-          },
-          {
-            "prop": "imgAlt",
-            "description": "Value to set the image attribute 'alt'"
-          },
-          {
-            "prop": "imgWidth",
-            "description": "The value to set on the image's 'width' attribute"
-          },
-          {
-            "prop": "imgHeight",
-            "description": "The value to set on the image's 'height' attribute"
-          },
-          {
-            "prop": "imgTop",
-            "description": "Set if the image should appear at the top of the card"
-          },
-          {
-            "prop": "imgBottom",
-            "description": "Set if the image should appear at the bottom of the card"
-          },
-          {
-            "prop": "imgStart",
-            "description": "Set if the image should appear at the start (left) of the card"
-          },
-          {
-            "prop": "imgLeft",
-            "description": "Set if the image should appear at the start (left) of the card. Synonym for the 'left' prop"
-          },
-          {
-            "prop": "imgEnd",
-            "description": "Set if the image should appear at the end (right) of the card"
-          },
-          {
-            "prop": "imgRight",
-            "description": "Set if the image should appear at the end (right) of the card. Synonym for the 'right' prop"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the card"
-          },
-          {
-            "name": "footer",
-            "description": "For custom rendering of footer content"
-          },
-          {
-            "name": "header",
-            "description": "For custom rendering of header content"
-          }
-        ]
-      },
-      {
-        "component": "BCardHeader",
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the card header"
-          }
-        ]
-      },
-      {
-        "component": "BCardFooter",
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the card footer"
-          }
-        ]
-      },
-      {
-        "component": "BCardBody",
-        "props": [
-          {
-            "prop": "overlay",
-            "description": "When set, will overlay the card body on top of the image (if the card has an image)"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the card body"
-          }
-        ]
-      },
-      {
-        "component": "BCardTitle",
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the card title"
-          }
-        ]
-      },
-      {
-        "component": "BCardSubTitle",
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the card sub-title"
-          }
-        ]
-      },
-      {
-        "component": "BCardImg",
-        "props": [
-          {
-            "prop": "width",
-            "description": "The value to set on the image's 'width' attribute"
-          },
-          {
-            "prop": "height",
-            "description": "The value to set on the image's 'height' attribute"
-          },
-          {
-            "prop": "top",
-            "description": "Set if the image will be placed at the top of the card"
-          },
-          {
-            "prop": "bottom",
-            "description": "Set if the image will be placed at the bottom of the card"
-          },
-          {
-            "prop": "start",
-            "description": "Set if the image will be placed at the start (left) of the card"
-          },
-          {
-            "prop": "left",
-            "description": "Set if the image will be placed at the start (left) of the card. Synonym for the 'left' prop"
-          },
-          {
-            "prop": "end",
-            "description": "Set if the image will be placed at the end (right) of the card"
-          },
-          {
-            "prop": "right",
-            "description": "Set if the image will be placed at the end (right) of the card. Synonym for the 'right' prop"
-          },
-          {
-            "prop": "subTitleTextVariant",
-            "description": "Applies one of the Bootstrap theme color variants to the sub title text"
-          }
-        ]
-      },
-      {
-        "component": "BCardImgLazy",
-        "props": [
-          {
-            "prop": "show",
-            "description": "If set to true, will force show the image specified via the 'src' prop"
-          },
-          {
-            "prop": "offset",
-            "description": "Number of pixels away from the viewport edge before the lazy image is loaded"
-          },
-          {
-            "prop": "blankSrc",
-            "description": "URL of placeholder image. If not set, an SVG placeholder placeholder will be used"
-          },
-          {
-            "prop": "blankColor",
-            "description": "CSS color of the blank SVG placeholder image. Has no effect if 'blank-src' is set"
-          },
-          {
-            "prop": "blankWidth",
-            "description": "Value of the 'width' attribute for the placeholder image"
-          },
-          {
-            "prop": "blankHeight",
-            "description": "Value of the 'height' attribute for the placeholder image"
-          },
-          {
-            "prop": "width",
-            "description": "The value to set on the image's 'width' attribute"
-          },
-          {
-            "prop": "height",
-            "description": "The value to set on the image's 'height' attribute"
-          },
-          {
-            "prop": "top",
-            "description": "Set if the image will be placed at the top of the card"
-          },
-          {
-            "prop": "bottom",
-            "description": "Set if the image will be placed at the bottom of the card"
-          },
-          {
-            "prop": "start",
-            "description": "Set if the image will be placed at the start (left) of the card"
-          },
-          {
-            "prop": "left",
-            "description": "Set if the image will be placed at the start (left) of the card. Synonym for the 'left' prop"
-          },
-          {
-            "prop": "end",
-            "description": "Set if the image will be placed at the end (right) of the card"
-          },
-          {
-            "prop": "right",
-            "description": "Set if the image will be placed at the end (right) of the card. Synonym for the 'right' prop"
-          }
-        ]
-      },
-      {
-        "component": "BCardText",
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the card text"
-          }
-        ]
-      },
-      {
-        "component": "BCardGroup",
-        "props": [
-          {
-            "prop": "deck",
-            "description": "When set renders the card group with gutters between cards"
-          },
-          {
-            "prop": "columns",
-            "description": "When set, renders the card group in a masonry-like columnar style"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content (cards) to place in the card group"
-          }
-        ]
-      }
-    ]
-  }
-}

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

@@ -1,63 +0,0 @@
-# Embed
-
-> Create responsive video or slideshow embeds based on the width of the parent by creating an
-> intrinsic ratio that scales on any device.
-
-Rules are directly applied to `<iframe>`, `<embed>`, `<video>`, and `<object>` elements
-
-```html
-<div>
-  <b-embed
-    type="iframe"
-    aspect="16by9"
-    src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"
-    allowfullscreen
-  ></b-embed>
-</div>
-
-<!-- b-embed.vue -->
-```
-
-## Embed types
-
-Supported embed types are `iframe` (default), `video`, `embed` and `object`, which translate to the
-standard HTML `<iframe>`, `<video>`, `<embed>` and `<object>` elements.
-
-Set the type of embed you would like via the `type` prop.
-
-## Aspect ratios
-
-Aspect ratios can be set via the `aspect` prop. Supported aspect ratios are: `21by9` (21:9), `16by9`
-(16:9), `4by3` (4:3) and `1by1` (1:1). The default aspect is `16by9`. Aspect ratios are defined in
-Bootstrap's SCSS and translate to the classname `embed-responsive-{aspect}` (i.e.
-`embed-responsive-16by9`, `embed-responsive-4by3`, etc.).
-
-## Wrapper element
-
-The Responsive embed is wrapped in an outer element (default is `div`) to enforce the responsive
-aspect ratio. You can change this tag via the `tag` prop.
-
-## Attributes and child elements
-
-Any additional attributes provided to `<b-embed>` (other than the above `type`, `aspect` and `tag`
-props) are applied to the inner embedded element (i.e. the `iframe`, `video`, `embed` or `object`).
-
-Any children elements between the opening and closing `<b-embed>` will be placed inside the inner
-embedded element. Note that the type `iframe` does not support any children.
-
-**Example: Responsive embedding of an HTML5 `<video>`**
-
-```html
-<div>
-  <b-embed type="video" aspect="4by3" controls poster="poster.png">
-    <source src="dev-stories.webm" type="video/webm">
-    <source src="dev-stories.mp4" type="video/mp4">
-  </b-embed>
-</div>
-```
-
-## See also
-
-- [`<b-aspect>` component](/docs/components/aspect)
-
-<!-- Component reference added automatically from component package.json -->

package/src/vendor/bootstrap-vue/src/components/embed/embed.js

@@ -1,51 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_EMBED } from '../../constants/components'
-import { PROP_TYPE_STRING } from '../../constants/props'
-import { arrayIncludes } from '../../utils/array'
-import { omit } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-
-// --- Constants ---
-
-const TYPES = ['iframe', 'embed', 'video', 'object', 'img', 'b-img', 'b-img-lazy']
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    aspect: makeProp(PROP_TYPE_STRING, '16by9'),
-    tag: makeProp(PROP_TYPE_STRING, 'div'),
-    type: makeProp(PROP_TYPE_STRING, 'iframe', value => {
-      return arrayIncludes(TYPES, value)
-    })
-  },
-  NAME_EMBED
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BEmbed = /*#__PURE__*/ extend({
-  name: NAME_EMBED,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { aspect } = props
-
-    return h(
-      props.tag,
-      {
-        staticClass: 'embed-responsive',
-        class: { [`embed-responsive-${aspect}`]: aspect },
-        ref: data.ref
-      },
-      [
-        h(
-          props.type,
-          mergeData(omit(data, ['ref']), { staticClass: 'embed-responsive-item' }),
-          children
-        )
-      ]
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/components/embed/embed.spec.js

@@ -1,110 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BEmbed } from './embed'
-
-describe('embed', () => {
-  it('default should have expected default structure', async () => {
-    const wrapper = mount(BEmbed)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('embed-responsive')
-    expect(wrapper.classes()).toContain('embed-responsive-16by9')
-    expect(wrapper.classes().length).toBe(2)
-
-    expect(wrapper.findAll('iframe').length).toBe(1)
-    expect(wrapper.find('iframe').classes()).toContain('embed-responsive-item')
-    expect(wrapper.find('iframe').classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('has custom root element when tag prop set', async () => {
-    const wrapper = mount(BEmbed, {
-      propsData: {
-        tag: 'aside'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('ASIDE')
-    expect(wrapper.classes()).toContain('embed-responsive')
-    expect(wrapper.classes()).toContain('embed-responsive-16by9')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.findAll('iframe').length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('it renders specified inner element when type set', async () => {
-    const wrapper = mount(BEmbed, {
-      propsData: {
-        type: 'video'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('embed-responsive')
-    expect(wrapper.classes()).toContain('embed-responsive-16by9')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.findAll('video').length).toBe(1)
-    expect(wrapper.find('video').classes()).toContain('embed-responsive-item')
-    expect(wrapper.find('video').classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('renders specified aspect ratio class', async () => {
-    const wrapper = mount(BEmbed, {
-      propsData: {
-        aspect: '4by3'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('embed-responsive')
-    expect(wrapper.classes()).toContain('embed-responsive-4by3')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('non-prop attributes should rendered on on inner element', async () => {
-    const wrapper = mount(BEmbed, {
-      attrs: {
-        src: '/foo/bar',
-        baz: 'buz'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('embed-responsive')
-    expect(wrapper.findAll('iframe').length).toBe(1)
-    expect(wrapper.find('iframe').classes()).toContain('embed-responsive-item')
-    expect(wrapper.find('iframe').attributes('src')).toBeDefined()
-    expect(wrapper.find('iframe').attributes('src')).toBe('/foo/bar')
-    expect(wrapper.find('iframe').attributes('baz')).toBeDefined()
-    expect(wrapper.find('iframe').attributes('baz')).toBe('buz')
-
-    wrapper.destroy()
-  })
-
-  it('default slot should be rendered inside inner element', async () => {
-    const wrapper = mount(BEmbed, {
-      propsData: {
-        type: 'video'
-      },
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('embed-responsive')
-    expect(wrapper.classes()).toContain('embed-responsive-16by9')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.findAll('video').length).toBe(1)
-    expect(wrapper.find('video').classes()).toContain('embed-responsive-item')
-    expect(wrapper.find('video').classes().length).toBe(1)
-    expect(wrapper.find('video').text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-})

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

@@ -1,11 +0,0 @@
-//
-// Embed
-//
-import Vue from 'vue'
-import { BvPlugin, BvComponent } from '../../'
-
-// Plugin
-export declare const EmbedPlugin: BvPlugin
-
-// Component: b-embed
-export declare class BEmbed extends BvComponent {}

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

@@ -1,8 +0,0 @@
-import { BEmbed } from './embed'
-import { pluginFactory } from '../../utils/plugins'
-
-const EmbedPlugin = /*#__PURE__*/ pluginFactory({
-  components: { BEmbed }
-})
-
-export { EmbedPlugin, BEmbed }

package/src/vendor/bootstrap-vue/src/components/embed/package.json

@@ -1,29 +0,0 @@
-{
-  "name": "@bootstrap-vue/embed",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Embed",
-    "description": "Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.",
-    "components": [
-      {
-        "component": "BEmbed",
-        "props": [
-          {
-            "prop": "aspect",
-            "description": "Aspect ratio of the embed. Supported values are '16by9', '21by9', '4by3', and '1by1' and are translated to CSS classes. Refer to the docs for more details"
-          },
-          {
-            "prop": "type",
-            "description": "Type of embed. Possible values are 'iframe', 'video', 'embed' and 'object'"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the embed"
-          }
-        ]
-      }
-    ]
-  }
-}

package/src/vendor/bootstrap-vue/src/components/form/form-datalist.js

@@ -1,42 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_FORM_DATALIST } from '../../constants/components'
-import { PROP_TYPE_STRING } from '../../constants/props'
-import { htmlOrText } from '../../utils/html'
-import { sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { formOptionsMixin, props as formOptionsProps } from '../../mixins/form-options'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...formOptionsProps,
-    id: makeProp(PROP_TYPE_STRING, undefined, true) // Required
-  }),
-  NAME_FORM_DATALIST
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BFormDatalist = /*#__PURE__*/ extend({
-  name: NAME_FORM_DATALIST,
-  mixins: [formOptionsMixin, normalizeSlotMixin],
-  props,
-  render(h) {
-    const { id } = this
-
-    const $options = this.formOptions.map((option, index) => {
-      const { value, text, html, disabled } = option
-
-      return h('option', {
-        attrs: { value, disabled },
-        domProps: htmlOrText(html, text),
-        key: `option_${index}`
-      })
-    })
-
-    return h('datalist', { attrs: { id } }, [$options, this.normalizeSlot()])
-  }
-})

package/src/vendor/bootstrap-vue/src/components/form/form-datalist.spec.js

@@ -1,57 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BFormDatalist } from './form-datalist'
-
-describe('form-datalist', () => {
-  it('has root element datalist', async () => {
-    const wrapper = mount(BFormDatalist, {
-      propsData: {
-        id: 'test-list'
-      }
-    })
-    expect(wrapper.element.tagName).toBe('DATALIST')
-
-    wrapper.destroy()
-  })
-
-  it('has user supplied ID', async () => {
-    const wrapper = mount(BFormDatalist, {
-      propsData: {
-        id: 'test-list'
-      }
-    })
-    expect(wrapper.attributes('id')).toBe('test-list')
-
-    wrapper.destroy()
-  })
-
-  it('has no option elements by default', async () => {
-    const wrapper = mount(BFormDatalist, {
-      propsData: {
-        id: 'test-list'
-      }
-    })
-    expect(wrapper.findAll('option').length).toBe(0)
-
-    wrapper.destroy()
-  })
-
-  it('has options when options set', async () => {
-    const wrapper = mount(BFormDatalist, {
-      propsData: {
-        id: 'test-list',
-        options: ['one', 'two']
-      }
-    })
-    const $options = wrapper.findAll('option')
-
-    expect($options.length).toBe(2)
-
-    expect($options.at(0).text()).toBe('one')
-    expect($options.at(1).text()).toBe('two')
-
-    expect($options.at(0).attributes('value')).toBe('one')
-    expect($options.at(1).attributes('value')).toBe('two')
-
-    wrapper.destroy()
-  })
-})