@gitlab/ui 136.3.1 → 137.0.0

package/dist/components/base/alert/alert.js

@@ -192,19 +192,19 @@ var script = {
       /**
        * Emitted when the primary action button is clicked.
        *
-       * @event primaryAction
+       * @event primary-action
        * @type {object}
        */
-      this.$emit('primaryAction', event);
+      this.$emit('primary-action', event);
     },
     secondaryButtonClicked(event) {
       /**
        * Emitted when the secondary action button is clicked.
        *
-       * @event secondaryAction
+       * @event secondary-action
        * @type {object}
        */
-      this.$emit('secondaryAction', event);
+      this.$emit('secondary-action', event);
     },
     onDismiss() {
       /**

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

@@ -71,10 +71,9 @@ var script = {
       }
     }
   },
-  mounted() {
-    this.$nextTick(() => {
-      this.emitState();
-    });
+  async mounted() {
+    await this.$nextTick();
+    this.emitState();
   },
   beforeDestroy() {
     // Trigger state emit if needed

package/dist/components/base/datepicker/datepicker.js

@@ -417,7 +417,7 @@ var script = {
       /**
        * Emitted when the datepicker draws a new month.
        */
-      this.$emit('monthChange');
+      this.$emit('month-change');
     },
     onKeydown() {
       if (this.textInput === '') {

package/dist/components/base/filtered_search/filtered_search.js

@@ -427,11 +427,10 @@ var script = {
         this.activeTokenIdx = null;
       }
     },
-    onClear() {
-      this.$nextTick(() => {
-        this.activeTokenIdx = this.lastTokenIdx;
-        this.$emit('clear');
-      });
+    async onClear() {
+      await this.$nextTick();
+      this.activeTokenIdx = this.lastTokenIdx;
+      this.$emit('clear');
     },
     submit() {
       /**

package/dist/components/base/filtered_search/filtered_search_token.js

@@ -245,20 +245,19 @@ var script = {
         this.$emit('replace', createTerm(this.config.title));
       }
     },
-    replaceToken(newType) {
+    async replaceToken(newType) {
       const newTokenConfig = this.availableTokens.find(_ref => {
         let type = _ref.type;
         return type === newType;
       });
       if (newTokenConfig === this.config) {
-        this.$nextTick(() => {
-          /**
-           * Emitted when this term token will lose its focus.
-           *
-           * @event deactivate
-           */
-          this.$emit('deactivate');
-        });
+        await this.$nextTick();
+        /**
+         * Emitted when this term token will lose its focus.
+         *
+         * @event deactivate
+         */
+        this.$emit('deactivate');
         return;
       }
       if (newTokenConfig) {

package/dist/components/base/filtered_search/filtered_search_token_segment.js

@@ -312,22 +312,21 @@ var script = {
         loose = _ref2.loose;
       return (_this$options3 = this.options) === null || _this$options3 === void 0 ? void 0 : _this$options3.find(option => loose ? match(option[this.optionTextField], inputValue) : option[this.optionTextField] === inputValue);
     },
-    activate() {
+    async activate() {
       this.fallbackValue = this.value;
-      this.$nextTick(() => {
-        const input = this.$refs.input;
-        if (input) {
-          input.focus();
-          input.scrollIntoView({
-            block: 'nearest',
-            inline: 'end'
-          });
-          this.alignSuggestions(input);
-          if (this.cursorPosition === 'start') {
-            input === null || input === void 0 ? void 0 : input.setSelectionRange(0, 0);
-          }
+      await this.$nextTick();
+      const input = this.$refs.input;
+      if (input) {
+        input.focus();
+        input.scrollIntoView({
+          block: 'nearest',
+          inline: 'end'
+        });
+        this.alignSuggestions(input);
+        if (this.cursorPosition === 'start') {
+          input === null || input === void 0 ? void 0 : input.setSelectionRange(0, 0);
         }
-      });
+      }
     },
     deactivate() {
       var _this$matchingOption;

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

@@ -221,7 +221,7 @@ var script = {
         }
       }
     },
-    handleChange(_ref) {
+    async handleChange(_ref) {
       let _ref$target = _ref.target,
         checked = _ref$target.checked,
         indeterminate = _ref$target.indeterminate;
@@ -245,25 +245,24 @@ var script = {
       this.computedLocalChecked = localChecked;
 
       // Fire events in a `$nextTick()` to ensure the `v-model` is updated
-      this.$nextTick(() => {
+      await this.$nextTick();
+      /**
+       * Emitted when selected value(s) is changed due to user interaction.
+       *
+       * @event change
+       */
+      this.$emit('change', localChecked);
+
+      // If this is a child of a group, we emit a change event on it as well
+      if (this.isGroup) {
         /**
          * Emitted when selected value(s) is changed due to user interaction.
          *
          * @event change
          */
-        this.$emit('change', localChecked);
-
-        // If this is a child of a group, we emit a change event on it as well
-        if (this.isGroup) {
-          /**
-           * Emitted when selected value(s) is changed due to user interaction.
-           *
-           * @event change
-           */
-          this.group.$emit('change', localChecked);
-        }
-        this.$emit('indeterminate', indeterminate);
-      });
+        this.group.$emit('change', localChecked);
+      }
+      this.$emit('indeterminate', indeterminate);
     },
     setIndeterminate(state) {
       // Indeterminate only supported in single checkbox mode

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

@@ -429,14 +429,13 @@ var script = {
     // Create private non-reactive props
     this.$_inputDebounceTimer = null;
   },
-  mounted() {
+  async mounted() {
     this.setWheelStopper(this.noWheel);
     this.handleAutofocus();
-    this.$nextTick(() => {
-      // Update DOM with auto-generated ID after mount
-      // to prevent SSR hydration errors
-      this.localId = uniqueId('gl-form-input-');
-    });
+    await this.$nextTick();
+    // Update DOM with auto-generated ID after mount
+    // to prevent SSR hydration errors
+    this.localId = uniqueId('gl-form-input-');
   },
   deactivated() {
     // Turn off listeners when keep-alive component deactivated
@@ -600,11 +599,10 @@ var script = {
       });
       this.blur();
     },
-    handleAutofocus() {
-      this.$nextTick(() => {
-        window.requestAnimationFrame(() => {
-          if (this.autofocus && isVisible(this.$refs.input)) this.focus();
-        });
+    async handleAutofocus() {
+      await this.$nextTick();
+      window.requestAnimationFrame(() => {
+        if (this.autofocus && isVisible(this.$refs.input)) this.focus();
       });
     },
     select() {

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

@@ -173,33 +173,32 @@ var script = {
         this.$emit('input', newValue);
       }
     },
-    handleChange() {
+    async handleChange() {
       const value = this.value;
 
       // Update `computedLocalChecked`
       this.computedLocalChecked = value;
 
       // Fire events in a `$nextTick()` to ensure the `v-model` is updated
-      this.$nextTick(() => {
+      await this.$nextTick();
+      /**
+       * Emitted when the selected value is changed due to user interaction
+       *
+       * @event change
+       * @type {boolean} current selected value of radio group
+       */
+      this.$emit('change', value);
+
+      // If this is a child of a group, we emit a change event on it as well
+      if (this.isGroup) {
         /**
          * Emitted when the selected value is changed due to user interaction
          *
          * @event change
          * @type {boolean} current selected value of radio group
          */
-        this.$emit('change', value);
-
-        // If this is a child of a group, we emit a change event on it as well
-        if (this.isGroup) {
-          /**
-           * Emitted when the selected value is changed due to user interaction
-           *
-           * @event change
-           * @type {boolean} current selected value of radio group
-           */
-          this.group.$emit('change', value);
-        }
-      });
+        this.group.$emit('change', value);
+      }
     },
     focus() {
       if (!this.disabled) {

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

@@ -309,11 +309,10 @@ var script = {
   created() {
     this.$_inputDebounceTimer = null;
   },
-  mounted() {
+  async mounted() {
     this.handleAutofocus();
-    this.$nextTick(() => {
-      this.localId = uniqueId('gl-form-textarea-');
-    });
+    await this.$nextTick();
+    this.localId = uniqueId('gl-form-textarea-');
   },
   beforeDestroy() {
     this.clearDebounce();
@@ -423,13 +422,12 @@ var script = {
        */
       this.$emit('blur', event);
     },
-    handleAutofocus() {
-      this.$nextTick(() => {
-        window.requestAnimationFrame(() => {
-          if (this.autofocus && isVisible(this.$refs.input)) {
-            this.focus();
-          }
-        });
+    async handleAutofocus() {
+      await this.$nextTick();
+      window.requestAnimationFrame(() => {
+        if (this.autofocus && isVisible(this.$refs.input)) {
+          this.focus();
+        }
       });
     },
     handleKeyPress(e) {
@@ -442,11 +440,10 @@ var script = {
         this.$emit('submit');
       }
     },
-    setHeight() {
-      this.$nextTick(() => {
-        window.requestAnimationFrame(() => {
-          this.heightInPx = this.computeHeight();
-        });
+    async setHeight() {
+      await this.$nextTick();
+      window.requestAnimationFrame(() => {
+        this.heightInPx = this.computeHeight();
       });
     },
     computeHeight() {

package/dist/components/base/infinite_scroll/infinite_scroll.js

@@ -49,7 +49,7 @@ var script = {
     }
   },
   watch: {
-    fetchedItems(newVal, oldVal) {
+    async fetchedItems(newVal, oldVal) {
       // Re-adjust scroll to the current item if more items are added
       if (newVal > oldVal) {
         const _this$$refs$infiniteC = this.$refs.infiniteContainer,
@@ -58,32 +58,39 @@ var script = {
         // Only when scrolled to the top
         if (scrollHeight !== 0 && scrollTop === 0) {
           // Wait until the DOM is fully updated to adjust scroll
-          this.$nextTick(() => {
-            const newScrollHeight = this.$refs.infiniteContainer.scrollHeight;
+          await this.$nextTick();
+          const newScrollHeight = this.$refs.infiniteContainer.scrollHeight;
 
-            // New scrollTop is the new height, minus the old height
-            // minus a small space to allow the user to trigger a scroll once more
-            let top = newScrollHeight - scrollHeight - adjustScrollGap;
+          // New scrollTop is the new height, minus the old height
+          // minus a small space to allow the user to trigger a scroll once more
+          let top = newScrollHeight - scrollHeight - adjustScrollGap;
 
-            // Never adjust to 0, or a new event may be be triggered
-            if (top < 1) {
-              top = 1;
-            }
-            this.scrollTo({
-              top
-            });
+          // Never adjust to 0, or a new event may be be triggered
+          if (top < 1) {
+            top = 1;
+          }
+          this.scrollTo({
+            top
           });
         }
       }
     }
   },
-  mounted() {
+  async mounted() {
+    var _this = this;
     // Scroll to bottom for reverse effect
-    this.$nextTick(() => {
-      if (this.$listeners.topReached && !this.$listeners.bottomReached) {
-        this.scrollDown();
+    await this.$nextTick();
+
+    // Check both kebab-case (Vue 2) and camelCase (@vue/compat) $listeners.
+    const listening = function () {
+      for (var _len = arguments.length, names = new Array(_len), _key = 0; _key < _len; _key++) {
+        names[_key] = arguments[_key];
       }
-    });
+      return names.some(name => _this.$listeners[name]);
+    };
+    if (listening('top-reached', 'topReached') && !listening('bottom-reached', 'bottomReached')) {
+      this.scrollDown();
+    }
   },
   methods: {
     /**
@@ -126,13 +133,13 @@ var script = {
       /**
        * Emitted when item container is scrolled to the top
        */
-      this.$emit('topReached');
+      this.$emit('top-reached');
     }, throttleDuration),
     bottomReached: throttle(function bottomReachedThrottled() {
       /**
        * Emitted when item container is scrolled to the bottom
        */
-      this.$emit('bottomReached');
+      this.$emit('bottom-reached');
     }, throttleDuration),
     itemsListHeight() {
       return this.$refs.infiniteContainer.scrollHeight;

package/dist/components/base/new_dropdowns/constants.js

@@ -1,8 +1,8 @@
 // base dropdown events
 const GL_DROPDOWN_SHOWN = 'shown';
 const GL_DROPDOWN_HIDDEN = 'hidden';
-const GL_DROPDOWN_BEFORE_CLOSE = 'beforeClose';
-const GL_DROPDOWN_FOCUS_CONTENT = 'focusContent';
+const GL_DROPDOWN_BEFORE_CLOSE = 'before-close';
+const GL_DROPDOWN_FOCUS_CONTENT = 'focus-content';
 
 // KeyboardEvent.code values
 const ARROW_DOWN = 'ArrowDown';

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

@@ -270,7 +270,7 @@ var script = {
       /**
        * Emitted when dropdown is about to be closed
        *
-       * @event beforeClose
+       * @event before-close
        */
       this.$emit(GL_DROPDOWN_BEFORE_CLOSE, event);
     },

package/dist/components/base/new_dropdowns/listbox/listbox.js

@@ -569,22 +569,21 @@ var script = {
       }
     },
     items: {
-      handler() {
-        this.$nextTick(() => {
-          /* Every time the list of items changes (on search),
-           * the observed elements are recreated, thus we need to start obesrving them again */
-          this.observeScroll();
+      async handler() {
+        await this.$nextTick();
+        /* Every time the list of items changes (on search),
+         * the observed elements are recreated, thus we need to start obesrving them again */
+        this.observeScroll();
 
-          /**
-           * Every time the list of items changes, and there is a search string,
-           * we want to visually highlight the first enabled item
-           */
-          if (this.searchHasOptions) {
-            this.nextFocusedItemIndex = this.getFirstEnabledIndex();
-          } else {
-            this.nextFocusedItemIndex = null;
-          }
-        });
+        /**
+         * Every time the list of items changes, and there is a search string,
+         * we want to visually highlight the first enabled item
+         */
+        if (this.searchHasOptions) {
+          this.nextFocusedItemIndex = this.getFirstEnabledIndex();
+        } else {
+          this.nextFocusedItemIndex = null;
+        }
       }
     },
     ...(process.env.NODE_ENV !== 'production' ? {
@@ -774,7 +773,7 @@ var script = {
       const nextIndex = clamp(currentIndex + offset, 0, elements.length - 1);
       this.focusItem(nextIndex, elements);
     },
-    focusItem(index, elements) {
+    async focusItem(index, elements) {
       let keepSearchFocused = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       this.nextFocusedItemIndex = index;
 
@@ -791,9 +790,8 @@ var script = {
         var _elements$index;
         (_elements$index = elements[index]) === null || _elements$index === void 0 ? void 0 : _elements$index.focus();
       }
-      this.$nextTick(() => {
-        this.scrollActiveItemIntoView();
-      });
+      await this.$nextTick();
+      this.scrollActiveItemIntoView();
     },
     focusSearchInput() {
       this.$refs.searchBox.focusInput();

package/dist/components/base/sorting/sorting.js

@@ -145,7 +145,7 @@ var script = {
        *
        * @property {boolean} isAscending
        */
-      this.$emit('sortDirectionChange', newDirection);
+      this.$emit('sort-direction-change', newDirection);
     },
     onSortByChanged(event) {
       /**
@@ -157,7 +157,7 @@ var script = {
        *
        * @property {string|number} value
        */
-      this.$emit('sortByChange', event);
+      this.$emit('sort-by-change', event);
     }
   }
 };

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

@@ -68,23 +68,21 @@ var script = {
       }), {});
     }
   },
-  mounted() {
-    this.$nextTick(() => {
-      this.navScrollWidth = this.getScrollWidth();
-    });
+  async mounted() {
     this.handleNavScroll = debounce(e => {
       this.scrollLeft = e.target.scrollLeft;
     }, 100);
     this.getNavContainer().addEventListener('scroll', this.handleNavScroll);
+    await this.$nextTick();
+    this.navScrollWidth = this.getScrollWidth();
   },
   beforeDestroy() {
     this.getNavContainer().removeEventListener('scroll', this.handleNavScroll);
   },
-  updated() {
+  async updated() {
     // Whenever tabs are added or removed we need to recalculate the reactive scrollWidth
-    this.$nextTick(() => {
-      this.navScrollWidth = this.getScrollWidth();
-    });
+    await this.$nextTick();
+    this.navScrollWidth = this.getScrollWidth();
   },
   methods: {
     handleResize(_ref) {

package/dist/components/base/token_selector/token_selector.js

@@ -216,7 +216,7 @@ var script = {
     }
   },
   watch: {
-    inputText(newValue, oldValue) {
+    async inputText(newValue, oldValue) {
       if (newValue !== oldValue) {
         /**
          * Fired when user types in the token selector
@@ -234,13 +234,12 @@ var script = {
         // Wait a tick so `text-input` event can be used to validate
         // the value and change the `allowUserDefinedTokens` and/or
         // `hideDropdownWithNoItems` props
-        this.$nextTick(() => {
-          if (this.hideDropdown) {
-            this.closeDropdown();
-          } else if (newValue !== '') {
-            this.openDropdown();
-          }
-        });
+        await this.$nextTick();
+        if (this.hideDropdown) {
+          this.closeDropdown();
+        } else if (newValue !== '') {
+          this.openDropdown();
+        }
       }
     }
   },
@@ -272,7 +271,8 @@ var script = {
         this.triggerTokenFocusNextBackspace = true;
       }
     },
-    handleBlur(event) {
+    async handleBlur(event) {
+      var _event$relatedTarget, _event$relatedTarget$;
       /**
        * Fired when the token selector is blurred
        *
@@ -285,12 +285,10 @@ var script = {
       // Workaround is to:
       // 1. Explicitly focus the dropdown menu item button on `mousedown` event. (see './token_selector_dropdown.vue')
       // 2. Use `nextTick` so `blur` event is fired after the `mousedown` event
-      this.$nextTick(() => {
-        var _event$relatedTarget, _event$relatedTarget$;
-        if (!((_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 && (_event$relatedTarget$ = _event$relatedTarget.closest) !== null && _event$relatedTarget$ !== void 0 && _event$relatedTarget$.call(_event$relatedTarget, '.dropdown-item'))) {
-          this.closeDropdown();
-        }
-      });
+      await this.$nextTick();
+      if (!((_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 && (_event$relatedTarget$ = _event$relatedTarget.closest) !== null && _event$relatedTarget$ !== void 0 && _event$relatedTarget$.call(_event$relatedTarget, '.dropdown-item'))) {
+        this.closeDropdown();
+      }
     },
     handleEnter() {
       if (this.focusedDropdownItem && this.dropdownIsOpen) {

package/dist/components/charts/chart/chart.js

@@ -172,7 +172,7 @@ var script = {
        * @property {object} chart The chart instance
        * @property {object} params A params object, see also https://echarts.apache.org/en/api.html#events.Mouse%20events
        */
-      this.$emit('chartItemClicked', {
+      this.$emit('chart-item-clicked', {
         chart: this.chart,
         params
       });

package/dist/components/charts/sparkline/sparkline.js

@@ -261,10 +261,10 @@ var script = {
       /**
        * Emitted when the chart is created.
        * The payload contains the echarts instance.
-       * @event chartCreated
+       * @event chart-created
        * @type {object}
        */
-      this.$emit('chartCreated', chartInstance);
+      this.$emit('chart-created', chartInstance);
     },
     handleResize() {
       this.chartInstance.resize();

package/dist/components/dashboards/dashboard_panel/dashboard_panel.js

@@ -201,7 +201,7 @@ 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-border gl-h-full gl-rounded-lg gl-bg-default gl-p-5",class:_vm.containerClasses,attrs:{"id":_vm.panelId}},[_c('div',{staticClass:"gl-flex gl-h-full gl-flex-col"},[_c('div',{staticClass:"gl-mb-3 gl-flex gl-items-start gl-justify-between",attrs:{"data-testid":"panel-title"}},[(_vm.loading)?_c('gl-skeleton-loader',{attrs:{"lines":1}}):_c('div',{staticClass:"gl-flex gl-items-center gl-gap-2 gl-overflow-hidden"},[(_vm.hasTitleIcon)?_c('gl-icon',{class:_vm.titleIconClass,attrs:{"name":_vm.titleIcon,"data-testid":"panel-title-icon"}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-min-w-0"},[_c('div',{staticClass:"gl-flex gl-items-center gl-gap-2"},[(_vm.hasTitle)?_c('gl-truncate',{staticClass:"gl-min-w-0 gl-font-bold gl-text-default",attrs:{"text":_vm.title,"with-tooltip":""}}):_vm._e(),_vm._v(" "),(_vm.hasTitlePopover)?[_c('gl-icon',{staticClass:"gl-min-w-5",attrs:{"id":_vm.titlePopoverId,"data-testid":"panel-title-popover-icon","name":"information-o","variant":"info"}}),_vm._v(" "),_c('gl-popover',{attrs:{"data-testid":"panel-title-popover","boundary":"viewport","target":_vm.titlePopoverId,"css-classes":_vm.titlePopoverClasses},scopedSlots:_vm._u([(_vm.hasInfoPopoverTitleSlot)?{key:"title",fn:function(){return [_vm._t("info-popover-title")]},proxy:true}:null],null,true)},[_vm._v(" "),(_vm.hasInfoPopoverContentSlot)?[_vm._t("info-popover-content")]:_vm._e(),_vm._v(" "),(!_vm.hasInfoPopoverContentSlot)?[(_vm.hasTitlePopoverLink)?_c('gl-sprintf',{attrs:{"message":_vm.titlePopover.description},scopedSlots:_vm._u([{key:"link",fn:function(ref){
 var content = ref.content;
-return [_c('gl-link',{staticClass:"gl-text-sm",attrs:{"href":_vm.titlePopover.descriptionLink}},[_vm._v(_vm._s(content))])]}}],null,false,3051540671)}):[_vm._v(" "+_vm._s(_vm.titlePopover.description)+" ")]]:_vm._e()],2)]:_vm._e()],2),_vm._v(" "),(_vm.subtitle)?_c('p',{staticClass:"gl-mb-0 gl-mt-1 gl-text-sm gl-text-subtle",attrs:{"data-testid":"panel-subtitle"}},[_vm._v("\n            "+_vm._s(_vm.subtitle)+"\n          ")]):_vm._e()])],1),_vm._v(" "),(_vm.shouldShowActions || _vm.$scopedSlots.filters)?_c('div',{staticClass:"gl-flex gl-flex-col gl-items-end gl-gap-2",attrs:{"data-testid":"panel-actions-filters-container"}},[(_vm.shouldShowActions)?_c('gl-disclosure-dropdown',{attrs:{"items":_vm.actions,"icon":"ellipsis_v","toggle-text":_vm.actionsToggleText,"text-sr-only":"","no-caret":"","placement":"bottom-end","fluid-width":"","toggle-class":"gl-ml-1","category":"tertiary","positioning-strategy":"fixed","size":"small"},on:{"shown":function($event){return _vm.$emit('dropdownOpen')},"hidden":function($event){return _vm.$emit('dropdownClosed')}},scopedSlots:_vm._u([{key:"list-item",fn:function(ref){
+return [_c('gl-link',{staticClass:"gl-text-sm",attrs:{"href":_vm.titlePopover.descriptionLink}},[_vm._v(_vm._s(content))])]}}],null,false,3051540671)}):[_vm._v(" "+_vm._s(_vm.titlePopover.description)+" ")]]:_vm._e()],2)]:_vm._e()],2),_vm._v(" "),(_vm.subtitle)?_c('p',{staticClass:"gl-mb-0 gl-mt-1 gl-text-sm gl-text-subtle",attrs:{"data-testid":"panel-subtitle"}},[_vm._v("\n            "+_vm._s(_vm.subtitle)+"\n          ")]):_vm._e()])],1),_vm._v(" "),(_vm.shouldShowActions || _vm.$scopedSlots.filters)?_c('div',{staticClass:"gl-flex gl-flex-col gl-items-end gl-gap-2",attrs:{"data-testid":"panel-actions-filters-container"}},[(_vm.shouldShowActions)?_c('gl-disclosure-dropdown',{attrs:{"items":_vm.actions,"icon":"ellipsis_v","toggle-text":_vm.actionsToggleText,"text-sr-only":"","no-caret":"","placement":"bottom-end","fluid-width":"","toggle-class":"gl-ml-1","category":"tertiary","positioning-strategy":"fixed","size":"small"},on:{"shown":function($event){return _vm.$emit('dropdown-open')},"hidden":function($event){return _vm.$emit('dropdown-closed')}},scopedSlots:_vm._u([{key:"list-item",fn:function(ref){
 var item = ref.item;
 return [_c('span',[_vm._v(_vm._s(item.text))])]}}],null,false,3418607560)}):_vm._e(),_vm._v(" "),(_vm.$scopedSlots.filters)?_c('div',{staticClass:"gl-flex gl-items-center gl-justify-end",attrs:{"data-testid":"panel-filters-container"}},[_vm._t("filters")],2):_vm._e()],1):_vm._e()],1),_vm._v(" "),_c('div',{class:_vm.bodyClasses},[(_vm.loading)?[_c('gl-loading-icon',{staticClass:"gl-min-h-8 gl-w-full",attrs:{"size":"lg"}}),_vm._v(" "),(_vm.isLoadingDelayed)?_c('div',{staticClass:"gl-w-full gl-text-subtle",attrs:{"data-testId":"panel-loading-delayed-indicator"}},[_vm._v("\n          "+_vm._s(_vm.loadingDelayedText)+"\n        ")]):_vm._e()]:_vm._t("body")],2),_vm._v(" "),_vm._t("alert-message",null,{"panelId":_vm.panelId})],2)])};
 var __vue_staticRenderFns__ = [];

package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip-template.js

@@ -62,8 +62,10 @@ const BVTooltipTemplate = /*#__PURE__*/extend({
     templateAttributes() {
       const id = this.id;
       return {
-        // Apply attributes from root tooltip component
-        ...this.bvParent.bvParent.$attrs,
+        // Apply attributes from root tooltip component. A directive has no such component, so
+        // `bvParent.bvParent` is the component holding the target element, whose attributes
+        // must not leak onto the template.
+        ...(this.bvParent.isDirective ? {} : this.bvParent.bvParent.$attrs),
         id,
         role: 'tooltip',
         tabindex: '-1',

package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js

@@ -90,7 +90,9 @@ const templateData = {
   // ID to use for tooltip/popover
   id: null,
   // Flag used by directives only, for HTML content
-  html: false
+  html: false,
+  // Flag used by directives only, to suppress attribute forwarding
+  isDirective: false
 };
 
 // --- Main component ---