@gitlab/ui 88.6.0 → 89.0.1

package/dist/index.js

@@ -87,8 +87,6 @@ export { default as GlBroadcastMessage } from './components/base/broadcast_messa
 export { default as GlCollapse } from './components/base/collapse/collapse';
 export { default as GlAccordion } from './components/base/accordion/accordion';
 export { default as GlAccordionItem } from './components/base/accordion/accordion_item';
-export { default as GlCarousel } from './components/base/carousel/carousel';
-export { default as GlCarouselSlide } from './components/base/carousel/carousel_slide';
 export { default as GlExperimentBadge } from './components/experimental/experiment_badge/experiment_badge';
 export { default as GlDuoUserFeedback } from './components/experimental/duo/user_feedback/user_feedback';
 export { default as GlDuoChat } from './components/experimental/duo/chat/duo_chat';

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

@@ -9,7 +9,6 @@ import { ButtonGroupPlugin } from './button-group';
 import { ButtonToolbarPlugin } from './button-toolbar';
 import { CalendarPlugin } from './calendar';
 import { CardPlugin } from './card';
-import { CarouselPlugin } from './carousel';
 import { CollapsePlugin } from './collapse';
 import { DropdownPlugin } from './dropdown';
 import { EmbedPlugin } from './embed';
@@ -63,7 +62,6 @@ const componentsPlugin = /*#__PURE__*/pluginFactory({
     ButtonToolbarPlugin,
     CalendarPlugin,
     CardPlugin,
-    CarouselPlugin,
     CollapsePlugin,
     DropdownPlugin,
     EmbedPlugin,

package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js

@@ -697,7 +697,7 @@ const BVTooltip = /*#__PURE__*/extend({
       // Dropdown open events (if we are attached to a dropdown)
       this.setDropdownListener(on);
       // Periodic $element visibility check
-      // For handling when tip target is in <keepalive>, tabs, carousel, etc
+      // For handling when tip target is in <keepalive>, tabs, etc
       this.visibleCheck(on);
       // On-touch start listeners
       this.setOnTouchStartListener(on);

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

@@ -22,8 +22,6 @@ const NAME_CARD_IMG_LAZY = 'BCardImgLazy';
 const NAME_CARD_SUB_TITLE = 'BCardSubTitle';
 const NAME_CARD_TEXT = 'BCardText';
 const NAME_CARD_TITLE = 'BCardTitle';
-const NAME_CAROUSEL = 'BCarousel';
-const NAME_CAROUSEL_SLIDE = 'BCarouselSlide';
 const NAME_COL = 'BCol';
 const NAME_COLLAPSE = 'BCollapse';
 const NAME_CONTAINER = 'BContainer';
@@ -132,4 +130,4 @@ const NAME_TRANSITION = 'BVTransition';
 const NAME_TRANSPORTER = 'BVTransporter';
 const NAME_TRANSPORTER_TARGET = 'BVTransporterTarget';
 
-export { NAME_ALERT, NAME_ASPECT, NAME_AVATAR, NAME_AVATAR_GROUP, NAME_BADGE, NAME_BREADCRUMB, NAME_BREADCRUMB_ITEM, NAME_BREADCRUMB_LINK, NAME_BUTTON, NAME_BUTTON_CLOSE, NAME_BUTTON_GROUP, NAME_BUTTON_TOOLBAR, NAME_CALENDAR, NAME_CARD, NAME_CARD_BODY, NAME_CARD_FOOTER, NAME_CARD_GROUP, NAME_CARD_HEADER, NAME_CARD_IMG, NAME_CARD_IMG_LAZY, NAME_CARD_SUB_TITLE, NAME_CARD_TEXT, NAME_CARD_TITLE, NAME_CAROUSEL, NAME_CAROUSEL_SLIDE, NAME_COL, NAME_COLLAPSE, NAME_COLLAPSE_HELPER, NAME_CONTAINER, NAME_DROPDOWN, NAME_DROPDOWN_DIVIDER, NAME_DROPDOWN_FORM, NAME_DROPDOWN_GROUP, NAME_DROPDOWN_HEADER, NAME_DROPDOWN_ITEM, NAME_DROPDOWN_ITEM_BUTTON, NAME_DROPDOWN_TEXT, NAME_EMBED, NAME_FORM, NAME_FORM_BUTTON_LABEL_CONTROL, NAME_FORM_CHECKBOX, NAME_FORM_CHECKBOX_GROUP, NAME_FORM_DATALIST, NAME_FORM_DATEPICKER, NAME_FORM_FILE, NAME_FORM_GROUP, NAME_FORM_INPUT, NAME_FORM_INVALID_FEEDBACK, NAME_FORM_RADIO, NAME_FORM_RADIO_GROUP, NAME_FORM_RATING, NAME_FORM_RATING_STAR, NAME_FORM_ROW, NAME_FORM_SELECT, NAME_FORM_SELECT_OPTION, NAME_FORM_SELECT_OPTION_GROUP, NAME_FORM_SPINBUTTON, NAME_FORM_TAG, NAME_FORM_TAGS, NAME_FORM_TEXT, NAME_FORM_TEXTAREA, NAME_FORM_TIMEPICKER, NAME_FORM_VALID_FEEDBACK, NAME_ICON, NAME_ICONSTACK, NAME_ICON_BASE, NAME_IMG, NAME_IMG_LAZY, NAME_INPUT_GROUP, NAME_INPUT_GROUP_ADDON, NAME_INPUT_GROUP_APPEND, NAME_INPUT_GROUP_PREPEND, NAME_INPUT_GROUP_TEXT, NAME_JUMBOTRON, NAME_LINK, NAME_LIST_GROUP, NAME_LIST_GROUP_ITEM, NAME_MEDIA, NAME_MEDIA_ASIDE, NAME_MEDIA_BODY, NAME_MODAL, NAME_MSG_BOX, NAME_NAV, NAME_NAVBAR, NAME_NAVBAR_BRAND, NAME_NAVBAR_NAV, NAME_NAVBAR_TOGGLE, NAME_NAV_FORM, NAME_NAV_ITEM, NAME_NAV_ITEM_DROPDOWN, NAME_NAV_TEXT, NAME_OVERLAY, NAME_PAGINATION, NAME_PAGINATION_NAV, NAME_POPOVER, NAME_POPOVER_HELPER, NAME_POPOVER_TEMPLATE, NAME_POPPER, NAME_PROGRESS, NAME_PROGRESS_BAR, NAME_ROW, NAME_SIDEBAR, NAME_SKELETON, NAME_SKELETON_ICON, NAME_SKELETON_IMG, NAME_SKELETON_TABLE, NAME_SKELETON_WRAPPER, NAME_SPINNER, NAME_TAB, NAME_TABLE, NAME_TABLE_CELL, NAME_TABLE_LITE, NAME_TABLE_SIMPLE, NAME_TABS, NAME_TAB_BUTTON_HELPER, NAME_TBODY, NAME_TFOOT, NAME_TH, NAME_THEAD, NAME_TIME, NAME_TOAST, NAME_TOASTER, NAME_TOAST_POP, NAME_TOOLTIP, NAME_TOOLTIP_HELPER, NAME_TOOLTIP_TEMPLATE, NAME_TR, NAME_TRANSITION, NAME_TRANSPORTER, NAME_TRANSPORTER_TARGET };
+export { NAME_ALERT, NAME_ASPECT, NAME_AVATAR, NAME_AVATAR_GROUP, NAME_BADGE, NAME_BREADCRUMB, NAME_BREADCRUMB_ITEM, NAME_BREADCRUMB_LINK, NAME_BUTTON, NAME_BUTTON_CLOSE, NAME_BUTTON_GROUP, NAME_BUTTON_TOOLBAR, NAME_CALENDAR, NAME_CARD, NAME_CARD_BODY, NAME_CARD_FOOTER, NAME_CARD_GROUP, NAME_CARD_HEADER, NAME_CARD_IMG, NAME_CARD_IMG_LAZY, NAME_CARD_SUB_TITLE, NAME_CARD_TEXT, NAME_CARD_TITLE, NAME_COL, NAME_COLLAPSE, NAME_COLLAPSE_HELPER, NAME_CONTAINER, NAME_DROPDOWN, NAME_DROPDOWN_DIVIDER, NAME_DROPDOWN_FORM, NAME_DROPDOWN_GROUP, NAME_DROPDOWN_HEADER, NAME_DROPDOWN_ITEM, NAME_DROPDOWN_ITEM_BUTTON, NAME_DROPDOWN_TEXT, NAME_EMBED, NAME_FORM, NAME_FORM_BUTTON_LABEL_CONTROL, NAME_FORM_CHECKBOX, NAME_FORM_CHECKBOX_GROUP, NAME_FORM_DATALIST, NAME_FORM_DATEPICKER, NAME_FORM_FILE, NAME_FORM_GROUP, NAME_FORM_INPUT, NAME_FORM_INVALID_FEEDBACK, NAME_FORM_RADIO, NAME_FORM_RADIO_GROUP, NAME_FORM_RATING, NAME_FORM_RATING_STAR, NAME_FORM_ROW, NAME_FORM_SELECT, NAME_FORM_SELECT_OPTION, NAME_FORM_SELECT_OPTION_GROUP, NAME_FORM_SPINBUTTON, NAME_FORM_TAG, NAME_FORM_TAGS, NAME_FORM_TEXT, NAME_FORM_TEXTAREA, NAME_FORM_TIMEPICKER, NAME_FORM_VALID_FEEDBACK, NAME_ICON, NAME_ICONSTACK, NAME_ICON_BASE, NAME_IMG, NAME_IMG_LAZY, NAME_INPUT_GROUP, NAME_INPUT_GROUP_ADDON, NAME_INPUT_GROUP_APPEND, NAME_INPUT_GROUP_PREPEND, NAME_INPUT_GROUP_TEXT, NAME_JUMBOTRON, NAME_LINK, NAME_LIST_GROUP, NAME_LIST_GROUP_ITEM, NAME_MEDIA, NAME_MEDIA_ASIDE, NAME_MEDIA_BODY, NAME_MODAL, NAME_MSG_BOX, NAME_NAV, NAME_NAVBAR, NAME_NAVBAR_BRAND, NAME_NAVBAR_NAV, NAME_NAVBAR_TOGGLE, NAME_NAV_FORM, NAME_NAV_ITEM, NAME_NAV_ITEM_DROPDOWN, NAME_NAV_TEXT, NAME_OVERLAY, NAME_PAGINATION, NAME_PAGINATION_NAV, NAME_POPOVER, NAME_POPOVER_HELPER, NAME_POPOVER_TEMPLATE, NAME_POPPER, NAME_PROGRESS, NAME_PROGRESS_BAR, NAME_ROW, NAME_SIDEBAR, NAME_SKELETON, NAME_SKELETON_ICON, NAME_SKELETON_IMG, NAME_SKELETON_TABLE, NAME_SKELETON_WRAPPER, NAME_SPINNER, NAME_TAB, NAME_TABLE, NAME_TABLE_CELL, NAME_TABLE_LITE, NAME_TABLE_SIMPLE, NAME_TABS, NAME_TAB_BUTTON_HELPER, NAME_TBODY, NAME_TFOOT, NAME_TH, NAME_THEAD, NAME_TIME, NAME_TOAST, NAME_TOASTER, NAME_TOAST_POP, NAME_TOOLTIP, NAME_TOOLTIP_HELPER, NAME_TOOLTIP_TEMPLATE, NAME_TR, NAME_TRANSITION, NAME_TRANSPORTER, NAME_TRANSPORTER_TARGET };

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

@@ -40,9 +40,6 @@ export { BCardImgLazy } from './components/card/card-img-lazy';
 export { BCardSubTitle } from './components/card/card-sub-title';
 export { BCardText } from './components/card/card-text';
 export { BCardTitle } from './components/card/card-title';
-export { CarouselPlugin } from './components/carousel';
-export { BCarousel } from './components/carousel/carousel';
-export { BCarouselSlide } from './components/carousel/carousel-slide';
 export { CollapsePlugin } from './components/collapse';
 export { BCollapse } from './components/collapse/collapse';
 export { DropdownPlugin } from './components/dropdown';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "88.6.0",
+  "version": "89.0.1",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/components/base/datepicker/datepicker.vue

@@ -369,7 +369,7 @@ export default {
 
 <template>
   <div :class="datepickerClasses">
-    <div v-if="showDefaultField" class="gl-align-items-start gl-flex gl-gap-3">
+    <div v-if="showDefaultField" class="gl-flex gl-items-start gl-gap-3">
       <div class="gl-relative gl-flex gl-grow">
         <!--
       @slot (optional) Input to display and bind the datepicker to. Defaults to `<gl-form-input />`

package/src/components/base/form/form_checkbox/form_checkbox.scss

@@ -102,17 +102,17 @@
     }
 
     .custom-control-input[type='checkbox']:checked ~ .custom-control-label::after {
-      background-image: url('#{$gl-icon-check}');
+      background-color: var(--gl-control-indicator-color-selected);
       mask-image: url('#{$gl-icon-check}');
     }
 
     .custom-control-input[type='checkbox']:indeterminate ~ .custom-control-label::after {
-      background-image: url('#{$gl-icon-indeterminate}');
+      background-color: var(--gl-control-indicator-color-selected);
       mask-image: url('#{$gl-icon-indeterminate}');
     }
 
     .custom-control-input[type='radio']:checked ~ .custom-control-label::after {
-      background-image: url('#{$gl-icon-radio}');
+      background-color: var(--gl-control-indicator-color-selected);
       mask-image: url('#{$gl-icon-radio}');
     }
 

package/src/index.js

@@ -96,8 +96,6 @@ export { default as GlBroadcastMessage } from './components/base/broadcast_messa
 export { default as GlCollapse } from './components/base/collapse/collapse.vue';
 export { default as GlAccordion } from './components/base/accordion/accordion.vue';
 export { default as GlAccordionItem } from './components/base/accordion/accordion_item.vue';
-export { default as GlCarousel } from './components/base/carousel/carousel.vue';
-export { default as GlCarouselSlide } from './components/base/carousel/carousel_slide.vue';
 
 // Experimental
 export { default as GlExperimentBadge } from './components/experimental/experiment_badge/experiment_badge.vue';

package/src/scss/bootstrap.scss

@@ -30,6 +30,5 @@
 @import 'bootstrap/scss/modal';
 @import 'bootstrap/scss/tooltip';
 @import 'bootstrap/scss/popover';
-@import 'bootstrap/scss/carousel';
 @import 'bootstrap/scss/utilities';
 @import 'bootstrap/scss/print';

package/src/scss/components.scss

@@ -23,7 +23,6 @@
 @import '../components/base/breadcrumb/breadcrumb';
 @import '../components/base/banner/banner';
 @import '../components/base/broadcast_message/broadcast_message';
-@import '../components/base/carousel/carousel';
 @import '../components/base/datepicker/datepicker';
 @import '../components/base/daterange_picker/daterange_picker';
 @import '../components/base/drawer/drawer';

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

@@ -79,7 +79,6 @@ module.exports = function nuxtBootstrapVue(moduleOptions = {}) {
       'b-card': 'img-src',
       'b-card-img': 'src',
       'b-card-img-lazy': ['src', 'blank-src'],
-      'b-carousel-slide': 'img-src',
       'b-embed': 'src',
       // Ensure super supplied values/overrides are not lost
       ...this.options.build.loaders.vue.transformAssetUrls

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

@@ -167,7 +167,6 @@
     "Button",
     "Calendar",
     "Card",
-    "Carousel",
     "Checkbox",
     "Collapse",
     "Collapse",

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

@@ -14,7 +14,6 @@ export * from './button-group'
 export * from './button-toolbar'
 export * from './calendar'
 export * from './card'
-export * from './carousel'
 export * from './collapse'
 export * from './dropdown'
 export * from './embed'

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

@@ -11,7 +11,6 @@ import { ButtonGroupPlugin } from './button-group'
 import { ButtonToolbarPlugin } from './button-toolbar'
 import { CalendarPlugin } from './calendar'
 import { CardPlugin } from './card'
-import { CarouselPlugin } from './carousel'
 import { CollapsePlugin } from './collapse'
 import { DropdownPlugin } from './dropdown'
 import { EmbedPlugin } from './embed'
@@ -66,7 +65,6 @@ export const componentsPlugin = /*#__PURE__*/ pluginFactory({
     ButtonToolbarPlugin,
     CalendarPlugin,
     CardPlugin,
-    CarouselPlugin,
     CollapsePlugin,
     DropdownPlugin,
     EmbedPlugin,

package/src/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js

@@ -746,7 +746,7 @@ export const BVTooltip = /*#__PURE__*/ extend({
       // Dropdown open events (if we are attached to a dropdown)
       this.setDropdownListener(on)
       // Periodic $element visibility check
-      // For handling when tip target is in <keepalive>, tabs, carousel, etc
+      // For handling when tip target is in <keepalive>, tabs, etc
       this.visibleCheck(on)
       // On-touch start listeners
       this.setOnTouchStartListener(on)

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

@@ -22,8 +22,6 @@ export const NAME_CARD_IMG_LAZY = 'BCardImgLazy'
 export const NAME_CARD_SUB_TITLE = 'BCardSubTitle'
 export const NAME_CARD_TEXT = 'BCardText'
 export const NAME_CARD_TITLE = 'BCardTitle'
-export const NAME_CAROUSEL = 'BCarousel'
-export const NAME_CAROUSEL_SLIDE = 'BCarouselSlide'
 export const NAME_COL = 'BCol'
 export const NAME_COLLAPSE = 'BCollapse'
 export const NAME_CONTAINER = 'BContainer'

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

@@ -115,11 +115,6 @@ export { BCardSubTitle } from './components/card/card-sub-title'
 export { BCardText } from './components/card/card-text'
 export { BCardTitle } from './components/card/card-title'
 
-// export * from './components/carousel'
-export { CarouselPlugin } from './components/carousel'
-export { BCarousel } from './components/carousel/carousel'
-export { BCarouselSlide } from './components/carousel/carousel-slide'
-
 // export * from './components/collapse'
 export { CollapsePlugin } from './components/collapse'
 export { BCollapse } from './components/collapse/collapse'

package/dist/components/base/carousel/carousel.js

@@ -1,48 +0,0 @@
-import { BCarousel } from '../../../vendor/bootstrap-vue/src/components/carousel/carousel';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-//
-var script = {
-  name: 'GlCarousel',
-  components: {
-    BCarousel
-  }
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-carousel',_vm._g(_vm._b({scopedSlots:_vm._u([_vm._l((Object.keys(_vm.$slots)),function(slot){return {key:slot,fn:function(){return [_vm._t(slot)]},proxy:true}})],null,true)},'b-carousel',_vm.$attrs,false),_vm.$listeners))};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/base/carousel/carousel_slide.js

@@ -1,47 +0,0 @@
-import { BCarouselSlide } from '../../../vendor/bootstrap-vue/src/components/carousel/carousel-slide';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'GlCarouselSlide',
-  components: {
-    BCarouselSlide
-  }
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-carousel-slide',_vm._g(_vm._b({scopedSlots:_vm._u([_vm._l((Object.keys(_vm.$slots)),function(slot){return {key:slot,fn:function(){return [_vm._t(slot)]},proxy:true}})],null,true)},'b-carousel-slide',_vm.$attrs,false),_vm.$listeners))};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/vendor/bootstrap-vue/src/components/carousel/carousel-slide.js

@@ -1,123 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_CAROUSEL_SLIDE } from '../../constants/components';
-import { HAS_TOUCH_SUPPORT } from '../../constants/env';
-import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER_STRING } from '../../constants/props';
-import { SLOT_NAME_IMG } from '../../constants/slots';
-import { stopEvent } from '../../utils/events';
-import { htmlOrText } from '../../utils/html';
-import { identity } from '../../utils/identity';
-import { sortKeys } from '../../utils/object';
-import { makeProp, makePropsConfigurable, pluckProps, unprefixPropName } from '../../utils/props';
-import { props as props$1, idMixin } from '../../mixins/id';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { BImg } from '../image/img';
-
-// --- Props ---
-
-const imgProps = {
-  imgAlt: makeProp(PROP_TYPE_STRING),
-  imgBlank: makeProp(PROP_TYPE_BOOLEAN, false),
-  imgBlankColor: makeProp(PROP_TYPE_STRING, 'transparent'),
-  imgHeight: makeProp(PROP_TYPE_NUMBER_STRING),
-  imgSrc: makeProp(PROP_TYPE_STRING),
-  imgWidth: makeProp(PROP_TYPE_NUMBER_STRING)
-};
-const props = makePropsConfigurable(sortKeys({
-  ...props$1,
-  ...imgProps,
-  background: makeProp(PROP_TYPE_STRING),
-  caption: makeProp(PROP_TYPE_STRING),
-  captionHtml: makeProp(PROP_TYPE_STRING),
-  captionTag: makeProp(PROP_TYPE_STRING, 'h3'),
-  contentTag: makeProp(PROP_TYPE_STRING, 'div'),
-  contentVisibleUp: makeProp(PROP_TYPE_STRING),
-  text: makeProp(PROP_TYPE_STRING),
-  textHtml: makeProp(PROP_TYPE_STRING),
-  textTag: makeProp(PROP_TYPE_STRING, 'p')
-}), NAME_CAROUSEL_SLIDE);
-
-// --- Main component ---
-
-// @vue/component
-const BCarouselSlide = /*#__PURE__*/extend({
-  name: NAME_CAROUSEL_SLIDE,
-  mixins: [idMixin, normalizeSlotMixin],
-  inject: {
-    getBvCarousel: {
-      // Explicitly disable touch if not a child of carousel
-      default: () => () => ({
-        noTouch: true
-      })
-    }
-  },
-  props,
-  computed: {
-    bvCarousel() {
-      return this.getBvCarousel();
-    },
-    contentClasses() {
-      return [this.contentVisibleUp ? 'd-none' : '', this.contentVisibleUp ? `d-${this.contentVisibleUp}-block` : ''];
-    },
-    computedWidth() {
-      // Use local width, or try parent width
-      return this.imgWidth || this.bvCarousel.imgWidth || null;
-    },
-    computedHeight() {
-      // Use local height, or try parent height
-      return this.imgHeight || this.bvCarousel.imgHeight || null;
-    }
-  },
-  render(h) {
-    let $img = this.normalizeSlot(SLOT_NAME_IMG);
-    if (!$img && (this.imgSrc || this.imgBlank)) {
-      const on = {};
-      // Touch support event handler
-      /* istanbul ignore if: difficult to test in JSDOM */
-      if (!this.bvCarousel.noTouch && HAS_TOUCH_SUPPORT) {
-        on.dragstart = event => stopEvent(event, {
-          propagation: false
-        });
-      }
-      $img = h(BImg, {
-        props: {
-          ...pluckProps(imgProps, this.$props, unprefixPropName.bind(null, 'img')),
-          width: this.computedWidth,
-          height: this.computedHeight,
-          fluidGrow: true,
-          block: true
-        },
-        on
-      });
-    }
-    const $contentChildren = [
-    // Caption
-    this.caption || this.captionHtml ? h(this.captionTag, {
-      domProps: htmlOrText(this.captionHtml, this.caption)
-    }) : false,
-    // Text
-    this.text || this.textHtml ? h(this.textTag, {
-      domProps: htmlOrText(this.textHtml, this.text)
-    }) : false,
-    // Children
-    this.normalizeSlot() || false];
-    let $content = h();
-    if ($contentChildren.some(identity)) {
-      $content = h(this.contentTag, {
-        staticClass: 'carousel-caption',
-        class: this.contentClasses
-      }, $contentChildren.map($child => $child || h()));
-    }
-    return h('div', {
-      staticClass: 'carousel-item',
-      style: {
-        background: this.background || this.bvCarousel.background || null
-      },
-      attrs: {
-        id: this.safeId(),
-        role: 'listitem'
-      }
-    }, [$img, $content]);
-  }
-});
-
-export { BCarouselSlide, props };