@gitlab/ui 132.0.1 → 132.0.2

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

@@ -0,0 +1,330 @@
+import Vue from 'vue';
+import { merge } from 'lodash-es';
+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';
+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: {
+    /**
+     * Text to display in the dropdown header.
+     */
+    headerText: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    /**
+     * When true, hides the border below the dropdown header.
+     */
+    hideHeaderBorder: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    /**
+     * When true, displays a "Clear all" button in the dropdown.
+     */
+    showClearAll: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * Text for the "Clear all" button.
+     */
+    clearAllText: {
+      type: String,
+      required: false,
+      default: 'Clear all'
+    },
+    /**
+     * CSS class(es) to apply to the "Clear all" button text.
+     */
+    clearAllTextClass: {
+      type: String,
+      required: false,
+      default: 'gl-px-5'
+    },
+    /**
+     * Text to display on the dropdown toggle button.
+     */
+    text: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    /**
+     * When true, displays a title above highlighted items.
+     */
+    showHighlightedItemsTitle: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * Title text to display above highlighted items.
+     */
+    highlightedItemsTitle: {
+      type: String,
+      required: false,
+      default: 'Selected'
+    },
+    /**
+     * CSS class(es) to apply to the highlighted items title.
+     */
+    highlightedItemsTitleClass: {
+      type: String,
+      required: false,
+      default: 'gl-px-5'
+    },
+    /**
+     * When true, visually hides the button text but keeps it accessible to screen readers.
+     */
+    textSrOnly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * When true, renders the dropdown as a split button with separate action and toggle areas.
+     */
+    split: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * Category of the dropdown button.
+     */
+    category: {
+      type: String,
+      required: false,
+      default: buttonCategoryOptions.primary,
+      validator: value => Object.keys(buttonCategoryOptions).includes(value)
+    },
+    /**
+     * Visual variant of the dropdown button.
+     */
+    variant: {
+      type: String,
+      required: false,
+      default: dropdownVariantOptions.default,
+      validator: value => Object.keys(dropdownVariantOptions).includes(value)
+    },
+    /**
+     * Size of the dropdown button.
+     */
+    size: {
+      type: String,
+      required: false,
+      default: 'medium',
+      validator: value => Object.keys(buttonSizeOptions).includes(value)
+    },
+    /**
+     * Icon name to display in the dropdown button.
+     */
+    icon: {
+      type: String,
+      required: false,
+      default: null
+    },
+    /**
+     * When true, renders the dropdown button at 100% width.
+     */
+    block: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * When true, disables the dropdown button and prevents interaction.
+     */
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * When true, displays a loading indicator in the dropdown button.
+     */
+    loading: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * CSS class(es) to apply to the dropdown toggle button.
+     */
+    toggleClass: {
+      type: [String, Array, Object],
+      required: false,
+      default: null
+    },
+    /**
+     * When true, aligns the dropdown menu to the right.
+     */
+    right: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * Custom Popper.js options for dropdown positioning.
+     */
+    popperOpts: {
+      type: Object,
+      required: false,
+      default: null
+    },
+    /**
+     * When true, prevents the dropdown from flipping to fit in the viewport.
+     */
+    noFlip: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * URL for the split button's main action (when split is true).
+     */
+    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-flex gl-flex-row gl-items-center gl-justify-between"},[(_vm.hasHighlightedItemsContent && _vm.showHighlightedItemsTitle)?_c('div',{staticClass:"gl-justify-content-flex-start gl-flex gl-grow",class:_vm.highlightedItemsTitleClass},[_c('span',{staticClass:"gl-font-bold gl-text-strong",attrs:{"data-testid":"highlighted-items-title"}},[_vm._v(_vm._s(_vm.highlightedItemsTitle))])]):_vm._e(),_vm._v(" "),(_vm.showClearAll)?_c('div',{staticClass:"gl-flex gl-grow gl-justify-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__ = /*#__PURE__*/__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 { DefaultPopperOptions, __vue_component__ as default };

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

@@ -0,0 +1,48 @@
+import { BDropdownDivider } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-divider';
+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__ = /*#__PURE__*/__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 { __vue_component__ as default };

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

@@ -0,0 +1,48 @@
+import { BDropdownForm } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-form';
+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__ = /*#__PURE__*/__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 { __vue_component__ as default };

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

@@ -0,0 +1,175 @@
+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';
+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: {
+    /**
+     * URL for the avatar image to display
+     */
+    avatarUrl: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    /**
+     * Color variant for the icon on the left side
+     */
+    iconColor: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    /**
+     * Name of the icon to display on the left side
+     */
+    iconName: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    /**
+     * Aria label for the right icon button
+     */
+    iconRightAriaLabel: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    /**
+     * Name of the icon to display on the right side
+     */
+    iconRightName: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    /**
+     * Whether the dropdown item is checked
+     */
+    isChecked: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * Whether to show a check icon for this item
+     */
+    isCheckItem: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * Whether to center the check icon vertically
+     */
+    isCheckCentered: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * Secondary text to display below the main content
+     */
+    secondaryText: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    /**
+     * ARIA role for the dropdown item
+     */
+    role: {
+      type: String,
+      required: false,
+      default: null
+    }
+  },
+  computed: {
+    bootstrapComponent() {
+      const {
+        href,
+        to
+      } = this.$attrs;
+      // Support 'href' and Vue Router's 'to'
+      return href || to ? BDropdownItem : BDropdownItemButton;
+    },
+    bootstrapComponentProps() {
+      const props = {
+        ...this.$attrs
+      };
+      if (this.role) props.role = this.role;
+      return props;
+    },
+    iconColorCss() {
+      return variantCssColorMap[this.iconColor] || 'gl-fill-icon-default';
+    },
+    shouldShowCheckIcon() {
+      return this.isChecked || this.isCheckItem;
+    },
+    checkedClasses() {
+      if (this.isCheckCentered) {
+        return '';
+      }
+      return 'gl-mt-3 gl-self-start';
+    }
+  },
+  methods: {
+    handleClickIconRight() {
+      /**
+       * Emitted when right icon is clicked.
+       * @event 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.bootstrapComponentProps,false),_vm.$listeners),[(_vm.shouldShowCheckIcon)?_c('gl-icon',{class:['gl-dropdown-item-check-icon', { 'gl-invisible': !_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__ = /*#__PURE__*/__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 { __vue_component__ as default };

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

@@ -0,0 +1,48 @@
+import { BDropdownHeader } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-header';
+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__ = /*#__PURE__*/__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 { __vue_component__ as default };

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

@@ -0,0 +1,48 @@
+import { BDropdownText } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-text';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'GlDropdownText',
+  components: {
+    BDropdownText
+  },
+  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-text',_vm._g(_vm._b({staticClass:"gl-dropdown-text"},'b-dropdown-text',_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__ = /*#__PURE__*/__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 { __vue_component__ as default };