@gitlab/ui 92.2.0 → 92.3.1

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

@@ -1,121 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BAspect } from './aspect'
-
-describe('aspect', () => {
-  it('should have expected default structure', async () => {
-    const wrapper = mount(BAspect)
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('b-aspect')
-    expect(wrapper.classes()).toContain('d-flex')
-    expect(wrapper.classes().length).toBe(2)
-
-    const $sizer = wrapper.find('.b-aspect-sizer')
-    expect($sizer.exists()).toBe(true)
-    expect($sizer.element.tagName).toBe('DIV')
-    expect($sizer.classes()).toContain('flex-grow-1')
-    // Default aspect ratio is 1:1
-    expect($sizer.attributes('style')).toContain('padding-bottom: 100%;')
-
-    const $content = wrapper.find('.b-aspect-content')
-    expect($content.exists()).toBe(true)
-    expect($content.element.tagName).toBe('DIV')
-    expect($content.classes()).toContain('flex-grow-1')
-    expect($content.classes()).toContain('w-100')
-    expect($content.classes()).toContain('mw-100')
-    expect($content.attributes('style')).toContain('margin-left: -100%;')
-
-    wrapper.destroy()
-  })
-
-  it('should have expected structure when prop `tag` is set', async () => {
-    const wrapper = mount(BAspect, {
-      propsData: {
-        tag: 'section'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('SECTION')
-    expect(wrapper.classes()).toContain('b-aspect')
-    expect(wrapper.classes()).toContain('d-flex')
-    expect(wrapper.classes().length).toBe(2)
-
-    const $sizer = wrapper.find('.b-aspect-sizer')
-    expect($sizer.exists()).toBe(true)
-    expect($sizer.element.tagName).toBe('DIV')
-    expect($sizer.classes()).toContain('flex-grow-1')
-    // Default aspect ratio is 1:1
-    expect($sizer.attributes('style')).toContain('padding-bottom: 100%;')
-
-    const $content = wrapper.find('.b-aspect-content')
-    expect($content.exists()).toBe(true)
-    expect($content.element.tagName).toBe('DIV')
-    expect($content.classes()).toContain('flex-grow-1')
-    expect($content.classes()).toContain('w-100')
-    expect($content.classes()).toContain('mw-100')
-    expect($content.attributes('style')).toContain('margin-left: -100%;')
-
-    wrapper.destroy()
-  })
-
-  it('should have expected structure when aspect is set to "4:3"', async () => {
-    const wrapper = mount(BAspect, {
-      propsData: {
-        aspect: '4:3'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('b-aspect')
-    expect(wrapper.classes()).toContain('d-flex')
-    expect(wrapper.classes().length).toBe(2)
-
-    const $sizer = wrapper.find('.b-aspect-sizer')
-    expect($sizer.exists()).toBe(true)
-    expect($sizer.element.tagName).toBe('DIV')
-    expect($sizer.classes()).toContain('flex-grow-1')
-    expect($sizer.attributes('style')).toContain('padding-bottom: 75%;')
-
-    const $content = wrapper.find('.b-aspect-content')
-    expect($content.exists()).toBe(true)
-    expect($content.element.tagName).toBe('DIV')
-    expect($content.classes()).toContain('flex-grow-1')
-    expect($content.classes()).toContain('w-100')
-    expect($content.classes()).toContain('mw-100')
-    expect($content.attributes('style')).toContain('margin-left: -100%;')
-
-    wrapper.destroy()
-  })
-  it('should have expected structure when aspect is set to `16/9`', async () => {
-    const wrapper = mount(BAspect, {
-      propsData: {
-        aspect: 16 / 9
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('b-aspect')
-    expect(wrapper.classes()).toContain('d-flex')
-    expect(wrapper.classes().length).toBe(2)
-
-    const $sizer = wrapper.find('.b-aspect-sizer')
-    expect($sizer.exists()).toBe(true)
-    expect($sizer.element.tagName).toBe('DIV')
-    expect($sizer.classes()).toContain('flex-grow-1')
-    expect($sizer.attributes('style')).toContain('padding-bottom: 56.25%;')
-
-    const $content = wrapper.find('.b-aspect-content')
-    expect($content.exists()).toBe(true)
-    expect($content.element.tagName).toBe('DIV')
-    expect($content.classes()).toContain('flex-grow-1')
-    expect($content.classes()).toContain('w-100')
-    expect($content.classes()).toContain('mw-100')
-    expect($content.attributes('style')).toContain('margin-left: -100%;')
-
-    wrapper.destroy()
-  })
-})

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

@@ -1,11 +0,0 @@
-//
-// Aspect
-//
-import Vue from 'vue'
-import { BvPlugin, BvComponent } from '../../'
-
-// Plugin
-export declare const AspectPlugin: BvPlugin
-
-// Component: b-aspect
-export declare class BAspect extends BvComponent {}

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

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

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

@@ -1,26 +0,0 @@
-{
-  "name": "@bootstrap-vue/aspect",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Aspect",
-    "version": "2.9.0",
-    "description": "The `<b-aspect>` component can be used to maintain a minimum responsive aspect ratio for content.",
-    "components": [
-      {
-        "component": "BAspect",
-        "props": [
-          {
-            "prop": "aspect",
-            "description": "Aspect as a width to height numeric ratio (such as `1.5`) or `width:height` string (such as '16:9')"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the aspect"
-          }
-        ]
-      }
-    ]
-  }
-}