@gitlab/ui 72.12.0 → 72.12.1

package/dist/components/experimental/experiment_badge/experiment_badge.js

@@ -0,0 +1,107 @@
+import uniqueId from 'lodash/uniqueId';
+import GlBadge from '../../base/badge/badge';
+import GlLink from '../../base/link/link';
+import GlPopover from '../../base/popover/popover';
+import GlSprintf from '../../utilities/sprintf/sprintf';
+import { badgeTypes, badgeTypeValidator } from './constants';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+const i18n = {
+  experiment: {
+    BADGE: 'Experiment',
+    POPOVER_TITLE: "What's an Experiment?",
+    POPOVER_CONTENT: "An %{linkStart}Experiment%{linkEnd} is a feature that's in the process of being developed. It's not production-ready. We encourage users to try Experimental features and provide feedback. An Experiment: %{bullets}",
+    POPOVER_BULLETS: ['May be unstable', 'Has no support and might not be documented', 'Can be removed at any time']
+  },
+  beta: {
+    BADGE: 'Beta',
+    POPOVER_TITLE: "What's a Beta?",
+    POPOVER_CONTENT: "A %{linkStart}Beta%{linkEnd} feature is not production-ready, but is unlikely to change drastically before it's released. We encourage users to try Beta features and provide feedback.\nA Beta feature: %{bullets}",
+    POPOVER_BULLETS: ['May be unstable', 'Should not cause data loss', 'Is supported by a commercially reasonable effort', 'Is complete or near completion']
+  }
+};
+var script = {
+  name: 'GlExperimentBadge',
+  components: {
+    GlBadge,
+    GlPopover,
+    GlSprintf,
+    GlLink
+  },
+  props: {
+    /**
+     * The URL of a page to provide more explanations on the experiment.
+     */
+    helpPageUrl: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    /**
+     * The placement of the popover in relation to the button.
+     */
+    popoverPlacement: {
+      type: String,
+      required: false,
+      default: 'bottom'
+    },
+    /**
+     * The type of the badge.
+     */
+    type: {
+      type: String,
+      required: false,
+      default: badgeTypes[0],
+      validator: badgeTypeValidator
+    }
+  },
+  computed: {
+    activeType() {
+      return i18n[this.type];
+    }
+  },
+  created() {
+    this.triggerId = uniqueId('experiment-badge-');
+  }
+};
+
+/* 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-badge',{staticClass:"gl-mx-4 gl-hover-cursor-pointer",attrs:{"id":_vm.triggerId,"variant":"neutral","size":"md"}},[_c('span',[_vm._v(_vm._s(_vm.activeType.BADGE))]),_vm._v(" "),_c('gl-popover',{attrs:{"triggers":"click","show-close-button":"","placement":_vm.popoverPlacement,"target":_vm.triggerId,"css-classes":['gl-z-index-9999!'],"title":_vm.activeType.POPOVER_TITLE}},[_c('gl-sprintf',{attrs:{"message":_vm.activeType.POPOVER_CONTENT},scopedSlots:_vm._u([{key:"link",fn:function(ref){
+var content = ref.content;
+return [(_vm.helpPageUrl)?_c('gl-link',{staticClass:"gl-font-sm!",attrs:{"href":_vm.helpPageUrl,"target":"_blank"}},[_vm._v("\n          "+_vm._s(content)+"\n        ")]):_c('span',[_vm._v(_vm._s(content))])]}},{key:"bullets",fn:function(){return [_c('ul',{staticClass:"gl-mb-0 gl-pl-5"},_vm._l((_vm.activeType.POPOVER_BULLETS),function(item,i){return _c('li',{key:("li-" + i)},[_vm._v("\n            "+_vm._s(item)+"\n          ")])}),0)]},proxy:true}])})],1)],1)};
+var __vue_staticRenderFns__ = [];
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export default __vue_component__;
+export { i18n };

package/dist/components/mixins/button_mixin.js

@@ -0,0 +1,11 @@
+import { buttonSizeOptions } from '../../utils/constants';
+
+const ButtonMixin = {
+  computed: {
+    buttonSize() {
+      return buttonSizeOptions[this.size];
+    }
+  }
+};
+
+export { ButtonMixin };

package/dist/components/mixins/safe_link_mixin.js

@@ -0,0 +1,30 @@
+import { SafeLinkDirective } from '../../directives/safe_link/safe_link';
+
+const SafeLinkMixin = {
+  directives: {
+    SafeLink: SafeLinkDirective
+  },
+  props: {
+    isUnsafeLink: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    // This prevents bootstrap-vue from setting target="_self"
+    // when target attribute is not present
+    target: {
+      type: String,
+      required: false,
+      default: null
+    }
+  },
+  computed: {
+    safeLinkConfig() {
+      return {
+        skipSanitization: this.isUnsafeLink
+      };
+    }
+  }
+};
+
+export { SafeLinkMixin };

package/dist/components/mixins/tooltip_mixin.js

@@ -0,0 +1,21 @@
+import { tooltipActionEvents } from '../../utils/constants';
+
+// eslint-disable-next-line import/no-default-export
+var tooltip_mixin = (tooltipRefName => ({
+  mounted() {
+    /**
+     * Pass through the events to programmatically open, close, enable
+     * and disable a tooltip or a popover.
+     *
+     * References
+     * https://bootstrap-vue.org/docs/components/popover#programmatically-show-and-hide-popover
+     * https://bootstrap-vue.org/docs/components/tooltip#programmatically-show-and-hide-tooltip
+     */
+    tooltipActionEvents.forEach(event => this.$on(event, () => this.$refs[tooltipRefName].$emit(event)));
+  },
+  beforeDestroy() {
+    tooltipActionEvents.forEach(event => this.$off(event));
+  }
+}));
+
+export default tooltip_mixin;

