@gitlab/ui 72.11.1 → 72.12.0

package/dist/components/base/daterange_picker/daterange_picker.js

@@ -1,288 +0,0 @@
-import { GlTooltipDirective } from '../../../directives/tooltip';
-import { getDateInPast, getDateInFuture, getDayDifference } from '../../../utils/datetime_utility';
-import GlDatepicker from '../datepicker/datepicker';
-import GlIcon from '../icon/icon';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-const CONTAINER_CLASSES = ['gl-display-flex', 'gl-align-items-baseline', 'gl-flex-wrap', 'gl-sm-flex-nowrap', 'gl-sm-gap-3'];
-var script = {
-  name: 'GlDaterangePicker',
-  components: {
-    GlDatepicker,
-    GlIcon
-  },
-  directives: {
-    GlTooltip: GlTooltipDirective
-  },
-  props: {
-    fromLabel: {
-      type: String,
-      required: false,
-      default: 'From'
-    },
-    toLabel: {
-      type: String,
-      required: false,
-      default: 'To'
-    },
-    value: {
-      type: Object,
-      required: false,
-      default: null
-    },
-    i18n: {
-      type: Object,
-      required: false,
-      default: null
-    },
-    defaultMinDate: {
-      type: Date,
-      required: false,
-      default: null
-    },
-    defaultMaxDate: {
-      type: Date,
-      required: false,
-      default: null
-    },
-    defaultStartDate: {
-      type: Date,
-      required: false,
-      default: null
-    },
-    defaultEndDate: {
-      type: Date,
-      required: false,
-      default: null
-    },
-    maxDateRange: {
-      type: Number,
-      required: false,
-      default: 0
-    },
-    startPickerClass: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    startPickerTarget: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    startPickerContainer: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    endPickerClass: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    endPickerTarget: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    endPickerContainer: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    labelClass: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    theme: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    sameDaySelection: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * If provided, renders an info icon with a tooltip.
-     */
-    tooltip: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    /**
-     * Additional class(es) to apply to the date range indicator section.
-     */
-    dateRangeIndicatorClass: {
-      type: [String, Object, Array],
-      required: false,
-      default: ''
-    },
-    startOpened: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  data() {
-    return {
-      fromCalendarMaxDate: this.defaultMaxDate ? getDateInPast(this.defaultMaxDate, 1) : null,
-      startDate: this.defaultStartDate,
-      endDate: this.defaultEndDate,
-      openToCalendar: false
-    };
-  },
-  computed: {
-    effectiveMaxDateRange() {
-      return this.sameDaySelection ? this.maxDateRange - 1 : this.maxDateRange;
-    },
-    toCalendarMinDate() {
-      if (!this.startDate) return null;
-      return this.sameDaySelection ? this.startDate : getDateInFuture(this.startDate, 1);
-    },
-    toCalendarMaxDate() {
-      if (!this.startDate || !this.maxDateRange) return this.defaultMaxDate;
-      const computedMaxEndDate = getDateInFuture(this.startDate, this.effectiveMaxDateRange);
-      return new Date(Math.min(computedMaxEndDate, this.defaultMaxDate));
-    },
-    dateRangeViolation() {
-      return this.startDate >= this.endDate || this.exceedsDateRange;
-    },
-    exceedsDateRange() {
-      if (this.numberOfDays < 0) {
-        return false;
-      }
-      return this.maxDateRange && this.numberOfDays > this.maxDateRange;
-    },
-    toCalendarDefaultDate() {
-      return this.endDate || this.toCalendarMinDate;
-    },
-    numericStartTime() {
-      return this.startDate ? this.startDate.getTime() : null;
-    },
-    numberOfDays() {
-      if (!this.startDate || !this.endDate) {
-        return -1;
-      }
-      const numberOfDays = getDayDifference(this.startDate, this.endDate);
-      return this.sameDaySelection ? numberOfDays + 1 : numberOfDays;
-    },
-    startContainerClasses() {
-      return [this.startPickerClass, ...CONTAINER_CLASSES];
-    },
-    endContainerClasses() {
-      return [this.endPickerClass, ...CONTAINER_CLASSES];
-    },
-    showIndicator() {
-      return Boolean(this.$scopedSlots.default || this.tooltip);
-    }
-  },
-  watch: {
-    value(val) {
-      const {
-        startDate,
-        endDate
-      } = val;
-      this.startDate = startDate;
-      this.endDate = endDate;
-    }
-  },
-  methods: {
-    onStartDateSelected(startDate) {
-      this.startDate = startDate;
-      if (this.dateRangeViolation) {
-        this.openToCalendar = true;
-        this.endDate = null;
-      } else this.$emit('input', {
-        startDate,
-        endDate: this.endDate
-      });
-    },
-    onEndDateSelected(endDate) {
-      this.openToCalendar = false;
-      this.endDate = endDate;
-      /**
-       * Emitted when start or end date selected with {startDate, endDate} value
-       *
-       * @event input
-       * */
-      this.$emit('input', {
-        startDate: this.startDate,
-        endDate
-      });
-    },
-    onStartPickerOpen() {
-      /**
-       * Emitted when the primary action button is clicked.
-       *
-       * @event start-picker-open
-       * */
-      this.$emit('start-picker-open');
-    },
-    onStartPickerClose() {
-      /**
-       * Emitted when the start date datepicker is hidden.
-       *
-       * @event start-picker-close
-       * */
-      this.$emit('start-picker-close');
-    },
-    onEndPickerOpen() {
-      /**
-       * Emitted when the end date datepicker becomes visible.
-       *
-       * @event end-picker-open
-       * */
-      this.$emit('end-picker-open');
-    },
-    onEndPickerClose() {
-      /**
-       * Emitted when the end date datepicker is hidden.
-       *
-       * @event end-picker-close
-       * */
-      this.$emit('end-picker-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('div',{staticClass:"gl-daterange-picker gl-gap-5 gl-display-flex"},[_c('div',{class:_vm.startContainerClasses,attrs:{"data-testid":"daterange-picker-start-container"}},[_c('label',{class:_vm.labelClass},[_vm._v(_vm._s(_vm.fromLabel))]),_vm._v(" "),_c('gl-datepicker',{attrs:{"min-date":_vm.defaultMinDate,"max-date":_vm.fromCalendarMaxDate,"start-range":_vm.defaultMinDate,"end-range":_vm.fromCalendarMaxDate,"theme":_vm.theme,"i18n":_vm.i18n,"target":_vm.startPickerTarget,"container":_vm.startPickerContainer,"start-opened":_vm.startOpened},on:{"input":_vm.onStartDateSelected,"open":_vm.onStartPickerOpen,"close":_vm.onStartPickerClose},model:{value:(_vm.startDate),callback:function ($$v) {_vm.startDate=$$v;},expression:"startDate"}})],1),_vm._v(" "),_c('div',{class:_vm.endContainerClasses,attrs:{"data-testid":"daterange-picker-end-container"}},[_c('label',{class:_vm.labelClass},[_vm._v(_vm._s(_vm.toLabel))]),_vm._v(" "),_c('gl-datepicker',{key:_vm.numericStartTime,attrs:{"min-date":_vm.toCalendarMinDate,"max-date":_vm.toCalendarMaxDate,"start-range":_vm.toCalendarMinDate,"end-range":_vm.toCalendarMaxDate,"theme":_vm.theme,"i18n":_vm.i18n,"target":_vm.endPickerTarget,"container":_vm.endPickerContainer,"start-opened":_vm.openToCalendar,"default-date":_vm.toCalendarDefaultDate},on:{"input":_vm.onEndDateSelected,"open":_vm.onEndPickerOpen,"close":_vm.onEndPickerClose},model:{value:(_vm.endDate),callback:function ($$v) {_vm.endDate=$$v;},expression:"endDate"}})],1),_vm._v(" "),(_vm.showIndicator)?_c('div',{staticClass:"gl-daterange-picker-indicator",class:_vm.dateRangeIndicatorClass,attrs:{"data-testid":"daterange-picker-indicator"}},[_vm._t("default",null,null,{ daysSelected: _vm.numberOfDays }),_vm._v(" "),(_vm.tooltip)?_c('gl-icon',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"name":"information-o","title":_vm.tooltip,"size":16}}):_vm._e()],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__;

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

@@ -1,127 +0,0 @@
-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

@@ -1,261 +0,0 @@
-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 };