@onereach/ui-components 2.63.0 → 2.64.0-beta.1939.0

package/dist/v2/OrChips.vue_rollup-plugin-vue_styles.0-c780c5eb.js

@@ -1,325 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIcon-7cd10497.js';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$3 } from './OrLabel-931394a5.js';
-import { _ as __vue_component__$4 } from './OrError-efc74907.js';
-
-var script$2 = defineComponent({
-  name: 'OrChip',
-  components: {
-    OrIcon: __vue_component__$2
-  },
-  props: {
-    content: {
-      type: String,
-      default: ''
-    },
-    color: {
-      type: String,
-      default: ''
-    },
-    canDelete: {
-      type: Boolean,
-      default: true
-    },
-    isDisabled: Boolean
-  },
-  emits: ['delete'],
-  computed: {
-    states() {
-      return {
-        [this.color]: !!this.color,
-        disabled: this.isDisabled
-      };
-    }
-  },
-  methods: {
-    handleDeleteClick() {
-      if (!this.isDisabled) {
-        this.$emit('delete');
-      }
-    }
-  }
-});
-
-var css_248z$2 = "@keyframes spinAround-data-v-17cf7336{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-17cf7336{from{opacity:1}to{opacity:0}}.or-chip[data-v-17cf7336]{display:inline-flex;align-items:center;max-width:100%;padding:.25rem .5rem;overflow:hidden;font-size:var(--fs-0);line-height:var(--lh-0);background-color:var(--c-neutral-2);border-radius:1rem}.or-chip.error[data-v-17cf7336]{color:var(--c-white);background-color:var(--c-error)}.or-chip.disabled[data-v-17cf7336]{opacity:.75}.or-chip.disabled .or-chip-button[data-v-17cf7336]{cursor:inherit}.or-chip-content[data-v-17cf7336]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.or-chip-button[data-v-17cf7336]{display:flex;margin-left:.5rem;cursor:pointer;user-select:none}.or-chip[data-v-17cf7336]  .or-icon{font-size:.875rem;transition:none}";
-styleInject(css_248z$2);
-
-/* script */
-const __vue_script__$1 = script$2;
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('span', {
-    staticClass: "or-chip",
-    class: _vm.states
-  }, [_c('span', {
-    staticClass: "or-chip-content"
-  }, [_vm._v("\n    " + _vm._s(_vm.content) + "\n  ")]), _vm._v(" "), _vm.canDelete ? _c('span', {
-    staticClass: "or-chip-button",
-    on: {
-      "click": _vm.handleDeleteClick
-    }
-  }, [_c('or-icon', {
-    attrs: {
-      "icon": "close"
-    }
-  })], 1) : _vm._e()]);
-};
-var __vue_staticRenderFns__$1 = [];
-
-/* style */
-const __vue_inject_styles__$1 = undefined;
-/* scoped */
-const __vue_scope_id__$1 = "data-v-17cf7336";
-/* module identifier */
-const __vue_module_identifier__$1 = undefined;
-/* functional template */
-const __vue_is_functional_template__$1 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-
-const OR_CHIPS_VALUE_PROP = {
-  type: Array,
-  default: () => []
-};
-const PLACEHOLDER_PROP = {
-  type: String,
-  default: ''
-};
-
-var script$1 = defineComponent({
-  name: 'OrChipsInput',
-  components: {
-    OrChip: __vue_component__$1
-  },
-  props: {
-    chips: OR_CHIPS_VALUE_PROP,
-    placeholder: PLACEHOLDER_PROP,
-    input: {
-      type: String,
-      default: ''
-    },
-    duplicateAtIndex: {
-      type: Number,
-      default: -1
-    },
-    isFocused: Boolean,
-    isDisabled: Boolean,
-    isInvalid: Boolean
-  },
-  emits: ['add-chip', 'delete-chip', 'input-change', 'focus', 'blur'],
-  computed: {
-    placeholderText() {
-      return this.chips && this.chips.length ? '' : this.placeholder;
-    },
-    states() {
-      return {
-        error: this.isInvalid,
-        disabled: this.isDisabled
-      };
-    }
-  },
-  watch: {
-    isFocused: {
-      handler(isFocused) {
-        const ref = this.$refs['or-chips-input'];
-        if (ref) {
-          isFocused ? ref.focus() : ref.blur();
-        }
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    getOrChipColor(index) {
-      return this.duplicateAtIndex === index ? 'error' : '';
-    },
-    /* Help user to put input in focus by clicking on empty space  */
-    handleContentClick(event) {
-      const CONTENT_CLASS = 'or-chips-input';
-      const target = event.target;
-      if (target.classList.contains(CONTENT_CLASS)) {
-        this.$emit('focus');
-      }
-    }
-  }
-});
-
-var css_248z$1 = "@keyframes spinAround-data-v-aac65718{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-aac65718{from{opacity:1}to{opacity:0}}.or-chips-input[data-v-aac65718]{display:flex;flex-wrap:wrap;align-items:center;padding:.125rem .5rem;background-color:var(--c-neutral-1);border:1px solid var(--c-neutral-2);border-radius:.25rem}.or-chips-input.error[data-v-aac65718]{border-color:var(--c-error)}.or-chips-input.disabled[data-v-aac65718]{cursor:not-allowed}.or-chips-input.disabled .or-chips-input-element[data-v-aac65718]{cursor:not-allowed}.or-chips-input-element[data-v-aac65718]{flex:1 1 auto;min-width:0;height:1.875rem;margin:0 .125rem;font-size:var(--fs-1);background:0 0;border:none;outline:0}.or-chips-input .or-chip[data-v-aac65718]{margin:.125rem}";
-styleInject(css_248z$1);
-
-/* script */
-const __vue_script__ = script$1;
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('form', {
-    staticClass: "or-chips-input",
-    class: _vm.states,
-    on: {
-      "click": _vm.handleContentClick,
-      "submit": function ($event) {
-        $event.preventDefault();
-        return _vm.$emit('add-chip');
-      }
-    }
-  }, [_vm._l(_vm.chips, function (item, index) {
-    return _c('or-chip', {
-      key: index,
-      attrs: {
-        "content": item,
-        "color": _vm.getOrChipColor(index),
-        "is-disabled": _vm.isDisabled
-      },
-      on: {
-        "delete": function ($event) {
-          return _vm.$emit('delete-chip', index);
-        }
-      }
-    });
-  }), _vm._v(" "), _c('input', {
-    ref: "or-chips-input",
-    staticClass: "or-chips-input-element",
-    attrs: {
-      "placeholder": _vm.placeholderText,
-      "disabled": _vm.isDisabled
-    },
-    domProps: {
-      "value": _vm.input
-    },
-    on: {
-      "input": function ($event) {
-        return _vm.$emit('input-change', $event.target.value);
-      },
-      "blur": function ($event) {
-        return _vm.$emit('blur');
-      }
-    }
-  })], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-aac65718";
-/* 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__*/normalizeComponent({
-  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);
-
-var script = defineComponent({
-  name: 'OrChips',
-  components: {
-    OrChipsInput: __vue_component__,
-    OrLabel: __vue_component__$3,
-    OrError: __vue_component__$4
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    label: {
-      type: String,
-      default: ''
-    },
-    error: {
-      type: String,
-      default: ''
-    },
-    modelValue: OR_CHIPS_VALUE_PROP,
-    placeholder: PLACEHOLDER_PROP,
-    isRequired: Boolean,
-    isDisabled: Boolean,
-    isInvalid: Boolean
-  },
-  emits: ['update:modelValue', 'blur', 'focus', 'add-chip', 'delete-chip'],
-  data() {
-    return {
-      input: '',
-      duplicateAtIndex: -1,
-      isFocused: false
-    };
-  },
-  computed: {
-    hasDuplicates() {
-      return this.duplicateAtIndex !== -1;
-    }
-  },
-  watch: {
-    input: {
-      handler() {
-        this.checkForDuplicates();
-      },
-      immediate: true
-    },
-    modelValue: {
-      handler() {
-        this.checkForDuplicates();
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    handleFocus() {
-      this.isFocused = true;
-      this.$emit('focus');
-    },
-    handleAddChip(args) {
-      const isNotEmpty = !!this.input;
-      const hasNoDuplicate = this.duplicateAtIndex === -1;
-      if (isNotEmpty && hasNoDuplicate) {
-        const value = [...this.modelValue, this.input];
-        this.input = '';
-        this.$emit('update:modelValue', value);
-      }
-      this.isFocused = !args.blur;
-      if (!this.isFocused) {
-        this.$emit('blur', this.modelValue);
-      }
-      this.$emit('add-chip', this.modelValue);
-    },
-    handleDeleteChip(index) {
-      const value = [...this.modelValue];
-      value.splice(index, 1);
-      this.$emit('update:modelValue', value);
-      this.$emit('delete-chip', value);
-    },
-    checkForDuplicates() {
-      const input = this.input.trim();
-      this.duplicateAtIndex = this.modelValue.findIndex(chip => {
-        return chip === input;
-      });
-    }
-  }
-});
-
-var css_248z = "@keyframes spinAround-data-v-22b8e196{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-22b8e196{from{opacity:1}to{opacity:0}}.or-chips[data-v-22b8e196]{display:flex;flex-direction:column}.or-chips .or-label[data-v-22b8e196]{margin-bottom:var(--s-1)}.or-chips .or-error[data-v-22b8e196]{margin-top:var(--s-1)}";
-styleInject(css_248z);
-
-export { __vue_component__$1 as _, script as s };

package/dist/v2/OrCode-da64b7ee.js

@@ -1,384 +0,0 @@
-import { EditorState } from '@codemirror/state';
-import { useElementHover } from '@vueuse/core';
-import { basicSetup, EditorView } from 'codemirror';
-import _ from 'lodash';
-import { defineComponent, ref } from 'vue-demi';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
-import { _ as __vue_component__$1 } from './OrIconButton-cab39659.js';
-import { _ as __vue_component__$4 } from './OrError-efc74907.js';
-import { _ as __vue_component__$5 } from './OrHint-fe65fbe6.js';
-import { _ as __vue_component__$6 } from './OrLabel-931394a5.js';
-import { _ as __vue_component__$2 } from './OrModal-5c491f46.js';
-import { _ as __vue_component__$3 } from './OrTeleportVue2-fce4676d.js';
-import { html } from '@codemirror/lang-html';
-import { css } from '@codemirror/lang-css';
-import { json } from '@codemirror/lang-json';
-import { javascript } from '@codemirror/lang-javascript';
-import { markdown } from '@codemirror/lang-markdown';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-var OrCodeLanguages;
-(function (OrCodeLanguages) {
-  OrCodeLanguages["JS"] = "javascript";
-  OrCodeLanguages["TS"] = "typescript";
-  OrCodeLanguages["CSS"] = "css";
-  OrCodeLanguages["HTML"] = "html";
-  OrCodeLanguages["JSON"] = "json";
-  OrCodeLanguages["MD"] = "markdown";
-})(OrCodeLanguages || (OrCodeLanguages = {}));
-
-const JS = javascript({
-  typescript: false
-});
-const TS = javascript({
-  typescript: true
-});
-const CSS = css();
-const HTML = html();
-const JSON = json();
-const MD = markdown();
-var languages = {
-  [OrCodeLanguages.JS]: JS,
-  [OrCodeLanguages.TS]: TS,
-  [OrCodeLanguages.CSS]: CSS,
-  [OrCodeLanguages.HTML]: HTML,
-  [OrCodeLanguages.JSON]: JSON,
-  [OrCodeLanguages.MD]: MD
-};
-
-//partially based on https://github.com/logue/vue-codemirror6/blob/master/src/components/CodeMirror.vue
-var script = defineComponent({
-  name: 'OrCode',
-  components: {
-    OrIconButton: __vue_component__$1,
-    OrModal: __vue_component__$2,
-    OrTeleport: __vue_component__$3,
-    OrError: __vue_component__$4,
-    OrHint: __vue_component__$5,
-    OrLabel: __vue_component__$6
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    label: {
-      type: String,
-      default: '',
-      required: false
-    },
-    modelValue: {
-      type: String,
-      default: '',
-      required: false
-    },
-    language: {
-      type: [Object, String],
-      required: false,
-      default: OrCodeLanguages.JS
-    },
-    isReadonly: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    extensions: {
-      type: Array,
-      required: false,
-      default: () => [basicSetup]
-    },
-    phrases: {
-      type: Object,
-      required: false,
-      default: null
-    },
-    isShowingFullscreen: {
-      type: Boolean,
-      default: true,
-      required: false
-    },
-    isInvalid: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    error: {
-      type: String,
-      default: '',
-      required: false
-    },
-    hint: {
-      type: String,
-      default: '',
-      required: false
-    },
-    allowPaste: {
-      type: Boolean,
-      default: true
-    },
-    allowDrop: {
-      type: Boolean,
-      default: true
-    },
-    lineWrapping: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['update:modelValue', 'focus', 'blur'],
-  setup(props, {
-    emit
-  }) {
-    const root = ref();
-    const target = ref();
-    const fullscreenTarget = ref();
-    const isHovered = useElementHover(root);
-    const editor = new EditorView({
-      state: EditorState.create({
-        doc: props.modelValue
-      }),
-      dispatch: tr => {
-        editor.update([tr]);
-        if (tr.changes.empty) return;
-        emit('update:modelValue', editor.state.doc.toString());
-      }
-    });
-    return {
-      root,
-      target,
-      fullscreenTarget,
-      editor,
-      isHovered
-    };
-  },
-  data() {
-    return {
-      isFullscreen: false
-    };
-  },
-  computed: {
-    localLanguage() {
-      if (_.includes(_.values(OrCodeLanguages), this.language)) {
-        return languages[this.language];
-      } else {
-        return this.language;
-      }
-    },
-    localExtensions() {
-      const {
-        allowDrop,
-        allowPaste,
-        lineWrapping
-      } = this;
-      const ext = _.compact([
-      // Toggle light/dark mode
-      EditorView.baseTheme({}),
-      // locale settings
-      this.phrases ? EditorState.phrases.of(this.phrases) : undefined,
-      // Parser language setting
-      this.localLanguage,
-      // Editable option
-      EditorView.editable.of(!this.isReadonly),
-      // Focus and blur listener
-      EditorView.updateListener.of(viewUpdate => {
-        if (viewUpdate.focusChanged) {
-          viewUpdate.view.hasFocus ? this.$emit('focus') : this.$emit('blur', viewUpdate.state.doc.toString());
-        }
-      }), EditorView.domEventHandlers({
-        drop(event) {
-          if (!allowDrop) {
-            event.preventDefault();
-            return true;
-          }
-        },
-        paste(event) {
-          if (!allowPaste) {
-            event.preventDefault();
-            return true;
-          }
-        }
-      }),
-      // line wrapping
-      lineWrapping ? EditorView.lineWrapping : undefined]);
-      // Append Extensions (such as basic-setup)
-      if (this.extensions.length !== 0) _.merge(ext, this.extensions);
-      return ext;
-    },
-    isShowingError() {
-      return !!this.error && this.isInvalid;
-    },
-    isShowingHint() {
-      return !!this.hint && !this.isShowingError;
-    },
-    isShowingHeader() {
-      var _a;
-      return this.isShowingFullscreen || this.$slots.label || this.$slots.actions || ((_a = this.$scopedSlots) === null || _a === void 0 ? void 0 : _a.actions);
-    }
-  },
-  watch: {
-    modelValue(value) {
-      if (this.editor.composing) return;
-      if (this.editor.state.doc.toString() === value) return;
-      const previous = this.editor.state.selection;
-      this.editor.setState(EditorState.create({
-        doc: value,
-        extensions: this.localExtensions,
-        selection: _.some(previous.ranges, range => range.to > value.length) ? {
-          anchor: value.length
-        } : previous
-      }));
-    },
-    isFullscreen(value) {
-      if (value) {
-        this.fullscreenTarget.append(this.editor.dom);
-      } else {
-        this.target.append(this.editor.dom);
-      }
-    },
-    localExtensions() {
-      this.updateEditorState();
-    }
-  },
-  mounted() {
-    this.updateEditorState();
-    this.target.append(this.editor.dom);
-  },
-  beforeUnmount() {
-    var _a;
-    (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
-  },
-  methods: {
-    updateEditorState() {
-      this.editor.setState(EditorState.create({
-        doc: this.modelValue,
-        extensions: this.localExtensions
-      }));
-    },
-    toggleFullscreen(value) {
-      this.isFullscreen = value === undefined ? !this.isFullscreen : value;
-    }
-  }
-});
-
-var css_248z = "@keyframes spinAround-data-v-2a2e4862{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2a2e4862{from{opacity:1}to{opacity:0}}.or-code .fullscreen-button[data-v-2a2e4862]{width:2.25rem;height:2.25rem}.or-code .fullscreen-button>.or-icon[data-v-2a2e4862]{font-size:1.5rem}.or-code .footer .or-code-error[data-v-2a2e4862],.or-code .footer .or-code-hint[data-v-2a2e4862]{flex-shrink:1;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:height,opacity}.header[data-v-2a2e4862]{display:flex;flex-direction:row;align-items:center;height:36px}.header .actions[data-v-2a2e4862]{margin-left:auto}.header .actions[data-v-2a2e4862]:not(.is-visible){display:none}.or-code-editor[data-v-2a2e4862]{min-height:calc(1.4em + 8px);overflow:auto;font-size:var(--fs-0);border:1px solid var(--c-neutral-2);border-radius:var(--s-2)}.or-code-editor.is-invalid[data-v-2a2e4862]{border-color:var(--c-error)}.or-code-editor[data-v-2a2e4862]> *{width:100%;height:100%}.or-code[data-v-2a2e4862],.or-modal[data-v-2a2e4862]  .content{display:flex;flex-direction:column}.or-code .or-code-editor[data-v-2a2e4862],.or-modal[data-v-2a2e4862]  .content .or-code-editor{flex-grow:1;text-align:left!important}";
-styleInject(css_248z);
-
-/* 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', {
-    ref: "root",
-    staticClass: "or-code"
-  }, [_vm.isShowingHeader ? _c('div', {
-    staticClass: "header"
-  }, [_c('or-label', {
-    attrs: {
-      "label": _vm.label
-    },
-    scopedSlots: _vm._u([{
-      key: "append",
-      fn: function () {
-        return [_vm._t("label-append")];
-      },
-      proxy: true
-    }], null, true)
-  }, [_vm._t("label")], 2), _vm._v(" "), _c('div', {
-    staticClass: "actions",
-    class: {
-      'is-visible': _vm.isHovered
-    }
-  }, [_vm._t("actions", function () {
-    return [_vm.isShowingFullscreen ? _c('or-icon-button', {
-      staticClass: "fullscreen-button",
-      attrs: {
-        "icon": "fullscreen",
-        "icon-color": "neutral-3"
-      },
-      on: {
-        "click": function ($event) {
-          return _vm.toggleFullscreen(true);
-        }
-      }
-    }) : _vm._e()];
-  }, {
-    "toggleFullscreen": _vm.toggleFullscreen
-  })], 2)], 1) : _vm._e(), _vm._v(" "), _c('div', {
-    ref: "target",
-    staticClass: "or-code-editor",
-    class: {
-      'is-invalid': _vm.isInvalid
-    }
-  }), _vm._v(" "), _c('div', {
-    staticClass: "footer"
-  }, [_vm.isShowingError ? _c('or-error', {
-    staticClass: "or-code-error",
-    attrs: {
-      "error": _vm.error
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.isShowingHint ? _c('or-hint', {
-    staticClass: "or-code-hint",
-    attrs: {
-      "hint": _vm.hint
-    }
-  }) : _vm._e()], 1), _vm._v(" "), _c('or-teleport', [_c('or-modal', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.isFullscreen,
-      expression: "isFullscreen"
-    }],
-    attrs: {
-      "title-text": _vm.label,
-      "size": "fullScreen",
-      "is-open": "",
-      "trap-focus": false
-    },
-    on: {
-      "close": function ($event) {
-        return _vm.toggleFullscreen(false);
-      }
-    }
-  }, [_vm.$slots['modal-actions'] ? _c('div', {
-    staticClass: "header"
-  }, [_c('div', {
-    staticClass: "actions is-visible"
-  }, [_vm._t("modal-actions")], 2)]) : _vm._e(), _vm._v(" "), _c('div', {
-    ref: "fullscreenTarget",
-    staticClass: "or-code-editor",
-    class: {
-      'is-invalid': _vm.isInvalid
-    }
-  }), _vm._v(" "), _vm.isShowingError ? _c('or-error', {
-    staticClass: "or-code-error",
-    attrs: {
-      "error": _vm.error
-    }
-  }) : _vm._e()], 1)], 1)], 1);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-2a2e4862";
-/* 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__*/normalizeComponent({
-  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 { OrCodeLanguages as O, __vue_component__ as _ };