package/dist/components/regions/dashboard_skeleton/dashboard_skeleton.js

@@ -0,0 +1,53 @@
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'GlDashboardSkeleton',
+  props: {
+    /**
+     * Number of cards to be shown
+     */
+    cards: {
+      type: Number,
+      required: false,
+      default: 3
+    }
+  }
+};
+
+/* 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:"row dashboard-cards"},_vm._l((_vm.cards),function(index){return _c('div',{key:index,staticClass:"col-12 col-md-6 col-xl-4 px-2"},[_c('div',{staticClass:"rounded-top py-4 bg-light"}),_vm._v(" "),_vm._m(0,true)])}),0)};
+var __vue_staticRenderFns__ = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dashboard-card-body card-body bg-secondary"},[_c('div',{staticClass:"row"},[_c('div',{staticClass:"col-1 align-self-center"},[_c('div',{staticClass:"bg-light p-3 rounded-circle"})]),_vm._v(" "),_c('div',{staticClass:"col-10 col-sm-6 align-self-center pl-4"},[_c('div',{staticClass:"dashboard-card-skeleton-info bg-light py-2 w-100 mb-2"}),_vm._v(" "),_c('div',{staticClass:"dashboard-card-skeleton-info bg-light py-2 w-100"})]),_vm._v(" "),_c('div',{staticClass:"col-sm-5 align-self-center d-none d-sm-block"},[_c('div',{staticClass:"dashboard-card-skeleton-info bg-light py-2 w-100"})])]),_vm._v(" "),_c('div',{staticClass:"dashboard-card-footer bg-light py-3 mt-3"})])}];
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export default __vue_component__;

package/dist/components/regions/empty_state/empty_state.js

@@ -0,0 +1,154 @@
+import GlButton from '../../base/button/button';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'GlEmptyState',
+  components: {
+    GlButton
+  },
+  props: {
+    /**
+     * The title (heading) of the empty state.
+     */
+    title: {
+      type: String,
+      required: false,
+      default: null
+    },
+    /**
+     * The illustration's URL.
+     */
+    svgPath: {
+      type: String,
+      required: false,
+      default: null
+    },
+    /**
+     * The illustration's height used to prevent content reflow.
+     */
+    svgHeight: {
+      type: Number,
+      required: false,
+      default: 144
+    },
+    /**
+     * The desciption/body text of the empty state.
+     */
+    description: {
+      type: String,
+      required: false,
+      default: null
+    },
+    /**
+     * The primary GlButton's href.
+     */
+    primaryButtonLink: {
+      type: String,
+      required: false,
+      default: null
+    },
+    /**
+     * The primary GlButton's text. If falsey, the button is not shown.
+     */
+    primaryButtonText: {
+      type: String,
+      required: false,
+      default: null
+    },
+    /**
+     * The secondary GlButton's href.
+     */
+    secondaryButtonLink: {
+      type: String,
+      required: false,
+      default: null
+    },
+    /**
+     * The secondary GlButton's text. If falsey, the button is not shown.
+     */
+    secondaryButtonText: {
+      type: String,
+      required: false,
+      default: null
+    },
+    /**
+     * Determines whether to render the compact layout.
+     */
+    compact: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    invertInDarkMode: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    /**
+     * CSS classes to add to the content container
+     */
+    contentClass: {
+      type: [Array, String, Object],
+      required: false,
+      default: () => []
+    }
+  },
+  computed: {
+    height() {
+      return this.shouldPreventImageReflow ? this.svgHeight : null;
+    },
+    shouldPreventImageReflow() {
+      return Boolean(this.svgHeight);
+    },
+    shouldRenderPrimaryButton() {
+      return Boolean(this.primaryButtonLink && this.primaryButtonText);
+    },
+    shouldRenderSecondaryButton() {
+      return Boolean(this.secondaryButtonLink && this.secondaryButtonText);
+    },
+    contentClasses() {
+      return [this.compact ? 'gl-flex-grow-1 gl-flex-basis-0 gl-px-4' : 'gl-m-auto gl-p-5', this.contentClass];
+    }
+  }
+};
+
+/* 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('section',{staticClass:"gl-display-flex",class:{
+    'gl-empty-state gl-text-center gl-flex-direction-column': !_vm.compact,
+    'gl-flex-direction-row': _vm.compact,
+  }},[_c('div',{class:{ 'gl-display-none gl-sm-display-block gl-px-4': _vm.compact, 'gl-max-w-full': !_vm.compact }},[(_vm.svgPath)?_c('img',{staticClass:"gl-max-w-full",class:{ 'gl-dark-invert-keep-hue': _vm.invertInDarkMode },attrs:{"src":_vm.svgPath,"alt":"","height":_vm.height}}):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"gl-empty-state-content gl-mx-auto gl-my-0",class:_vm.contentClasses,attrs:{"data-testid":"gl-empty-state-content"}},[_vm._t("title",function(){return [_c('h1',{staticClass:"gl-font-size-h-display gl-line-height-36 gl-mt-0 gl-mb-0",class:_vm.compact ? 'h5' : 'h4'},[_vm._v("\n        "+_vm._s(_vm.title)+"\n      ")])]}),_vm._v(" "),(_vm.description || _vm.$scopedSlots.description)?_c('p',{ref:"description",staticClass:"gl-mt-4 gl-mb-0"},[_vm._t("description",function(){return [_vm._v("\n        "+_vm._s(_vm.description)+"\n      ")]})],2):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-display-flex gl-flex-wrap gl-mt-5",class:{ 'gl-justify-content-center': !_vm.compact }},[_vm._t("actions",function(){return [(_vm.shouldRenderPrimaryButton)?_c('gl-button',{staticClass:"gl-mb-3",class:_vm.compact ? 'gl-mr-3' : 'gl-mx-2',attrs:{"variant":"confirm","href":_vm.primaryButtonLink}},[_vm._v(_vm._s(_vm.primaryButtonText))]):_vm._e(),_vm._v(" "),(_vm.shouldRenderSecondaryButton)?_c('gl-button',{staticClass:"gl-mb-3 gl-mr-3",class:{ 'gl-mx-2!': !_vm.compact },attrs:{"href":_vm.secondaryButtonLink}},[_vm._v(_vm._s(_vm.secondaryButtonText)+"\n        ")]):_vm._e()]})],2)],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__ = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export default __vue_component__;

package/dist/components/shared_components/charts/tooltip_default_format.js

@@ -0,0 +1,53 @@
+import SeriesLabel from '../../charts/series_label/series_label';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'TooltipDefaultFormat',
+  components: {
+    SeriesLabel
+  },
+  props: {
+    tooltipContent: {
+      type: Object,
+      required: true
+    }
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._l((_vm.tooltipContent),function(value,label){return _c('div',{key:("" + label + (value.value)),staticClass:"gl-charts-tooltip-default-format-series"},[_c('series-label',{staticClass:"gl-charts-tooltip-default-format-series-label",attrs:{"color":value.color}},[_vm._v("\n      "+_vm._s(label)+"\n    ")]),_vm._v(" "),_c('div',{staticClass:"gl-charts-tooltip-default-format-series-value"},[_vm._t("tooltip-value",function(){return [_vm._v(_vm._s(value.value))]},{"value":value.value})],2)],1)}),0)};
+var __vue_staticRenderFns__ = [];
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export default __vue_component__;

package/dist/components/shared_components/clear_icon_button/clear_icon_button.js

@@ -0,0 +1,64 @@
+import { GlTooltipDirective } from '../../../directives/tooltip';
+import GlButton from '../../base/button/button';
+import { translate } from '../../../utils/i18n';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'ClearIconButton',
+  components: {
+    GlButton
+  },
+  directives: {
+    GlTooltip: GlTooltipDirective
+  },
+  props: {
+    title: {
+      type: String,
+      required: false,
+      default: () => translate('ClearIconButton.title', 'Clear')
+    },
+    tooltipContainer: {
+      required: false,
+      default: false,
+      validator: value => value === false || typeof value === 'string' || value instanceof HTMLElement
+    }
+  }
+};
+
+/* 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-button',_vm._g({directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip.hover",value:({ container: _vm.tooltipContainer }),expression:"{ container: tooltipContainer }",modifiers:{"hover":true}}],staticClass:"gl-clear-icon-button",attrs:{"variant":"default","category":"tertiary","size":"small","name":"clear","icon":"clear","title":_vm.title,"aria-label":_vm.title}},_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__ = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export default __vue_component__;

package/dist/components/shared_components/close_button/close_button.js

@@ -0,0 +1,54 @@
+import GlButton from '../../base/button/button';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'CloseButton',
+  components: {
+    GlButton
+  },
+  props: {
+    label: {
+      type: String,
+      required: false,
+      default: 'Close'
+    }
+  }
+};
+
+/* 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-button',_vm._g(_vm._b({attrs:{"category":"tertiary","size":"small","icon":"close","aria-label":_vm.label}},'gl-button',_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__ = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export default __vue_component__;

package/dist/components/utilities/animated_number/animated_number.js

@@ -0,0 +1,131 @@
+import { formatNumberToLocale } from '../../../utils/number_utils';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'AnimatedNumber',
+  props: {
+    number: {
+      type: Number,
+      required: true
+    },
+    /**
+     * Controls how long it takes for the animation to complete.
+     */
+    duration: {
+      type: Number,
+      required: false,
+      default: 2000
+    },
+    /**
+     * Controls the number of decimal places displayed in the output.
+     */
+    decimalPlaces: {
+      type: Number,
+      required: false,
+      default: 0
+    },
+    useDelimiters: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    animateOnMount: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  data() {
+    return {
+      displayNumber: 0,
+      startTime: null
+    };
+  },
+  computed: {
+    animatedNumber() {
+      const number = this.displayNumber.toFixed(this.decimalPlaces);
+      if (this.useDelimiters) {
+        return formatNumberToLocale(number, {
+          minimumFractionDigits: this.decimalPlaces
+        });
+      }
+      return number;
+    }
+  },
+  ready() {
+    this.displayNumber = this.number ? this.number : 0;
+  },
+  watch: {
+    number() {
+      this.animate();
+    }
+  },
+  mounted() {
+    if (this.animateOnMount) {
+      this.animate();
+    } else {
+      this.displayNumber = this.number;
+    }
+  },
+  methods: {
+    animate() {
+      this.$emit('animating');
+      window.requestAnimationFrame(this.count);
+    },
+    count(timestamp) {
+      if (!this.startTime) {
+        this.startTime = timestamp;
+      }
+      const progress = timestamp - this.startTime;
+      if (progress < this.duration) {
+        if (this.displayNumber !== this.number) {
+          const change = (this.number - this.displayNumber) / (this.duration / 100);
+          this.displayNumber += change;
+        }
+        window.requestAnimationFrame(this.count);
+      } else {
+        this.displayNumber = this.number; // Ensures that the final number is accurate.
+        this.startTime = null;
+        this.$emit('animated');
+      }
+    }
+  }
+};
+
+/* 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._v(_vm._s(_vm.animatedNumber))])};
+var __vue_staticRenderFns__ = [];
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export default __vue_component__;