@gitlab/ui 131.2.0 → 131.3.1

package/dist/components/base/popover/popover.js

@@ -1,142 +0,0 @@
-import { BPopover } from '../../../vendor/bootstrap-vue/src/components/popover/popover';
-import tooltipMixin from '../../mixins/tooltip_mixin';
-import CloseButton from '../../shared_components/close_button/close_button';
-import { popoverPlacements } from '../../../utils/constants';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-const popoverRefName = 'bPopover';
-var script = {
-  name: 'GlPopover',
-  components: {
-    BPopover,
-    CloseButton
-  },
-  mixins: [tooltipMixin(popoverRefName)],
-  inheritAttrs: false,
-  props: {
-    /**
-     * Additional CSS class(es) to apply to the popover.
-     */
-    cssClasses: {
-      type: [Array, String, Object],
-      required: false,
-      default: ''
-    },
-    /**
-     * Space-separated triggers for the popover.
-     *
-     * @values click, hover, focus, manual
-     */
-    triggers: {
-      type: String,
-      required: false,
-      default: 'hover focus'
-    },
-    /**
-     * Title text to display in the popover header.
-     */
-    title: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    /**
-     * When true, displays a close button in the popover header.
-     */
-    showCloseButton: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * Placement of the popover relative to the target element.
-     */
-    placement: {
-      type: String,
-      required: false,
-      default: popoverPlacements.top
-    },
-    /**
-     * Padding (in pixels) between the popover and the viewport boundary.
-     */
-    boundaryPadding: {
-      type: [Number, String],
-      required: false,
-      default: 5
-    }
-  },
-  computed: {
-    hasTitle() {
-      return this.$scopedSlots.title || this.title;
-    },
-    customClass() {
-      return ['gl-popover', this.hasTitle && 'has-title', this.showCloseButton && 'has-close-button', ...this.normalizedCssClasses(this.cssClasses)].filter(Boolean).join(' ');
-    },
-    shouldShowTitle() {
-      return this.hasTitle || this.showCloseButton;
-    }
-  },
-  methods: {
-    /**
-     * `cssClasses can be a string, an array, or an object. This method normalizes it to an array
-     */
-    normalizedCssClasses(cssClasses) {
-      if (Array.isArray(cssClasses)) {
-        return cssClasses;
-      }
-      if (typeof cssClasses === 'string') {
-        return cssClasses.trim() ? cssClasses.trim().split(/\s+/) : [];
-      }
-      if (cssClasses && typeof cssClasses === 'object') {
-        return Object.keys(cssClasses).filter(key => cssClasses[key]);
-      }
-      return [];
-    },
-    closePopover(e) {
-      this.$refs[popoverRefName].close();
-      /**
-       * Emitted when the close button is clicked (requires showCloseButton to be `true`).
-       */
-      this.$emit('close-button-clicked', e);
-    }
-  },
-  popoverRefName
-};
-
-/* 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-popover',_vm._g(_vm._b({ref:_vm.$options.popoverRefName,attrs:{"custom-class":_vm.customClass,"triggers":_vm.triggers,"title":_vm.title,"placement":_vm.placement,"boundary-padding":_vm.boundaryPadding},scopedSlots:_vm._u([(_vm.shouldShowTitle)?{key:"title",fn:function(){return [_vm._t("title",function(){return [_vm._v("\n      "+_vm._s(_vm.title)+"\n    ")]}),_vm._v(" "),(_vm.showCloseButton)?_c('div',{staticClass:"-gl-mr-3 -gl-mt-2 gl-ml-3 gl-h-0"},[_c('close-button',{class:{ 'gl-float-right gl-mt-2': !_vm.hasTitle },attrs:{"data-testid":"close-button"},on:{"click":_vm.closePopover}})],1):_vm._e()]},proxy:true}:null,(_vm.$scopedSlots.default)?{key:"default",fn:function(){return [_vm._t("default")]},proxy:true}:null],null,true)},'b-popover',_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/progress_bar/progress_bar.js

@@ -1,117 +0,0 @@
-import { translate } from '../../../utils/i18n';
-import { progressBarVariantOptions } from '../../../utils/constants';
-import { toFloat } from '../../../utils/number_utils';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-const backgroundClasses = {
-  [progressBarVariantOptions.primary]: 'gl-progress-bar-primary',
-  [progressBarVariantOptions.success]: 'gl-progress-bar-success',
-  [progressBarVariantOptions.danger]: 'gl-progress-bar-danger',
-  [progressBarVariantOptions.warning]: 'gl-progress-bar-warning'
-};
-var script = {
-  name: 'GlProgressBar',
-  props: {
-    /**
-     * Accessible label for the progress bar. Used for the aria-label attribute.
-     */
-    ariaLabel: {
-      type: String,
-      required: false,
-      default: translate('GlProgressBar.ariaLabel', 'Progress bar')
-    },
-    /**
-     * Current progress value. Should be between 0 and the max value.
-     */
-    value: {
-      type: [Number, String],
-      required: false,
-      default: 0
-    },
-    /**
-     * Visual variant of the progress bar.
-     */
-    variant: {
-      type: String,
-      required: false,
-      default: 'primary',
-      validator: value => Object.keys(progressBarVariantOptions).includes(value)
-    },
-    /**
-     * Maximum value for the progress bar. The value prop is calculated as a percentage of this.
-     */
-    max: {
-      type: [Number, String],
-      required: false,
-      default: 100
-    },
-    /**
-     * Custom height for the progress bar (e.g., '8px', '1rem').
-     */
-    height: {
-      type: String,
-      required: false,
-      default: null
-    }
-  },
-  computed: {
-    progressHeight() {
-      return {
-        height: this.height
-      };
-    },
-    computedValue() {
-      return toFloat(this.value, 0);
-    },
-    computedMax() {
-      const max = toFloat(this.max, 100);
-      return max > 0 ? max : 100;
-    },
-    progressBarStyles() {
-      return {
-        transform: `scaleX(${this.computedValue / this.computedMax})`
-      };
-    },
-    classes() {
-      return ['gl-progress', backgroundClasses[this.variant]];
-    }
-  }
-};
-
-/* 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-progress-bar progress",style:(_vm.progressHeight)},[_c('div',{class:_vm.classes,style:(_vm.progressBarStyles),attrs:{"role":"progressbar","aria-label":_vm.ariaLabel,"aria-valuemin":"0","aria-valuemax":String(_vm.computedMax),"aria-valuenow":_vm.computedValue}})])};
-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/search_box_by_click/search_box_by_click.js

@@ -1,245 +0,0 @@
-import { GlTooltipDirective } from '../../../directives/tooltip/tooltip';
-import GlClearIconButton from '../../shared_components/clear_icon_button/clear_icon_button';
-import GlButton from '../button/button';
-import GlDisclosureDropdown from '../new_dropdowns/disclosure/disclosure_dropdown';
-import GlDisclosureDropdownItem from '../new_dropdowns/disclosure/disclosure_dropdown_item';
-import GlFormInput from '../form/form_input/form_input';
-import GlFormInputGroup from '../form/form_input_group/form_input_group';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'GlSearchBoxByClick',
-  components: {
-    GlClearIconButton,
-    GlButton,
-    GlFormInput,
-    GlDisclosureDropdown,
-    GlDisclosureDropdownItem,
-    GlFormInputGroup
-  },
-  directives: {
-    GlTooltip: GlTooltipDirective
-  },
-  props: {
-    /**
-     * If provided, used as value of search input
-     */
-    value: {
-      required: false,
-      default: '',
-      // SearchBoxByClick could serve as a container for complex fields (see GlFilteredSearch)
-      // so we should not force any specific type for value here
-      validator: () => true
-    },
-    /**
-     * If provided, used as history items for this component
-     */
-    historyItems: {
-      type: Array,
-      required: false,
-      default: null
-    },
-    /**
-     * If provided, used as a placeholder for this component
-     */
-    placeholder: {
-      type: String,
-      required: false,
-      default: 'Search'
-    },
-    clearable: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    /**
-     * If provided and true, disables the input and controls
-     */
-    disabled: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * i18n for recent searches title within history dropdown
-     */
-    recentSearchesHeader: {
-      type: String,
-      required: false,
-      default: 'Recent searches'
-    },
-    /**
-     * i18n for clear button title
-     */
-    clearButtonTitle: {
-      type: String,
-      required: false,
-      default: 'Clear'
-    },
-    /**
-     * i18n for close button title within history dropdown
-     */
-    closeButtonTitle: {
-      type: String,
-      required: false,
-      default: 'Close'
-    },
-    /**
-     * i18n for recent searches clear text
-     */
-    clearRecentSearchesText: {
-      type: String,
-      required: false,
-      default: 'Clear recent searches'
-    },
-    noRecentSearchesText: {
-      type: String,
-      required: false,
-      default: "You don't have any recent searches"
-    },
-    /**
-     * Container for tooltip. Valid values: DOM node, selector string or `false` for default
-     */
-    tooltipContainer: {
-      required: false,
-      default: false,
-      validator: value => value === false || typeof value === 'string' || value instanceof HTMLElement
-    },
-    /**
-     * HTML attributes to add to the search button
-     */
-    searchButtonAttributes: {
-      type: Object,
-      required: false,
-      default: () => ({})
-    },
-    /**
-     * Display search button to perform a search.
-     *
-     * Note: it is required to ensure accessibility for WCAG 2.1 3.2.2: On Input.
-     * If the search button is hidden, a separate button should be provided for the same context.
-     */
-    showSearchButton: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    /**
-     * HTML attributes to apply to the wrapper element.
-     */
-    wrapperAttributes: {
-      type: Object,
-      required: false,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      currentValue: null,
-      isFocused: false
-    };
-  },
-  computed: {
-    inputAttributes() {
-      const attributes = {
-        type: 'search',
-        placeholder: this.placeholder,
-        ...this.$attrs
-      };
-      if (!attributes['aria-label']) {
-        attributes['aria-label'] = attributes.placeholder;
-      }
-      return attributes;
-    },
-    hasValue() {
-      return Boolean(this.currentValue);
-    }
-  },
-  watch: {
-    value: {
-      handler(newValue) {
-        this.currentValue = newValue;
-      },
-      immediate: true
-    },
-    currentValue(newValue) {
-      if (newValue === this.value) return;
-      this.$emit('input', newValue);
-    }
-  },
-  methods: {
-    search(value) {
-      /**
-       * Emitted when search is submitted
-       * @property {*} value Search value
-       */
-      this.$emit('submit', value);
-    },
-    selectHistoryItem(item) {
-      this.currentValue = item;
-
-      /**
-       * Emitted when item from history is selected
-       * @property {*} item History item
-       */
-      this.$emit('history-item-selected', item);
-      setTimeout(() => {
-        document.activeElement.blur();
-      });
-    },
-    clearInput() {
-      this.currentValue = '';
-      /**
-       * Emitted when search is cleared
-       */
-      this.$emit('clear');
-      if (this.$refs.input) {
-        this.$refs.input.$el.focus();
-      }
-    },
-    emitClearHistory() {
-      /**
-       * Emitted when clear history button is clicked
-       */
-      this.$emit('clear-history');
-    }
-  }
-};
-
-/* 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('gl-form-input-group',{staticClass:"gl-search-box-by-click",class:{ 'gl-search-box-by-click-with-search-button': _vm.showSearchButton },attrs:{"wrapper-attributes":_vm.wrapperAttributes},scopedSlots:_vm._u([(_vm.historyItems)?{key:"prepend",fn:function(){return [_c('gl-disclosure-dropdown',{ref:"historyDropdown",staticClass:"gl-search-box-by-click-history",attrs:{"icon":"history","category":"tertiary","toggle-text":"Toggle search history","text-sr-only":"","fluid-width":"","disabled":_vm.disabled,"aria-label":"Recent searches history"},scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('div',{staticClass:"gl-search-box-by-click-history-header gl-flex gl-min-h-8 gl-grow gl-items-center gl-border-b-1 gl-border-b-dropdown-divider !gl-p-4 gl-text-sm gl-font-bold gl-border-b-solid"},[_vm._v("\n          "+_vm._s(_vm.recentSearchesHeader)+"\n        ")])]},proxy:true},(_vm.historyItems.length)?{key:"footer",fn:function(){return [_c('div',{staticClass:"gl-flex gl-flex-col gl-border-t-1 gl-border-t-dropdown-divider gl-p-2 gl-border-t-solid"},[_c('gl-button',{ref:"clearHistory",staticClass:"!gl-justify-start",attrs:{"category":"tertiary"},on:{"click":_vm.emitClearHistory}},[_vm._v("\n            "+_vm._s(_vm.clearRecentSearchesText)+"\n          ")])],1)]},proxy:true}:null],null,true)},[_vm._v(" "),(_vm.historyItems.length)?_vm._l((_vm.historyItems),function(item,idx){return _c('gl-disclosure-dropdown-item',{key:idx,staticClass:"gl-search-box-by-click-history-item",attrs:{"aria-label":("Select recent search: " + (item || 'empty search'))},on:{"action":function($event){return _vm.selectHistoryItem(item)}},scopedSlots:_vm._u([{key:"list-item",fn:function(){return [_vm._t("history-item",function(){return [_vm._v(_vm._s(item))]},{"historyItem":item})]},proxy:true}],null,true)})}):_c('gl-disclosure-dropdown-item',{staticClass:"gl-px-4 gl-py-2 gl-text-sm gl-text-subtle",attrs:{"aria-label":("Select recent search: " + _vm.noRecentSearchesText)}},[_vm._v("\n        "+_vm._s(_vm.noRecentSearchesText)+"\n      ")])],2)]},proxy:true}:null,(_vm.showSearchButton)?{key:"append",fn:function(){return [_c('gl-button',_vm._b({ref:"searchButton",staticClass:"gl-search-box-by-click-search-button",attrs:{"category":"tertiary","icon":"search","disabled":_vm.disabled,"aria-label":"Search","data-testid":"search-button"},on:{"click":function($event){return _vm.search(_vm.currentValue)}}},'gl-button',_vm.searchButtonAttributes,false))]},proxy:true}:null],null,true)},[_vm._v(" "),_vm._t("input",function(){return [_c('gl-form-input',_vm._b({ref:"input",staticClass:"gl-search-box-by-click-input",class:{ '!gl-rounded-control': !_vm.showSearchButton },attrs:{"disabled":_vm.disabled},on:{"focus":function($event){_vm.isFocused = true;},"blur":function($event){_vm.isFocused = false;}},nativeOn:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.search(_vm.currentValue)}},model:{value:(_vm.currentValue),callback:function ($$v) {_vm.currentValue=$$v;},expression:"currentValue"}},'gl-form-input',_vm.inputAttributes,false))]}),_vm._v(" "),(_vm.clearable && _vm.hasValue && !_vm.disabled)?_c('gl-clear-icon-button',{staticClass:"gl-search-box-by-click-icon-button gl-search-box-by-click-clear-button gl-clear-icon-button",attrs:{"title":_vm.clearButtonTitle,"tooltip-container":_vm.tooltipContainer,"data-testid":"filtered-search-clear-button"},on:{"click":_vm.clearInput}}):_vm._e()],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/search_box_by_type/search_box_by_type.js

@@ -1,187 +0,0 @@
-import GlClearIconButton from '../../shared_components/clear_icon_button/clear_icon_button';
-import GlFormInput from '../form/form_input/form_input';
-import GlIcon from '../icon/icon';
-import GlLoadingIcon from '../loading_icon/loading_icon';
-import { translate } from '../../../utils/i18n';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'GlSearchBoxByType',
-  components: {
-    GlClearIconButton,
-    GlIcon,
-    GlFormInput,
-    GlLoadingIcon
-  },
-  inheritAttrs: false,
-  model: {
-    prop: 'value',
-    event: 'input'
-  },
-  props: {
-    /**
-     * If provided, used as value of search input
-     */
-    value: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    /**
-     * Whether to render the search box without borders
-     */
-    borderless: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * Title text for the clear button
-     */
-    clearButtonTitle: {
-      type: String,
-      required: false,
-      default: () => translate('GlSearchBoxByType.clearButtonTitle', 'Clear')
-    },
-    /**
-     * If provided and true, disables the input and controls
-     */
-    disabled: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * Puts search box into loading state, rendering spinner
-     */
-    isLoading: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * Container for tooltip. Valid values: DOM node, selector string or `false` for default
-     */
-    tooltipContainer: {
-      required: false,
-      default: false,
-      validator: value => value === false || typeof value === 'string' || value instanceof HTMLElement
-    }
-  },
-  computed: {
-    inputAttributes() {
-      const attributes = {
-        type: 'search',
-        placeholder: translate('GlSearchBoxByType.input.placeholder', 'Search'),
-        ...this.$attrs
-      };
-      if (!attributes['aria-label']) {
-        attributes['aria-label'] = attributes.placeholder;
-      }
-      return attributes;
-    },
-    hasValue() {
-      return Boolean(this.value.length);
-    },
-    inputListeners() {
-      return {
-        ...this.$listeners,
-        input: this.onInput,
-        focusin: this.onFocusin,
-        focusout: this.onFocusout
-      };
-    },
-    showClearButton() {
-      return this.hasValue && !this.disabled;
-    }
-  },
-  methods: {
-    isInputOrClearButton(element) {
-      var _this$$refs$input, _this$$refs$clearButt;
-      return element === ((_this$$refs$input = this.$refs.input) === null || _this$$refs$input === void 0 ? void 0 : _this$$refs$input.$el) || element === ((_this$$refs$clearButt = this.$refs.clearButton) === null || _this$$refs$clearButt === void 0 ? void 0 : _this$$refs$clearButt.$el);
-    },
-    clearInput() {
-      this.onInput('');
-      this.focusInput();
-    },
-    focusInput() {
-      this.$refs.input.$el.focus();
-    },
-    onInput(value) {
-      /**
-       * Emitted when the input value changes or gets cleared.
-       * @event input
-       */
-      this.$emit('input', value);
-    },
-    onFocusout(event) {
-      const {
-        relatedTarget
-      } = event;
-      if (this.isInputOrClearButton(relatedTarget)) {
-        return;
-      }
-
-      /**
-       * Emitted when focus leaves the search box (input and clear button).
-       * @event focusout
-       */
-      this.$emit('focusout', event);
-    },
-    onFocusin(event) {
-      const {
-        relatedTarget
-      } = event;
-      if (this.isInputOrClearButton(relatedTarget)) {
-        return;
-      }
-
-      /**
-       * Emitted when focus enters the search box (input or clear button).
-       * @event focusin
-       */
-      this.$emit('focusin', event);
-    }
-  }
-};
-
-/* 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-search-box-by-type"},[_c('gl-icon',{staticClass:"gl-search-box-by-type-search-icon",attrs:{"name":"search","variant":"subtle"}}),_vm._v(" "),_c('gl-form-input',_vm._g(_vm._b({ref:"input",class:{
-      'gl-search-box-by-type-input': !_vm.borderless,
-      'gl-search-box-by-type-input-borderless': _vm.borderless,
-    },attrs:{"value":_vm.value,"disabled":_vm.disabled}},'gl-form-input',_vm.inputAttributes,false),_vm.inputListeners)),_vm._v(" "),(_vm.isLoading || _vm.showClearButton)?_c('div',{staticClass:"gl-search-box-by-type-right-icons"},[(_vm.isLoading)?_c('gl-loading-icon',{staticClass:"gl-search-box-by-type-loading-icon"}):_vm._e(),_vm._v(" "),(_vm.showClearButton)?_c('gl-clear-icon-button',{ref:"clearButton",staticClass:"gl-search-box-by-type-clear gl-clear-icon-button",attrs:{"title":_vm.clearButtonTitle,"tooltip-container":_vm.tooltipContainer},on:{"click":function($event){$event.stopPropagation();return _vm.clearInput.apply(null, arguments)},"focusin":_vm.onFocusin,"focusout":_vm.onFocusout}}):_vm._e()],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__ = /*#__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 };