@gitlab/ui 72.12.0 → 72.12.1

package/dist/components/base/drawer/drawer.js

@@ -0,0 +1,127 @@
+import isEmpty from 'lodash/isEmpty';
+import { maxZIndex, drawerVariants } from '../../../utils/constants';
+import GlButton from '../button/button';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+//
+var script = {
+  name: 'GlDrawer',
+  components: {
+    GlButton
+  },
+  props: {
+    open: {
+      type: Boolean,
+      required: true
+    },
+    headerHeight: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    headerSticky: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    zIndex: {
+      type: Number,
+      required: false,
+      default: maxZIndex
+    },
+    variant: {
+      type: String,
+      required: false,
+      default: drawerVariants.default,
+      validator: value => Object.keys(drawerVariants).includes(value)
+    }
+  },
+  computed: {
+    positionFromTop() {
+      return !isEmpty(this.headerHeight) ? this.headerHeight : 0;
+    },
+    drawerStyles() {
+      const styles = {
+        top: this.positionFromTop,
+        zIndex: this.zIndex
+      };
+      if (this.positionFromTop) {
+        styles.maxHeight = `calc(100vh - ${this.positionFromTop})`;
+      }
+      return styles;
+    },
+    drawerHeaderStyles() {
+      return {
+        zIndex: this.headerSticky ? maxZIndex : null
+      };
+    },
+    shouldRenderFooter() {
+      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
+      return Boolean(this.$slots.footer);
+    },
+    variantClass() {
+      return `gl-drawer-${this.variant}`;
+    }
+  },
+  watch: {
+    open: {
+      immediate: true,
+      handler(open) {
+        if (open) {
+          document.addEventListener('keydown', this.handleEscape);
+        } else {
+          document.removeEventListener('keydown', this.handleEscape);
+        }
+      }
+    }
+  },
+  beforeDestroy() {
+    document.removeEventListener('keydown', this.handleEscape);
+  },
+  methods: {
+    handleEscape(e) {
+      const ESC = 27;
+      if (this.open && e.keyCode === ESC) {
+        this.$emit('close');
+      }
+    }
+  }
+};
+
+/* 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('transition',{attrs:{"name":"gl-drawer"}},[(_vm.open)?_c('aside',{staticClass:"gl-drawer",class:_vm.variantClass,style:(_vm.drawerStyles)},[_c('div',{staticClass:"gl-drawer-header",class:{ 'gl-drawer-header-sticky': _vm.headerSticky },style:(_vm.drawerHeaderStyles)},[_c('div',{staticClass:"gl-drawer-title"},[_vm._t("title"),_vm._v(" "),_c('gl-button',{staticClass:"gl-drawer-close-button",attrs:{"category":"tertiary","size":"small","icon":"close","aria-label":"Close drawer"},on:{"click":function($event){return _vm.$emit('close')}}})],2),_vm._v(" "),_vm._t("header")],2),_vm._v(" "),_c('div',{staticClass:"gl-drawer-body",class:{ 'gl-drawer-body-scrim': !_vm.shouldRenderFooter }},[_vm._t("default")],2),_vm._v(" "),(_vm.shouldRenderFooter)?_c('div',{staticClass:"gl-drawer-footer gl-drawer-footer-sticky",class:{ 'gl-drawer-body-scrim-on-footer': _vm.shouldRenderFooter },style:({ zIndex: _vm.zIndex })},[_vm._t("footer")],2):_vm._e()]):_vm._e()])};
+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/dropdown/dropdown.js

@@ -0,0 +1,261 @@
+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 { buttonCategoryOptions, dropdownVariantOptions, buttonSizeOptions } from '../../../utils/constants';
+import { filterVisible } from '../../../utils/utils';
+import { ButtonMixin } from '../../mixins/button_mixin';
+import GlButton from '../button/button';
+import GlIcon from '../icon/icon';
+import GlLoadingIcon from '../loading_icon/loading_icon';
+import GlDropdownDivider from './dropdown_divider';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+//
+const Selector = {
+  ITEM_SELECTOR: '.dropdown-item:not(.disabled):not([disabled]),.form-control:not(.disabled):not([disabled])'
+};
+
+// see https://gitlab.com/gitlab-org/gitlab-ui/merge_requests/130#note_126406721
+const ExtendedBDropdown = Vue.extend(BDropdown, {
+  name: 'ExtendedBDropdown',
+  methods: {
+    getItems() {
+      return filterVisible(selectAll(Selector.ITEM_SELECTOR, this.$refs.menu));
+    }
+  }
+});
+const DefaultPopperOptions = {
+  modifiers: {
+    flip: {
+      flipVariationsByContent: true,
+      padding: 28
+    }
+  }
+};
+var script = {
+  name: 'GlDropdown',
+  components: {
+    BDropdown: ExtendedBDropdown,
+    GlButton,
+    GlDropdownDivider,
+    GlIcon,
+    GlLoadingIcon
+  },
+  mixins: [ButtonMixin],
+  inheritAttrs: false,
+  props: {
+    headerText: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    hideHeaderBorder: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    showClearAll: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    clearAllText: {
+      type: String,
+      required: false,
+      default: 'Clear all'
+    },
+    clearAllTextClass: {
+      type: String,
+      required: false,
+      default: 'gl-px-5'
+    },
+    text: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    showHighlightedItemsTitle: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    highlightedItemsTitle: {
+      type: String,
+      required: false,
+      default: 'Selected'
+    },
+    highlightedItemsTitleClass: {
+      type: String,
+      required: false,
+      default: 'gl-px-5'
+    },
+    textSrOnly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    split: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    category: {
+      type: String,
+      required: false,
+      default: buttonCategoryOptions.primary,
+      validator: value => Object.keys(buttonCategoryOptions).includes(value)
+    },
+    variant: {
+      type: String,
+      required: false,
+      default: dropdownVariantOptions.default,
+      validator: value => Object.keys(dropdownVariantOptions).includes(value)
+    },
+    size: {
+      type: String,
+      required: false,
+      default: 'medium',
+      validator: value => Object.keys(buttonSizeOptions).includes(value)
+    },
+    icon: {
+      type: String,
+      required: false,
+      default: null
+    },
+    block: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    toggleClass: {
+      type: [String, Array, Object],
+      required: false,
+      default: null
+    },
+    right: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    popperOpts: {
+      type: Object,
+      required: false,
+      default: null
+    },
+    noFlip: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    splitHref: {
+      type: String,
+      required: false,
+      default: ''
+    }
+  },
+  computed: {
+    renderCaret() {
+      return !this.split;
+    },
+    isIconOnly() {
+      var _this$text;
+      return Boolean(this.icon && (!((_this$text = this.text) !== null && _this$text !== void 0 && _this$text.length) || this.textSrOnly) && !this.hasSlotContents('button-text'));
+    },
+    isIconWithText() {
+      var _this$text2;
+      return Boolean(this.icon && ((_this$text2 = this.text) === null || _this$text2 === void 0 ? void 0 : _this$text2.length) && !this.textSrOnly);
+    },
+    toggleButtonClasses() {
+      return [this.toggleClass, {
+        'gl-button': true,
+        'gl-dropdown-toggle': true,
+        [`btn-${this.variant}-secondary`]: this.category === buttonCategoryOptions.secondary || this.category === buttonCategoryOptions.tertiary && this.split,
+        [`btn-${this.variant}-tertiary`]: this.category === buttonCategoryOptions.tertiary && !this.split,
+        'dropdown-icon-only': this.isIconOnly,
+        'dropdown-icon-text': this.isIconWithText
+      }];
+    },
+    splitButtonClasses() {
+      return [this.toggleClass, {
+        'gl-button': true,
+        'split-content-button': Boolean(this.text),
+        'icon-split-content-button': Boolean(this.icon),
+        [`btn-${this.variant}-secondary`]: this.category === buttonCategoryOptions.secondary || this.category === buttonCategoryOptions.tertiary
+      }];
+    },
+    buttonText() {
+      return this.split && this.icon ? null : this.text;
+    },
+    hasHighlightedItemsContent() {
+      return this.hasSlotContents('highlighted-items');
+    },
+    hasHighlightedItemsOrClearAll() {
+      return this.hasHighlightedItemsContent && this.showHighlightedItemsTitle || this.showClearAll;
+    },
+    popperOptions() {
+      return merge({}, DefaultPopperOptions, this.popperOpts);
+    }
+  },
+  methods: {
+    hasSlotContents(slotName) {
+      var _this$$scopedSlots$sl, _this$$scopedSlots;
+      return Boolean((_this$$scopedSlots$sl = (_this$$scopedSlots = this.$scopedSlots)[slotName]) === null || _this$$scopedSlots$sl === void 0 ? void 0 : _this$$scopedSlots$sl.call(_this$$scopedSlots));
+    },
+    show() {
+      this.$refs.dropdown.show(...arguments);
+    },
+    hide() {
+      this.$refs.dropdown.hide(...arguments);
+    }
+  }
+};
+
+/* 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-dropdown',_vm._g(_vm._b({ref:"dropdown",staticClass:"gl-dropdown",attrs:{"split":_vm.split,"variant":_vm.variant,"size":_vm.buttonSize,"toggle-class":[_vm.toggleButtonClasses],"split-class":_vm.splitButtonClasses,"block":_vm.block,"disabled":_vm.disabled || _vm.loading,"right":_vm.right,"popper-opts":_vm.popperOptions,"no-flip":_vm.noFlip,"split-href":_vm.splitHref},scopedSlots:_vm._u([{key:"button-content",fn:function(){return [_vm._t("button-content",function(){return [(_vm.loading)?_c('gl-loading-icon',{class:{ 'gl-mr-2': !_vm.isIconOnly }}):_vm._e(),_vm._v(" "),(_vm.icon && !(_vm.isIconOnly && _vm.loading))?_c('gl-icon',{staticClass:"dropdown-icon",attrs:{"name":_vm.icon}}):_vm._e(),_vm._v(" "),_c('span',{staticClass:"gl-dropdown-button-text",class:{ 'gl-sr-only': _vm.textSrOnly }},[_vm._t("button-text",function(){return [_vm._v(_vm._s(_vm.buttonText))]})],2),_vm._v(" "),(_vm.renderCaret)?_c('gl-icon',{staticClass:"gl-button-icon dropdown-chevron",attrs:{"name":"chevron-down"}}):_vm._e()]})]},proxy:true}],null,true)},'b-dropdown',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"gl-dropdown-inner"},[(_vm.hasSlotContents('header') || _vm.headerText)?_c('div',{staticClass:"gl-dropdown-header",class:{ 'gl-border-b-0!': _vm.hideHeaderBorder }},[(_vm.headerText)?_c('p',{staticClass:"gl-dropdown-header-top"},[_vm._v("\n        "+_vm._s(_vm.headerText)+"\n      ")]):_vm._e(),_vm._v(" "),_vm._t("header")],2):_vm._e(),_vm._v(" "),(_vm.hasHighlightedItemsOrClearAll)?_c('div',{staticClass:"gl-display-flex gl-flex-direction-row gl-justify-content-space-between gl-align-items-center"},[(_vm.hasHighlightedItemsContent && _vm.showHighlightedItemsTitle)?_c('div',{staticClass:"gl-display-flex gl-flex-grow-1 gl-justify-content-flex-start",class:_vm.highlightedItemsTitleClass},[_c('span',{staticClass:"gl-font-weight-bold",attrs:{"data-testid":"highlighted-items-title"}},[_vm._v(_vm._s(_vm.highlightedItemsTitle))])]):_vm._e(),_vm._v(" "),(_vm.showClearAll)?_c('div',{staticClass:"gl-display-flex gl-flex-grow-1 gl-justify-content-end",class:_vm.clearAllTextClass},[_c('gl-button',{attrs:{"size":"small","category":"tertiary","variant":"link","data-testid":"clear-all-button"},on:{"click":function($event){return _vm.$emit('clear-all', $event)}}},[_vm._v(_vm._s(_vm.clearAllText))])],1):_vm._e()]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-dropdown-contents"},[(_vm.hasHighlightedItemsContent)?_c('div',{staticClass:"gl-overflow-visible",attrs:{"data-testid":"highlighted-items"}},[_vm._t("highlighted-items"),_vm._v(" "),_c('gl-dropdown-divider')],2):_vm._e(),_vm._v(" "),_vm._t("default")],2),_vm._v(" "),(_vm.hasSlotContents('footer'))?_c('div',{staticClass:"gl-dropdown-footer"},[_vm._t("footer")],2):_vm._e()])])};
+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__;
+export { DefaultPopperOptions };

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

@@ -0,0 +1,48 @@
+import { BDropdownDivider } from 'bootstrap-vue/esm/index.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'GlDropdownDivider',
+  components: {
+    BDropdownDivider
+  },
+  inheritAttrs: false
+};
+
+/* 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-dropdown-divider',_vm._g(_vm._b({staticClass:"gl-dropdown-divider"},'b-dropdown-divider',_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/dropdown/dropdown_form.js

@@ -0,0 +1,48 @@
+import { BDropdownForm } from 'bootstrap-vue/esm/index.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'GlDropdownForm',
+  components: {
+    BDropdownForm
+  },
+  inheritAttrs: false
+};
+
+/* 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-dropdown-form',_vm._g(_vm._b({attrs:{"form-class":"gl-p-0"}},'b-dropdown-form',_vm.$attrs,false),_vm.$listeners),[_vm._t("default")],2)};
+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/dropdown/dropdown_item.js

@@ -0,0 +1,131 @@
+import { BDropdownItem, BDropdownItemButton } from 'bootstrap-vue/esm/index.js';
+import { variantCssColorMap } from '../../../utils/constants';
+import GlAvatar from '../avatar/avatar';
+import GlButton from '../button/button';
+import GlIcon from '../icon/icon';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'GlDropdownItem',
+  components: {
+    GlIcon,
+    GlAvatar,
+    GlButton
+  },
+  inheritAttrs: false,
+  props: {
+    avatarUrl: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    iconColor: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    iconName: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    iconRightAriaLabel: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    iconRightName: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    isChecked: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isCheckItem: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isCheckCentered: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    secondaryText: {
+      type: String,
+      required: false,
+      default: ''
+    }
+  },
+  computed: {
+    bootstrapComponent() {
+      const {
+        href,
+        to
+      } = this.$attrs;
+      // Support 'href' and Vue Router's 'to'
+      return href || to ? BDropdownItem : BDropdownItemButton;
+    },
+    iconColorCss() {
+      return variantCssColorMap[this.iconColor] || 'gl-text-gray-700';
+    },
+    shouldShowCheckIcon() {
+      return this.isChecked || this.isCheckItem;
+    },
+    checkedClasses() {
+      if (this.isCheckCentered) {
+        return '';
+      }
+      return 'gl-mt-3 gl-align-self-start';
+    }
+  },
+  methods: {
+    handleClickIconRight() {
+      this.$emit('click-icon-right');
+    }
+  }
+};
+
+/* 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(_vm.bootstrapComponent,_vm._g(_vm._b({tag:"component",staticClass:"gl-dropdown-item"},'component',_vm.$attrs,false),_vm.$listeners),[(_vm.shouldShowCheckIcon)?_c('gl-icon',{class:[
+      'gl-dropdown-item-check-icon',
+      { 'gl-visibility-hidden': !_vm.isChecked },
+      _vm.checkedClasses ],attrs:{"name":"mobile-issue-close","data-testid":"dropdown-item-checkbox"}}):_vm._e(),_vm._v(" "),(_vm.iconName)?_c('gl-icon',{class:['gl-dropdown-item-icon', _vm.iconColorCss],attrs:{"name":_vm.iconName}}):_vm._e(),_vm._v(" "),(_vm.avatarUrl)?_c('gl-avatar',{attrs:{"size":32,"src":_vm.avatarUrl}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-dropdown-item-text-wrapper"},[_c('p',{staticClass:"gl-dropdown-item-text-primary"},[_vm._t("default")],2),_vm._v(" "),(_vm.secondaryText)?_c('p',{staticClass:"gl-dropdown-item-text-secondary"},[_vm._v(_vm._s(_vm.secondaryText))]):_vm._e()]),_vm._v(" "),(_vm.iconRightName)?_c('gl-button',{attrs:{"size":"small","icon":_vm.iconRightName,"aria-label":_vm.iconRightAriaLabel || _vm.iconRightName},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleClickIconRight.apply(null, arguments)}}}):_vm._e()],1)};
+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/dropdown/dropdown_section_header.js

@@ -0,0 +1,48 @@
+import { BDropdownHeader } from 'bootstrap-vue/esm/index.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'GlDropdownHeader',
+  components: {
+    BDropdownHeader
+  },
+  inheritAttrs: false
+};
+
+/* 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-dropdown-header',_vm._g(_vm._b({staticClass:"gl-dropdown-section-header"},'b-dropdown-header',_vm.$attrs,false),_vm.$listeners),[_vm._t("default")],2)};
+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__;