@gitlab/ui 84.2.0 → 85.0.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# [85.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v84.2.0...v85.0.0) (2024-06-24)
+
+
+### Bug Fixes
+
+* **DuoChat:** don't show cancel button on slash commands ([0c6ca4a](https://gitlab.com/gitlab-org/gitlab-ui/commit/0c6ca4a9c2ddd12081aba50593e5974167548dc0))
+
+
+### Features
+
+* Consume vendored bootstrap-vue ([8f885f0](https://gitlab.com/gitlab-org/gitlab-ui/commit/8f885f02075b133b7fb0b72095409ce090598b9a))
+
+
+### BREAKING CHANGES
+
+* @gitlab/ui doesn't rely on bootstrap-vue as a npm
+dependency because it vendors bootstrap-vue. If you are importing things
+directly from bootstrap-vue, you might need to adjust import paths
+
 # [84.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v84.1.0...v84.2.0) (2024-06-24)
 
 

package/dist/components/base/accordion/accordion_item.js

@@ -1,5 +1,5 @@
-import { BCollapse } from 'bootstrap-vue/esm/index.js';
 import uniqueId from 'lodash/uniqueId';
+import { BCollapse } from '../../../vendor/bootstrap-vue/src/components/collapse/collapse';
 import { GlCollapseToggleDirective } from '../../../directives/collapse_toggle';
 import GlButton from '../button/button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/base/badge/badge.js

@@ -1,4 +1,4 @@
-import { BBadge } from 'bootstrap-vue/esm/index.js';
+import { BBadge } from '../../../vendor/bootstrap-vue/src/components/badge/badge';
 import { badgeVariantOptions, badgeIconSizeOptions } from '../../../utils/constants';
 import GlIcon from '../icon/icon';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/base/breadcrumb/breadcrumb.js

@@ -1,5 +1,5 @@
-import { BBreadcrumb } from 'bootstrap-vue/esm/index.js';
 import debounce from 'lodash/debounce';
+import { BBreadcrumb } from '../../../vendor/bootstrap-vue/src/components/breadcrumb/breadcrumb';
 import { translate } from '../../../utils/i18n';
 import GlAvatar from '../avatar/avatar';
 import GlDisclosureDropdown from '../new_dropdowns/disclosure/disclosure_dropdown';

package/dist/components/base/breadcrumb/breadcrumb_item.js

@@ -1,4 +1,4 @@
-import { BLink } from 'bootstrap-vue/esm/index.js';
+import { BLink } from '../../../vendor/bootstrap-vue/src/components/link/link';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/button/button.js

@@ -1,4 +1,4 @@
-import { BButton } from 'bootstrap-vue/esm/index.js';
+import { BButton } from '../../../vendor/bootstrap-vue/src/components/button/button';
 import { buttonCategoryOptions, buttonVariantOptions, buttonSizeOptions } from '../../../utils/constants';
 import { logWarning } from '../../../utils/utils';
 import { isSlotEmpty } from '../../../utils/is_slot_empty';

package/dist/components/base/button_group/button_group.js

@@ -1,4 +1,4 @@
-import { BButtonGroup } from 'bootstrap-vue/esm/index.js';
+import { BButtonGroup } from '../../../vendor/bootstrap-vue/src/components/button-group/button-group';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

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

@@ -1,4 +1,4 @@
-import { BCarousel } from 'bootstrap-vue/esm/index.js';
+import { BCarousel } from '../../../vendor/bootstrap-vue/src/components/carousel/carousel';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //

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

@@ -1,4 +1,4 @@
-import { BCarouselSlide } from 'bootstrap-vue/esm/index.js';
+import { BCarouselSlide } from '../../../vendor/bootstrap-vue/src/components/carousel/carousel-slide';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/collapse/collapse.js

@@ -1,4 +1,4 @@
-import { BCollapse } from 'bootstrap-vue/esm/index.js';
+import { BCollapse } from '../../../vendor/bootstrap-vue/src/components/collapse/collapse';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //

package/dist/components/base/dropdown/dropdown.js

@@ -1,7 +1,7 @@
 import Vue from 'vue';
-import { BDropdown } from 'bootstrap-vue/esm/index.js';
-import { selectAll } from 'bootstrap-vue/esm/utils/dom';
 import merge from 'lodash/merge';
+import { selectAll } from '../../../vendor/bootstrap-vue/src/utils/dom';
+import { BDropdown } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown';
 import { buttonCategoryOptions, dropdownVariantOptions, buttonSizeOptions } from '../../../utils/constants';
 import { filterVisible } from '../../../utils/utils';
 import { ButtonMixin } from '../../mixins/button_mixin';

package/dist/components/base/dropdown/dropdown_divider.js

@@ -1,4 +1,4 @@
-import { BDropdownDivider } from 'bootstrap-vue/esm/index.js';
+import { BDropdownDivider } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-divider';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/dropdown/dropdown_form.js

@@ -1,4 +1,4 @@
-import { BDropdownForm } from 'bootstrap-vue/esm/index.js';
+import { BDropdownForm } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-form';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/dropdown/dropdown_item.js

@@ -1,4 +1,5 @@
-import { BDropdownItem, BDropdownItemButton } from 'bootstrap-vue/esm/index.js';
+import { BDropdownItem } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-item';
+import { BDropdownItemButton } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button';
 import { variantCssColorMap } from '../../../utils/constants';
 import GlAvatar from '../avatar/avatar';
 import GlButton from '../button/button';

package/dist/components/base/dropdown/dropdown_section_header.js

@@ -1,4 +1,4 @@
-import { BDropdownHeader } from 'bootstrap-vue/esm/index.js';
+import { BDropdownHeader } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-header';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/dropdown/dropdown_text.js

@@ -1,4 +1,4 @@
-import { BDropdownText } from 'bootstrap-vue/esm/index.js';
+import { BDropdownText } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-text';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/form/form.js

@@ -1,4 +1,4 @@
-import { BForm } from 'bootstrap-vue/esm/components/form';
+import { BForm } from '../../../vendor/bootstrap-vue/src/components/form';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //

package/dist/components/base/form/form_checkbox/form_checkbox.js

@@ -1,5 +1,5 @@
-import { BFormCheckbox } from 'bootstrap-vue/esm/index.js';
 import uniqueId from 'lodash/uniqueId';
+import { BFormCheckbox } from '../../../../vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/form/form_checkbox/form_checkbox_group.js

@@ -1,5 +1,5 @@
-import { BFormCheckboxGroup } from 'bootstrap-vue/esm/index.js';
-import { formOptionsMixin } from 'bootstrap-vue/esm/mixins/form-options';
+import { formOptionsMixin } from '../../../../vendor/bootstrap-vue/src/mixins/form-options';
+import { BFormCheckboxGroup } from '../../../../vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox-group';
 import { SafeHtmlDirective } from '../../../../directives/safe_html/safe_html';
 import GlFormCheckbox from './form_checkbox';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/base/form/form_group/form_group.js

@@ -1,6 +1,6 @@
-import { BFormGroup } from 'bootstrap-vue/esm/index.js';
 import isString from 'lodash/isString';
 import isPlainObject from 'lodash/isPlainObject';
+import { BFormGroup } from '../../../../vendor/bootstrap-vue/src/components/form-group/form-group';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/form/form_input/form_input.js

@@ -1,5 +1,5 @@
 import isObject from 'lodash/isObject';
-import { BFormInput } from 'bootstrap-vue/esm/index.js';
+import { BFormInput } from '../../../../vendor/bootstrap-vue/src/components/form-input/form-input';
 import { formInputWidths } from '../../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 

package/dist/components/base/form/form_input_group/form_input_group.js

@@ -1,4 +1,7 @@
-import { BInputGroup, BInputGroupPrepend, BInputGroupAppend, BFormInput } from 'bootstrap-vue/esm/index.js';
+import { BInputGroup } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group';
+import { BInputGroupPrepend } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-prepend';
+import { BInputGroupAppend } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-append';
+import { BFormInput } from '../../../../vendor/bootstrap-vue/src/components/form-input/form-input';
 import GlDropdown from '../../dropdown/dropdown';
 import GlDropdownItem from '../../dropdown/dropdown_item';
 import { InputGroupMixin } from './form_input_group_mixin';

package/dist/components/base/form/form_radio/form_radio.js

@@ -1,4 +1,4 @@
-import { BFormRadio } from 'bootstrap-vue/esm/index.js';
+import { BFormRadio } from '../../../../vendor/bootstrap-vue/src/components/form-radio/form-radio';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const {

package/dist/components/base/form/form_radio_group/form_radio_group.js

@@ -1,5 +1,5 @@
-import { BFormRadioGroup } from 'bootstrap-vue/esm/index.js';
-import { formOptionsMixin } from 'bootstrap-vue/esm/mixins/form-options';
+import { formOptionsMixin } from '../../../../vendor/bootstrap-vue/src/mixins/form-options';
+import { BFormRadioGroup } from '../../../../vendor/bootstrap-vue/src/components/form-radio/form-radio-group';
 import { SafeHtmlDirective } from '../../../../directives/safe_html/safe_html';
 import GlFormRadio from '../form_radio/form_radio';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/base/form/form_select/form_select.js

@@ -1,5 +1,5 @@
-import { BFormSelect } from 'bootstrap-vue/esm/index.js';
 import isObject from 'lodash/isObject';
+import { BFormSelect } from '../../../../vendor/bootstrap-vue/src/components/form-select/form-select';
 import { formInputWidths } from '../../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 

package/dist/components/base/form/form_text/form_text.js

@@ -1,4 +1,4 @@
-import { BFormText } from 'bootstrap-vue/esm/index.js';
+import { BFormText } from '../../../../vendor/bootstrap-vue/src/components/form/form-text';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/form/form_textarea/form_textarea.js

@@ -1,5 +1,5 @@
-import { BFormTextarea } from 'bootstrap-vue/esm/index.js';
 import uniqueId from 'lodash/uniqueId';
+import { BFormTextarea } from '../../../../vendor/bootstrap-vue/src/components/form-textarea/form-textarea';
 import GlFormCharacterCount from '../form_character_count/form_character_count';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 

package/dist/components/base/form/input_group_text/input_group_text.js

@@ -1,4 +1,4 @@
-import { BInputGroupText } from 'bootstrap-vue/esm/index.js';
+import { BInputGroupText } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-text';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/link/link.js

@@ -1,4 +1,4 @@
-import { BLink } from 'bootstrap-vue/esm/index.js';
+import { BLink } from '../../../vendor/bootstrap-vue/src/components/link/link';
 import { SafeLinkMixin } from '../../mixins/safe_link_mixin';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 

package/dist/components/base/modal/modal.js

@@ -1,4 +1,4 @@
-import { BModal } from 'bootstrap-vue/esm/index.js';
+import { BModal } from '../../../vendor/bootstrap-vue/src/components/modal/modal';
 import { modalSizeOptions, modalButtonDefaults, focusableTags, COMMA } from '../../../utils/constants';
 import { logWarning, focusFirstFocusableElement } from '../../../utils/utils';
 import CloseButton from '../../shared_components/close_button/close_button';

package/dist/components/base/nav/nav.js

@@ -1,4 +1,4 @@
-import { BNav } from 'bootstrap-vue/esm/index.js';
+import { BNav } from '../../../vendor/bootstrap-vue/src/components/nav/nav';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/nav/nav_item.js

@@ -1,4 +1,4 @@
-import { BNavItem } from 'bootstrap-vue/esm/index.js';
+import { BNavItem } from '../../../vendor/bootstrap-vue/src/components/nav/nav-item';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/nav/nav_item_dropdown.js

@@ -1,4 +1,4 @@
-import { BNavItemDropdown } from 'bootstrap-vue/esm/index.js';
+import { BNavItemDropdown } from '../../../vendor/bootstrap-vue/src/components/nav/nav-item-dropdown';
 import GlIcon from '../icon/icon';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 

package/dist/components/base/navbar/navbar.js

@@ -1,4 +1,4 @@
-import { BNavbar } from 'bootstrap-vue/esm/index.js';
+import { BNavbar } from '../../../vendor/bootstrap-vue/src/components/navbar/navbar';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.js

@@ -1,4 +1,4 @@
-import { BLink } from 'bootstrap-vue/esm/index.js';
+import { BLink } from '../../../../vendor/bootstrap-vue/src/components/link/link';
 import { ENTER, SPACE } from '../constants';
 import { stopEvent } from '../../../../utils/utils';
 import { isItem } from './utils';

package/dist/components/base/popover/popover.js

@@ -1,4 +1,4 @@
-import { BPopover } from 'bootstrap-vue/esm/index.js';
+import { BPopover } from '../../../vendor/bootstrap-vue/src/components/popover/popover';
 import tooltipMixin from '../../mixins/tooltip_mixin';
 import CloseButton from '../../shared_components/close_button/close_button';
 import { popoverPlacements } from '../../../utils/constants';

package/dist/components/base/progress_bar/progress_bar.js

@@ -1,4 +1,4 @@
-import { BProgress } from 'bootstrap-vue/esm/index.js';
+import { BProgress } from '../../../vendor/bootstrap-vue/src/components/progress/progress';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/segmented_control/segmented_control.js

@@ -1,4 +1,4 @@
-import { BFormRadioGroup } from 'bootstrap-vue/esm/index.js';
+import { BFormRadioGroup } from '../../../vendor/bootstrap-vue/src/components/form-radio/form-radio-group';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const genericErrorMessage = 'Segmented button should always have valid option selected';

package/dist/components/base/table/table.js

@@ -1,4 +1,4 @@
-import { BTable } from 'bootstrap-vue/esm/index.js';
+import { BTable } from '../../../vendor/bootstrap-vue/src/components/table/table';
 import { isDev, logWarning } from '../../../utils/utils';
 import { tableFullProps, tableFullSlots, glTableLiteWarning } from './constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/base/table_lite/table_lite.js

@@ -1,4 +1,4 @@
-import { BTableLite } from 'bootstrap-vue/esm/index.js';
+import { BTableLite } from '../../../vendor/bootstrap-vue/src/components/table/table-lite';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const {

package/dist/components/base/tabs/tab/tab.js

@@ -1,5 +1,5 @@
-import { BTab } from 'bootstrap-vue/esm/index.js';
 import isPlainObject from 'lodash/isPlainObject';
+import { BTab } from '../../../../vendor/bootstrap-vue/src/components/tabs/tab';
 import { DEFAULT_TAB_TITLE_LINK_CLASS } from '../constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 

package/dist/components/base/tabs/tabs/tabs.js

@@ -1,4 +1,4 @@
-import { BTabs } from 'bootstrap-vue/esm/index.js';
+import { BTabs } from '../../../../vendor/bootstrap-vue/src/components/tabs/tabs';
 import { tabsButtonDefaults } from '../../../../utils/constants';
 import GlButton from '../../button/button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/base/toast/toast.js

@@ -1,5 +1,5 @@
-import { ToastPlugin } from 'bootstrap-vue/esm/index.js';
 import isFunction from 'lodash/isFunction';
+import { ToastPlugin } from '../../../vendor/bootstrap-vue/src/components/toast/index';
 import CloseButton from '../../shared_components/close_button/close_button';
 
 /* eslint-disable import/no-default-export */

package/dist/components/base/tooltip/tooltip.js

@@ -1,4 +1,4 @@
-import { BTooltip } from 'bootstrap-vue/esm/index.js';
+import { BTooltip } from '../../../vendor/bootstrap-vue/src/components/tooltip/tooltip';
 import { tooltipDelay } from '../../../utils/constants';
 import tooltipMixin from '../../mixins/tooltip_mixin';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/experimental/duo/chat/duo_chat.js

@@ -15,7 +15,7 @@ import { SafeHtmlDirective } from '../../../../directives/safe_html/safe_html';
 import GlDuoChatLoader from './components/duo_chat_loader/duo_chat_loader';
 import GlDuoChatPredefinedPrompts from './components/duo_chat_predefined_prompts/duo_chat_predefined_prompts';
 import GlDuoChatConversation from './components/duo_chat_conversation/duo_chat_conversation';
-import { CHAT_RESET_MESSAGE } from './constants';
+import { CHAT_RESET_MESSAGE, CHAT_CLEAN_MESSAGE } from './constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const i18n = {
@@ -286,8 +286,11 @@ var script = {
          *
          * @param {String} prompt The user prompt to send.
          */
+
+        if (![CHAT_RESET_MESSAGE, CHAT_CLEAN_MESSAGE].includes(this.prompt)) {
+          this.displaySubmitButton = false;
+        }
         this.$emit('send-chat-prompt', this.prompt.trim());
-        this.displaySubmitButton = false;
         this.setPromptAndFocus();
       }
     },

package/dist/config.js

@@ -1,6 +1,6 @@
-import { BVConfigPlugin } from 'bootstrap-vue/esm/index.js';
 import Vue from 'vue';
 import translationKeys from '../translations';
+import { BVConfigPlugin } from './vendor/bootstrap-vue/src/bv-config';
 import { tooltipDelay } from './utils/constants';
 
 const bFormTextGlobalConfig = {

package/dist/directives/collapse_toggle.js

@@ -1 +1 @@
-export { VBToggle as GlCollapseToggleDirective } from 'bootstrap-vue/esm/index.js';
+export { VBToggle as GlCollapseToggleDirective } from '../vendor/bootstrap-vue/src/directives/toggle/toggle';

package/dist/directives/modal.js

@@ -1 +1 @@
-export { VBModal as GlModalDirective } from 'bootstrap-vue/esm/index.js';
+export { VBModal as GlModalDirective } from '../vendor/bootstrap-vue/src/directives/modal/modal';

package/dist/directives/tooltip.js

@@ -1 +1 @@
-export { VBTooltip as GlTooltipDirective } from 'bootstrap-vue/esm/index.js';
+export { VBTooltip as GlTooltipDirective } from '../vendor/bootstrap-vue/src/directives/tooltip/tooltip';

package/dist/utils/utils.js

@@ -1,4 +1,4 @@
-import { isVisible } from 'bootstrap-vue/esm/utils/dom';
+import { isVisible } from '../vendor/bootstrap-vue/src/utils/dom';
 import { COMMA, labelColorOptions, CONTRAST_LEVELS, focusableTags } from './constants';
 
 function debounceByAnimationFrame(fn) {

package/dist/vendor/bootstrap-vue/src/browser-icons.js

@@ -0,0 +1,8 @@
+import { vueUse } from './utils/plugins';
+import { BootstrapVueIcons } from './icons-only';
+export { BootstrapVueIcons as default } from './icons-only';
+
+// Main entry point for the browser icons-only build
+
+// Auto installation only occurs if window.Vue exists
+vueUse(BootstrapVueIcons);

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

@@ -0,0 +1,8 @@
+import { vueUse } from './utils/plugins';
+import { BootstrapVue } from './index';
+export { BootstrapVue as default } from './index';
+
+// Main entry point for the browser build
+
+// Auto installation only occurs if window.Vue exists
+vueUse(BootstrapVue);

package/dist/vendor/bootstrap-vue/src/bv-config.js

@@ -0,0 +1,6 @@
+import { pluginFactory } from './utils/plugins';
+
+//
+const BVConfigPlugin = /*#__PURE__*/pluginFactory();
+
+export { BVConfigPlugin };

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

@@ -0,0 +1,179 @@
+import { NAME_ALERT } from '../../constants/components';
+import { EVENT_NAME_DISMISS_COUNT_DOWN, EVENT_NAME_DISMISSED } from '../../constants/events';
+import { PROP_TYPE_BOOLEAN_NUMBER_STRING, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
+import { SLOT_NAME_DISMISS } from '../../constants/slots';
+import { normalizeSlotMixin } from '../../mixins/normalize-slot';
+import { requestAF } from '../../utils/dom';
+import { isNumeric, isBoolean } from '../../utils/inspect';
+import { makeModelMixin } from '../../utils/model';
+import { toInteger } from '../../utils/number';
+import { sortKeys } from '../../utils/object';
+import { makePropsConfigurable, makeProp } from '../../utils/props';
+import { extend, COMPONENT_UID_KEY } from '../../vue';
+import { BButtonClose } from '../button/button-close';
+import { BVTransition } from '../transition/bv-transition';
+
+// --- Constants ---
+
+const {
+  mixin: modelMixin,
+  props: modelProps,
+  prop: MODEL_PROP_NAME,
+  event: MODEL_EVENT_NAME
+} = makeModelMixin('show', {
+  type: PROP_TYPE_BOOLEAN_NUMBER_STRING,
+  defaultValue: false
+});
+
+// --- Helper methods ---
+
+// Convert `show` value to a number
+const parseCountDown = show => {
+  if (show === '' || isBoolean(show)) {
+    return 0;
+  }
+  show = toInteger(show, 0);
+  return show > 0 ? show : 0;
+};
+
+// Convert `show` value to a boolean
+const parseShow = show => {
+  if (show === '' || show === true) {
+    return true;
+  }
+  if (toInteger(show, 0) < 1) {
+    // Boolean will always return false for the above comparison
+    return false;
+  }
+  return !!show;
+};
+
+// --- Props ---
+
+const props = makePropsConfigurable(sortKeys({
+  ...modelProps,
+  dismissLabel: makeProp(PROP_TYPE_STRING, 'Close'),
+  dismissible: makeProp(PROP_TYPE_BOOLEAN, false),
+  fade: makeProp(PROP_TYPE_BOOLEAN, false),
+  variant: makeProp(PROP_TYPE_STRING, 'info')
+}), NAME_ALERT);
+
+// --- Main component ---
+
+// @vue/component
+const BAlert = /*#__PURE__*/extend({
+  name: NAME_ALERT,
+  mixins: [modelMixin, normalizeSlotMixin],
+  props,
+  data() {
+    return {
+      countDown: 0,
+      // If initially shown, we need to set these for SSR
+      localShow: parseShow(this[MODEL_PROP_NAME])
+    };
+  },
+  watch: {
+    [MODEL_PROP_NAME](newValue) {
+      this.countDown = parseCountDown(newValue);
+      this.localShow = parseShow(newValue);
+    },
+    countDown(newValue) {
+      this.clearCountDownInterval();
+      const show = this[MODEL_PROP_NAME];
+      // Ignore if `show` transitions to a boolean value
+      if (isNumeric(show)) {
+        this.$emit(EVENT_NAME_DISMISS_COUNT_DOWN, newValue);
+        // Update the v-model if needed
+        if (show !== newValue) {
+          this.$emit(MODEL_EVENT_NAME, newValue);
+        }
+        if (newValue > 0) {
+          this.localShow = true;
+          this.$_countDownTimeout = setTimeout(() => {
+            this.countDown--;
+          }, 1000);
+        } else {
+          // Slightly delay the hide to allow any UI updates
+          this.$nextTick(() => {
+            requestAF(() => {
+              this.localShow = false;
+            });
+          });
+        }
+      }
+    },
+    localShow(newValue) {
+      const show = this[MODEL_PROP_NAME];
+      // Only emit dismissed events for dismissible or auto-dismissing alerts
+      if (!newValue && (this.dismissible || isNumeric(show))) {
+        this.$emit(EVENT_NAME_DISMISSED);
+      }
+      // Only emit booleans if we weren't passed a number via v-model
+      if (!isNumeric(show) && show !== newValue) {
+        this.$emit(MODEL_EVENT_NAME, newValue);
+      }
+    }
+  },
+  created() {
+    // Create private non-reactive props
+    this.$_filterTimer = null;
+    const show = this[MODEL_PROP_NAME];
+    this.countDown = parseCountDown(show);
+    this.localShow = parseShow(show);
+  },
+  beforeDestroy() {
+    this.clearCountDownInterval();
+  },
+  methods: {
+    dismiss() {
+      this.clearCountDownInterval();
+      this.countDown = 0;
+      this.localShow = false;
+    },
+    clearCountDownInterval() {
+      clearTimeout(this.$_countDownTimeout);
+      this.$_countDownTimeout = null;
+    }
+  },
+  render(h) {
+    let $alert = h();
+    if (this.localShow) {
+      const {
+        dismissible,
+        variant
+      } = this;
+      let $dismissButton = h();
+      if (dismissible) {
+        // Add dismiss button
+        $dismissButton = h(BButtonClose, {
+          attrs: {
+            'aria-label': this.dismissLabel
+          },
+          on: {
+            click: this.dismiss
+          }
+        }, [this.normalizeSlot(SLOT_NAME_DISMISS)]);
+      }
+      $alert = h('div', {
+        staticClass: 'alert',
+        class: {
+          'alert-dismissible': dismissible,
+          [`alert-${variant}`]: variant
+        },
+        attrs: {
+          role: 'alert',
+          'aria-live': 'polite',
+          'aria-atomic': true
+        },
+        key: this[COMPONENT_UID_KEY]
+      }, [$dismissButton, this.normalizeSlot()]);
+    }
+    return h(BVTransition, {
+      props: {
+        noFade: !this.fade
+      }
+    }, [$alert]);
+  }
+});
+
+export { BAlert, props };