@gitlab/ui 131.2.0 → 131.3.1

package/dist/components/base/toast/toast.js

@@ -1,125 +0,0 @@
-import CloseButton from '../../shared_components/close_button/close_button';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-const MIN_DURATION = 1000;
-const DEFAULT_AUTO_HIDE_DELAY = 5000;
-const hasAnimateSupport = typeof Element !== 'undefined' && Boolean(Element.prototype.animate);
-var script = {
-  name: 'GlToast',
-  components: {
-    CloseButton
-  },
-  props: {
-    toastId: {
-      type: String,
-      required: true
-    },
-    message: {
-      type: String,
-      required: true
-    },
-    action: {
-      type: Object,
-      required: false,
-      default: null
-    },
-    autoHideDelay: {
-      type: Number,
-      required: false,
-      default: DEFAULT_AUTO_HIDE_DELAY
-    }
-  },
-  data() {
-    return {
-      visible: true
-    };
-  },
-  computed: {
-    effectiveDelay() {
-      return Math.max(this.autoHideDelay, MIN_DURATION);
-    }
-  },
-  created() {
-    this.useCssTransition = hasAnimateSupport;
-    this.dismissTimer = null;
-    this.deadline = 0;
-    this.timeRemaining = this.effectiveDelay;
-    this.isHiding = false;
-  },
-  beforeDestroy() {
-    clearTimeout(this.dismissTimer);
-  },
-  methods: {
-    startDismissTimer() {
-      clearTimeout(this.dismissTimer);
-      this.deadline = Date.now() + this.timeRemaining;
-      this.dismissTimer = setTimeout(() => this.hide(), this.timeRemaining);
-    },
-    onPause() {
-      if (!this.dismissTimer) return;
-      clearTimeout(this.dismissTimer);
-      this.dismissTimer = null;
-      this.timeRemaining = Math.max(this.deadline - Date.now(), MIN_DURATION);
-    },
-    onResume() {
-      if (!this.timeRemaining || this.dismissTimer) return;
-      this.startDismissTimer();
-    },
-    hide() {
-      if (this.isHiding) return;
-      this.isHiding = true;
-      clearTimeout(this.dismissTimer);
-      this.dismissTimer = null;
-      this.visible = false;
-    },
-    onAfterLeave() {
-      this.$emit('hidden', this.toastId);
-    },
-    onActionClick(e) {
-      if (this.action && this.action.onClick) {
-        this.action.onClick(e, {
-          id: this.toastId,
-          hide: () => this.hide()
-        });
-      }
-    }
-  }
-};
-
-/* 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:"b-toast b-toast-append",attrs:{"id":(_vm.toastId + "_toast_outer"),"role":"status","aria-live":"polite","aria-atomic":"true"}},[_c('transition',{attrs:{"enter-active-class":"fade","enter-to-class":"show","leave-class":"show","leave-active-class":"fade","appear":"","appear-active-class":"fade","appear-to-class":"show","css":_vm.useCssTransition},on:{"after-appear":_vm.startDismissTimer,"after-leave":_vm.onAfterLeave}},[(_vm.visible)?_c('div',{staticClass:"toast gl-toast",attrs:{"id":_vm.toastId,"tabindex":"0"},on:{"mouseenter":_vm.onPause,"mouseleave":_vm.onResume}},[_c('div',{staticClass:"toast-body"},[_vm._v(_vm._s(_vm.message))]),_vm._v(" "),_c('header',{staticClass:"toast-header"},[(_vm.action)?_c('a',{staticClass:"gl-toast-action",attrs:{"role":_vm.action.href ? undefined : 'button',"href":_vm.action.href},on:{"click":_vm.onActionClick}},[_vm._v(_vm._s(_vm.action.text))]):_vm._e(),_vm._v(" "),_c('close-button',{staticClass:"gl-toast-close-button",on:{"click":_vm.hide}})],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 };

package/dist/components/base/toast/toaster.js

@@ -1,87 +0,0 @@
-import { MountingPortal } from 'portal-vue';
-import GlToast from './toast';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-const hasViewTransitions = typeof document !== 'undefined' && typeof document.startViewTransition === 'function';
-var script = {
-  name: 'GlToaster',
-  components: {
-    MountingPortal,
-    GlToast
-  },
-  expose: ['addToast', 'hideToast', 'removeToast'],
-  data() {
-    return {
-      toasts: []
-    };
-  },
-  methods: {
-    addToast(config) {
-      const add = () => this.toasts.push(config);
-      if (hasViewTransitions && this.toasts.length > 0) {
-        document.startViewTransition(add);
-      } else {
-        add();
-      }
-    },
-    hideToast(id) {
-      const refs = this.$refs.toastRefs;
-      if (!refs) return;
-      const toastComponents = Array.isArray(refs) ? refs : [refs];
-      const component = toastComponents.find(c => c.toastId === id);
-      if (component) {
-        component.hide();
-      }
-    },
-    removeToast(id) {
-      const idx = this.toasts.findIndex(t => t.id === id);
-      if (idx !== -1) {
-        const toast = this.toasts[idx];
-        this.toasts.splice(idx, 1);
-        if (toast.onComplete) {
-          toast.onComplete({
-            componentId: id
-          });
-        }
-      }
-    }
-  }
-};
-
-/* 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('mounting-portal',{attrs:{"mount-to":"body","append":""}},[_c('div',{staticClass:"b-toaster b-toaster-bottom-left",attrs:{"id":"gl-toaster"}},[_c('div',{staticClass:"b-toaster-slot"},_vm._l((_vm.toasts),function(toast){return _c('gl-toast',{key:toast.id,ref:"toastRefs",refInFor:true,attrs:{"toast-id":toast.id,"message":toast.message,"action":toast.action,"auto-hide-delay":toast.autoHideDelay},on:{"hidden":_vm.removeToast}})}),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 };

package/dist/components/base/toggle/toggle.js

@@ -1,178 +0,0 @@
-import { uniqueId } from 'lodash-es';
-import { toggleLabelPosition } from '../../../utils/constants';
-import GlIcon from '../icon/icon';
-import GlLoadingIcon from '../loading_icon/loading_icon';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-let uuid = 0;
-var script = {
-  name: 'GlToggle',
-  components: {
-    GlIcon,
-    GlLoadingIcon
-  },
-  model: {
-    prop: 'value',
-    event: 'change'
-  },
-  props: {
-    name: {
-      type: String,
-      required: false,
-      default: null
-    },
-    /**
-     * The toggle's state.
-     * @model
-     */
-    value: {
-      type: Boolean,
-      required: false,
-      default: null
-    },
-    /**
-     * Whether the toggle should be disabled.
-     */
-    disabled: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * Whether the toggle is in the loading state.
-     */
-    isLoading: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * The toggle's label.
-     */
-    label: {
-      type: String,
-      required: false,
-      default: null
-    },
-    /**
-     * The toggle's description.
-     */
-    description: {
-      type: String,
-      required: false,
-      default: undefined
-    },
-    /**
-     * A help text to be shown below the toggle.
-     */
-    help: {
-      type: String,
-      required: false,
-      default: undefined
-    },
-    /**
-     * The label's position relative to the toggle. If 'hidden', the toggle will add the .gl-sr-only class so the label is still accessible to screen readers.
-     */
-    labelPosition: {
-      type: String,
-      required: false,
-      default: 'top',
-      validator(position) {
-        return Object.values(toggleLabelPosition).includes(position);
-      }
-    }
-  },
-  data() {
-    return {
-      labelId: uniqueId('toggle-label-')
-    };
-  },
-  computed: {
-    shouldRenderDescription() {
-      return Boolean(this.$scopedSlots.description || this.description) && this.isVerticalLayout;
-    },
-    shouldRenderHelp() {
-      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
-      return Boolean(this.$slots.help || this.help) && this.isVerticalLayout;
-    },
-    toggleClasses() {
-      return [{
-        'gl-sr-only': this.labelPosition === 'hidden'
-      }, this.shouldRenderDescription ? 'gl-mb-2' : 'gl-mb-3'];
-    },
-    icon() {
-      return this.value ? 'check-xs' : 'close-xs';
-    },
-    helpId() {
-      return this.shouldRenderHelp ? `toggle-help-${this.uuid}` : undefined;
-    },
-    isChecked() {
-      return this.value ? 'true' : 'false';
-    },
-    isVerticalLayout() {
-      return this.labelPosition === 'top' || this.labelPosition === 'hidden';
-    }
-  },
-  beforeCreate() {
-    this.uuid = uuid;
-    uuid += 1;
-  },
-  methods: {
-    toggleFeature() {
-      if (!this.disabled) {
-        /**
-         * Emitted when the state changes.
-         *
-         * @event change
-         * @property {boolean} value Whether the toggle is enabled.
-         */
-        this.$emit('change', !this.value);
-      }
-    }
-  }
-};
-
-/* 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-toggle-wrapper gl-mb-0 gl-flex",class:{
-    'gl-flex-col': _vm.isVerticalLayout,
-    'gl-toggle-label-inline': !_vm.isVerticalLayout,
-    'is-disabled': _vm.disabled,
-  },attrs:{"data-testid":"toggle-wrapper"}},[_c('span',{staticClass:"gl-toggle-label gl-shrink-0",class:_vm.toggleClasses,attrs:{"id":_vm.labelId,"data-testid":"toggle-label"}},[_vm._t("label",function(){return [_vm._v(_vm._s(_vm.label))]})],2),_vm._v(" "),(_vm.shouldRenderDescription)?_c('span',{staticClass:"gl-description-label gl-mb-3",attrs:{"data-testid":"toggle-description"}},[_vm._t("description",function(){return [_vm._v(_vm._s(_vm.description))]})],2):_vm._e(),_vm._v(" "),(_vm.name)?_c('input',{attrs:{"name":_vm.name,"type":"hidden"},domProps:{"value":_vm.value}}):_vm._e(),_vm._v(" "),_c('button',{staticClass:"gl-toggle gl-shrink-0",class:{
-      'is-checked': _vm.value,
-      'is-disabled': _vm.disabled || _vm.isLoading,
-    },attrs:{"role":"switch","aria-checked":_vm.isChecked,"aria-labelledby":_vm.labelId,"aria-describedby":_vm.helpId,"aria-disabled":_vm.disabled,"type":"button","disabled":_vm.disabled},on:{"click":function($event){$event.preventDefault();return _vm.toggleFeature.apply(null, arguments)}}},[(_vm.isLoading)?_c('gl-loading-icon',{staticClass:"toggle-loading",attrs:{"color":"dark"}}):_c('span',{staticClass:"toggle-icon"},[_c('gl-icon',{attrs:{"name":_vm.icon,"size":12}})],1)],1),_vm._v(" "),(_vm.shouldRenderHelp)?_c('span',{staticClass:"gl-help-label",attrs:{"id":_vm.helpId,"data-testid":"toggle-help"}},[_vm._t("help",function(){return [_vm._v(_vm._s(_vm.help))]})],2):_vm._e()])};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__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/token/token.js

@@ -1,97 +0,0 @@
-import { tokenVariants } from '../../../utils/constants';
-import { translate } from '../../../utils/i18n';
-import CloseButton from '../../shared_components/close_button/close_button';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'GlToken',
-  components: {
-    CloseButton
-  },
-  props: {
-    /**
-     * When true, hides the close button and makes the token non-removable.
-     */
-    viewOnly: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * Token visual variants: default, search-type, and search-value.
-     */
-    variant: {
-      type: String,
-      required: false,
-      default: 'default',
-      validator: variant => tokenVariants.includes(variant)
-    },
-    /**
-     * The close button's label, it is used for the button's aria-label attribute.
-     */
-    removeLabel: {
-      type: String,
-      required: false,
-      default: () => translate('GlToken.closeButtonTitle', 'Remove')
-    }
-  },
-  computed: {
-    variantClass() {
-      // eslint-disable-next-line @gitlab/tailwind-no-interpolation -- Not a CSS utility
-      return `gl-token-${this.variant}-variant`;
-    },
-    viewOnlyClass() {
-      return {
-        'gl-token-view-only': this.viewOnly
-      };
-    }
-  },
-  methods: {
-    close($event) {
-      /**
-       * Emitted when x is clicked
-       *
-       * @event close
-       */
-      this.$emit('close', $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('span',_vm._g({class:['gl-token', _vm.variantClass, _vm.viewOnlyClass]},_vm.$listeners),[_c('span',{staticClass:"gl-token-content"},[_vm._t("default"),_vm._v(" "),(!_vm.viewOnly)?_c('close-button',{staticClass:"gl-token-close",attrs:{"label":_vm.removeLabel},on:{"click":_vm.close}}):_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/token_selector/helpers.js

@@ -1,5 +0,0 @@
-import { has } from 'lodash-es';
-
-const tokensValidator = tokens => tokens.every(token => has(token, 'id'));
-
-export { tokensValidator };

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

@@ -1,160 +0,0 @@
-import GlToken from '../token/token';
-import GlButton from '../button/button';
-import { tokensValidator } from './helpers';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'GlTokenContainer',
-  components: {
-    GlToken,
-    GlButton
-  },
-  props: {
-    tokens: {
-      type: Array,
-      // All tokens need to have an `id` key
-      validator: tokensValidator,
-      required: true
-    },
-    registerFocusOnToken: {
-      type: Function,
-      required: true
-    },
-    viewOnly: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    showClearAllButton: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  data() {
-    return {
-      bindFocusEvent: true,
-      focusedTokenIndex: null
-    };
-  },
-  computed: {
-    focusedToken() {
-      return this.tokens[this.focusedTokenIndex] || null;
-    }
-  },
-  watch: {
-    focusedToken(newValue) {
-      var _this$$refs$tokens;
-      if (newValue === null) {
-        return;
-      }
-      const tokenRef = (_this$$refs$tokens = this.$refs.tokens) === null || _this$$refs$tokens === void 0 ? void 0 : _this$$refs$tokens.find(ref => ref.dataset.tokenId === newValue.id.toString());
-      if (tokenRef) {
-        // Prevent `handleTokenFocus` from being called when we manually focus on a token
-        this.bindFocusEvent = false;
-        tokenRef.focus();
-        this.bindFocusEvent = true;
-      }
-    }
-  },
-  created() {
-    this.registerFocusOnToken(this.focusOnToken);
-  },
-  methods: {
-    handleClose(token) {
-      this.$emit('token-remove', token);
-      this.focusedTokenIndex = null;
-    },
-    handleLeftArrow() {
-      if (this.focusedTokenIndex === 0) {
-        this.focusLastToken();
-      } else {
-        this.focusPrevToken();
-      }
-    },
-    handleRightArrow() {
-      if (this.focusedTokenIndex === this.tokens.length - 1) {
-        this.focusFirstToken();
-      } else {
-        this.focusNextToken();
-      }
-    },
-    handleHome() {
-      this.focusFirstToken();
-    },
-    handleEnd() {
-      this.focusLastToken();
-    },
-    handleDelete() {
-      this.$emit('token-remove', this.focusedToken);
-      if (this.focusedTokenIndex > 0) {
-        this.focusPrevToken();
-      }
-    },
-    handleEscape() {
-      this.focusedTokenIndex = null;
-      this.$emit('cancel-focus');
-    },
-    handleTab() {
-      this.$emit('cancel-focus');
-    },
-    // Only called when a token is focused by a click/tap
-    handleTokenFocus(index) {
-      this.focusedTokenIndex = index;
-    },
-    focusLastToken() {
-      this.focusedTokenIndex = this.tokens.length - 1;
-    },
-    focusFirstToken() {
-      this.focusedTokenIndex = 0;
-    },
-    focusNextToken() {
-      this.focusedTokenIndex += 1;
-    },
-    focusPrevToken() {
-      this.focusedTokenIndex -= 1;
-    },
-    focusOnToken() {
-      let tokenIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      this.focusedTokenIndex = tokenIndex;
-    }
-  }
-};
-
-/* 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-w-full gl-flex-nowrap gl-items-start"},[_c('div',{staticClass:"gl-flex gl-grow gl-flex-wrap gl-items-start"},[_c('div',{ref:"tokenContainer",staticClass:"-gl-mx-1 -gl-my-1 gl-flex gl-w-auto gl-list-none gl-flex-wrap gl-items-center gl-p-0",on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.handleLeftArrow.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"right",39,$event.key,["Right","ArrowRight"])){ return null; }if('button' in $event && $event.button !== 2){ return null; }return _vm.handleRightArrow.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }return _vm.handleHome.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }return _vm.handleEnd.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"delete",[8,46],$event.key,["Backspace","Delete","Del"])){ return null; }return _vm.handleDelete.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.handleEscape.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }$event.preventDefault();return _vm.handleTab.apply(null, arguments)}]}},_vm._l((_vm.tokens),function(token,index){return _c('div',{key:token.id,ref:"tokens",refInFor:true,staticClass:"gl-token-selector-token-container gl-px-1 gl-py-2 gl-outline-none",attrs:{"data-token-id":token.id,"data-testid":"gl-token-selector-tokens","tabindex":"-1"},on:{"focus":function($event){_vm.bindFocusEvent ? _vm.handleTokenFocus(index) : null;}}},[_c('gl-token',{staticClass:"gl-cursor-default",class:token.class,style:(token.style),attrs:{"view-only":_vm.viewOnly},on:{"close":function($event){return _vm.handleClose(token)}}},[_vm._t("token-content",function(){return [_c('span',[_vm._v("\n              "+_vm._s(token.name)+"\n            ")])]},{"token":token})],2)],1)}),0),_vm._v(" "),_vm._t("text-input")],2),_vm._v(" "),(_vm.showClearAllButton)?_c('div',{staticClass:"gl-ml-3 gl-p-1"},[_c('gl-button',{attrs:{"size":"small","aria-label":"Clear all","icon":"clear","category":"tertiary","data-testid":"clear-all-button"},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('clear-all')}}})],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__ = /*#__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 };