@gitlab/ui 132.0.1 → 132.0.2

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

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

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

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

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