@gitlab/ui 104.2.0 → 105.0.0

package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu.js

@@ -1,273 +0,0 @@
-import debounce from 'lodash/debounce';
-import { translate } from '../../../../../../../utils/i18n';
-import GlCard from '../../../../../../base/card/card';
-import GlDuoChatContextItemSelections from '../duo_chat_context_item_selections/duo_chat_context_item_selections';
-import { contextItemsValidator, categoriesValidator, wrapIndex } from '../utils';
-import GlDuoChatContextItemMenuCategoryItems from './duo_chat_context_item_menu_category_items';
-import GlDuoChatContextItemMenuSearchItems from './duo_chat_context_item_menu_search_items';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/**
- * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
- *
- * Please use the corresponding component in Duo-UI going forward.
- * All future development and maintenance for Duo components should take place in Duo-UI.
- *
- * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
- */
-const SEARCH_DEBOUNCE_MS = 30;
-var script = {
-  name: 'GlDuoChatContextItemMenu',
-  components: {
-    GlCard,
-    GlDuoChatContextItemMenuCategoryItems,
-    GlDuoChatContextItemMenuSearchItems,
-    GlDuoChatContextItemSelections
-  },
-  props: {
-    /**
-     * Whether the menu is open.
-     */
-    open: {
-      type: Boolean,
-      required: true
-    },
-    /**
-     * Array of selected context items.
-     */
-    selections: {
-      type: Array,
-      required: true,
-      validator: contextItemsValidator
-    },
-    /**
-     * Whether the menu is in a loading state.
-     */
-    loading: {
-      type: Boolean,
-      required: true
-    },
-    /**
-     * Error message to display, if any.
-     */
-    error: {
-      type: [String, null],
-      required: false,
-      default: null
-    },
-    /**
-     * Array of available categories for context items.
-     */
-    categories: {
-      type: Array,
-      required: true,
-      validator: categoriesValidator
-    },
-    /**
-     * Array of search results for context items.
-     */
-    results: {
-      type: Array,
-      required: true,
-      validator: contextItemsValidator
-    }
-  },
-  data() {
-    return {
-      selectedCategory: null,
-      searchQuery: '',
-      activeIndex: 0
-    };
-  },
-  computed: {
-    showCategorySelection() {
-      return this.open && !this.selectedCategory;
-    },
-    allResultsAreDisabled() {
-      return this.results.every(result => !result.metadata.enabled);
-    }
-  },
-  watch: {
-    open(isOpen) {
-      if (!isOpen) {
-        this.resetSelection();
-      }
-    },
-    searchQuery(query) {
-      this.debouncedSearch(query);
-    },
-    results(newResults) {
-      const firstEnabledIndex = newResults.findIndex(result => result.metadata.enabled);
-      this.activeIndex = firstEnabledIndex >= 0 ? firstEnabledIndex : 0;
-    }
-  },
-  methods: {
-    selectCategory(category) {
-      this.searchQuery = '';
-      this.selectedCategory = category;
-      this.$emit('search', {
-        category: category.value,
-        query: ''
-      });
-    },
-    debouncedSearch: debounce(function search(query) {
-      /**
-       * Emitted when a search should be performed.
-       * @property {Object} filter
-       * @property {string} filter.category - The value of the selected category
-       * @property {string} filter.query - The search query
-       */
-      this.$emit('search', {
-        category: this.selectedCategory.value,
-        query
-      });
-    }, SEARCH_DEBOUNCE_MS),
-    selectItem(item) {
-      if (!item.metadata.enabled) {
-        return;
-      }
-
-      /**
-       * Emitted when a context item is selected.
-       * @property {Object} item - The selected context item
-       */
-      this.$emit('select', this.results.find(result => result.id === item.id));
-
-      /**
-       * Emitted when the menu should be closed.
-       */
-      this.$emit('close');
-      this.resetSelection();
-    },
-    removeItem(item) {
-      /**
-       * Emitted when a context item should be removed.
-       * @property {Object} item - The context item to be removed
-       */
-      this.$emit('remove', item);
-    },
-    resetSelection() {
-      this.selectedCategory = null;
-      this.searchQuery = '';
-      this.activeIndex = 0;
-    },
-    async scrollActiveItemIntoView() {
-      await this.$nextTick();
-      const activeItem = document.getElementById(`dropdown-item-${this.activeIndex}`);
-      if (activeItem) {
-        activeItem.scrollIntoView({
-          block: 'nearest',
-          inline: 'start'
-        });
-      }
-    },
-    handleKeyUp(e) {
-      switch (e.key) {
-        case 'ArrowDown':
-        case 'ArrowUp':
-          e.preventDefault();
-          this.moveActiveIndex(e.key === 'ArrowDown' ? 1 : -1);
-          this.scrollActiveItemIntoView();
-          break;
-        case 'Enter':
-          e.preventDefault();
-          if (this.showCategorySelection) {
-            this.selectCategory(this.categories[this.activeIndex]);
-            return;
-          }
-          if (!this.results.length) {
-            return;
-          }
-          this.selectItem(this.results[this.activeIndex]);
-          break;
-        case 'Escape':
-          e.preventDefault();
-          if (this.showCategorySelection) {
-            this.$emit('close');
-            return;
-          }
-          this.selectedCategory = null;
-
-          /**
-           * Emitted when the parent GlDuoChat component should refocus on the main prompt input
-           */
-          this.$emit('focus-prompt');
-          break;
-      }
-    },
-    moveActiveIndex(step) {
-      if (this.showCategorySelection) {
-        // Categories cannot be disabled, so just loop to the next/prev one
-        this.activeIndex = wrapIndex(this.activeIndex, step, this.categories.length);
-        return;
-      }
-
-      // Return early if there are no results or all results are disabled
-      if (!this.results.length || this.allResultsAreDisabled) {
-        return;
-      }
-
-      // contextItems CAN be disabled, so loop to next/prev but ensure we don't land on a disabled one
-      let newIndex = this.activeIndex;
-      do {
-        newIndex = wrapIndex(newIndex, step, this.results.length);
-        if (newIndex === this.activeIndex) {
-          // If we've looped through all items and found no enabled ones, keep the current index
-          return;
-        }
-      } while (!this.results[newIndex].metadata.enabled);
-      this.activeIndex = newIndex;
-    },
-    onGetContextItemContent(contextItem) {
-      /**
-       * Emit get-context-item-content event that tells clients to load the full file content for a selected context item.
-       * The fully hydrated context item should be updated in the context item selections.
-       * @param {*} event An event containing the context item to hydrate
-       */
-      this.$emit('get-context-item-content', {
-        contextItem
-      });
-    }
-  },
-  i18n: {
-    selectedContextItemsTitle: translate('GlDuoChatContextItemMenu.selectedContextItemsTitle', 'Included references')
-  }
-};
-
-/* 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',[(_vm.selections.length)?_c('gl-duo-chat-context-item-selections',{staticClass:"gl-mb-3",attrs:{"selections":_vm.selections,"categories":_vm.categories,"removable":true,"title":_vm.$options.i18n.selectedContextItemsTitle,"default-collapsed":false},on:{"remove":_vm.removeItem,"get-content":_vm.onGetContextItemContent}}):_vm._e(),_vm._v(" "),(_vm.open)?_c('gl-card',{staticClass:"slash-commands !gl-absolute gl-bottom-0 gl-w-full gl-pl-0 gl-shadow-md",attrs:{"body-class":"!gl-p-2","data-testid":"context-item-menu"}},[(_vm.showCategorySelection)?_c('gl-duo-chat-context-item-menu-category-items',{attrs:{"active-index":_vm.activeIndex,"categories":_vm.categories},on:{"select":_vm.selectCategory,"active-index-change":function($event){_vm.activeIndex = $event;}}}):_c('gl-duo-chat-context-item-menu-search-items',{attrs:{"active-index":_vm.activeIndex,"category":_vm.selectedCategory,"loading":_vm.loading,"error":_vm.error,"results":_vm.results},on:{"select":_vm.selectItem,"keyup":_vm.handleKeyUp,"active-index-change":function($event){_vm.activeIndex = $event;}},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v;},expression:"searchQuery"}})],1):_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/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_category_items.js

@@ -1,77 +0,0 @@
-import GlDropdownItem from '../../../../../../base/dropdown/dropdown_item';
-import GlIcon from '../../../../../../base/icon/icon';
-import { categoriesValidator } from '../utils';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/**
- * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
- *
- * Please use the corresponding component in Duo-UI going forward.
- * All future development and maintenance for Duo components should take place in Duo-UI.
- *
- * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
- */
-var script = {
-  name: 'GlDuoChatContextItemMenuCategoryItems',
-  components: {
-    GlIcon,
-    GlDropdownItem
-  },
-  props: {
-    categories: {
-      type: Array,
-      required: true,
-      validator: categoriesValidator
-    },
-    activeIndex: {
-      type: Number,
-      required: true
-    }
-  },
-  methods: {
-    selectCategory(category) {
-      this.$emit('select', category);
-    },
-    setActiveIndex(index) {
-      this.$emit('active-index-change', index);
-    }
-  }
-};
-
-/* 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('ul',{staticClass:"gl-mb-0 gl-list-none gl-pl-0"},_vm._l((_vm.categories),function(category,index){return _c('gl-dropdown-item',{key:category.value,class:{ 'active-command': index === _vm.activeIndex },attrs:{"data-testid":"category-item"},on:{"click":function($event){return _vm.selectCategory(category)}}},[_c('div',{staticClass:"gl-flex gl-items-center",on:{"mouseenter":function($event){return _vm.setActiveIndex(index)}}},[_c('gl-icon',{staticClass:"gl-mr-2",attrs:{"name":category.icon}}),_vm._v("\n      "+_vm._s(category.label)+"\n    ")],1)])}),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/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_item.js

@@ -1,89 +0,0 @@
-import GlDuoChatContextItemPopover from '../duo_chat_context_item_popover/duo_chat_context_item_popover';
-import GlTruncate from '../../../../../../utilities/truncate/truncate';
-import GlIcon from '../../../../../../base/icon/icon';
-import { categoryValidator, contextItemValidator, getContextItemSecondaryText, getContextItemIcon, getContextItemSource } from '../utils';
-import GlBadge from '../../../../../../base/badge/badge';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/**
- * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
- *
- * Please use the corresponding component in Duo-UI going forward.
- * All future development and maintenance for Duo components should take place in Duo-UI.
- *
- * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
- */
-var script = {
-  name: 'GlDuoChatContextItemMenuSearchItem',
-  components: {
-    GlBadge,
-    GlTruncate,
-    GlIcon,
-    GlDuoChatContextItemPopover
-  },
-  props: {
-    category: {
-      type: Object,
-      required: true,
-      validator: categoryValidator
-    },
-    contextItem: {
-      type: Object,
-      required: true,
-      validator: contextItemValidator
-    }
-  },
-  computed: {
-    title() {
-      var _this$contextItem$met;
-      return ((_this$contextItem$met = this.contextItem.metadata) === null || _this$contextItem$met === void 0 ? void 0 : _this$contextItem$met.title) || '';
-    },
-    secondaryText() {
-      return getContextItemSecondaryText(this.contextItem);
-    },
-    icon() {
-      return getContextItemIcon(this.contextItem, this.category);
-    },
-    itemSource() {
-      return getContextItemSource(this.contextItem);
-    }
-  }
-};
-
-/* 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-flex gl-flex-col"},[_c('div',{staticClass:"gl-flex gl-items-center"},[_c('gl-icon',{staticClass:"gl-mr-2 gl-shrink-0",attrs:{"name":_vm.icon,"data-testid":"category-icon"}}),_vm._v(" "),_c('gl-truncate',{staticClass:"gl-min-w-0",attrs:{"text":_vm.title,"data-testid":"item-title"}}),_vm._v(" "),_c('gl-icon',{staticClass:"gl-ml-2 gl-shrink-0 gl-cursor-pointer gl-text-secondary",attrs:{"id":("info-icon-" + (_vm.contextItem.id)),"name":"information-o","size":12}}),_vm._v(" "),_c('gl-duo-chat-context-item-popover',{attrs:{"context-item":_vm.contextItem,"target":("info-icon-" + (_vm.contextItem.id)),"placement":"left"}})],1),_vm._v(" "),(_vm.secondaryText)?_c('div',{staticClass:"gl-align-items-center gl-mt-1 gl-flex gl-shrink-0 gl-whitespace-nowrap gl-text-secondary",attrs:{"data-testid":"item-secondary-text"}},[(_vm.itemSource)?_c('gl-badge',{staticClass:"gl-mr-1",attrs:{"variant":"neutral","data-testid":"context-item-source"}},[_vm._v(_vm._s(_vm.itemSource))]):_vm._e(),_vm._v(" "),_c('gl-truncate',{staticClass:"gl-min-w-0",attrs:{"position":"middle","text":_vm.secondaryText}})],1):_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/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_items.js

@@ -1,147 +0,0 @@
-import GlDropdownItem from '../../../../../../base/dropdown/dropdown_item';
-import GlFormInput from '../../../../../../base/form/form_input/form_input';
-import GlAlert from '../../../../../../base/alert/alert';
-import { sprintf, translate } from '../../../../../../../utils/i18n';
-import { categoryValidator, contextItemsValidator } from '../utils';
-import GlDuoChatContextItemMenuSearchItemsLoading from './duo_chat_context_item_menu_search_items_loading';
-import GlDuoChatContextItemMenuSearchItem from './duo_chat_context_item_menu_search_item';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/**
- * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
- *
- * Please use the corresponding component in Duo-UI going forward.
- * All future development and maintenance for Duo components should take place in Duo-UI.
- *
- * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
- */
-var script = {
-  name: 'GlDuoChatContextItemMenuSearchItems',
-  components: {
-    GlAlert,
-    GlDropdownItem,
-    GlDuoChatContextItemMenuSearchItem,
-    GlDuoChatContextItemMenuSearchItemsLoading,
-    GlFormInput
-  },
-  model: {
-    prop: 'searchQuery',
-    event: 'update:searchQuery'
-  },
-  props: {
-    activeIndex: {
-      type: Number,
-      required: true
-    },
-    searchQuery: {
-      type: String,
-      required: true
-    },
-    category: {
-      type: Object,
-      required: true,
-      validator: categoryValidator
-    },
-    loading: {
-      type: Boolean,
-      required: true
-    },
-    error: {
-      type: [String, null],
-      required: false,
-      default: null
-    },
-    results: {
-      type: Array,
-      required: true,
-      validator: contextItemsValidator
-    }
-  },
-  data() {
-    return {
-      userInitiatedSearch: false,
-      numLoadingItems: 3
-    };
-  },
-  computed: {
-    showEmptyState() {
-      return Boolean(this.userInitiatedSearch && !this.loading && !this.error && !this.results.length);
-    },
-    searchInputPlaceholder() {
-      return sprintf(translate('GlDuoChatContextItemMenu.searchInputPlaceholder', 'Search %{categoryLabel}...'), {
-        categoryLabel: this.category.label.toLowerCase()
-      });
-    }
-  },
-  watch: {
-    searchQuery() {
-      this.userInitiatedSearch = true;
-    },
-    results(results) {
-      this.numLoadingItems = Math.max(1, results.length);
-    }
-  },
-  methods: {
-    selectItem(contextItem) {
-      this.$emit('select', contextItem);
-      this.userInitiatedSearch = false;
-    },
-    handleKeyUp(e) {
-      this.$emit('keyup', e);
-    },
-    setActiveIndex(index) {
-      var _this$results$index;
-      if ((_this$results$index = this.results[index]) !== null && _this$results$index !== void 0 && _this$results$index.metadata.enabled) {
-        this.$emit('active-index-change', index);
-      }
-    },
-    isActiveItem(contextItem, index) {
-      return index === this.activeIndex && contextItem.metadata.enabled;
-    }
-  },
-  i18n: {
-    emptyStateMessage: translate('GlDuoChatContextItemMenu.emptyStateMessage', 'No results found')
-  }
-};
-
-/* 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',[_c('div',{staticClass:"gl-max-h-31 gl-overflow-y-scroll"},[(_vm.loading)?_c('gl-duo-chat-context-item-menu-search-items-loading',{attrs:{"rows":_vm.numLoadingItems}}):(_vm.error)?_c('gl-alert',{staticClass:"gl-m-3",attrs:{"variant":"danger","dismissible":false,"data-testid":"search-results-error"}},[_vm._v("\n      "+_vm._s(_vm.error)+"\n    ")]):(_vm.showEmptyState)?_c('div',{staticClass:"gl-rounded-base gl-p-3 gl-text-center gl-text-secondary",attrs:{"data-testid":"search-results-empty-state"}},[_vm._v("\n      "+_vm._s(_vm.$options.i18n.emptyStateMessage)+"\n    ")]):_c('ul',{staticClass:"gl-mb-1 gl-list-none gl-flex-row gl-pl-0"},_vm._l((_vm.results),function(contextItem,index){return _c('gl-dropdown-item',{key:contextItem.id,staticClass:"duo-chat-context-search-result-item",class:{
-          'active-command': _vm.isActiveItem(contextItem, index),
-          'gl-cursor-not-allowed [&>button]:focus-within:!gl-shadow-none':
-            !contextItem.metadata.enabled,
-        },attrs:{"id":("dropdown-item-" + index),"tabindex":!contextItem.metadata.enabled ? -1 : undefined,"data-testid":"search-result-item"},on:{"click":function($event){return _vm.selectItem(contextItem)}}},[_c('div',{on:{"mouseenter":function($event){return _vm.setActiveIndex(index)}}},[_c('gl-duo-chat-context-item-menu-search-item',{class:{ 'gl-text-secondary': !contextItem.metadata.enabled },attrs:{"context-item":contextItem,"category":_vm.category,"data-testid":"search-result-item-details"}})],1)])}),1)],1),_vm._v(" "),_c('gl-form-input',{ref:"contextMenuSearchInput",attrs:{"value":_vm.searchQuery,"placeholder":_vm.searchInputPlaceholder,"autofocus":"","data-testid":"context-menu-search-input"},on:{"input":function($event){return _vm.$emit('update:searchQuery', $event)},"keyup":_vm.handleKeyUp}})],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/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_items_loading.js

@@ -1,61 +0,0 @@
-import { translate } from '../../../../../../../utils/i18n';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/**
- * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
- *
- * Please use the corresponding component in Duo-UI going forward.
- * All future development and maintenance for Duo components should take place in Duo-UI.
- *
- * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
- */
-var script = {
-  name: 'GlDuoChatContextItemMenuSearchItemsLoading',
-  props: {
-    rows: {
-      type: Number,
-      required: true
-    }
-  },
-  i18n: {
-    loadingMessage: translate('GlDuoChatContextItemMenu.loadingMessage', 'Loading...')
-  }
-};
-
-/* 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',[_vm._l((_vm.rows),function(index){return _c('div',{key:index,staticClass:"gl-mx-3 gl-mb-4 gl-pt-3",attrs:{"data-testid":"search-results-loading"}},[_vm._m(0,true),_vm._v(" "),_c('div',{staticClass:"gl-animate-skeleton-loader gl-h-4 gl-w-1/2 gl-rounded-base"})])}),_vm._v(" "),_c('span',{staticClass:"gl-sr-only"},[_vm._v(_vm._s(_vm.$options.i18n.loadingMessage))])],2)};
-var __vue_staticRenderFns__ = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-mb-2 gl-flex"},[_c('div',{staticClass:"gl-animate-skeleton-loader gl-mr-3 gl-h-5 gl-w-5 gl-rounded-base"}),_vm._v(" "),_c('div',{staticClass:"gl-animate-skeleton-loader gl-h-5 gl-grow gl-rounded-base"})])}];
-
-  /* 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__;